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

src/views/traceManage/task-hlr/index.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import { reactive, onMounted, toRaw, ref } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { Form, message, Modal } from 'ant-design-vue/lib';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import { ColumnsType } from 'ant-design-vue/lib/table';
+import { ProModal } from 'antdv-pro-modal';
+import { Form, message, Modal } from 'ant-design-vue/es';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { ColumnsType } from 'ant-design-vue/es/table';
 import { parseDateToStr } from '@/utils/date-utils';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useI18n from '@/hooks/useI18n';
@@ -271,9 +272,9 @@ function fnRecordStop(id: string) {
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**详情框是否显示 */
-  visibleByView: boolean;
+  openByView: boolean;
   /**新增框或修改框是否显示 */
-  visibleByEdit: boolean;
+  openByEdit: boolean;
   /**标题 */
   title: string;
   /**任务开始结束时间 */
@@ -290,8 +291,8 @@ type ModalStateType = {
 
 /**对话框对象信息状态 */
 let modalState: ModalStateType = reactive({
-  visibleByView: false,
-  visibleByEdit: false,
+  openByView: false,
+  openByEdit: false,
   title: '',
   timeRangePicker: ['', ''],
   from: {
@@ -364,7 +365,7 @@ function fnModalVisibleByVive(id: Record<string, any>) {
       modalState.confirmLoading = false;
       hide();
       modalState.title = t('views.traceManage.task.viewTask');
-      modalState.visibleByView = true;
+      modalState.openByView = true;
     } else {
       message.error(t('views.traceManage.task.errorTaskInfo'), 3);
     }
@@ -379,7 +380,7 @@ function fnModalVisibleByEdit(id?: string) {
   if (!id) {
     fnModalCancel();
     modalState.title = t('views.traceManage.task.addTask');
-    modalState.visibleByEdit = true;
+    modalState.openByEdit = true;
   }
 }
 
@@ -434,8 +435,8 @@ function fnModalOk() {
  * 进行表达规则校验
  */
 function fnModalCancel() {
-  modalState.visibleByView = false;
-  modalState.visibleByEdit = false;
+  modalState.openByView = false;
+  modalState.openByEdit = false;
   modalState.confirmLoading = false;
   modalStateFrom.resetFields();
   modalState.timeRangePicker = ['', ''];
@@ -646,7 +647,7 @@ onMounted(() => {
     <!-- 详情框 -->
     <ProModal
       :drag="true"
-      :visible="modalState.visibleByView"
+      :open="modalState.openByView"
       :title="modalState.title"
       @cancel="fnModalCancel"
       :footer="null"
@@ -700,7 +701,7 @@ onMounted(() => {
       :destroyOnClose="true"
       :keyboard="false"
       :mask-closable="false"
-      :visible="modalState.visibleByEdit"
+      :open="modalState.openByEdit"
       :title="modalState.title"
       :confirm-loading="modalState.confirmLoading"
       @ok="fnModalOk"
@@ -728,7 +729,7 @@ onMounted(() => {
                 <template #title>
                   <div>{{ t('views.traceManage.task.imsiTip') }}</div>
                 </template>
-                <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
+                <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
               </a-tooltip>
             </template>
           </a-input>
@@ -748,7 +749,7 @@ onMounted(() => {
                 <template #title>
                   <div>{{ t('views.traceManage.task.msisdnTip') }}</div>
                 </template>
-                <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
+                <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
               </a-tooltip>
             </template>
           </a-input>