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

src/views/logManage/alarm/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { reactive, ref, 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 { 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 { listAlarm } from '@/api/logManage/alarm';

src/views/logManage/exportFile/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import { ColumnsType } from 'ant-design-vue/lib/table';
-import { Modal, message } from 'ant-design-vue/lib';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { ColumnsType } from 'ant-design-vue/es/table';
+import { Modal, message } from 'ant-design-vue/es';
 import { parseDateToStr } from '@/utils/date-utils';
 import {
   getBakFile,
@@ -277,7 +277,7 @@ onMounted(() => {
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
         <a-form :model="queryParams" name="queryParams" layout="horizontal">
-          <a-row :gutter="16">
+          <a-row>
             <a-col :lg="8" :md="12" :xs="24">
               <a-form-item
                 :label="t('views.logManage.exportFile.fileName')"

src/views/logManage/forwarding/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { reactive, ref, 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 { 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 { listForwarding } from '@/api/logManage/forwarding';

src/views/logManage/logSet/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { Form, Modal, message } from 'ant-design-vue/lib';
+import { Form, Modal, message } from 'ant-design-vue/es';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import {
   backupDownload,
@@ -411,7 +411,7 @@ onMounted(() => {
 
 <template>
   <PageContainer>
-    <a-row :gutter="16">
+    <a-row>
       <a-col :span="8">
         <!-- 日志设置 -->
         <a-card :title="logSetState.title" :loading="logSetState.fromLoading">

src/views/logManage/mml/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { reactive, ref, 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 { 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 { listMML } from '@/api/logManage/mml';

src/views/logManage/neFile/components/ViewDrawer.vue

@@ -4,9 +4,9 @@ import { ProModal } from 'antdv-pro-modal';
 import TerminalSSHView from '@/components/TerminalSSHView/index.vue';
 import useI18n from '@/hooks/useI18n';
 const { t } = useI18n();
-const emit = defineEmits(['ok', 'cancel', 'update:visible']);
+const emit = defineEmits(['ok', 'cancel', 'update:open']);
 const props = defineProps({
-  visible: {
+  open: {
     type: Boolean,
     default: false,
     required: true,
@@ -34,7 +34,7 @@ const props = defineProps({
 /**对话框对象信息状态类型 */
 type StateType = {
   /**框是否显示 */
-  visible: boolean;
+  open: boolean;
   /**标题 */
   title: string;
   /**查看命令 */
@@ -43,7 +43,7 @@ type StateType = {
 
 /**对话框对象信息状态 */
 let state: StateType = reactive({
-  visible: false,
+  open: false,
   title: '文件查看',
   form: {
     follow: true,
@@ -54,21 +54,21 @@ let state: StateType = reactive({
 });
 
 function onClose() {
-  state.visible = false;
+  state.open = false;
   emit('cancel');
-  emit('update:visible', false);
+  emit('update:open', false);
 }
 
 /**监听是否显示，初始数据 */
 watch(
-  () => props.visible,
+  () => props.open,
   val => {
     if (val) {
       if (props.neType && props.neId) {
         const filePath = props.filePath;
         const fileName = filePath.substring(filePath.lastIndexOf('/') + 1);
         state.title = fileName;
-        state.visible = true;
+        state.open = true;
       }
     }
   }
@@ -114,9 +114,9 @@ function fnReload() {
     :destroyOnClose="true"
     :keyboard="false"
     :mask-closable="false"
-    :visible="state.visible"
+    :open="state.open"
     :title="state.title"
-    :body-style="{ padding: '12px', overflow: 'hidden' }"
+    :body-style="{ overflow: 'hidden' }"
     :footer="null"
     @cancel="onClose"
   >
@@ -132,7 +132,7 @@ function fnReload() {
     ></TerminalSSHView>
     <!-- 命令控制属性 -->
     <a-form name="form" layout="horizontal">
-      <a-row :gutter="16">
+      <a-row>
         <a-col :lg="12" :md="12" :xs="24">
           <a-form-item :label="t('views.logManage.neFile.viewAs')">
             <a-input-group compact>

src/views/logManage/neFile/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import { ColumnsType } from 'ant-design-vue/lib/table';
-import { Modal, message } from 'ant-design-vue/lib';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { ColumnsType } from 'ant-design-vue/es/table';
+import { Modal, message } from 'ant-design-vue/es';
 import { parseDateToStr } from '@/utils/date-utils';
 import { getNeFile, listNeFiles } from '@/api/tool/neFile';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
@@ -260,7 +260,7 @@ function fnGetList(pageNum?: number) {
 
 /**抽屉状态 */
 const viewDrawerState = reactive({
-  visible: false,
+  open: false,
   /**文件路径 /var/log/amf.log */
   filePath: '',
   /**网元类型 */
@@ -274,7 +274,7 @@ function fnDrawerOpen(row: Record<string, any>) {
   viewDrawerState.filePath = [...nePathArr.value, row.fileName].join('/');
   viewDrawerState.neType = neTypeSelect.value[0];
   viewDrawerState.neId = neTypeSelect.value[1];
-  viewDrawerState.visible = !viewDrawerState.visible;
+  viewDrawerState.open = !viewDrawerState.open;
 }
 
 onMounted(() => {
@@ -300,43 +300,33 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-form :model="queryParams" name="queryParams" layout="horizontal">
-          <a-row :gutter="16">
-            <a-col :lg="8" :md="12" :xs="24">
-              <a-form-item
-                :label="t('views.logManage.neFile.neType')"
-                name="neType"
-                style="margin-bottom: 0"
-              >
-                <a-cascader
-                  v-model:value="neTypeSelect"
-                  :options="neInfoStore.getNeCascaderOptions"
-                  @change="fnNeChange"
-                  :allow-clear="false"
-                  :placeholder="t('views.logManage.neFile.neTypePlease')"
-                  :disabled="downLoading || tableState.loading"
-                />
-              </a-form-item>
+        <a-row :gutter="16" align="middle">
+          <a-col>
+            <span>{{ t('views.logManage.neFile.neType') }}:</span>&nbsp;
+            <a-cascader
+              v-model:value="neTypeSelect"
+              :options="neInfoStore.getNeCascaderOptions"
+              @change="fnNeChange"
+              :allow-clear="false"
+              :placeholder="t('views.logManage.neFile.neTypePlease')"
+              :disabled="downLoading || tableState.loading"
+            />
+          </a-col>
+          <template v-if="nePathArr.length > 0">
+            <span>{{ t('views.logManage.neFile.nePath') }}:</span>&nbsp;
+            <a-col>
+              <a-breadcrumb>
+                <a-breadcrumb-item
+                  v-for="(path, index) in nePathArr"
+                  :key="path"
+                  @click="fnDirCD(path, index)"
+                >
+                  {{ path }}
+                </a-breadcrumb-item>
+              </a-breadcrumb>
             </a-col>
-            <a-col :lg="16" :md="18" :xs="24" v-if="nePathArr.length > 0">
-              <a-form-item
-                :label="t('views.logManage.neFile.nePath')"
-                name="configName"
-                style="margin-bottom: 0"
-              >
-                <a-breadcrumb>
-                  <a-breadcrumb-item
-                    v-for="(path, index) in nePathArr"
-                    :key="path"
-                    @click="fnDirCD(path, index)"
-                  >
-                    {{ path }}
-                  </a-breadcrumb-item>
-                </a-breadcrumb>
-              </a-form-item>
-            </a-col>
-          </a-row>
-        </a-form>
+          </template>
+        </a-row>
       </template>
 
       <!-- 插槽-卡片右侧 -->
@@ -397,7 +387,7 @@ onMounted(() => {
 
     <!-- 文件内容查看抽屉 -->
     <ViewDrawer
-      v-model:visible="viewDrawerState.visible"
+      v-model:open="viewDrawerState.open"
       :file-path="viewDrawerState.filePath"
       :ne-type="viewDrawerState.neType"
       :ne-id="viewDrawerState.neId"