feat: modal组件替换

src/views/components/dataEngine/hotTranslation.vue

@@ -2,10 +2,7 @@
   <view>
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
     <!-- tabel -->
-    <a-space
-      direction="vertical"
-      class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
-    >
+    <a-space direction="vertical" class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
       <div class="title-row">
         <span class="title mr-4px">行业热门话题洞察</span>
         <a-tooltip>
@@ -78,7 +75,14 @@
         </template>
       </a-table>
     </a-space>
-    <Modal v-model:open="visible" unmountOnClose centered wrapClassName="hot-translation-modal" width="640px" @cancel="handleCancel">
+    <Modal
+      v-model:open="visible"
+      unmountOnClose
+      centered
+      wrapClassName="hot-translation-modal"
+      width="640px"
+      @cancel="handleCancel"
+    >
       <template #title>
         <span style="text-align: left; width: 100%">行业热门话题洞察</span>
       </template>

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

@@ -36,7 +36,7 @@
         </Button>
       </template>
     </a-table>
-    <Modal v-model:visible="addAccountVisible" width="480px" title="添加子账号" :okText="okText" @ok="handleOk" >
+    <Modal v-model:open="addAccountVisible" centered width="480px" title="添加子账号" :okText="okText" @ok="handleOk" >
       <div v-if="canAddAccount" class="add-account-container">
         <h2 class="add-account-title">生成企业专属链接，成员通过访问即可注册并加入企业账号。</h2>
         <p class="add-account-subtitle">子账号可独立登录，权限继承主账号配置。</p>
@@ -53,8 +53,8 @@
         <p class="cannot-add-account-subtitle">如需添加更多子账号，您可联系销售人员进行购买和权限扩展。</p>
       </div>
     </Modal>
-    <CustomerServiceModal v-model:visible="customerServiceVisible" />
-    <DeleteModal v-model:open="deleteVisible" :content="deleteTitle" @ok="handleDelete" @close="deleteVisible = false">
+    <CustomerServiceModal v-model:open="customerServiceVisible" centered/>
+    <DeleteModal v-model:open="deleteVisible" centered :content="deleteTitle" @ok="handleDelete" @cancel="deleteVisible = false">
     </DeleteModal>
   </div>
 </template>

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

@@ -14,7 +14,7 @@
         <Button class="edit-button" size="small" type="primary" ghost @click="handleUpdate">修改</Button>
       </template>
     </a-table>
-    <Modal v-model:visible="infoVisible" width="480px" title="修改企业名称" :okText="okText" @ok="handleOk">
+    <Modal v-model:open="infoVisible" width="480px" centered title="修改企业名称" :okText="okText" @ok="handleOk">
       <p class="tips">
         企业名称只能修改2次，请谨慎操作。<span
           >（剩余{{ enterpriseInfo!.update_name_quota - enterpriseInfo!.used_update_name_count }}次）
@@ -32,7 +32,7 @@
         </a-form-item>
       </a-form>
     </Modal>
-    <CustomerServiceModal v-model:visible="customerServiceVisible" />
+    <CustomerServiceModal v-model:open="customerServiceVisible" centered />
   </div>
 </template>
 <script setup lang="ts">

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

@@ -19,7 +19,7 @@
         <icon-edit size="13" class="ml-8px" @click="openEditMobileModal" />
       </template>
     </a-table>
-    <Modal v-model:visible="infoVisible" title="修改用户信息" @ok="handleSubmitUserInfo">
+    <Modal v-model:open="infoVisible" centered title="修改用户信息" @ok="handleSubmitUserInfo">
       <a-form
         class="form"
         :model="userInfoForm"
@@ -46,10 +46,10 @@
         </a-form-item>
       </a-form>
     </Modal>
-    <Modal v-model:visible="imageVisible" title="头像裁剪">
+    <Modal v-model:open="imageVisible" centered title="头像裁剪">
       <VueCropper></VueCropper>
     </Modal>
-    <Modal v-model:visible="mobileVisible" title="修改手机号" @ok="handleUpdateMobile">
+    <Modal v-model:open="mobileVisible" centered title="修改手机号" @ok="handleUpdateMobile">
       <a-form
         ref="formRef"
         :model="form"

src/views/components/workplace/modules/product.vue

@@ -64,7 +64,7 @@
         <Button v-if="props.product.status === Status.Disable" size="small" type="default" ghost> 免费试用7天 </Button>
       </a-popconfirm>
     </div>
-    <CustomerServiceModal v-model:visible="visible" />
+    <CustomerServiceModal v-model:open="visible" centered/>
   </div>
 </template>