a-form-model实现整个表单只读

要实现整个表单只读，可以通过以下步骤：

1. 在组件中引入 `a-form-model`
2. 在 `a-form-model` 上添加 `:model` 属性绑定表单数据模型对象
3. 在 `a-form-model` 上添加 `:readonly` 属性绑定只读状态
4. 在表单元素上添加 `:disabled` 属性绑定只读状态

下面是一个示例代码：

<template>
  <a-form-model :model="formData" :readonly="true">
    <a-form-model-item label="用户名">
      <a-input :value="formData.username" :disabled="true" />
    </a-form-model-item>
    <a-form-model-item label="密码">
      <a-input type="password" :value="formData.password" :disabled="true" />
    </a-form-model-item>
    <a-form-model-item label="邮箱">
      <a-input :value="formData.email" :disabled="true" />
    </a-form-model-item>
  </a-form-model>
</template>

<script>
import { defineComponent } from 'vue';
import { AFormModel, AFormModelItem, AInput } from 'antd-vue';

export default defineComponent({
  components: {
    AFormModel,
    AFormModelItem,
    AInput,
  },
  data() {
    return {
      formData: {
        username: '张三',
        password: '123456',
        email: 'zhangsan@example.com',
      },
    };
  },
});
</script>

在上面的代码中，`a-form-model` 组件上添加了 `:readonly="true"` 属性，表示整个表单都是只读的，因此在表单元素上添加了 `:disabled="true"` 属性，使其不可编辑。