feat: form组件替换

src/views/components/management/enterprise/index.vue

@@ -14,29 +14,37 @@
         <Button class="edit-button" size="small" type="primary" ghost @click="handleUpdate">修改</Button>
       </template>
     </a-table>
-    <Modal v-model:open="infoVisible" width="480px" centered title="修改企业名称" :okText="okText" @ok="handleOk">
+    <Modal
+      v-model:open="infoVisible"
+      width="480px"
+      centered
+      title="修改企业名称"
+      :okText="okText"
+      @ok="handleOk"
+      cancelText="取消"
+    >
       <p class="tips">
         企业名称只能修改2次，请谨慎操作。<span
           >（剩余{{ enterpriseInfo!.update_name_quota - enterpriseInfo!.used_update_name_count }}次）
         </span>
       </p>
-      <a-form
+      <Form
         :model="form"
         class="form"
         :label-col-props="{ span: 6, offset: 0 }"
         :wrapper-col-props="{ span: 18, offset: 0 }"
         label-align="left"
       >
-        <a-form-item required field="name" label="新企业名称">
+        <FormItem required name="name" label="新企业名称">
           <a-input v-model.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
-        </a-form-item>
-      </a-form>
+        </FormItem>
+      </Form>
     </Modal>
     <CustomerServiceModal v-model:open="customerServiceVisible" centered />
   </div>
 </template>
 <script setup lang="ts">
-import { Button } from 'ant-design-vue';
+import { Button, Form, FormItem } from 'ant-design-vue';
 import Container from '@/components/container.vue';
 import Modal from '@/components/modal.vue';
 import { ref, reactive, computed } from 'vue';