feat: modal组件替换

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"