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

src/views/traceManage/analysis/index.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { reactive, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { message, Modal } from 'ant-design-vue/lib';
-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 { ProModal } from 'antdv-pro-modal';
+import { Modal } from 'ant-design-vue/es';
+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 { parseDateToStr } from '@/utils/date-utils';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { saveAs } from 'file-saver';
@@ -174,7 +175,7 @@ function fnGetList(pageNum?: number) {
 /**抽屉对象信息状态类型 */
 type ModalStateType = {
   /**抽屉框是否显示 */
-  visible: boolean;
+  open: boolean;
   /**标题 */
   title: string;
   /**表单数据 */
@@ -183,7 +184,7 @@ type ModalStateType = {
 
 /**抽屉对象信息状态 */
 let modalState: ModalStateType = reactive({
-  visible: false,
+  open: false,
   title: '',
   from: {
     rawData: '',
@@ -214,14 +215,14 @@ function fnModalVisible(row: Record<string, any>) {
   modalState.title = t('views.traceManage.analysis.taskTitle', {
     num: row.imsi,
   });
-  modalState.visible = true;
+  modalState.open = true;
 }
 
 /**
  * 对话框弹出关闭
  */
 function fnModalVisibleClose() {
-  modalState.visible = false;
+  modalState.open = false;
   modalState.from.downBtn = false;
   modalState.from.rawDataHTML = '';
   modalState.from.rawData = '';
@@ -478,7 +479,7 @@ onMounted(() => {
       :drag="true"
       :width="800"
       :title="modalState.title"
-      :visible="modalState.visible"
+      :open="modalState.open"
       @cancel="fnModalVisibleClose"
     >
       <div class="raw-title">
@@ -486,7 +487,6 @@ onMounted(() => {
       </div>
       <a-row
         class="raw"
-        :gutter="16"
         v-for="v in modalState.from.rawData"
         :key="v.row"
       >