feat: 页面调整组件属性升级

src/views/ne/neHost/index.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { reactive, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
-import { ColumnsType } from 'ant-design-vue/lib/table';
-import { Form, Modal, message } from 'ant-design-vue/lib';
+import { ProModal } from 'antdv-pro-modal';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
+import { ColumnsType } from 'ant-design-vue/es/table';
+import { Form, Modal, message } from 'ant-design-vue/es';
 import { parseDateToStr } from '@/utils/date-utils';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import {
@@ -211,7 +212,7 @@ function fnGetList(pageNum?: number) {
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**新增框或修改框是否显示 */
-  visibleByEdit: boolean;
+  openByEdit: boolean;
   /**标题 */
   title: string;
   /**表单数据 */
@@ -222,7 +223,7 @@ type ModalStateType = {
 
 /**对话框对象信息状态 */
 let modalState: ModalStateType = reactive({
-  visibleByEdit: false,
+  openByEdit: false,
   title: '信息',
   from: {
     hostId: undefined,
@@ -302,7 +303,7 @@ function fnModalVisibleByEdit(roleId?: string | number) {
   if (!roleId) {
     modalStateFrom.resetFields();
     modalState.title = t('views.ne.neHost.addTitle');
-    modalState.visibleByEdit = true;
+    modalState.openByEdit = true;
   } else {
     if (modalState.confirmLoading) return;
     const hide = message.loading(t('common.loading'), 0);
@@ -314,7 +315,7 @@ function fnModalVisibleByEdit(roleId?: string | number) {
       if (res.code === RESULT_CODE_SUCCESS && res.data) {
         modalState.from = Object.assign(modalState.from, res.data);
         modalState.title = t('views.ne.neHost.editTitle');
-        modalState.visibleByEdit = true;
+        modalState.openByEdit = true;
       } else {
         message.error(t('common.getInfoFail'), 2);
       }
@@ -372,7 +373,7 @@ function fnModalOk() {
  * 进行表达规则校验
  */
 function fnModalCancel() {
-  modalState.visibleByEdit = false;
+  modalState.openByEdit = false;
   modalStateFrom.resetFields();
 }
 
@@ -632,7 +633,7 @@ onMounted(() => {
         :destroyOnClose="true"
         :keyboard="false"
         :mask-closable="false"
-        :visible="modalState.visibleByEdit"
+        :open="modalState.openByEdit"
         :title="modalState.title"
         :confirm-loading="modalState.confirmLoading"
         @ok="fnModalOk"
@@ -644,7 +645,7 @@ onMounted(() => {
           :label-col="{ span: 6 }"
           :label-wrap="true"
         >
-          <a-row :gutter="16">
+          <a-row>
             <a-col :lg="12" :md="12" :xs="24">
               <a-form-item
                 :label="t('views.ne.neHost.hostType')"
@@ -686,7 +687,7 @@ onMounted(() => {
             </a-input>
           </a-form-item>
 
-          <a-row :gutter="16">
+          <a-row>
             <a-col :lg="12" :md="12" :xs="24">
               <a-form-item
                 :label="t('views.ne.neHost.addr')"
@@ -720,7 +721,7 @@ onMounted(() => {
             </a-col>
           </a-row>
 
-          <a-row :gutter="16">
+          <a-row>
             <a-col :lg="12" :md="12" :xs="24">
               <a-form-item
                 :label="t('views.ne.neHost.user')"