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

src/views/system/quick-start/components/NeInfoConfig.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Modal, message } from 'ant-design-vue/lib';
+import { ProModal } from 'antdv-pro-modal';
+import { Modal, message } from 'ant-design-vue/es';
 import { nextTick, onMounted, reactive, ref, toRaw } from 'vue';
 import {
   addNeInfo,
@@ -53,7 +54,7 @@ const tabState: TabStateType = reactive({
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**新增框或修改框是否显示 */
-  visibleByEdit: boolean;
+  openByEdit: boolean;
   /**标题 */
   title: string;
   /**表单数据 */
@@ -66,7 +67,7 @@ type ModalStateType = {
 
 /**对话框对象信息状态 */
 let modalState: ModalStateType = reactive({
-  visibleByEdit: false,
+  openByEdit: false,
   title: '网元配置',
   from: {
     id: undefined,
@@ -274,7 +275,7 @@ function fnModalVisibleByEdit(record?: any) {
         },
       ],
     };
-    modalState.visibleByEdit = true;
+    modalState.openByEdit = true;
   } else {
     //获取单个网元信息 当修改时
     if (modalState.confirmLoading) return;
@@ -287,7 +288,7 @@ function fnModalVisibleByEdit(record?: any) {
       if (res.code === RESULT_CODE_SUCCESS) {
         Object.assign(modalState.from, res.data);
         modalState.title = t('views.configManage.neManage.editNe');
-        modalState.visibleByEdit = true;
+        modalState.openByEdit = true;
       } else {
         message.error(t('common.getInfoFail'), 2);
       }
@@ -361,7 +362,7 @@ function fnDelete(data: any) {
  * 进行表达规则校验
  */
 function fnModalCancel() {
-  modalState.visibleByEdit = false;
+  modalState.openByEdit = false;
   modalState.confirmLoading = false;
   tabState.confirmLoading = false;
 }
@@ -609,7 +610,7 @@ onMounted(() => {
     :destroyOnClose="true"
     :keyboard="false"
     :mask-closable="false"
-    :visible="modalState.visibleByEdit"
+    :open="modalState.openByEdit"
     :title="modalState.title"
     :confirm-loading="modalState.confirmLoading"
     @ok="fnModalOk"
@@ -623,7 +624,7 @@ onMounted(() => {
       :model="modalState.from"
       autocomplete="off"
     >
-      <a-row :gutter="16">
+      <a-row>
         <a-col :lg="12" :md="12" :xs="24">
           <a-form-item
             :label="t('views.ne.common.neType')"
@@ -652,7 +653,7 @@ onMounted(() => {
                     <template #title>
                       {{ t('views.ne.common.neTypeTip') }}
                     </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
+                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
                   </a-tooltip>
                 </template>
               </a-input>
@@ -680,7 +681,7 @@ onMounted(() => {
                   <template #title>
                     {{ t('views.ne.common.neIdTip') }}
                   </template>
-                  <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
+                  <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
                 </a-tooltip>
               </template>
             </a-input>
@@ -688,7 +689,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.common.ipAddr')"
@@ -716,7 +717,7 @@ onMounted(() => {
                       {{ t('views.ne.common.ipAddrTip') }}
                     </div>
                   </template>
-                  <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
+                  <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
                 </a-tooltip>
               </template>
             </a-input>
@@ -731,7 +732,7 @@ onMounted(() => {
         </a-divider>
 
         <!-- 主机连接配置 -->
-        <a-row :gutter="16">
+        <a-row>
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item :label="t('views.ne.neHost.addr')">
               <a-input
@@ -758,7 +759,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')">
               <a-input