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

src/views/traceManage/pcap/file.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';
@@ -275,7 +275,7 @@ function fnGetList(pageNum?: number) {
 
 /**抽屉状态 */
 const viewDrawerState = reactive({
-  visible: false,
+  open: false,
   /**文件路径 /var/log/amf.log */
   filePath: '',
   /**网元类型 */
@@ -289,7 +289,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(() => {
@@ -315,51 +315,39 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-form :model="queryParams" name="queryParams" layout="horizontal">
-          <a-row :gutter="16" :wrap="true">
+        <a-row :gutter="16" :wrap="true" align="middle">
+          <a-col>
+            <a-button type="default" @click.prevent="fnClose()">
+              <template #icon><CloseOutlined /></template>
+              {{ t('common.close') }}
+            </a-button>
+          </a-col>
+          <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-form-item style="margin-bottom: 0">
-                <a-button type="default" @click.prevent="fnClose()">
-                  <template #icon><CloseOutlined /></template>
-                  {{ t('common.close') }}
-                </a-button>
-              </a-form-item>
+              <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>
-              <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-col>
-            <a-col 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>
 
       <!-- 插槽-卡片右侧 -->
@@ -433,7 +421,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"