style: 修复样式

practical_training/views/configManage/configParamTreeTable/index.vue

@@ -1,15 +1,8 @@
 <script setup lang="ts">
-import {
-  reactive,
-  ref,
-  onMounted,
-  toRaw,
-  watch,
-  defineAsyncComponent,
-} from 'vue';
+import { reactive, ref, onMounted, toRaw, watch, defineAsyncComponent } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
 import { ProModal } from 'antdv-pro-modal';
-import { message, Modal } from 'ant-design-vue';
+import { message, Modal } from 'ant-design-vue/es';
 import { DataNode } from 'ant-design-vue/es/tree';
 import useI18n from '@/hooks/useI18n';
 import TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
@@ -26,12 +19,12 @@ import {
   ptContrastAsDefault,
   ptExport,
 } from '@/api/pt/neConfig';
-import { isSystemAdmin, hasRoles } from '@/plugins/auth-user';
+import { isSystemAdmin, hasRoles } from '@/plugins/auth-user';const neInfoStore = useNeInfoStore();
 import saveAs from 'file-saver';
-const neInfoStore = useNeInfoStore();
 const { t } = useI18n();
-const { ruleVerification, getConfigSMFByUPFIds, SMFByUPFIdOptions } =
-  useOptions({ t });
+const { ruleVerification, smfByUPFIdLoadData, smfByUPFIdOptions } = useOptions({
+  t,
+});
 
 /**网元参数 */
 let neSelectOptions = ref<Record<string, any>[]>([]);
@@ -93,7 +86,7 @@ function fnSelectConfigNode(_: any, info: any) {
   fnActiveConfigNode(key);
 }
 
-/**标签点击监听 */
+/**列表项点击监听 */
 function fnActiveConfigNode(key: string | number) {
   listState.data = [];
   arrayState.data = [];
@@ -150,6 +143,7 @@ function fnActiveConfigNode(key: string | number) {
           }
         }
         listState.data = dataList;
+        tablePagination.current = 1;
         listEditClose();
       }
       if (param.paramType === 'array') {
@@ -208,7 +202,7 @@ function fnActiveConfigNode(key: string | number) {
           width: 100,
         });
         arrayState.columns = columns;
-
+        tablePagination.current = 1;
         arrayEditClose();
       }
       setTimeout(() => {
@@ -336,7 +330,7 @@ watch(
   val => {
     // SMF需要选择配置的UPF id
     if (val && treeState.neType === 'SMF') {
-      getConfigSMFByUPFIds('001');
+      smfByUPFIdLoadData('001');
     }
   }
 );
@@ -662,7 +656,7 @@ onMounted(() => {
         <a-card
           size="small"
           :bordered="false"
-          :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
+          :body-style="{ maxHeight: '600px', 'overflow-y': 'auto' }"
           :loading="treeState.selectLoading"
         >
           <template #title>
@@ -814,7 +808,7 @@ onMounted(() => {
                               :disabled="listState.confirmLoading"
                             >
                               <template #icon>
-                                <CheckOutlined style="color: #52c41a" />
+                                <CheckOutlined />
                               </template>
                             </a-button>
                           </a-popconfirm>
@@ -828,7 +822,7 @@ onMounted(() => {
                             @click.prevent="listEditClose()"
                           >
                             <template #icon>
-                              <CloseOutlined style="color: #eb2f96" />
+                              <CloseOutlined />
                             </template>
                           </a-button>
                         </a-tooltip>
@@ -840,7 +834,7 @@ onMounted(() => {
                       @dblclick="listEdit(record)"
                     >
                       <template v-if="record['type'] === 'enum'">
-                        {{ JSON.parse(record['filter'])[text] }}
+                        {{ JSON.parse(record['filter'])[text] || '&nbsp;' }}
                       </template>
                       <template v-else>{{ `${text}` || '&nbsp;' }}</template>
                       <EditOutlined
@@ -1080,7 +1074,7 @@ onMounted(() => {
       :drag="true"
       :width="800"
       :destroyOnClose="true"
-      :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
+      :body-style="{ maxHeight: '600px', 'overflow-y': 'auto' }"
       :keyboard="false"
       :mask-closable="false"
       :open="modalState.open"
@@ -1124,8 +1118,11 @@ onMounted(() => {
                     modalState.from[item.name]['name'] === 'upfId'
                   "
                   v-model:value="modalState.from[item.name]['value']"
-                  :options="SMFByUPFIdOptions"
+                  :options="smfByUPFIdOptions"
                   :disabled="['read-only', 'read', 'ro'].includes(item.access)"
+                  :token-separators="[',', ';']"
+                  mode="multiple"
+                  :max-tag-count="5"
                   :allow-clear="true"
                   style="width: 100%"
                 >
@@ -1228,7 +1225,7 @@ onMounted(() => {
   }
   &__text-wrapper {
     font-size: 16px;
-    color: #333;
+    color: inherit;
   }
   &__text-wrapper:hover &__icon {
     display: inline-block;