From b1a699252bb4850b32f6b526a243c300c8b60f38 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 6 Dec 2024 17:36:36 +0800
Subject: [PATCH 01/36] =?UTF-8?q?fix:=20=E5=85=8D=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E8=AE=A4=E8=AF=81=E5=8F=82=E6=95=B0=E9=BB=98=E8=AE=A4=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/app.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index fe11126c..81405212 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -54,7 +54,7 @@ const useAppStore = defineStore('app', {
     version: `-`,
     buildTime: `-`,
     bootloader: false,
-    loginAuth: false,
+    loginAuth: true,
     serialNum: `-`,
     copyright: `Copyright ©2023 For ${import.meta.env.VITE_APP_NAME}`,
     logoType: 'icon',
@@ -88,7 +88,7 @@ const useAppStore = defineStore('app', {
         if (this.bootloader) {
           removeToken();
         }
-        this.loginAuth = res.data.loginAuth === 'true';
+        this.loginAuth = res.data.loginAuth !== 'false' ;
         this.serialNum = res.data.serialNum;
         this.appName = res.data.title;
         this.copyright = res.data.copyright;

From 69dfc2a1f555871159b19e051827c7f4de2554cf Mon Sep 17 00:00:00 2001
From: lai <10633968+laiyujun1@user.noreply.gitee.com>
Date: Fri, 6 Dec 2024 18:10:06 +0800
Subject: [PATCH 02/36] =?UTF-8?q?event=20Type=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/mmeUE/index.vue | 157 +++++++++-------------------
 1 file changed, 49 insertions(+), 108 deletions(-)

diff --git a/src/views/dashboard/mmeUE/index.vue b/src/views/dashboard/mmeUE/index.vue
index 4c773542..ad0c4849 100644
--- a/src/views/dashboard/mmeUE/index.vue
+++ b/src/views/dashboard/mmeUE/index.vue
@@ -415,7 +415,7 @@ onMounted(() => {
       dict.ueAauthCode = resArr[0].value;
     }
     if (resArr[1].status === 'fulfilled') {
-      const ueEventType: any[] = JSON.parse(JSON.stringify(resArr[1]));
+      const ueEventType: any[] = JSON.parse(JSON.stringify(resArr[1].value));
       dict.ueEventType = ueEventType.map(item => {
         if (item.value === 'cm-state') {
           item.label = item.label.replace('CM', 'ECM');
@@ -467,71 +467,45 @@ onBeforeUnmount(() => {
 
 <template>
   <PageContainer>
-    <a-card
-      v-show="tableState.seached"
-      :bordered="false"
-      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
-    >
+    <a-card v-show="tableState.seached" :bordered="false" :body-style="{ marginBottom: '24px', paddingBottom: 0 }">
       <!-- 表格搜索栏 -->
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item label="MME" name="neId ">
-              <a-select
-                v-model:value="queryParams.neId"
-                :options="neOtions"
-                :placeholder="t('common.selectPlease')"
-              />
+              <a-select v-model:value="queryParams.neId" :options="neOtions" :placeholder="t('common.selectPlease')" />
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.dashboard.ue.eventType')"
-              name="eventType "
-            >
-              <a-select
-                v-model:value="eventTypes"
-                mode="multiple"
-                :options="dict.ueEventType"
-                :placeholder="t('common.selectPlease')"
-                @change="fnQueryEventTypeChange"
-              ></a-select>
+            <a-form-item :label="t('views.dashboard.ue.eventType')" name="eventType ">
+              <a-select v-model:value="eventTypes" mode="multiple" :options="dict.ueEventType"
+                :placeholder="t('common.selectPlease')" @change="fnQueryEventTypeChange"></a-select>
             </a-form-item>
           </a-col>
           <a-col :lg="4" :md="12" :xs="24">
             <a-form-item label="IMSI" name="imsi ">
-              <a-input
-                v-model:value="queryParams.imsi"
-                allow-clear
-                :placeholder="t('common.inputPlease')"
-              ></a-input>
+              <a-input v-model:value="queryParams.imsi" allow-clear :placeholder="t('common.inputPlease')"></a-input>
             </a-form-item>
           </a-col>
           <a-col :lg="8" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.dashboard.cdr.time')"
-              name="queryRangePicker"
-            >
-              <a-range-picker
-                v-model:value="queryRangePicker"
-                allow-clear
-                bordered
-                :show-time="{ format: 'HH:mm:ss' }"
-                format="YYYY-MM-DD HH:mm:ss"
-                value-format="x"
-                style="width: 100%"
-              ></a-range-picker>
+            <a-form-item :label="t('views.dashboard.cdr.time')" name="queryRangePicker">
+              <a-range-picker v-model:value="queryRangePicker" allow-clear bordered :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss" value-format="x" style="width: 100%"></a-range-picker>
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
                 <a-button type="primary" @click.prevent="fnGetList(1)">
-                  <template #icon><SearchOutlined /></template>
+                  <template #icon>
+                    <SearchOutlined />
+                  </template>
                   {{ t('common.search') }}
                 </a-button>
                 <a-button type="default" @click.prevent="fnQueryReset">
-                  <template #icon><ClearOutlined /></template>
+                  <template #icon>
+                    <ClearOutlined />
+                  </template>
                   {{ t('common.reset') }}
                 </a-button>
               </a-space>
@@ -545,19 +519,14 @@ onBeforeUnmount(() => {
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
         <a-space :size="8" align="center">
-          <a-popconfirm
-            placement="bottomLeft"
-            :title="
-              !realTimeData
-                ? t('views.dashboard.ue.realTimeDataStart')
-                : t('views.dashboard.ue.realTimeDataStop')
-            "
-            ok-text="Yes"
-            cancel-text="No"
-            @confirm="fnRealTime()"
-          >
+          <a-popconfirm placement="bottomLeft" :title="!realTimeData
+              ? t('views.dashboard.ue.realTimeDataStart')
+              : t('views.dashboard.ue.realTimeDataStop')
+            " ok-text="Yes" cancel-text="No" @confirm="fnRealTime()">
             <a-button type="primary" :danger="realTimeData">
-              <template #icon><FundOutlined /> </template>
+              <template #icon>
+                <FundOutlined />
+              </template>
               {{
                 !realTimeData
                   ? t('views.dashboard.ue.realTimeDataStart')
@@ -566,19 +535,18 @@ onBeforeUnmount(() => {
             </a-button>
           </a-popconfirm>
 
-          <a-button
-            type="default"
-            danger
-            :disabled="tableState.selectedRowKeys.length <= 0"
-            :loading="modalState.confirmLoading"
-            @click.prevent="fnRecordDelete('0')"
-          >
-            <template #icon><DeleteOutlined /></template>
+          <a-button type="default" danger :disabled="tableState.selectedRowKeys.length <= 0"
+            :loading="modalState.confirmLoading" @click.prevent="fnRecordDelete('0')">
+            <template #icon>
+              <DeleteOutlined />
+            </template>
             {{ t('common.deleteText') }}
           </a-button>
 
           <a-button type="dashed" @click.prevent="fnExportList()">
-            <template #icon><ExportOutlined /></template>
+            <template #icon>
+              <ExportOutlined />
+            </template>
             {{ t('common.export') }}
           </a-button>
         </a-space>
@@ -589,31 +557,27 @@ onBeforeUnmount(() => {
         <a-space :size="8" align="center">
           <a-tooltip>
             <template #title>{{ t('common.searchBarText') }}</template>
-            <a-switch
-              v-model:checked="tableState.seached"
-              :checked-children="t('common.switch.show')"
-              :un-checked-children="t('common.switch.hide')"
-              size="small"
-              :disabled="realTimeData"
-            />
+            <a-switch v-model:checked="tableState.seached" :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')" size="small" :disabled="realTimeData" />
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
             <a-button type="text" @click.prevent="fnGetList()">
-              <template #icon><ReloadOutlined /></template>
+              <template #icon>
+                <ReloadOutlined />
+              </template>
             </a-button>
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.sizeText') }}</template>
             <a-dropdown trigger="click" placement="bottomRight">
               <a-button type="text">
-                <template #icon><ColumnHeightOutlined /></template>
+                <template #icon>
+                  <ColumnHeightOutlined />
+                </template>
               </a-button>
               <template #overlay>
-                <a-menu
-                  :selected-keys="[tableState.size as string]"
-                  @click="fnTableSize"
-                >
+                <a-menu :selected-keys="[tableState.size as string]" @click="fnTableSize">
                   <a-menu-item key="default">
                     {{ t('common.size.default') }}
                   </a-menu-item>
@@ -631,51 +595,34 @@ onBeforeUnmount(() => {
       </template>
 
       <!-- 表格列表 -->
-      <a-table
-        class="table"
-        row-key="id"
-        :columns="tableColumns"
-        :loading="tableState.loading"
-        :data-source="tableState.data"
-        :size="tableState.size"
-        :pagination="tablePagination"
-        :scroll="{ x: tableColumns.length * 120, y: 'calc(100vh - 480px)' }"
-        :row-selection="{
+      <a-table class="table" row-key="id" :columns="tableColumns" :loading="tableState.loading"
+        :data-source="tableState.data" :size="tableState.size" :pagination="tablePagination"
+        :scroll="{ x: tableColumns.length * 120, y: 'calc(100vh - 480px)' }" :row-selection="{
           type: 'checkbox',
           columnWidth: '48px',
           selectedRowKeys: tableState.selectedRowKeys,
           onChange: fnTableSelectedRowKeys,
-        }"
-      >
+        }">
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'eventType'">
             <DictTag :options="dict.ueEventType" :value="record.eventType" />
           </template>
           <template v-if="column.key === 'result'">
             <span v-if="record.eventType === 'auth-result'">
-              <DictTag
-                :options="dict.ueAauthCode"
-                :value="record.eventJSON.result"
-              />
+              <DictTag :options="dict.ueAauthCode" :value="record.eventJSON.result" />
             </span>
             <span v-if="record.eventType === 'detach'">
               <span>{{ t('views.dashboard.ue.resultOk') }}</span>
             </span>
             <span v-if="record.eventType === 'cm-state'">
-              <DictTag
-                :options="dict.ueEventCmState"
-                :value="record.eventJSON.result"
-              />
+              <DictTag :options="dict.ueEventCmState" :value="record.eventJSON.result" />
             </span>
           </template>
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
               <a-tooltip>
                 <template #title>{{ t('common.deleteText') }}</template>
-                <a-button
-                  type="link"
-                  @click.prevent="fnRecordDelete(record.id)"
-                >
+                <a-button type="link" @click.prevent="fnRecordDelete(record.id)">
                   <template #icon>
                     <DeleteOutlined />
                   </template>
@@ -711,19 +658,13 @@ onBeforeUnmount(() => {
             <div>
               <span>{{ t('views.dashboard.ue.result') }}: </span>
               <span v-if="record.eventType === 'auth-result'">
-                <DictTag
-                  :options="dict.ueAauthCode"
-                  :value="record.eventJSON.result"
-                />
+                <DictTag :options="dict.ueAauthCode" :value="record.eventJSON.result" />
               </span>
               <span v-if="record.eventType === 'detach'">
                 {{ t('views.dashboard.ue.resultOk') }}
               </span>
               <span v-if="record.eventType === 'cm-state'">
-                <DictTag
-                  :options="dict.ueEventCmState"
-                  :value="record.eventJSON.result"
-                />
+                <DictTag :options="dict.ueEventCmState" :value="record.eventJSON.result" />
               </span>
             </div>
           </div>

From 9167da1bc562ab0c99942e7d04f8f733a0e11da0 Mon Sep 17 00:00:00 2001
From: simonzhangsz <15231584+simonzhangsz@user.noreply.gitee.com>
Date: Fri, 6 Dec 2024 19:13:49 +0800
Subject: [PATCH 03/36] tsc check

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ac642491..c5d71363 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build",
+    "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -56,6 +56,6 @@
     "unplugin-vue-components": "^0.27.4",
     "vite": "5.4.10",
     "vite-plugin-compression": "~0.5.1",
-    "vue-tsc": "^2.1.8"
+    "vue-tsc": "2.1.8"
   }
 }

From 85bc4aea537aeee50dfa0e505249a392f0d6e39b Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 9 Dec 2024 10:51:54 +0800
Subject: [PATCH 04/36] =?UTF-8?q?fix:=20=E9=A1=B5=E9=9D=A2=E8=A7=A3?=
 =?UTF-8?q?=E6=9E=90=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/mmeUE/index.vue           | 155 ++++++++++++------
 .../components/UserActivity/index.vue         |   6 +-
 2 files changed, 110 insertions(+), 51 deletions(-)

diff --git a/src/views/dashboard/mmeUE/index.vue b/src/views/dashboard/mmeUE/index.vue
index ad0c4849..ab038bf0 100644
--- a/src/views/dashboard/mmeUE/index.vue
+++ b/src/views/dashboard/mmeUE/index.vue
@@ -467,45 +467,71 @@ onBeforeUnmount(() => {
 
 <template>
   <PageContainer>
-    <a-card v-show="tableState.seached" :bordered="false" :body-style="{ marginBottom: '24px', paddingBottom: 0 }">
+    <a-card
+      v-show="tableState.seached"
+      :bordered="false"
+      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
+    >
       <!-- 表格搜索栏 -->
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item label="MME" name="neId ">
-              <a-select v-model:value="queryParams.neId" :options="neOtions" :placeholder="t('common.selectPlease')" />
+              <a-select
+                v-model:value="queryParams.neId"
+                :options="neOtions"
+                :placeholder="t('common.selectPlease')"
+              />
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item :label="t('views.dashboard.ue.eventType')" name="eventType ">
-              <a-select v-model:value="eventTypes" mode="multiple" :options="dict.ueEventType"
-                :placeholder="t('common.selectPlease')" @change="fnQueryEventTypeChange"></a-select>
+            <a-form-item
+              :label="t('views.dashboard.ue.eventType')"
+              name="eventType "
+            >
+              <a-select
+                v-model:value="eventTypes"
+                mode="multiple"
+                :options="dict.ueEventType"
+                :placeholder="t('common.selectPlease')"
+                @change="fnQueryEventTypeChange"
+              ></a-select>
             </a-form-item>
           </a-col>
           <a-col :lg="4" :md="12" :xs="24">
             <a-form-item label="IMSI" name="imsi ">
-              <a-input v-model:value="queryParams.imsi" allow-clear :placeholder="t('common.inputPlease')"></a-input>
+              <a-input
+                v-model:value="queryParams.imsi"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
             </a-form-item>
           </a-col>
           <a-col :lg="8" :md="12" :xs="24">
-            <a-form-item :label="t('views.dashboard.cdr.time')" name="queryRangePicker">
-              <a-range-picker v-model:value="queryRangePicker" allow-clear bordered :show-time="{ format: 'HH:mm:ss' }"
-                format="YYYY-MM-DD HH:mm:ss" value-format="x" style="width: 100%"></a-range-picker>
+            <a-form-item
+              :label="t('views.dashboard.cdr.time')"
+              name="queryRangePicker"
+            >
+              <a-range-picker
+                v-model:value="queryRangePicker"
+                allow-clear
+                bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
+                value-format="x"
+                style="width: 100%"
+              ></a-range-picker>
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
                 <a-button type="primary" @click.prevent="fnGetList(1)">
-                  <template #icon>
-                    <SearchOutlined />
-                  </template>
+                  <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
                 <a-button type="default" @click.prevent="fnQueryReset">
-                  <template #icon>
-                    <ClearOutlined />
-                  </template>
+                  <template #icon><ClearOutlined /></template>
                   {{ t('common.reset') }}
                 </a-button>
               </a-space>
@@ -519,14 +545,19 @@ onBeforeUnmount(() => {
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
         <a-space :size="8" align="center">
-          <a-popconfirm placement="bottomLeft" :title="!realTimeData
-              ? t('views.dashboard.ue.realTimeDataStart')
-              : t('views.dashboard.ue.realTimeDataStop')
-            " ok-text="Yes" cancel-text="No" @confirm="fnRealTime()">
+          <a-popconfirm
+            placement="bottomLeft"
+            :title="
+              !realTimeData
+                ? t('views.dashboard.ue.realTimeDataStart')
+                : t('views.dashboard.ue.realTimeDataStop')
+            "
+            ok-text="Yes"
+            cancel-text="No"
+            @confirm="fnRealTime()"
+          >
             <a-button type="primary" :danger="realTimeData">
-              <template #icon>
-                <FundOutlined />
-              </template>
+              <template #icon><FundOutlined /> </template>
               {{
                 !realTimeData
                   ? t('views.dashboard.ue.realTimeDataStart')
@@ -535,18 +566,19 @@ onBeforeUnmount(() => {
             </a-button>
           </a-popconfirm>
 
-          <a-button type="default" danger :disabled="tableState.selectedRowKeys.length <= 0"
-            :loading="modalState.confirmLoading" @click.prevent="fnRecordDelete('0')">
-            <template #icon>
-              <DeleteOutlined />
-            </template>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            :loading="modalState.confirmLoading"
+            @click.prevent="fnRecordDelete('0')"
+          >
+            <template #icon><DeleteOutlined /></template>
             {{ t('common.deleteText') }}
           </a-button>
 
           <a-button type="dashed" @click.prevent="fnExportList()">
-            <template #icon>
-              <ExportOutlined />
-            </template>
+            <template #icon><ExportOutlined /></template>
             {{ t('common.export') }}
           </a-button>
         </a-space>
@@ -557,27 +589,31 @@ onBeforeUnmount(() => {
         <a-space :size="8" align="center">
           <a-tooltip>
             <template #title>{{ t('common.searchBarText') }}</template>
-            <a-switch v-model:checked="tableState.seached" :checked-children="t('common.switch.show')"
-              :un-checked-children="t('common.switch.hide')" size="small" :disabled="realTimeData" />
+            <a-switch
+              v-model:checked="tableState.seached"
+              :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')"
+              size="small"
+              :disabled="realTimeData"
+            />
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
             <a-button type="text" @click.prevent="fnGetList()">
-              <template #icon>
-                <ReloadOutlined />
-              </template>
+              <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.sizeText') }}</template>
             <a-dropdown trigger="click" placement="bottomRight">
               <a-button type="text">
-                <template #icon>
-                  <ColumnHeightOutlined />
-                </template>
+                <template #icon><ColumnHeightOutlined /></template>
               </a-button>
               <template #overlay>
-                <a-menu :selected-keys="[tableState.size as string]" @click="fnTableSize">
+                <a-menu
+                  :selected-keys="[tableState.size as string]"
+                  @click="fnTableSize"
+                >
                   <a-menu-item key="default">
                     {{ t('common.size.default') }}
                   </a-menu-item>
@@ -595,34 +631,51 @@ onBeforeUnmount(() => {
       </template>
 
       <!-- 表格列表 -->
-      <a-table class="table" row-key="id" :columns="tableColumns" :loading="tableState.loading"
-        :data-source="tableState.data" :size="tableState.size" :pagination="tablePagination"
-        :scroll="{ x: tableColumns.length * 120, y: 'calc(100vh - 480px)' }" :row-selection="{
+      <a-table
+        class="table"
+        row-key="id"
+        :columns="tableColumns"
+        :loading="tableState.loading"
+        :data-source="tableState.data"
+        :size="tableState.size"
+        :pagination="tablePagination"
+        :scroll="{ x: tableColumns.length * 120, y: 'calc(100vh - 480px)' }"
+        :row-selection="{
           type: 'checkbox',
           columnWidth: '48px',
           selectedRowKeys: tableState.selectedRowKeys,
           onChange: fnTableSelectedRowKeys,
-        }">
+        }"
+      >
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'eventType'">
             <DictTag :options="dict.ueEventType" :value="record.eventType" />
           </template>
           <template v-if="column.key === 'result'">
             <span v-if="record.eventType === 'auth-result'">
-              <DictTag :options="dict.ueAauthCode" :value="record.eventJSON.result" />
+              <DictTag
+                :options="dict.ueAauthCode"
+                :value="record.eventJSON.result"
+              />
             </span>
             <span v-if="record.eventType === 'detach'">
               <span>{{ t('views.dashboard.ue.resultOk') }}</span>
             </span>
             <span v-if="record.eventType === 'cm-state'">
-              <DictTag :options="dict.ueEventCmState" :value="record.eventJSON.result" />
+              <DictTag
+                :options="dict.ueEventCmState"
+                :value="record.eventJSON.result"
+              />
             </span>
           </template>
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
               <a-tooltip>
                 <template #title>{{ t('common.deleteText') }}</template>
-                <a-button type="link" @click.prevent="fnRecordDelete(record.id)">
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordDelete(record.id)"
+                >
                   <template #icon>
                     <DeleteOutlined />
                   </template>
@@ -658,13 +711,19 @@ onBeforeUnmount(() => {
             <div>
               <span>{{ t('views.dashboard.ue.result') }}: </span>
               <span v-if="record.eventType === 'auth-result'">
-                <DictTag :options="dict.ueAauthCode" :value="record.eventJSON.result" />
+                <DictTag
+                  :options="dict.ueAauthCode"
+                  :value="record.eventJSON.result"
+                />
               </span>
               <span v-if="record.eventType === 'detach'">
                 {{ t('views.dashboard.ue.resultOk') }}
               </span>
               <span v-if="record.eventType === 'cm-state'">
-                <DictTag :options="dict.ueEventCmState" :value="record.eventJSON.result" />
+                <DictTag
+                  :options="dict.ueEventCmState"
+                  :value="record.eventJSON.result"
+                />
               </span>
             </div>
           </div>
diff --git a/src/views/dashboard/overview/components/UserActivity/index.vue b/src/views/dashboard/overview/components/UserActivity/index.vue
index ae3e07a5..1a2af1eb 100644
--- a/src/views/dashboard/overview/components/UserActivity/index.vue
+++ b/src/views/dashboard/overview/components/UserActivity/index.vue
@@ -198,12 +198,12 @@ onMounted(() => {
             </span>
           </div>
           <div>
-            IMSI: <span :title="item.data.imsi">{{ item.data.imsi }}</span>
+            IMSI: <span :title="item.data?.imsi">{{ item.data?.imsi }}</span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.time') }}:
-            <span :title="item.data.timestamp">
-              {{ parseDateToStr(+item.data.timestamp * 1000) }}
+            <span :title="item.data?.timestamp">
+              {{ parseDateToStr(+item.data?.timestamp * 1000) }}
             </span>
           </div>
         </div>

From 6add41254d1bac7f72cd5b7b45556df105129862 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 9 Dec 2024 10:52:54 +0800
Subject: [PATCH 05/36] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E5=8F=B7=202.241209?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development |  2 +-
 .env.production  |  2 +-
 package.json     | 38 +++++++++++++++++++-------------------
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/.env.development b/.env.development
index f7fd3800..0537f33a 100644
--- a/.env.development
+++ b/.env.development
@@ -11,7 +11,7 @@ VITE_APP_NAME = "Core Network OMC"
 VITE_APP_CODE = "OMC"
 
 # 应用版本
-VITE_APP_VERSION = "2.241130"
+VITE_APP_VERSION = "2.241209"
 
 # 接口基础URL地址-不带/后缀
 VITE_API_BASE_URL = "/omc-api"
diff --git a/.env.production b/.env.production
index b1d3eba1..805c0b6e 100644
--- a/.env.production
+++ b/.env.production
@@ -11,7 +11,7 @@ VITE_APP_NAME = "Core Network OMC"
 VITE_APP_CODE = "OMC"
 
 # 应用版本
-VITE_APP_VERSION = "2.241130"
+VITE_APP_VERSION = "2.241209"
 
 # 接口基础URL地址-不带/后缀
 VITE_API_BASE_URL = "/omc-api"
diff --git a/package.json b/package.json
index c5d71363..966f8eda 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vue-tsc && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -16,31 +16,31 @@
     "@antv/g6": "~4.8.24",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-yaml": "^6.1.1",
-    "@codemirror/merge": "^6.7.2",
+    "@codemirror/merge": "^6.7.4",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@tato30/vue-pdf": "^1.11.2",
-    "@vueuse/core": "11.2.0",
+    "@tato30/vue-pdf": "^1.11.3",
+    "@vueuse/core": "^12.0.0",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.5.0",
-    "ant-design-vue": "^4.2.5",
-    "antdv-pro-layout": "^4.1.9",
+    "ant-design-vue": "^4.2.6",
+    "antdv-pro-layout": "^4.2.0",
     "antdv-pro-modal": "^4.0.5",
     "codemirror": "^6.0.1",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.11",
     "echarts": "~5.5.0",
     "file-saver": "^2.0.5",
-    "grid-layout-plus": "^1.0.5",
-    "intl-tel-input": "^24.6.0",
+    "grid-layout-plus": "^1.0.6",
+    "intl-tel-input": "^25.2.0",
     "js-base64": "^3.7.7",
     "js-cookie": "^3.0.5",
     "localforage": "^1.10.0",
     "nprogress": "^0.2.0",
     "p-queue": "~8.0.1",
-    "pinia": "2.2.6",
-    "vue": "^3.5.12",
-    "vue-i18n": "^10.0.4",
-    "vue-router": "^4.4.5",
+    "pinia": "^2.3.0",
+    "vue": "^3.5.13",
+    "vue-i18n": "^10.0.5",
+    "vue-router": "^4.5.0",
     "vue3-smooth-dnd": "^0.0.6",
     "xlsx": "~0.18.5"
   },
@@ -48,14 +48,14 @@
     "@types/crypto-js": "^4.2.2",
     "@types/file-saver": "^2.0.7",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^22.7.7",
+    "@types/node": "^18.0.0",
     "@types/nprogress": "^0.2.3",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "less": "^4.2.0",
-    "typescript": "^5.6.3",
-    "unplugin-vue-components": "^0.27.4",
-    "vite": "5.4.10",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "less": "^4.2.1",
+    "typescript": "~5.6.3",
+    "unplugin-vue-components": "^0.27.5",
+    "vite": "^6.0.3",
     "vite-plugin-compression": "~0.5.1",
-    "vue-tsc": "2.1.8"
+    "vue-tsc": "~2.1.10"
   }
 }

From 9f121505d1b72e04efce5be558fc4a68745d2842 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Tue, 10 Dec 2024 10:24:14 +0800
Subject: [PATCH 06/36] =?UTF-8?q?fix:=20telnet=E7=BB=88=E7=AB=AF=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E5=9B=9E=E8=BD=A6=E5=80=BC=E6=97=A0=E6=B3=95=E6=AD=A3?=
 =?UTF-8?q?=E7=A1=AE=E5=8F=91=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TerminalTelnet/index.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/TerminalTelnet/index.vue b/src/components/TerminalTelnet/index.vue
index daba7162..310e9fb1 100644
--- a/src/components/TerminalTelnet/index.vue
+++ b/src/components/TerminalTelnet/index.vue
@@ -80,16 +80,16 @@ function fnAutoCompleteFilter(input: string, option: any) {
 }
 
 /**自动完成按键触发 */
-function fnAutoCompleteKeydown(evt: any) {
+function fnAutoCompleteKeydown(evt: KeyboardEvent) {
   if (evt.key === 'Enter') {
     // 阻止默认的换行行为
     evt.preventDefault();
     // 按下 Shift + Enter 键时换行
-    if (evt.shiftKey) {
+    if (evt.shiftKey && evt.target) {
       // 插入换行符
-      const textarea = evt.target;
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
+      const textarea = evt.target as HTMLInputElement;
+      const start = textarea.selectionStart || 0;
+      const end = textarea.selectionEnd || 0;
       const text = textarea.value;
       textarea.value = text.substring(0, start) + '\n' + text.substring(end);
       terminalState.text = textarea.value;
@@ -121,7 +121,7 @@ function fnAutoCompleteKeydown(evt: any) {
         type: 'telnet',
         data: `${cmdStr}\r\n`,
       });
-      terminalState.text = ' ';
+      terminalState.text = '';
 
       // 退出登录
       if (['q', 'quit', 'exit'].includes(cmdStr)) {
@@ -296,11 +296,12 @@ defineExpose({
       style="width: 100%"
       :options="terminalState.history"
       :filter-option="fnAutoCompleteFilter"
-      @keydown="fnAutoCompleteKeydown"
+      :defaultActiveFirstOption="false"
     >
       <a-textarea
         :auto-size="{ minRows: 1, maxRows: 6 }"
         placeholder="Execute command. Shift+Enter to line feed, Enter to send"
+        @keypress="fnAutoCompleteKeydown"
       />
     </a-auto-complete>
   </div>

From 38a698f07b5f2e172b339a3c8456f41016c5f43c Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Tue, 10 Dec 2024 10:25:00 +0800
Subject: [PATCH 07/36] =?UTF-8?q?fix:=20redis=E7=BB=88=E7=AB=AF=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E5=91=BD=E4=BB=A4=E8=BE=93=E5=85=A5=E6=A1=86=EF=BC=8C?=
 =?UTF-8?q?=E7=A6=81=E6=AD=A2=E7=AA=97=E5=8F=A3=E8=BE=93=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TerminalRedis/index.vue | 142 ++++++++++++++++++-------
 1 file changed, 103 insertions(+), 39 deletions(-)

diff --git a/src/components/TerminalRedis/index.vue b/src/components/TerminalRedis/index.vue
index f9271b89..e01081ac 100644
--- a/src/components/TerminalRedis/index.vue
+++ b/src/components/TerminalRedis/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { message } from 'ant-design-vue/es';
+import { ref, reactive, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import { FitAddon } from '@xterm/addon-fit';
 import { Terminal } from '@xterm/xterm';
 import '@xterm/xterm/css/xterm.css';
@@ -31,8 +32,91 @@ const terminalDom = ref<HTMLElement | undefined>(undefined);
 /**终端输入实例对象 */
 const terminal = ref<any>(null);
 
-/**终端输入命令 */
-const terminalCmd = ref<string>('');
+/**终端输入文字状态 */
+const terminalState = reactive<{
+  /**输入值 */
+  text: string;
+  /**历史 */
+  history: {
+    label?: string;
+    value: string;
+  }[];
+}>({
+  text: '',
+  history: [
+    {
+      value: 'info server',
+    },
+    {
+      value: 'info replication',
+    },
+    {
+      value: 'keys ausf:*',
+    },
+    {
+      value: 'quit',
+    },
+  ],
+});
+
+/**自动完成根据输入项进行筛选 */
+function fnAutoCompleteFilter(input: string, option: any) {
+  return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+}
+
+/**自动完成按键触发 */
+function fnAutoCompleteKeydown(evt: KeyboardEvent) {
+  if (evt.key === 'Enter') {
+    // 阻止默认的换行行为
+    evt.preventDefault();
+    // 按下 Shift + Enter 键时换行
+    if (evt.shiftKey && evt.target) {
+      // 插入换行符
+      const textarea = evt.target as HTMLInputElement;
+      const start = textarea.selectionStart || 0;
+      const end = textarea.selectionEnd || 0;
+      const text = textarea.value;
+      textarea.value = text.substring(0, start) + '\n' + text.substring(end);
+      terminalState.text = textarea.value;
+      // 更新光标位置
+      textarea.selectionStart = textarea.selectionEnd = start + 1;
+    } else {
+      // ws未连接
+      if (ws.state() !== WebSocket.OPEN) {
+        message.error('disconnected');
+        return;
+      }
+
+      // 输入历史
+      const cmdStr = terminalState.text.trim().replace(/\n/g, '\r\n');
+      const hisIndex = terminalState.history.findIndex(
+        item => item.value === cmdStr
+      );
+      if (hisIndex === -1) {
+        terminalState.history.push({
+          value: cmdStr,
+        });
+      }
+
+      // 发送文本
+      terminal.value.scrollToBottom();
+      terminal.value.writeln('\r\n> ' + cmdStr);
+      ws.send({
+        requestId: `redis_${props.hostId}`,
+        type: 'redis',
+        data: `${cmdStr}\r\n`,
+      });
+      terminalState.text = '';
+
+      // 退出登录
+      if (['q', 'quit', 'exit'].includes(cmdStr)) {
+        setTimeout(() => {
+          ws.close();
+        }, 1000);
+      }
+    }
+  }
+}
 
 /**终端输入渲染 */
 function handleRanderXterm(container: HTMLElement | undefined) {
@@ -49,47 +133,13 @@ function handleRanderXterm(container: HTMLElement | undefined) {
     scrollback: 1000,
     scrollSensitivity: 15,
     tabStopWidth: 4,
-    disableStdin: false, // 禁止输入
+    disableStdin: true, // 禁止输入
   });
   // 挂载
   xterm.open(container);
   // 自适应尺寸
   const fitAddon = new FitAddon();
   xterm.loadAddon(fitAddon);
-  // 终端输入字符按键监听
-  xterm.onKey(({ key, domEvent }) => {
-    // console.log(key, domEvent);
-    // 单键输入
-    switch (domEvent.key) {
-      case 'Enter':
-        const cmdStr = terminalCmd.value.trim();
-        // 发送文本
-        terminal.value.scrollToBottom();
-        terminal.value.writeln('\r\n');
-        ws.send({
-          requestId: `redis_${props.hostId}`,
-          type: 'redis',
-          data: `${cmdStr}\r\n`,
-        });
-        terminalCmd.value = '';
-
-        // 退出登录
-        if ('quit' === cmdStr) {
-          setTimeout(() => {
-            ws.close();
-          }, 1000);
-        }
-        break;
-      case 'Backspace':
-        // 处理退格键，删除最后一个字符
-        xterm.write('\b \b');
-        break;
-      default:
-        xterm.write(key);
-        terminalCmd.value += key;
-        return;
-    }
-  });
   // 创建 ResizeObserver 实例
   var observer = new ResizeObserver(entries => {
     fitAddon.fit();
@@ -213,7 +263,21 @@ defineExpose({
 
 <template>
   <div class="terminal">
-    <div ref="terminalDom" :id="id" class="terminal"></div>
+    <div ref="terminalDom" style="height: calc(100% - 36px)" :id="id"></div>
+    <a-auto-complete
+      v-model:value="terminalState.text"
+      :dropdown-match-select-width="500"
+      style="width: 100%"
+      :options="terminalState.history"
+      :filter-option="fnAutoCompleteFilter"
+      :defaultActiveFirstOption="false"
+    >
+      <a-textarea
+        :auto-size="{ minRows: 1, maxRows: 6 }"
+        placeholder="Execute command. Shift+Enter to line feed, Enter to send"
+        @keypress="fnAutoCompleteKeydown"
+      />
+    </a-auto-complete>
   </div>
 </template>
 

From 6969669027e14b30afdd567de5b9ef615f711d42 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Tue, 10 Dec 2024 10:25:39 +0800
Subject: [PATCH 08/36] =?UTF-8?q?fix:=20=E6=8B=93=E6=89=91=E7=BD=91?=
 =?UTF-8?q?=E5=85=83=E7=8A=B6=E6=80=8115s=E4=B8=80=E4=B8=AA=E5=91=A8?=
 =?UTF-8?q?=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/monitor/topology/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/monitor/topology/index.vue b/src/views/monitor/topology/index.vue
index 2e30e98c..fdb9d274 100644
--- a/src/views/monitor/topology/index.vue
+++ b/src/views/monitor/topology/index.vue
@@ -50,6 +50,7 @@ async function fnGetState() {
       graphG6.value.setItemState(neShape, 'neState', ne.serverState.online);
     }
   }
+  await new Promise(resolve => setTimeout(resolve, 15_000));
 }
 
 /**查询全部网元数据列表 */

From 65db17a3190ba98b5b9f3dcce124685be0b47c6a Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Tue, 10 Dec 2024 10:26:19 +0800
Subject: [PATCH 09/36] =?UTF-8?q?fix:=20SMF-Data=E9=9A=90=E8=97=8FRatingGr?=
 =?UTF-8?q?oup=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/smfCDR/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/dashboard/smfCDR/index.vue b/src/views/dashboard/smfCDR/index.vue
index 588a47fc..b5b226e3 100644
--- a/src/views/dashboard/smfCDR/index.vue
+++ b/src/views/dashboard/smfCDR/index.vue
@@ -743,7 +743,7 @@ onBeforeUnmount(() => {
                 List Of Multiple Unit Usage
               </a-divider>
               <div v-for="u in record.cdrJSON.listOfMultipleUnitUsage">
-                <div>RatingGroup: {{ u.ratingGroup }}</div>
+                <!-- <div>RatingGroup: {{ u.ratingGroup }}</div> -->
                 <div v-for="udata in u.usedUnitContainer">
                   <div>
                     <span>Data Total Volume: </span>

From bcb214448c0567b1adab411f910972e9d10badc0 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 11 Dec 2024 15:45:07 +0800
Subject: [PATCH 10/36] =?UTF-8?q?style:=20=E5=9C=A8=E7=BA=BF=E5=9F=BA?=
 =?UTF-8?q?=E7=AB=99=E5=88=97=E8=A1=A8=E7=BD=91=E5=85=83=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=97=B6=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/neUser/base5G/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/neUser/base5G/index.vue b/src/views/neUser/base5G/index.vue
index a27e8f69..857a91cb 100644
--- a/src/views/neUser/base5G/index.vue
+++ b/src/views/neUser/base5G/index.vue
@@ -314,6 +314,7 @@ onMounted(() => {
                 v-model:value="queryParams.neType"
                 :options="neCascaderOptions"
                 :placeholder="t('common.selectPlease')"
+                @change="fnGetList(1)"
               />
             </a-form-item>
           </a-col>

From c44fae8d13648df1a081c18e42a59e8d4dd11411 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 11 Dec 2024 15:46:03 +0800
Subject: [PATCH 11/36] =?UTF-8?q?style:=20UDM=E7=AD=BE=E7=BA=A6cag?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E9=BB=98=E8=AE=A4=E4=B8=BA=E7=A9=BA=E5=AD=97?=
 =?UTF-8?q?=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/neUser/sub/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/neUser/sub/index.vue b/src/views/neUser/sub/index.vue
index f1fd4b0e..f785310a 100644
--- a/src/views/neUser/sub/index.vue
+++ b/src/views/neUser/sub/index.vue
@@ -276,7 +276,7 @@ let modalState: ModalStateType = reactive({
     //
     smData: '',
     smfSel: 'def_snssai',
-    cag: 'def_cag',
+    cag: '',
     // 非字段
     num: 1,
     remark: '',

From a6bab3fa0b60c17c97d7906a4a3563de09ba8052 Mon Sep 17 00:00:00 2001
From: lai <10633968+laiyujun1@user.noreply.gitee.com>
Date: Fri, 13 Dec 2024 15:28:15 +0800
Subject: [PATCH 12/36] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8B=86=E8=A7=A3smDat?=
 =?UTF-8?q?a=E5=BC=82=E5=B8=B8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/neUser/sub/index.vue | 621 ++++++++-------------------------
 1 file changed, 155 insertions(+), 466 deletions(-)

diff --git a/src/views/neUser/sub/index.vue b/src/views/neUser/sub/index.vue
index f785310a..3611fbfe 100644
--- a/src/views/neUser/sub/index.vue
+++ b/src/views/neUser/sub/index.vue
@@ -544,8 +544,21 @@ function transformFormData(data: any) {
               smStaticIpArr.push(dnnParts);
             }
             if (!dnnParts.includes('/') && !dnnParts.includes(':')) {
-              //IPV4 没有/ 也没有：
-              smStaticIpArr.push(dnnParts);
+              const pattern = /^(\d{1,3}\.){3}\d{1,3}$/;
+              if (pattern.test(dnnParts)) {
+                // 验证数值范围
+                const isValid = dnnParts.split('.').every((num: any) => {
+                  const n = parseInt(num, 10);
+                  return n >= 0 && n <= 255;
+                });
+
+                // 只有当验证通过时才添加 IP
+                if (isValid) {
+                  smStaticIpArr.push(dnnParts);
+                }
+              } else {//无/ 无:也有可能为dnn的字符串
+                smallRowJson.dnn += '-' + dnnParts;
+              }
             }
 
             if (dnnParts.includes('/') && !dnnParts.includes(':')) {
@@ -634,8 +647,8 @@ function fnModalOk() {
       const result = from.id
         ? updateUDMSub(from)
         : from.num === 1
-        ? addUDMSub(from)
-        : batchAddUDMSub(from, from.num);
+          ? addUDMSub(from)
+          : batchAddUDMSub(from, from.num);
       const hide = message.loading(t('common.loading'), 0);
       result
         .then(res => {
@@ -937,7 +950,7 @@ function fnGetList(pageNum?: number) {
       tableState.data = res.rows;
       if (
         tablePagination.total <=
-          (queryParams.pageNum - 1) * tablePagination.pageSize &&
+        (queryParams.pageNum - 1) * tablePagination.pageSize &&
         queryParams.pageNum !== 1
       ) {
         tableState.loading = false;
@@ -1090,42 +1103,26 @@ onMounted(() => {
 
 <template>
   <PageContainer>
-    <a-card
-      v-show="tableState.seached"
-      :bordered="false"
-      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
-    >
+    <a-card v-show="tableState.seached" :bordered="false" :body-style="{ marginBottom: '24px', paddingBottom: 0 }">
       <!-- 表格搜索栏 -->
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item :label="t('views.neUser.sub.neType')" name="neId ">
-              <a-select
-                v-model:value="queryParams.neId"
-                :options="neOtions"
-                :placeholder="t('common.selectPlease')"
-                @change="fnGetList(1)"
-              />
+              <a-select v-model:value="queryParams.neId" :options="neOtions" :placeholder="t('common.selectPlease')"
+                @change="fnGetList(1)" />
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item label="IMSI" name="imsi">
-              <a-input
-                v-model:value="queryParams.imsi"
-                allow-clear
-                :maxlength="15"
-                :placeholder="t('common.inputPlease')"
-              ></a-input>
+              <a-input v-model:value="queryParams.imsi" allow-clear :maxlength="15"
+                :placeholder="t('common.inputPlease')"></a-input>
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item label="MSISDN" name="msisdn">
-              <a-input
-                v-model:value="queryParams.msisdn"
-                allow-clear
-                :maxlength="32"
-                :placeholder="t('common.inputPlease')"
-              ></a-input>
+              <a-input v-model:value="queryParams.msisdn" allow-clear :maxlength="32"
+                :placeholder="t('common.inputPlease')"></a-input>
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
@@ -1161,31 +1158,16 @@ onMounted(() => {
             {{ t('common.addText') }}
           </a-button>
 
-          <a-button
-            type="primary"
-            danger
-            ghost
-            @click.prevent="fnModalVisibleByBatch()"
-          >
+          <a-button type="primary" danger ghost @click.prevent="fnModalVisibleByBatch()">
             <template #icon>
               <DeleteOutlined />
             </template>
             {{ t('views.neUser.auth.batchDelText') }}
           </a-button>
 
-          <a-popconfirm
-            :title="t('views.neUser.sub.loadDataConfirm')"
-            :ok-text="t('common.ok')"
-            :cancel-text="t('common.cancel')"
-            :disabled="modalState.loadDataLoading"
-            @confirm="fnLoadData"
-          >
-            <a-button
-              type="dashed"
-              danger
-              :disabled="modalState.loadDataLoading"
-              :loading="modalState.loadDataLoading"
-            >
+          <a-popconfirm :title="t('views.neUser.sub.loadDataConfirm')" :ok-text="t('common.ok')"
+            :cancel-text="t('common.cancel')" :disabled="modalState.loadDataLoading" @confirm="fnLoadData">
+            <a-button type="dashed" danger :disabled="modalState.loadDataLoading" :loading="modalState.loadDataLoading">
               <template #icon>
                 <SyncOutlined />
               </template>
@@ -1200,13 +1182,8 @@ onMounted(() => {
             {{ t('views.neUser.sub.import') }}
           </a-button>
 
-          <a-popconfirm
-            :title="t('views.neUser.sub.exportConfirm')"
-            placement="topRight"
-            ok-text="TXT"
-            ok-type="default"
-            @confirm="fnExportList('txt')"
-          >
+          <a-popconfirm :title="t('views.neUser.sub.exportConfirm')" placement="topRight" ok-text="TXT"
+            ok-type="default" @confirm="fnExportList('txt')">
             <a-button type="dashed">
               <template #icon>
                 <ExportOutlined />
@@ -1215,30 +1192,20 @@ onMounted(() => {
             </a-button>
           </a-popconfirm>
 
-          <a-button
-            type="default"
-            danger
-            :disabled="tableState.selectedRowKeys.length <= 0"
-            :loading="modalState.loadDataLoading"
-            @click.prevent="fnRecordDelete('0')"
-          >
-            <template #icon><DeleteOutlined /></template>
+          <a-button type="default" danger :disabled="tableState.selectedRowKeys.length <= 0"
+            :loading="modalState.loadDataLoading" @click.prevent="fnRecordDelete('0')">
+            <template #icon>
+              <DeleteOutlined />
+            </template>
             {{ t('views.neUser.sub.checkDel') }}
           </a-button>
 
-          <a-popconfirm
-            :title="t('views.neUser.sub.checkExportConfirm')"
-            placement="topRight"
-            ok-text="TXT"
-            ok-type="default"
-            @confirm="fnRecordExport('txt')"
-            :disabled="tableState.selectedRowKeys.length <= 0"
-          >
-            <a-button
-              type="default"
-              :disabled="tableState.selectedRowKeys.length <= 0"
-            >
-              <template #icon><ExportOutlined /></template>
+          <a-popconfirm :title="t('views.neUser.sub.checkExportConfirm')" placement="topRight" ok-text="TXT"
+            ok-type="default" @confirm="fnRecordExport('txt')" :disabled="tableState.selectedRowKeys.length <= 0">
+            <a-button type="default" :disabled="tableState.selectedRowKeys.length <= 0">
+              <template #icon>
+                <ExportOutlined />
+              </template>
               {{ t('views.neUser.sub.checkExport') }}
             </a-button>
           </a-popconfirm>
@@ -1250,35 +1217,29 @@ onMounted(() => {
         <a-space :size="8" align="center">
           <a-tooltip>
             <template #title>{{ t('common.searchBarText') }}</template>
-            <a-switch
-              v-model:checked="tableState.seached"
-              :checked-children="t('common.switch.show')"
-              :un-checked-children="t('common.switch.hide')"
-              size="small"
-            />
+            <a-switch v-model:checked="tableState.seached" :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')" size="small" />
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
             <a-button type="text" @click.prevent="fnGetList()">
-              <template #icon><ReloadOutlined /></template>
+              <template #icon>
+                <ReloadOutlined />
+              </template>
             </a-button>
           </a-tooltip>
-          <TableColumnsDnd
-            cache-id="udmSubData"
-            :columns="tableColumns"
-            v-model:columns-dnd="tableColumnsDnd"
-          ></TableColumnsDnd>
+          <TableColumnsDnd cache-id="udmSubData" :columns="tableColumns" v-model:columns-dnd="tableColumnsDnd">
+          </TableColumnsDnd>
           <a-tooltip placement="topRight">
             <template #title>{{ t('common.sizeText') }}</template>
             <a-dropdown placement="bottomRight" trigger="click">
               <a-button type="text">
-                <template #icon><ColumnHeightOutlined /></template>
+                <template #icon>
+                  <ColumnHeightOutlined />
+                </template>
               </a-button>
               <template #overlay>
-                <a-menu
-                  :selected-keys="[tableState.size as string]"
-                  @click="fnTableSize"
-                >
+                <a-menu :selected-keys="[tableState.size as string]" @click="fnTableSize">
                   <a-menu-item key="default">
                     {{ t('common.size.default') }}
                   </a-menu-item>
@@ -1296,23 +1257,14 @@ onMounted(() => {
       </template>
 
       <!-- 表格列表 -->
-      <a-table
-        class="table"
-        row-key="imsi"
-        :columns="tableColumnsDnd"
-        :loading="tableState.loading"
-        :data-source="tableState.data"
-        :size="tableState.size"
-        :pagination="tablePagination"
-        :scroll="{ y: 'calc(100vh - 480px)' }"
-        @change="fnTableChange"
-        @resizeColumn="(w:number, col:any) => (col.width = w)"
-        :row-selection="{
+      <a-table class="table" row-key="imsi" :columns="tableColumnsDnd" :loading="tableState.loading"
+        :data-source="tableState.data" :size="tableState.size" :pagination="tablePagination"
+        :scroll="{ y: 'calc(100vh - 480px)' }" @change="fnTableChange"
+        @resizeColumn="(w: number, col: any) => (col.width = w)" :row-selection="{
           type: 'checkbox',
           selectedRowKeys: tableState.selectedRowKeys,
           onChange: fnTableSelectedRowKeys,
-        }"
-      >
+        }">
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'cnFlag'">
             {{
@@ -1332,10 +1284,7 @@ onMounted(() => {
             <a-space :size="8" align="center">
               <a-tooltip>
                 <template #title>{{ t('common.editText') }}</template>
-                <a-button
-                  type="link"
-                  @click.prevent="fnModalVisibleByEdit(record.imsi)"
-                >
+                <a-button type="link" @click.prevent="fnModalVisibleByEdit(record.imsi)">
                   <template #icon>
                     <FormOutlined />
                   </template>
@@ -1343,10 +1292,7 @@ onMounted(() => {
               </a-tooltip>
               <a-tooltip>
                 <template #title>{{ t('common.deleteText') }}</template>
-                <a-button
-                  type="link"
-                  @click.prevent="fnRecordDelete(record.imsi)"
-                >
+                <a-button type="link" @click.prevent="fnRecordDelete(record.imsi)">
                   <template #icon>
                     <DeleteOutlined />
                   </template>
@@ -1359,58 +1305,26 @@ onMounted(() => {
     </a-card>
 
     <!-- 新增框或修改框 -->
-    <ProModal
-      :drag="true"
-      :width="800"
-      :destroyOnClose="true"
-      style="top: 0px"
-      :body-style="{ maxHeight: '600px', 'overflow-y': 'auto' }"
-      :keyboard="false"
-      :mask-closable="false"
-      :open="modalState.openByEdit"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnModalOk"
-      @cancel="fnModalCancel"
-    >
-      <a-form
-        name="modalStateFrom"
-        layout="horizontal"
-        :label-col="{ span: 6 }"
-        :labelWrap="true"
-      >
+    <ProModal :drag="true" :width="800" :destroyOnClose="true" style="top: 0px"
+      :body-style="{ maxHeight: '600px', 'overflow-y': 'auto' }" :keyboard="false" :mask-closable="false"
+      :open="modalState.openByEdit" :title="modalState.title" :confirm-loading="modalState.confirmLoading"
+      @ok="fnModalOk" @cancel="fnModalCancel">
+      <a-form name="modalStateFrom" layout="horizontal" :label-col="{ span: 6 }" :labelWrap="true">
         <a-row>
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.neUser.sub.numAdd')"
-              name="num"
-              v-bind="modalStateFrom.validateInfos.num"
-              v-show="!modalState.from.id"
-            >
-              <a-input-number
-                v-model:value="modalState.from.num"
-                style="width: 100%"
-                :min="1"
-                :max="10000"
-                placeholder="<=10000"
-              ></a-input-number>
+            <a-form-item :label="t('views.neUser.sub.numAdd')" name="num" v-bind="modalStateFrom.validateInfos.num"
+              v-show="!modalState.from.id">
+              <a-input-number v-model:value="modalState.from.num" style="width: 100%" :min="1" :max="10000"
+                placeholder="<=10000"></a-input-number>
             </a-form-item>
           </a-col>
         </a-row>
 
         <a-row>
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="IMSI"
-              name="imsi"
-              v-bind="modalStateFrom.validateInfos.imsi"
-            >
-              <a-input
-                v-model:value="modalState.from.imsi"
-                allow-clear
-                :maxlength="15"
-                :disabled="!!modalState.from.id"
-              >
+            <a-form-item label="IMSI" name="imsi" v-bind="modalStateFrom.validateInfos.imsi">
+              <a-input v-model:value="modalState.from.imsi" allow-clear :maxlength="15"
+                :disabled="!!modalState.from.id">
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title>
@@ -1426,16 +1340,8 @@ onMounted(() => {
             </a-form-item>
           </a-col>
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="MSISDN"
-              name="msisdn"
-              v-bind="modalStateFrom.validateInfos.msisdn"
-            >
-              <a-input
-                v-model:value="modalState.from.msisdn"
-                allow-clear
-                :maxlength="32"
-              >
+            <a-form-item label="MSISDN" name="msisdn" v-bind="modalStateFrom.validateInfos.msisdn">
+              <a-input v-model:value="modalState.from.msisdn" allow-clear :maxlength="32">
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title>
@@ -1449,49 +1355,24 @@ onMounted(() => {
           </a-col>
         </a-row>
 
-        <a-form-item
-          :label="t('common.remark')"
-          :label-col="{ span: 3 }"
-          :label-wrap="true"
-        >
-          <a-textarea
-            v-model:value="modalState.from.remark"
-            :auto-size="{ minRows: 1, maxRows: 6 }"
-            :maxlength="500"
-            :show-count="true"
-            :placeholder="t('common.inputPlease')"
-          />
+        <a-form-item :label="t('common.remark')" :label-col="{ span: 3 }" :label-wrap="true">
+          <a-textarea v-model:value="modalState.from.remark" :auto-size="{ minRows: 1, maxRows: 6 }" :maxlength="500"
+            :show-count="true" :placeholder="t('common.inputPlease')" />
         </a-form-item>
 
         <!-- SM Data ---- S -->
         <a-divider orientation="left">
           Subscribed SM Data
           <a-tooltip title="Add SM Data">
-            <a-button
-              shape="circle"
-              @click="addBigRow"
-              style="margin-left: 10px"
-            >
+            <a-button shape="circle" @click="addBigRow" style="margin-left: 10px">
               <template #icon><plus-outlined /></template>
-            </a-button> </a-tooltip
-        ></a-divider>
+            </a-button> </a-tooltip></a-divider>
         <!-- 大数组布局 -->
         <div v-for="(row, index) in bigRows" :key="String(row.id)">
           <a-row>
             <a-col :lg="6" :md="6" :xs="24">
-              <a-form-item
-                label="SST"
-                name="row.sst"
-                :label-col="{ span: 12 }"
-                :validateTrigger="[]"
-                :required="true"
-              >
-                <a-input-number
-                  v-model:value="row.sst"
-                  :min="1"
-                  :max="3"
-                  :step="1"
-                />
+              <a-form-item label="SST" name="row.sst" :label-col="{ span: 12 }" :validateTrigger="[]" :required="true">
+                <a-input-number v-model:value="row.sst" :min="1" :max="3" :step="1" />
               </a-form-item>
             </a-col>
 
@@ -1504,7 +1385,7 @@ onMounted(() => {
               <a-row>
                 <a-col :span="4">
                   <a-tooltip title="Add DNN">
-                    <a-button shape="circle" @click="addSmallRow(row.id)">
+                    <a-button shape="circle" @click="addSmallRow(row.id)" style="margin-left:10px ;">
                       <template #icon><plus-square-outlined /></template>
                     </a-button>
                   </a-tooltip>
@@ -1521,46 +1402,27 @@ onMounted(() => {
           </a-row>
 
           <!-- 小数组布局 -->
-          <div
-            v-for="(smallRow, smallIndex) in row.smallRows"
-            :key="String(smallRow.id)"
-          >
+          <div v-for="(smallRow, smallIndex) in row.smallRows" :key="String(smallRow.id)">
             <a-row>
-              <a-col :lg="6" :md="7" :xs="24">
-                <a-form-item
-                  label="DNN/APN"
-                  name="dnn"
-                  :validateTrigger="[]"
-                  :required="true"
-                  :label-col="{ span: 12 }"
-                >
+              <a-col :lg="6" :md="6" :xs="24">
+                <a-form-item label="DNN/APN" name="dnn" :validateTrigger="[]" :required="true"
+                  :label-col="{ span: 12 }">
                   <a-input v-model:value="smallRow.dnn" allow-clear></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :lg="8" :md="6" :xs="24">
-                <a-form-item
-                  label="Static IP"
-                  name="smStaticIp"
-                  :label-col="{ span: 5 }"
-                >
-                  <a-input
-                    v-model:value="smallRow.smStaticIp"
-                    allow-clear
-                  ></a-input>
+              <a-col :lg="8" :md="8" :xs="24">
+                <a-form-item label="Static IP" name="smStaticIp" :label-col="{ span: 5 }">
+                  <a-input v-model:value="smallRow.smStaticIp" allow-clear></a-input>
                 </a-form-item>
               </a-col>
               <a-col :lg="8" :md="8" :xs="24">
-                <a-form-item label="Routing Behind MS IP" name="msIp">
+                <a-form-item label="Routing Behind MS IP" style="margin-left:10px ;" name="msIp">
                   <a-input v-model:value="smallRow.msIp" allow-clear></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :lg="1" :md="1" :xs="24" v-if="smallIndex !== 0">
+              <a-col :lg="2" :md="2" :xs="24" v-if="smallIndex !== 0">
                 <a-tooltip title="Delete DNN">
-                  <a-button
-                    danger
-                    shape="circle"
-                    @click="delDNN(smallIndex, row.id)"
-                  >
+                  <a-button danger shape="circle" @click="delDNN(smallIndex, row.id)" style="margin-left:10px ;">
                     <template #icon><close-square-outlined /></template>
                   </a-button>
                 </a-tooltip>
@@ -1577,11 +1439,7 @@ onMounted(() => {
             </template>
             <a-row>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5GC Flag"
-                  name="cnFlag"
-                  :help="t('views.neUser.sub.cnFlag')"
-                >
+                <a-form-item label="5GC Flag" name="cnFlag" :help="t('views.neUser.sub.cnFlag')">
                   <a-select v-model:value="modalState.from.cnType">
                     <a-select-option value="3">
                       {{ t('views.neUser.sub.enable') }}
@@ -1593,71 +1451,44 @@ onMounted(() => {
                 </a-form-item>
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed UE AMBR Template"
-                  name="ambr"
-                  v-bind="modalStateFrom.validateInfos.ambr"
-                >
-                  <a-input
-                    v-model:value="modalState.from.ambr"
-                    allow-clear
-                    :maxlength="50"
-                  >
+                <a-form-item label="5G Subscribed UE AMBR Template" name="ambr"
+                  v-bind="modalStateFrom.validateInfos.ambr">
+                  <a-input v-model:value="modalState.from.ambr" allow-clear :maxlength="50">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.inputTip', { num: '50' }) }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
                 </a-form-item>
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed SNSSAIs Template"
-                  name="nssai"
-                  v-bind="modalStateFrom.validateInfos.nssai"
-                >
-                  <a-input
-                    v-model:value="modalState.from.nssai"
-                    allow-clear
-                    :maxlength="50"
-                  >
+                <a-form-item label="5G Subscribed SNSSAIs Template" name="nssai"
+                  v-bind="modalStateFrom.validateInfos.nssai">
+                  <a-input v-model:value="modalState.from.nssai" allow-clear :maxlength="50">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.inputTip', { num: '50' }) }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
                 </a-form-item>
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed SMF Selection Data Template"
-                  name="smfSel"
-                >
-                  <a-input
-                    v-model:value="modalState.from.smfSel"
-                    allow-clear
-                    :maxlength="50"
-                  >
+                <a-form-item label="5G Subscribed SMF Selection Data Template" name="smfSel">
+                  <a-input v-model:value="modalState.from.smfSel" allow-clear :maxlength="50">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.inputTip', { num: '50' }) }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
@@ -1665,77 +1496,48 @@ onMounted(() => {
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
                 <a-form-item label="5G Forbidden Areas Template" name="arfb">
-                  <a-input
-                    v-model:value="modalState.from.arfb"
-                    allow-clear
-                    :maxlength="50"
-                  >
+                  <a-input v-model:value="modalState.from.arfb" allow-clear :maxlength="50">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.arfbTip') }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
                 </a-form-item>
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G CAG Template"
-                  name="cag"
-                  v-bind="modalStateFrom.validateInfos.cag"
-                >
-                  <a-input
-                    v-model:value="modalState.from.cag"
-                    allow-clear
-                    :maxlength="50"
-                  >
+                <a-form-item label="5G CAG Template" name="cag" v-bind="modalStateFrom.validateInfos.cag">
+                  <a-input v-model:value="modalState.from.cag" allow-clear :maxlength="50">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.inputTip', { num: '50' }) }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
                 </a-form-item>
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Service Area Restriction Template"
-                  name="sar"
-                >
-                  <a-input
-                    v-model:value="modalState.from.sar"
-                    allow-clear
-                    :maxlength="50"
-                  >
+                <a-form-item label="5G Service Area Restriction Template" name="sar">
+                  <a-input v-model:value="modalState.from.sar" allow-clear :maxlength="50">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.sarTip') }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
                 </a-form-item>
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G MICO Mode"
-                  name="mico"
-                  :help="t('views.neUser.sub.micoTip')"
-                >
+                <a-form-item label="5G MICO Mode" name="mico" :help="t('views.neUser.sub.micoTip')">
                   <a-select v-model:value="modalState.from.mico">
                     <a-select-option value="1">
                       {{ t('views.neUser.sub.enable') }}
@@ -1758,21 +1560,14 @@ onMounted(() => {
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
                 <a-form-item label="5G UE Usage Type" name="ueUsageType">
-                  <a-input-number
-                    v-model:value="modalState.from.ueUsageType"
-                    style="width: 100%"
-                    :min="0"
-                    :max="127"
-                    placeholder="0 ~ 127"
-                  >
+                  <a-input-number v-model:value="modalState.from.ueUsageType" style="width: 100%" :min="0" :max="127"
+                    placeholder="0 ~ 127">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.ueTypeTip') }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input-number>
@@ -1780,21 +1575,14 @@ onMounted(() => {
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
                 <a-form-item label="5G RFSP Index" name="rfspIndex">
-                  <a-input-number
-                    v-model:value="modalState.from.rfspIndex"
-                    style="width: 100%"
-                    :min="0"
-                    :max="127"
-                    placeholder="0 ~ 127"
-                  >
+                  <a-input-number v-model:value="modalState.from.rfspIndex" style="width: 100%" :min="0" :max="127"
+                    placeholder="0 ~ 127">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.rfspTip') }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input-number>
@@ -1809,11 +1597,7 @@ onMounted(() => {
             </template>
             <a-row>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G EPS Flag"
-                  name="epsFlag"
-                  :help="t('views.neUser.sub.epsFlagTip')"
-                >
+                <a-form-item label="4G EPS Flag" name="epsFlag" :help="t('views.neUser.sub.epsFlagTip')">
                   <a-select v-model:value="modalState.from.epsFlag">
                     <a-select-option value="1">
                       {{ t('views.neUser.sub.enable') }}
@@ -1825,24 +1609,15 @@ onMounted(() => {
                 </a-form-item>
               </a-col>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G EPS User Template Name"
-                  name="epstpl"
-                  v-bind="modalStateFrom.validateInfos.epstpl"
-                >
-                  <a-input
-                    v-model:value="modalState.from.epstpl"
-                    allow-clear
-                    :maxlength="50"
-                  >
+                <a-form-item label="4G EPS User Template Name" name="epstpl"
+                  v-bind="modalStateFrom.validateInfos.epstpl">
+                  <a-input v-model:value="modalState.from.epstpl" allow-clear :maxlength="50">
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.inputTip', { num: '50' }) }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
@@ -1851,20 +1626,14 @@ onMounted(() => {
             </a-row>
             <a-row>
               <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G Static IP"
-                  v-bind="modalStateFrom.validateInfos.staticIp"
-                  name="staticIp"
-                >
+                <a-form-item label="4G Static IP" v-bind="modalStateFrom.validateInfos.staticIp" name="staticIp">
                   <a-input v-model:value="modalState.from.staticIp" allow-clear>
                     <template #prefix>
                       <a-tooltip placement="topLeft">
                         <template #title>
                           {{ t('views.neUser.sub.staticIpTip') }}
                         </template>
-                        <InfoCircleOutlined
-                          style="opacity: 0.45; color: inherit"
-                        />
+                        <InfoCircleOutlined style="opacity: 0.45; color: inherit" />
                       </a-tooltip>
                     </template>
                   </a-input>
@@ -1884,73 +1653,33 @@ onMounted(() => {
               </a-input>
             </a-form-item>
 
-            <a-form-item
-              label="4G APN Context List"
-              name="apnContext"
-              :help="t('views.neUser.sub.apnContextTip')"
-            >
+            <a-form-item label="4G APN Context List" name="apnContext" :help="t('views.neUser.sub.apnContextTip')">
               <a-input-group compact>
-                <a-input-number
-                  v-for="(_, i) in modalState.from.apnContext"
-                  :key="i"
-                  :title="i"
-                  style="width: 16.5%"
-                  :min="0"
-                  :max="99"
-                  v-model:value="modalState.from.apnContext[i]"
-                ></a-input-number>
+                <a-input-number v-for="(_, i) in modalState.from.apnContext" :key="i" :title="i" style="width: 16.5%"
+                  :min="0" :max="99" v-model:value="modalState.from.apnContext[i]"></a-input-number>
               </a-input-group>
             </a-form-item>
 
-            <a-form-item
-              label="4G EPS ODB"
-              name="epsOdb"
-              v-bind="modalStateFrom.validateInfos.epsOdb"
-            >
-              <a-tooltip
-                :title="t('views.neUser.sub.epsOdbTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.from.epsOdb"
-                  mode="multiple"
-                  style="width: 100%"
-                  placeholder="Please select"
-                  :options="modalStateFromOption.odbJson"
-                  @change=""
-                >
+            <a-form-item label="4G EPS ODB" name="epsOdb" v-bind="modalStateFrom.validateInfos.epsOdb">
+              <a-tooltip :title="t('views.neUser.sub.epsOdbTip')" placement="topLeft">
+                <a-select v-model:value="modalState.from.epsOdb" mode="multiple" style="width: 100%"
+                  placeholder="Please select" :options="modalStateFromOption.odbJson" @change="">
                 </a-select>
               </a-tooltip>
             </a-form-item>
 
             <a-form-item label="4G HPLMN ODB" name="hplmnOdb">
-              <a-tooltip
-                :title="t('views.neUser.sub.hplmnOdbTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.from.hplmnOdb"
-                  mode="multiple"
-                  style="width: 100%"
-                  :options="modalStateFromOption.hplmnOdb"
-                  @change=""
-                >
+              <a-tooltip :title="t('views.neUser.sub.hplmnOdbTip')" placement="topLeft">
+                <a-select v-model:value="modalState.from.hplmnOdb" mode="multiple" style="width: 100%"
+                  :options="modalStateFromOption.hplmnOdb" @change="">
                 </a-select>
               </a-tooltip>
             </a-form-item>
 
             <a-form-item label="4G Access Restriction Data" name="ard">
-              <a-tooltip
-                :title="t('views.neUser.sub.ardTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.from.ard"
-                  mode="multiple"
-                  style="width: 100%"
-                  :options="modalStateFromOption.ardJson"
-                  @change=""
-                >
+              <a-tooltip :title="t('views.neUser.sub.ardTip')" placement="topLeft">
+                <a-select v-model:value="modalState.from.ard" mode="multiple" style="width: 100%"
+                  :options="modalStateFromOption.ardJson" @change="">
                 </a-select>
               </a-tooltip>
             </a-form-item>
@@ -1960,36 +1689,15 @@ onMounted(() => {
     </ProModal>
 
     <!-- 批量删除框 -->
-    <ProModal
-      :drag="true"
-      :destroyOnClose="true"
-      style="top: 0px"
-      :keyboard="false"
-      :mask-closable="false"
-      :open="modalState.openByBatchDel"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnBatchDelModalOk"
-      @cancel="fnBatchDelModalCancel"
-    >
-      <a-form
-        name="modalStateBatchDelFrom"
-        layout="horizontal"
-        :label-col="{ span: 6 }"
-        :labelWrap="true"
-      >
+    <ProModal :drag="true" :destroyOnClose="true" style="top: 0px" :keyboard="false" :mask-closable="false"
+      :open="modalState.openByBatchDel" :title="modalState.title" :confirm-loading="modalState.confirmLoading"
+      @ok="fnBatchDelModalOk" @cancel="fnBatchDelModalCancel">
+      <a-form name="modalStateBatchDelFrom" layout="horizontal" :label-col="{ span: 6 }" :labelWrap="true">
         <a-row>
           <a-col :lg="24" :md="24" :xs="24">
-            <a-form-item
-              :label="t('views.neUser.sub.startIMSI')"
-              name="imsi"
-              v-bind="modalStateBatchDelFrom.validateInfos.imsi"
-            >
-              <a-input
-                v-model:value="modalState.BatchDelForm.imsi"
-                allow-clear
-                :maxlength="15"
-              >
+            <a-form-item :label="t('views.neUser.sub.startIMSI')" name="imsi"
+              v-bind="modalStateBatchDelFrom.validateInfos.imsi">
+              <a-input v-model:value="modalState.BatchDelForm.imsi" allow-clear :maxlength="15">
                 <template #prefix>
                   <a-tooltip placement="topLeft">
                     <template #title>
@@ -2005,18 +1713,10 @@ onMounted(() => {
             </a-form-item>
           </a-col>
           <a-col :lg="24" :md="24" :xs="24">
-            <a-form-item
-              :label="t('views.neUser.sub.numDel')"
-              name="num"
-              v-bind="modalStateBatchDelFrom.validateInfos.num"
-            >
-              <a-input-number
-                v-model:value="modalState.BatchDelForm.num"
-                style="width: 100%"
-                :min="1"
-                :max="10000"
-                placeholder="<=10000"
-              ></a-input-number>
+            <a-form-item :label="t('views.neUser.sub.numDel')" name="num"
+              v-bind="modalStateBatchDelFrom.validateInfos.num">
+              <a-input-number v-model:value="modalState.BatchDelForm.num" style="width: 100%" :min="1" :max="10000"
+                placeholder="<=10000"></a-input-number>
             </a-form-item>
           </a-col>
         </a-row>
@@ -2024,23 +1724,12 @@ onMounted(() => {
     </ProModal>
 
     <!-- 上传导入表格数据文件框 -->
-    <UploadModal
-      :title="uploadImportState.title"
-      :loading="uploadImportState.loading"
-      @upload="fnModalUploadImportUpload"
-      @close="fnModalUploadImportClose"
-      v-model:open="uploadImportState.open"
-      :ext="['.txt']"
-      :size="10"
-    >
+    <UploadModal :title="uploadImportState.title" :loading="uploadImportState.loading"
+      @upload="fnModalUploadImportUpload" @close="fnModalUploadImportClose" v-model:open="uploadImportState.open"
+      :ext="['.txt']" :size="10">
       <template #default>
-        <a-textarea
-          :disabled="true"
-          :hidden="!uploadImportState.msg"
-          :value="uploadImportState.msg"
-          :auto-size="{ minRows: 2, maxRows: 8 }"
-          style="background-color: transparent; color: rgba(0, 0, 0, 0.85)"
-        />
+        <a-textarea :disabled="true" :hidden="!uploadImportState.msg" :value="uploadImportState.msg"
+          :auto-size="{ minRows: 2, maxRows: 8 }" style="background-color: transparent; color: rgba(0, 0, 0, 0.85)" />
       </template>
     </UploadModal>
   </PageContainer>

From 4b1058cff30d184e4dc4908dc308a68cf98f7c61 Mon Sep 17 00:00:00 2001
From: lai <10633968+laiyujun1@user.noreply.gitee.com>
Date: Fri, 13 Dec 2024 16:04:21 +0800
Subject: [PATCH 13/36] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E8=B5=8B=E5=80=BC=E6=9C=BA=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/perfManage/customTarget/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/views/perfManage/customTarget/index.vue b/src/views/perfManage/customTarget/index.vue
index 7c7e913b..3a627644 100644
--- a/src/views/perfManage/customTarget/index.vue
+++ b/src/views/perfManage/customTarget/index.vue
@@ -387,8 +387,10 @@ function fnModalOk() {
         message.error(t('views.perfManage.customTarget.expressionNoIdTip'), 3);
         return false;
       }
-      modalState.from.expression = result;
-      const from = toRaw(modalState.from);
+      //modalState.from.expression = result;
+      //const from = toRaw(modalState.from);
+      const from = { ...toRaw(modalState.from) };
+      from.expression = result;
       //return false;
       modalState.confirmLoading = true;
       const perfTask = from.id ? updateCustom(from) : addCustom(from);

From 7f69bc69bc344eaacd0f513b6b209a82afc5135e Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 13 Dec 2024 18:25:52 +0800
Subject: [PATCH 14/36] =?UTF-8?q?chore:=20=E7=BC=96=E8=AF=91=E4=BE=9D?=
 =?UTF-8?q?=E8=B5=96=E6=8B=86=E5=8C=85manualChunks=E8=A1=8C=E4=B8=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json   | 2 +-
 vite.config.ts | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 966f8eda..f4004deb 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@ant-design/icons-vue": "^7.0.1",
     "@antv/g6": "~4.8.24",
     "@codemirror/lang-javascript": "^6.2.2",
-    "@codemirror/lang-yaml": "^6.1.1",
+    "@codemirror/lang-yaml": "^6.1.2",
     "@codemirror/merge": "^6.7.4",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@tato30/vue-pdf": "^1.11.3",
diff --git a/vite.config.ts b/vite.config.ts
index ac1af06f..d0c51d7d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -55,8 +55,12 @@ export default defineConfig(({ mode }) => {
           // 用于输出静态资源的块
           assetFileNames: 'assets/[name].[hash].[ext]',
           manualChunks: id => {
-            if (id.indexOf('node_modules') !== -1) {
-              return 'vendor/index';
+            if (id.includes('node_modules')) {
+              return id
+                .toString()
+                .split('node_modules/')[1]
+                .split('/')[0]
+                .toString();
             }
           },
         },

From a94f9414a42e88dd22fe4edd9a3f7113c8b7ccac Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 13 Dec 2024 21:19:28 +0800
Subject: [PATCH 15/36] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E5=8F=B7=202.241213?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development | 2 +-
 .env.production  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env.development b/.env.development
index 0537f33a..969414dd 100644
--- a/.env.development
+++ b/.env.development
@@ -11,7 +11,7 @@ VITE_APP_NAME = "Core Network OMC"
 VITE_APP_CODE = "OMC"
 
 # 应用版本
-VITE_APP_VERSION = "2.241209"
+VITE_APP_VERSION = "2.241213"
 
 # 接口基础URL地址-不带/后缀
 VITE_API_BASE_URL = "/omc-api"
diff --git a/.env.production b/.env.production
index 805c0b6e..a3259705 100644
--- a/.env.production
+++ b/.env.production
@@ -11,7 +11,7 @@ VITE_APP_NAME = "Core Network OMC"
 VITE_APP_CODE = "OMC"
 
 # 应用版本
-VITE_APP_VERSION = "2.241209"
+VITE_APP_VERSION = "2.241213"
 
 # 接口基础URL地址-不带/后缀
 VITE_API_BASE_URL = "/omc-api"

From 7e60f0dd05c4359994494e8ac7ea4f603cb099da Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 16 Dec 2024 10:23:22 +0800
Subject: [PATCH 16/36] =?UTF-8?q?chore:=20=E7=BC=96=E8=AF=91=E4=BE=9D?=
 =?UTF-8?q?=E8=B5=96=E6=8B=86=E5=8C=85manualChunks=E8=A1=8C=E4=B8=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue |  1 -
 vite.config.ts      | 24 ++++++++++++++++--------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index c7181483..fa4c97bc 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -43,7 +43,6 @@ onMounted(() => {
   getConfigKey('sys.homePage').then(res => {
     spinning.value = false;
     if (res.code === RESULT_CODE_SUCCESS && res.data) {
-      console.log(spinning);
       if (res.data) {
         const asyncComponent = findView(`${res.data}`);
         currentComponent.value = defineAsyncComponent(asyncComponent);
diff --git a/vite.config.ts b/vite.config.ts
index d0c51d7d..5651be11 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -54,14 +54,22 @@ export default defineConfig(({ mode }) => {
           chunkFileNames: 'js/[name].[hash].js',
           // 用于输出静态资源的块
           assetFileNames: 'assets/[name].[hash].[ext]',
-          manualChunks: id => {
-            if (id.includes('node_modules')) {
-              return id
-                .toString()
-                .split('node_modules/')[1]
-                .split('/')[0]
-                .toString();
-            }
+          manualChunks: {
+            vendorVue: ['vue', 'vue-router', 'pinia'],
+            vendorVuePlugins: ['vue-i18n', 'vue3-smooth-dnd', 'grid-layout-plus', '@vueuse/core'],
+            vendorAnt: ['ant-design-vue', '@ant-design/icons-vue'],
+            vendorAntv: ['@antv/g6'],
+            vendorEcharts: ['echarts'],
+            vendorPDF: ['@tato30/vue-pdf'],
+            vendorXterm: ['@xterm/xterm', '@xterm/addon-fit'],
+            vendorCodemirror: [
+              'codemirror',
+              '@codemirror/lang-yaml',
+              '@codemirror/lang-javascript',
+              '@codemirror/merge',
+              '@codemirror/theme-one-dark',
+            ],
+            vendorUtils: ['crypto-js', 'nprogress', 'p-queue', 'dayjs', 'xlsx'],
           },
         },
       },

From 71f2e596fe713e08d21beef902fd426f7f0fa5ae Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 16 Dec 2024 10:25:19 +0800
Subject: [PATCH 17/36] =?UTF-8?q?chore:=20=E7=BC=96=E8=AF=91=E4=BE=9D?=
 =?UTF-8?q?=E8=B5=96=E6=8B=86=E5=8C=85manualChunks=E8=A1=8C=E4=B8=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue |  1 -
 vite.config.ts      | 24 ++++++++++++++++--------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index c7181483..fa4c97bc 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -43,7 +43,6 @@ onMounted(() => {
   getConfigKey('sys.homePage').then(res => {
     spinning.value = false;
     if (res.code === RESULT_CODE_SUCCESS && res.data) {
-      console.log(spinning);
       if (res.data) {
         const asyncComponent = findView(`${res.data}`);
         currentComponent.value = defineAsyncComponent(asyncComponent);
diff --git a/vite.config.ts b/vite.config.ts
index d0c51d7d..5651be11 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -54,14 +54,22 @@ export default defineConfig(({ mode }) => {
           chunkFileNames: 'js/[name].[hash].js',
           // 用于输出静态资源的块
           assetFileNames: 'assets/[name].[hash].[ext]',
-          manualChunks: id => {
-            if (id.includes('node_modules')) {
-              return id
-                .toString()
-                .split('node_modules/')[1]
-                .split('/')[0]
-                .toString();
-            }
+          manualChunks: {
+            vendorVue: ['vue', 'vue-router', 'pinia'],
+            vendorVuePlugins: ['vue-i18n', 'vue3-smooth-dnd', 'grid-layout-plus', '@vueuse/core'],
+            vendorAnt: ['ant-design-vue', '@ant-design/icons-vue'],
+            vendorAntv: ['@antv/g6'],
+            vendorEcharts: ['echarts'],
+            vendorPDF: ['@tato30/vue-pdf'],
+            vendorXterm: ['@xterm/xterm', '@xterm/addon-fit'],
+            vendorCodemirror: [
+              'codemirror',
+              '@codemirror/lang-yaml',
+              '@codemirror/lang-javascript',
+              '@codemirror/merge',
+              '@codemirror/theme-one-dark',
+            ],
+            vendorUtils: ['crypto-js', 'nprogress', 'p-queue', 'dayjs', 'xlsx'],
           },
         },
       },

From 5a704146a552d69ed3eebf65009af4e0e5abe3ee Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 16 Dec 2024 11:07:50 +0800
Subject: [PATCH 18/36] =?UTF-8?q?fix:=20=E8=A7=92=E8=89=B2=E5=88=86?=
 =?UTF-8?q?=E9=85=8D=E8=8F=9C=E5=8D=95=E5=8B=BE=E9=80=89=E7=88=B6=E5=AD=90?=
 =?UTF-8?q?=E7=BA=A7=E8=81=94=E8=BD=AC=E5=87=BA=E5=AD=90=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E5=85=B3=E8=81=94=E6=A0=B9=E8=8A=82=E7=82=B9=E6=95=B0=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/parse-tree-utils.ts   | 44 +++++++++++++++++++++++++++++++--
 src/views/system/role/index.vue | 27 +++++++++++++++++---
 2 files changed, 65 insertions(+), 6 deletions(-)

diff --git a/src/utils/parse-tree-utils.ts b/src/utils/parse-tree-utils.ts
index 0698054c..0791f050 100644
--- a/src/utils/parse-tree-utils.ts
+++ b/src/utils/parse-tree-utils.ts
@@ -126,7 +126,7 @@ export function parseDataToTreeExclude(
 }
 
 /**
- * 解析树结构数据转出一维id数组
+ * 解析树结构数据转出所有一维id数组
  *
  * @param data 数组数据
  * @param fieldId 读取节点字段 默认 'id'
@@ -158,7 +158,7 @@ export function parseTreeKeys(
 }
 
 /**
- * 解析树结构数据转出含子节点的一维id数组
+ * 解析树结构数据转出根节点的一维id数组
  *
  * @param data 数组数据
  * @param fieldId 读取节点字段 默认 'id'
@@ -221,3 +221,43 @@ export function parseDataToOptions(
 
   return options;
 }
+
+/**
+ * 解析树结构数据转出子节点关联根节点的一维id数组
+ *
+ * @param data 数组数据
+ * @param checkedKeys 子节点数组数据
+ * @param fieldId 读取节点字段 默认 'id'
+ * @param fieldChildren 读取子节点字段 默认 'children'
+ * @returns 层级数组
+ */
+export function parseTreeNodeKeysByChecked(
+  data: Record<string, any>[],
+  checkedKeys: (string | number)[],
+  fieldId: string = 'id',
+  fieldChildren: string = 'children'
+) {
+  // 节点id
+  let treeIds: (string | number)[] = [];
+  componet(data);
+  /**闭包递归函数 */
+  function componet(data: Record<string, any>[]) {
+    if (data.length <= 0) return false;
+    let hasKey = false;
+    for (const iterator of data) {
+      const key = iterator[fieldId];
+      if (checkedKeys.includes(key)) {
+        hasKey = true;
+      }
+      let nodes = iterator[fieldChildren];
+      if (Array.isArray(nodes) && nodes.length > 0) {
+        if (componet(nodes)) {
+          treeIds.push(key);
+          hasKey = true;
+        }
+      }
+    }
+    return hasKey;
+  }
+  return treeIds;
+}
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 8faa1cc2..3f14810f 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -23,7 +23,11 @@ import { saveAs } from 'file-saver';
 import { parseDateToStr } from '@/utils/date-utils';
 import useDictStore from '@/store/modules/dict';
 import { DataNode } from 'ant-design-vue/es/tree';
-import { parseTreeKeys, parseTreeNodeKeys } from '@/utils/parse-tree-utils';
+import {
+  parseTreeKeys,
+  parseTreeNodeKeys,
+  parseTreeNodeKeysByChecked,
+} from '@/utils/parse-tree-utils';
 import { hasPermissions } from '@/plugins/auth-user';
 import { MENU_PATH_INLINE } from '@/constants/menu-constants';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
@@ -328,7 +332,12 @@ function fnModalVisibleByVive(roleId: string | number) {
         menuTree.treeData = menus;
         modalState.menuTree.treeData = menus;
         modalState.menuTree.checkedKeys = checkedKeys;
-        modalState.from.menuIds = checkedKeys;
+        if (modalState.from.menuCheckStrictly === '1') {
+          const ids = parseTreeNodeKeysByChecked(menus, checkedKeys, 'id');
+          modalState.from.menuIds = ids.concat(checkedKeys);
+        } else {
+          modalState.from.menuIds = checkedKeys;
+        }
       }
       modalState.title = t('views.system.role.roleInfo');
       modalState.openByView = true;
@@ -385,7 +394,12 @@ function fnModalVisibleByEdit(roleId?: string | number) {
           menuTree.treeData = menus;
           modalState.menuTree.treeData = menus;
           modalState.menuTree.checkedKeys = checkedKeys;
-          modalState.from.menuIds = checkedKeys;
+          if (modalState.from.menuCheckStrictly === '1') {
+            const ids = parseTreeNodeKeysByChecked(menus, checkedKeys, 'id');
+            modalState.from.menuIds = ids.concat(checkedKeys);
+          } else {
+            modalState.from.menuIds = checkedKeys;
+          }
         }
         modalState.title =
           t('common.editText') + t('views.system.role.roleInfo');
@@ -567,7 +581,12 @@ function fnRecordDataScope(roleId: string | number) {
           deptTree.treeData = depts;
           modalState.deptTree.treeData = depts;
           modalState.deptTree.checkedKeys = checkedKeys;
-          modalState.from.deptIds = checkedKeys;
+          if (modalState.from.deptCheckStrictly === '1') {
+            const ids = parseTreeNodeKeysByChecked(depts, checkedKeys, 'id');
+            modalState.from.deptIds = ids.concat(checkedKeys);
+          } else {
+            modalState.from.deptIds = checkedKeys;
+          }
         }
         modalState.title = t('views.system.role.distribute');
         modalState.openByDataScope = true;

From 09fd8bc4dc4b206c6fdffe474afbc6b23f491fbb Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 16 Dec 2024 11:25:30 +0800
Subject: [PATCH 19/36] =?UTF-8?q?style:=20smsc=E6=97=B6=E9=97=B4=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=88=97=E5=AE=BD=E5=BA=A6200px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/smscCDR/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/smscCDR/index.vue b/src/views/dashboard/smscCDR/index.vue
index 2c33eb78..c2ec8bda 100644
--- a/src/views/dashboard/smscCDR/index.vue
+++ b/src/views/dashboard/smscCDR/index.vue
@@ -144,7 +144,7 @@ let tableColumns: ColumnsType = [
     dataIndex: 'cdrJSON',
     key: 'callerParty',
     align: 'left',
-    width: 120,
+    width: 150,
     customRender(opt) {
       const cdrJSON = opt.value;
       return cdrJSON.callerParty;
@@ -155,7 +155,7 @@ let tableColumns: ColumnsType = [
     dataIndex: 'cdrJSON',
     key: 'calledParty',
     align: 'left',
-    width: 120,
+    width: 150,
     customRender(opt) {
       const cdrJSON = opt.value;
       return cdrJSON.calledParty;
@@ -173,7 +173,7 @@ let tableColumns: ColumnsType = [
     title: t('views.dashboard.cdr.time'),
     dataIndex: 'cdrJSON',
     align: 'left',
-    width: 150,
+    width: 200,
     customRender(opt) {
       const cdrJSON = opt.value;
       if (typeof cdrJSON.updateTime === 'number') {

From 11649c3fb1db66cf52f16bf0a7c3215a897a526a Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 18 Dec 2024 15:31:27 +0800
Subject: [PATCH 20/36] =?UTF-8?q?fix:=20SMF-=E5=9C=A8=E7=BA=BF=E8=AE=A2?=
 =?UTF-8?q?=E9=98=85=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/neData/smf.ts         | 17 +++++++++++++++--
 src/views/neUser/ue/index.vue |  4 ++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/api/neData/smf.ts b/src/api/neData/smf.ts
index 02b20e2f..a7d8c3c0 100644
--- a/src/api/neData/smf.ts
+++ b/src/api/neData/smf.ts
@@ -41,14 +41,27 @@ export function exportSMFDataCDR(data: Record<string, any>) {
   });
 }
 
+/**
+ * SMF-在线订阅用户数量
+ * @param query 查询参数
+ * @returns object
+ */
+export function listSMFSubNum(neId: string) {
+  return request({
+    url: '/neData/smf/sub/num',
+    method: 'get',
+    params: { neId },
+  });
+}
+
 /**
  * SMF-在线订阅用户列表信息
  * @param query 查询参数
  * @returns object
  */
-export function listSMFSubscribers(query: Record<string, any>) {
+export function listSMFSubList(query: Record<string, any>) {
   return request({
-    url: '/neData/smf/subscribers',
+    url: '/neData/smf/sub/list',
     method: 'get',
     params: query,
   });
diff --git a/src/views/neUser/ue/index.vue b/src/views/neUser/ue/index.vue
index 29633e49..61918cfe 100644
--- a/src/views/neUser/ue/index.vue
+++ b/src/views/neUser/ue/index.vue
@@ -6,7 +6,7 @@ import { message } 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 { listSMFSubscribers } from '@/api/neData/smf';
+import { listSMFSubList } from '@/api/neData/smf';
 import useNeInfoStore from '@/store/modules/neinfo';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
@@ -224,7 +224,7 @@ function fnGetList(pageNum?: number) {
   if (pageNum) {
     queryParams.pageNum = pageNum;
   }
-  listSMFSubscribers(toRaw(queryParams)).then(res => {
+  listSMFSubList(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
       tableState.data = res.rows;

From d3a18f95dbad311b7b8fc18091839be4fc7ed25e Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 18 Dec 2024 15:32:36 +0800
Subject: [PATCH 21/36] =?UTF-8?q?style:=20CDR/UE=E5=B1=95=E5=BC=80?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E5=B8=83=E5=B1=80=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/amfUE/index.vue  | 108 +++++++++++++--------------
 src/views/dashboard/imsCDR/index.vue |   4 +-
 src/views/dashboard/mmeUE/index.vue  |  87 +++++++++++----------
 3 files changed, 100 insertions(+), 99 deletions(-)

diff --git a/src/views/dashboard/amfUE/index.vue b/src/views/dashboard/amfUE/index.vue
index 79712569..979a1d6c 100644
--- a/src/views/dashboard/amfUE/index.vue
+++ b/src/views/dashboard/amfUE/index.vue
@@ -654,65 +654,59 @@ onBeforeUnmount(() => {
           </template>
         </template>
         <template #expandedRowRender="{ record }">
-          <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
-            <a-divider orientation="left">
-              {{ t('views.dashboard.ue.ueInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.ne.common.neName') }}: </span>
-              <span>{{ record.neName }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.ne.common.rmUid') }}: </span>
-              <span>{{ record.rmUID }}</span>
-            </div>
-            <a-divider orientation="left">
-              {{ t('views.dashboard.ue.rowInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.dashboard.ue.time') }}: </span>
-              <span
-                v-if="record.eventType === 'auth-result'"
-                :title="record.eventJSON.authTime"
-              >
-                {{ record.eventJSON.authTime }}
-              </span>
-              <span
-                v-if="record.eventType === 'detach'"
-                :title="record.eventJSON.detachTime"
-              >
-                {{ record.eventJSON.detachTime }}
-              </span>
-              <span
-                v-if="record.eventType === 'cm-state'"
-                :title="record.eventJSON.changeTime"
-              >
-                {{ record.eventJSON.changeTime }}
-              </span>
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.ue.eventType') }}: </span>
-              <DictTag :options="dict.ueEventType" :value="record.eventType" />
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.ue.result') }}: </span>
-              <span v-if="record.eventType === 'auth-result'">
+          <a-row :gutter="16">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
+              <a-divider orientation="left">
+                {{ t('views.dashboard.ue.rowInfo') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.dashboard.ue.time') }}: </span>
+                <span
+                  v-if="record.eventType === 'auth-result'"
+                  :title="record.eventJSON.authTime"
+                >
+                  {{ record.eventJSON.authTime }}
+                </span>
+                <span
+                  v-if="record.eventType === 'detach'"
+                  :title="record.eventJSON.detachTime"
+                >
+                  {{ record.eventJSON.detachTime }}
+                </span>
+                <span
+                  v-if="record.eventType === 'cm-state'"
+                  :title="record.eventJSON.changeTime"
+                >
+                  {{ record.eventJSON.changeTime }}
+                </span>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.ue.eventType') }}: </span>
                 <DictTag
-                  :options="dict.ueAauthCode"
-                  :value="record.eventJSON.authCode"
+                  :options="dict.ueEventType"
+                  :value="record.eventType"
                 />
-              </span>
-              <span v-if="record.eventType === 'detach'">
-                {{ t('views.dashboard.ue.resultOk') }}
-              </span>
-              <span v-if="record.eventType === 'cm-state'">
-                <DictTag
-                  :options="dict.ueEventCmState"
-                  :value="record.eventJSON.status"
-                />
-              </span>
-            </div>
-          </div>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.ue.result') }}: </span>
+                <span v-if="record.eventType === 'auth-result'">
+                  <DictTag
+                    :options="dict.ueAauthCode"
+                    :value="record.eventJSON.authCode"
+                  />
+                </span>
+                <span v-if="record.eventType === 'detach'">
+                  {{ t('views.dashboard.ue.resultOk') }}
+                </span>
+                <span v-if="record.eventType === 'cm-state'">
+                  <DictTag
+                    :options="dict.ueEventCmState"
+                    :value="record.eventJSON.status"
+                  />
+                </span>
+              </div>
+            </a-col>
+          </a-row>
         </template>
       </a-table>
     </a-card>
diff --git a/src/views/dashboard/imsCDR/index.vue b/src/views/dashboard/imsCDR/index.vue
index 23633cb3..7fdf8ccd 100644
--- a/src/views/dashboard/imsCDR/index.vue
+++ b/src/views/dashboard/imsCDR/index.vue
@@ -740,7 +740,7 @@ onBeforeUnmount(() => {
         </template>
         <template #expandedRowRender="{ record }">
           <a-row :gutter="16">
-            <a-col :lg="5" :md="12" :xs="24">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
               <a-divider orientation="left">
                 {{ t('views.dashboard.cdr.cdrInfo') }}
               </a-divider>
@@ -763,7 +763,7 @@ onBeforeUnmount(() => {
                 </span>
               </div>
             </a-col>
-            <a-col :lg="6" :md="12" :xs="24">
+            <a-col :lg="8" :md="12" :xs="24">
               <a-divider orientation="left">
                 {{ t('views.dashboard.cdr.rowInfo') }}
               </a-divider>
diff --git a/src/views/dashboard/mmeUE/index.vue b/src/views/dashboard/mmeUE/index.vue
index ab038bf0..80ace9f4 100644
--- a/src/views/dashboard/mmeUE/index.vue
+++ b/src/views/dashboard/mmeUE/index.vue
@@ -685,48 +685,55 @@ onBeforeUnmount(() => {
           </template>
         </template>
         <template #expandedRowRender="{ record }">
-          <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
-            <a-divider orientation="left">
-              {{ t('views.dashboard.ue.ueInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.ne.common.neName') }}: </span>
-              <span>{{ record.neName }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.ne.common.rmUid') }}: </span>
-              <span>{{ record.rmUID }}</span>
-            </div>
-            <a-divider orientation="left">
-              {{ t('views.dashboard.ue.rowInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.dashboard.ue.time') }}: </span>
-              {{ parseDateToStr(record.eventJSON.timestamp * 1000) }}
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.ue.eventType') }}: </span>
-              <DictTag :options="dict.ueEventType" :value="record.eventType" />
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.ue.result') }}: </span>
-              <span v-if="record.eventType === 'auth-result'">
+          <a-row :gutter="16">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
+              <a-divider orientation="left">
+                {{ t('views.dashboard.ue.ueInfo') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.ne.common.neName') }}: </span>
+                <span>{{ record.neName }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.ne.common.rmUid') }}: </span>
+                <span>{{ record.rmUID }}</span>
+              </div>
+            </a-col>
+            <a-col :lg="8" :md="12" :xs="24">
+              <a-divider orientation="left">
+                {{ t('views.dashboard.ue.rowInfo') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.dashboard.ue.time') }}: </span>
+                {{ parseDateToStr(record.eventJSON.timestamp * 1000) }}
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.ue.eventType') }}: </span>
                 <DictTag
-                  :options="dict.ueAauthCode"
-                  :value="record.eventJSON.result"
+                  :options="dict.ueEventType"
+                  :value="record.eventType"
                 />
-              </span>
-              <span v-if="record.eventType === 'detach'">
-                {{ t('views.dashboard.ue.resultOk') }}
-              </span>
-              <span v-if="record.eventType === 'cm-state'">
-                <DictTag
-                  :options="dict.ueEventCmState"
-                  :value="record.eventJSON.result"
-                />
-              </span>
-            </div>
-          </div>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.ue.result') }}: </span>
+                <span v-if="record.eventType === 'auth-result'">
+                  <DictTag
+                    :options="dict.ueAauthCode"
+                    :value="record.eventJSON.result"
+                  />
+                </span>
+                <span v-if="record.eventType === 'detach'">
+                  {{ t('views.dashboard.ue.resultOk') }}
+                </span>
+                <span v-if="record.eventType === 'cm-state'">
+                  <DictTag
+                    :options="dict.ueEventCmState"
+                    :value="record.eventJSON.result"
+                  />
+                </span>
+              </div>
+            </a-col>
+          </a-row>
         </template>
       </a-table>
     </a-card>

From 8a53ac8b9f68b28deb1b91e8ec484c0e22cfd7c6 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 18 Dec 2024 15:33:52 +0800
Subject: [PATCH 22/36] =?UTF-8?q?feat:=20=E7=BD=91=E5=85=83=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=A4=9A=E7=BD=91=E5=85=83=E5=90=8C=E6=97=B6=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AEHA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../neConfig/components/CheckSyncNe/index.vue | 191 ++++++++++
 src/views/ne/neConfig/hooks/useConfigArray.ts | 208 ++++++++---
 .../ne/neConfig/hooks/useConfigArrayChild.ts  | 206 ++++++++---
 src/views/ne/neConfig/hooks/useConfigList.ts  |  69 +++-
 src/views/ne/neConfig/index.vue               | 346 +++++++++++++-----
 5 files changed, 810 insertions(+), 210 deletions(-)
 create mode 100644 src/views/ne/neConfig/components/CheckSyncNe/index.vue

diff --git a/src/views/ne/neConfig/components/CheckSyncNe/index.vue b/src/views/ne/neConfig/components/CheckSyncNe/index.vue
new file mode 100644
index 00000000..1acf3536
--- /dev/null
+++ b/src/views/ne/neConfig/components/CheckSyncNe/index.vue
@@ -0,0 +1,191 @@
+<script setup lang="ts">
+import { computed, nextTick, reactive, watch } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+
+const emit = defineEmits(['province', 'update:province', 'update:checks']);
+const props = defineProps({
+  /**
+   * 可选类型下的网元列表 neSelectOptions
+   */
+  selects: {
+    type: Array<any>,
+    required: true,
+  },
+  /**
+   * 选择区域
+   */
+  province: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 选择勾选的同步网元neId
+   */
+  checks: {
+    type: Array<string>,
+    default: () => [],
+  },
+});
+
+/**表格字段列勾选状态 */
+const state = reactive<{
+  indeterminate: boolean;
+  /**是否全选 */
+  checkAll: boolean;
+  /**勾选列表 */
+  checks: string[];
+}>({
+  indeterminate: false,
+  checkAll: true,
+  checks: props.checks,
+});
+
+watch(
+  () => props.checks,
+  val => {
+    state.checks = val;
+  }
+);
+
+/**列全选操作 */
+function fnCheckAllChange(e: any) {
+  state.indeterminate = false;
+  state.checks = [];
+  const checked = e.target.checked;
+  if (checked) {
+    const group = selectGroup.value;
+    const arr = group[props.province];
+    for (const v of arr) {
+      if (v.disabled) {
+        continue;
+      }
+      state.checks.push(`${v.neId}`);
+    }
+  }
+  emit('update:checks', state.checks);
+}
+
+/**列勾选字段变化 */
+function fnUpdateCheck(_: any) {
+  // 同区域全选
+  const selects: string[] = [];
+  const group = selectGroup.value;
+  const arr = group[props.province];
+  for (const v of arr) {
+    if (v.disabled) {
+      continue;
+    }
+    selects.push(`${v.neId}`);
+  }
+  // 判断是否全选
+  const len = state.checks.length;
+  state.indeterminate = !!len && len < selects.length;
+  state.checkAll = len === selects.length;
+  emit('update:checks', state.checks);
+}
+
+/**
+ * 选择的网元分组
+ */
+const selectGroup = computed(() => {
+  const group: Record<string, any> = {};
+  for (const element of props.selects) {
+    const key = element['province'];
+    if (group[key]) {
+      group[key].push(element);
+    } else {
+      group[key] = [element];
+    }
+  }
+  return group;
+});
+
+/**
+ * 选择的网元分组
+ */
+function fnProvinceCheck(province: string) {
+  emit('update:province', province);
+  nextTick(() => {
+    fnCheckAllChange({ target: { checked: true } });
+  }).finally(() => {
+    emit('province', province);
+  });
+}
+</script>
+
+<template>
+  <a-tooltip placement="topRight">
+    <template #title>
+      {{ t('views.ne.neConfig.checkSync.tip') }}
+    </template>
+    <a-popover trigger="click" placement="bottomRight">
+      <template #title>
+        <div class="title">
+          <a-checkbox
+            v-model:checked="state.checkAll"
+            :indeterminate="state.indeterminate"
+            @change="fnCheckAllChange"
+          >
+            {{ t('views.ne.neConfig.checkSync.title') }}
+          </a-checkbox>
+        </div>
+      </template>
+      <template #content>
+        <a-checkbox-group
+          v-model:value="state.checks"
+          @change="fnUpdateCheck"
+          style="width: 200px; max-height: 450px; overflow-y: auto"
+        >
+          <template v-for="(v, k) in selectGroup" :key="k">
+            <div class="item-title">
+              <span> {{ k }} </span>
+              <a-button size="small" type="dashed" @click="fnProvinceCheck(k)">
+                {{ t('views.ne.neConfig.checkSync.selectProvince') }}
+              </a-button>
+            </div>
+            <div class="item" v-for="i in v">
+              <a-checkbox
+                :value="i.neId"
+                :disabled="i.disabled || k !== province"
+              >
+                {{ i.neName }}
+              </a-checkbox>
+            </div>
+            <a-divider style="margin: 0"> </a-divider>
+          </template>
+        </a-checkbox-group>
+      </template>
+      <a-tag
+        :color="state.checks.length > 0 ? 'processing' : 'warning'"
+        style="cursor: pointer"
+      >
+        <template #icon> <SyncOutlined /> </template>
+        {{ t('views.ne.neConfig.checkSync.sync') }}
+      </a-tag>
+    </a-popover>
+  </a-tooltip>
+</template>
+
+<style lang="less" scoped>
+.title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  margin-left: 4px;
+}
+.item-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 4px;
+}
+.item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 4px;
+}
+</style>
diff --git a/src/views/ne/neConfig/hooks/useConfigArray.ts b/src/views/ne/neConfig/hooks/useConfigArray.ts
index b0823043..ffe3e946 100644
--- a/src/views/ne/neConfig/hooks/useConfigArray.ts
+++ b/src/views/ne/neConfig/hooks/useConfigArray.ts
@@ -4,19 +4,20 @@ import {
   editNeConfigData,
 } from '@/api/ne/neConfig';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import { Modal,message } from 'ant-design-vue/es';
+import { Modal, message } from 'ant-design-vue/es';
 import { SizeType } from 'ant-design-vue/es/config-provider';
 import { reactive, watch } from 'vue';
 
 /**
  * 参数配置array类型
- * @param param 父级传入 { t, treeState, neTypeSelect, fnActiveConfigNode, ruleVerification, modalState, fnModalCancel}
+ * @param param 父级传入 { t, treeState, neTypeSelect, neIdSelect, fnActiveConfigNode, ruleVerification, modalState, fnModalCancel}
  * @returns
  */
 export default function useConfigArray({
   t,
   treeState,
   neTypeSelect,
+  neIdSelect,
   fnActiveConfigNode,
   ruleVerification,
   modalState,
@@ -130,29 +131,61 @@ export default function useConfigArray({
       data[key] = from[key]['value'];
     }
 
-    // 发送
+    // 请求
+    const reqArr = [];
+    if (neTypeSelect.value[1] !== 'SYNC') {
+      reqArr.push(
+        editNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc: loc,
+        })
+      );
+    } else {
+      for (const neId of neIdSelect.value) {
+        reqArr.push(
+          editNeConfigData({
+            neType: neTypeSelect.value[0],
+            neId: neId,
+            paramName: treeState.selectNode.paramName,
+            paramData: data,
+            loc: loc,
+          })
+        );
+      }
+    }
+    // 无请求提示
+    if (reqArr.length === 0) {
+      message.warning({
+        content: t('views.ne.neConfig.neIdSyncPleace'),
+        duration: 3,
+      });
+      arrayEditClose();
+      return;
+    }
+
     const hide = message.loading(t('common.loading'), 0);
-    editNeConfigData({
-      neType: neTypeSelect.value[0],
-      neId: neTypeSelect.value[1],
-      paramName: treeState.selectNode.paramName,
-      paramData: data,
-      loc: loc,
-    })
-      .then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
+    Promise.allSettled(reqArr)
+      .then(resArr => {
+        const rejected = resArr.find(res => res.status === 'rejected');
+        if (rejected) {
+          message.warning({
+            content: t('views.ne.neConfig.updateItemErr'),
+            duration: 3,
+          });
+        } else {
           message.success({
             content: t('views.ne.neConfig.updateItem', {
               num: modalState.title,
             }),
             duration: 3,
           });
+        }
+        const fulfilled = resArr.find(res => res.status === 'fulfilled');
+        if (fulfilled) {
           fnActiveConfigNode('#');
-        } else {
-          message.warning({
-            content: t('views.ne.neConfig.updateItemErr'),
-            duration: 3,
-          });
         }
       })
       .finally(() => {
@@ -172,28 +205,65 @@ export default function useConfigArray({
         num: title,
       }),
       onOk() {
-        delNeConfigData({
-          neType: neTypeSelect.value[0],
-          neId: neTypeSelect.value[1],
-          paramName: treeState.selectNode.paramName,
-          loc: loc,
-        }).then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            message.success({
-              content: t('views.ne.neConfig.delItemOk', {
-                num: title,
-              }),
-              duration: 2,
-            });
-            arrayEditClose();
-            fnActiveConfigNode('#');
-          } else {
-            message.error({
-              content: `${res.msg}`,
-              duration: 2,
-            });
+        // 请求
+        const reqArr = [];
+        if (neTypeSelect.value[1] !== 'SYNC') {
+          reqArr.push(
+            delNeConfigData({
+              neType: neTypeSelect.value[0],
+              neId: neTypeSelect.value[1],
+              paramName: treeState.selectNode.paramName,
+              loc: loc,
+            })
+          );
+        } else {
+          for (const neId of neIdSelect.value) {
+            reqArr.push(
+              delNeConfigData({
+                neType: neTypeSelect.value[0],
+                neId: neId,
+                paramName: treeState.selectNode.paramName,
+                loc: loc,
+              })
+            );
           }
-        });
+        }
+        // 无请求提示
+        if (reqArr.length === 0) {
+          message.warning({
+            content: t('views.ne.neConfig.neIdSyncPleace'),
+            duration: 3,
+          });
+          arrayEditClose();
+          return;
+        }
+
+        const hide = message.loading(t('common.loading'), 0);
+        Promise.allSettled(reqArr)
+          .then(resArr => {
+            const rejected = resArr.find(res => res.status === 'rejected');
+            if (rejected) {
+              message.error({
+                content: `${rejected.reason}`,
+                duration: 2,
+              });
+            } else {
+              message.success({
+                content: t('views.ne.neConfig.delItemOk', {
+                  num: title,
+                }),
+                duration: 2,
+              });
+            }
+            const fulfilled = resArr.find(res => res.status === 'fulfilled');
+            if (fulfilled) {
+              fnActiveConfigNode('#');
+            }
+          })
+          .finally(() => {
+            hide();
+            arrayEditClose();
+          });
       },
     });
   }
@@ -264,29 +334,61 @@ export default function useConfigArray({
       data[key] = from[key]['value'];
     }
 
-    // 发送
+    // 请求
+    const reqArr = [];
+    if (neTypeSelect.value[1] !== 'SYNC') {
+      reqArr.push(
+        addNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc: `${from['index']['value']}`,
+        })
+      );
+    } else {
+      for (const neId of neIdSelect.value) {
+        reqArr.push(
+          addNeConfigData({
+            neType: neTypeSelect.value[0],
+            neId: neId,
+            paramName: treeState.selectNode.paramName,
+            paramData: data,
+            loc: `${from['index']['value']}`,
+          })
+        );
+      }
+    }
+    // 无请求提示
+    if (reqArr.length === 0) {
+      message.warning({
+        content: t('views.ne.neConfig.neIdSyncPleace'),
+        duration: 3,
+      });
+      arrayEditClose();
+      return;
+    }
+
     const hide = message.loading(t('common.loading'), 0);
-    addNeConfigData({
-      neType: neTypeSelect.value[0],
-      neId: neTypeSelect.value[1],
-      paramName: treeState.selectNode.paramName,
-      paramData: data,
-      loc: `${from['index']['value']}`,
-    })
-      .then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
+    Promise.allSettled(reqArr)
+      .then(resArr => {
+        const rejected = resArr.find(res => res.status === 'rejected');
+        if (rejected) {
+          message.warning({
+            content: t('views.ne.neConfig.addItemErr'),
+            duration: 3,
+          });
+        } else {
           message.success({
             content: t('views.ne.neConfig.addItemOk', {
               num: modalState.title,
             }),
             duration: 3,
           });
+        }
+        const fulfilled = resArr.find(res => res.status === 'fulfilled');
+        if (fulfilled) {
           fnActiveConfigNode('#');
-        } else {
-          message.warning({
-            content: t('views.ne.neConfig.addItemErr'),
-            duration: 3,
-          });
         }
       })
       .finally(() => {
diff --git a/src/views/ne/neConfig/hooks/useConfigArrayChild.ts b/src/views/ne/neConfig/hooks/useConfigArrayChild.ts
index ee58b178..24428ca9 100644
--- a/src/views/ne/neConfig/hooks/useConfigArrayChild.ts
+++ b/src/views/ne/neConfig/hooks/useConfigArrayChild.ts
@@ -10,13 +10,14 @@ import { nextTick, reactive } from 'vue';
 
 /**
  * 参数配置array类型的嵌套array
- * @param param 父级传入 { t, treeState, neTypeSelect, fnActiveConfigNode, ruleVerification, modalState, arrayState, arrayInitEdit, arrayInitAdd, arrayEditClose}
+ * @param param 父级传入 { t, treeState, neTypeSelect, neIdSelect, fnActiveConfigNode, ruleVerification, modalState, arrayState, arrayInitEdit, arrayInitAdd, arrayEditClose}
  * @returns
  */
 export default function useConfigArrayChild({
   t,
   treeState,
   neTypeSelect,
+  neIdSelect,
   fnActiveConfigNode,
   ruleVerification,
   modalState,
@@ -198,29 +199,61 @@ export default function useConfigArrayChild({
       data[key] = from[key]['value'];
     }
 
-    // 发送
+    // 请求
+    const reqArr = [];
+    if (neTypeSelect.value[1] !== 'SYNC') {
+      reqArr.push(
+        editNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc,
+        })
+      );
+    } else {
+      for (const neId of neIdSelect.value) {
+        reqArr.push(
+          editNeConfigData({
+            neType: neTypeSelect.value[0],
+            neId: neId,
+            paramName: treeState.selectNode.paramName,
+            paramData: data,
+            loc,
+          })
+        );
+      }
+    }
+    // 无请求提示
+    if (reqArr.length === 0) {
+      message.warning({
+        content: t('views.ne.neConfig.neIdSyncPleace'),
+        duration: 3,
+      });
+      arrayEditClose();
+      return;
+    }
+
     const hide = message.loading(t('common.loading'), 0);
-    editNeConfigData({
-      neType: neTypeSelect.value[0],
-      neId: neTypeSelect.value[1],
-      paramName: treeState.selectNode.paramName,
-      paramData: data,
-      loc,
-    })
-      .then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
+    Promise.allSettled(reqArr)
+      .then(resArr => {
+        const rejected = resArr.find(res => res.status === 'rejected');
+        if (rejected) {
+          message.warning({
+            content: t('views.ne.neConfig.updateItemErr'),
+            duration: 3,
+          });
+        } else {
           message.success({
             content: t('views.ne.neConfig.updateItem', {
               num: modalState.title,
             }),
             duration: 3,
           });
+        }
+        const fulfilled = resArr.find(res => res.status === 'fulfilled');
+        if (fulfilled) {
           fnActiveConfigNode('#');
-        } else {
-          message.warning({
-            content: t('views.ne.neConfig.updateItemErr'),
-            duration: 3,
-          });
         }
       })
       .finally(() => {
@@ -241,28 +274,65 @@ export default function useConfigArrayChild({
         num: title,
       }),
       onOk() {
-        delNeConfigData({
-          neType: neTypeSelect.value[0],
-          neId: neTypeSelect.value[1],
-          paramName: treeState.selectNode.paramName,
-          loc,
-        }).then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            message.success({
-              content: t('views.ne.neConfig.delItemOk', {
-                num: title,
-              }),
-              duration: 2,
-            });
-            arrayEditClose();
-            fnActiveConfigNode('#');
-          } else {
-            message.error({
-              content: `${res.msg}`,
-              duration: 2,
-            });
+        // 请求
+        const reqArr = [];
+        if (neTypeSelect.value[1] !== 'SYNC') {
+          reqArr.push(
+            delNeConfigData({
+              neType: neTypeSelect.value[0],
+              neId: neTypeSelect.value[1],
+              paramName: treeState.selectNode.paramName,
+              loc,
+            })
+          );
+        } else {
+          for (const neId of neIdSelect.value) {
+            reqArr.push(
+              delNeConfigData({
+                neType: neTypeSelect.value[0],
+                neId: neId,
+                paramName: treeState.selectNode.paramName,
+                loc,
+              })
+            );
           }
-        });
+        }
+        // 无请求提示
+        if (reqArr.length === 0) {
+          message.warning({
+            content: t('views.ne.neConfig.neIdSyncPleace'),
+            duration: 3,
+          });
+          arrayEditClose();
+          return;
+        }
+
+        const hide = message.loading(t('common.loading'), 0);
+        Promise.allSettled(reqArr)
+          .then(resArr => {
+            const rejected = resArr.find(res => res.status === 'rejected');
+            if (rejected) {
+              message.error({
+                content: `${rejected.reason}`,
+                duration: 2,
+              });
+            } else {
+              message.success({
+                content: t('views.ne.neConfig.delItemOk', {
+                  num: title,
+                }),
+                duration: 2,
+              });
+            }
+            const fulfilled = resArr.find(res => res.status === 'fulfilled');
+            if (fulfilled) {
+              fnActiveConfigNode('#');
+            }
+          })
+          .finally(() => {
+            hide();
+            arrayEditClose();
+          });
       },
     });
   }
@@ -309,29 +379,61 @@ export default function useConfigArrayChild({
       data[key] = from[key]['value'];
     }
 
-    // 发送
+    // 请求
+    const reqArr = [];
+    if (neTypeSelect.value[1] !== 'SYNC') {
+      reqArr.push(
+        addNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc,
+        })
+      );
+    } else {
+      for (const neId of neIdSelect.value) {
+        reqArr.push(
+          addNeConfigData({
+            neType: neTypeSelect.value[0],
+            neId: neId,
+            paramName: treeState.selectNode.paramName,
+            paramData: data,
+            loc,
+          })
+        );
+      }
+    }
+    // 无请求提示
+    if (reqArr.length === 0) {
+      message.warning({
+        content: t('views.ne.neConfig.neIdSyncPleace'),
+        duration: 3,
+      });
+      arrayEditClose();
+      return;
+    }
+
     const hide = message.loading(t('common.loading'), 0);
-    addNeConfigData({
-      neType: neTypeSelect.value[0],
-      neId: neTypeSelect.value[1],
-      paramName: treeState.selectNode.paramName,
-      paramData: data,
-      loc,
-    })
-      .then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
+    Promise.allSettled(reqArr)
+      .then(resArr => {
+        const rejected = resArr.find(res => res.status === 'rejected');
+        if (rejected) {
+          message.warning({
+            content: t('views.ne.neConfig.addItemErr'),
+            duration: 3,
+          });
+        } else {
           message.success({
             content: t('views.ne.neConfig.addItemOk', {
               num: modalState.title,
             }),
             duration: 3,
           });
+        }
+        const fulfilled = resArr.find(res => res.status === 'fulfilled');
+        if (fulfilled) {
           fnActiveConfigNode('#');
-        } else {
-          message.warning({
-            content: t('views.ne.neConfig.addItemErr'),
-            duration: 3,
-          });
         }
       })
       .finally(() => {
diff --git a/src/views/ne/neConfig/hooks/useConfigList.ts b/src/views/ne/neConfig/hooks/useConfigList.ts
index 37ed3aee..143f5574 100644
--- a/src/views/ne/neConfig/hooks/useConfigList.ts
+++ b/src/views/ne/neConfig/hooks/useConfigList.ts
@@ -6,13 +6,14 @@ import { reactive, toRaw } from 'vue';
 
 /**
  * list类型参数处理
- * @param param 父级传入 {t, treeState, neTypeSelect, ruleVerification}
+ * @param param 父级传入 {t, treeState, neTypeSelect, neIdSelect, ruleVerification}
  * @returns
  */
 export default function useConfigList({
   t,
   treeState,
   neTypeSelect,
+  neIdSelect,
   ruleVerification,
 }: any) {
   /**单列表状态类型 */
@@ -83,25 +84,64 @@ export default function useConfigList({
       return;
     }
 
-    // 发送
+    // 请求
+    const reqArr = [];
+    if (neTypeSelect.value[1] !== 'SYNC') {
+      reqArr.push(
+        editNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: {
+            [from['name']]: from['value'],
+          },
+        })
+      );
+    } else {
+      for (const neId of neIdSelect.value) {
+        reqArr.push(
+          editNeConfigData({
+            neType: neTypeSelect.value[0],
+            neId: neId,
+            paramName: treeState.selectNode.paramName,
+            paramData: {
+              [from['name']]: from['value'],
+            },
+          })
+        );
+      }
+    }
+    // 无请求提示
+    if (reqArr.length === 0) {
+      message.warning({
+        content: t('views.ne.neConfig.neIdSyncPleace'),
+        duration: 3,
+      });
+      listState.confirmLoading = false;
+      listState.editRecord = {};
+      return;
+    }
+
     listState.confirmLoading = true;
     const hide = message.loading(t('common.loading'), 0);
-    editNeConfigData({
-      neType: neTypeSelect.value[0],
-      neId: neTypeSelect.value[1],
-      paramName: treeState.selectNode.paramName,
-      paramData: {
-        [from['name']]: from['value'],
-      },
-    })
-      .then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
+    Promise.allSettled(reqArr)
+      .then(resArr => {
+        const rejected = resArr.find(res => res.status === 'rejected');
+        if (rejected) {
+          message.warning({
+            content: t('views.ne.neConfig.updateValueErr'),
+            duration: 3,
+          });
+        } else {
           message.success({
             content: t('views.ne.neConfig.updateValue', {
               num: from['display'],
             }),
             duration: 3,
           });
+        }
+        const fulfilled = resArr.find(res => res.status === 'fulfilled');
+        if (fulfilled) {
           // 改变表格数据
           const item = listState.data.find(
             (item: Record<string, any>) => from['name'] === item['name']
@@ -109,11 +149,6 @@ export default function useConfigList({
           if (item) {
             Object.assign(item, listState.editRecord);
           }
-        } else {
-          message.warning({
-            content: t('views.ne.neConfig.updateValueErr'),
-            duration: 3,
-          });
         }
       })
       .finally(() => {
diff --git a/src/views/ne/neConfig/index.vue b/src/views/ne/neConfig/index.vue
index 0c8b6bf0..42abcf29 100644
--- a/src/views/ne/neConfig/index.vue
+++ b/src/views/ne/neConfig/index.vue
@@ -1,11 +1,20 @@
 <script setup lang="ts">
-import { reactive, ref, onMounted, toRaw, watch } from 'vue';
+import {
+  reactive,
+  ref,
+  onMounted,
+  toRaw,
+  watch,
+  nextTick,
+  computed,
+} from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
 import { ProModal } from 'antdv-pro-modal';
 import { message } 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';
+import CheckSyncNe from './components/CheckSyncNe/index.vue';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useNeInfoStore from '@/store/modules/neinfo';
 import useOptions from './hooks/useOptions';
@@ -19,11 +28,79 @@ const { ruleVerification, smfByUPFIdLoadData, smfByUPFIdOptions } = useOptions({
   t,
 });
 
-/**网元类型_多neId */
+/**网元类型 type,[](type,id) */
 let neCascaderOptions = ref<Record<string, any>[]>([]);
-
+/**网元类型 [](type,id) */
+let neSelectOptions = ref<Record<string, any>[]>([]);
 /**网元类型选择 type,id */
 let neTypeSelect = ref<string[]>(['', '']);
+/**网元类型选择 id */
+let neIdSelect = ref<string[]>([]);
+let neTypeSelectStatus = ref(true);
+let neTypeSelectProvince = ref('-');
+/**网元类型neType选择 */
+async function fnSelectNeType(_: any, info: any) {
+  if (!info) return;
+  await fnGetNeConfig(info.value);
+  if (treeState.data.length === 0) {
+    message.warning({
+      content: `${t('views.ne.neConfig.noConfigData')}`,
+      duration: 3,
+    });
+    treeState.selectLoading = true; 
+    neIdSelect.value = [];
+    return;
+  }
+
+  neTypeSelect.value[0] = info.value;
+  neTypeSelect.value[1] = 'SYNC';
+  treeState.selectLoading = true;
+  neTypeSelectStatus.value = true;
+  neIdSelect.value = [];
+  // 检查下级网元是否可用
+  if (Array.isArray(info.children) && info.children.length > 0) {
+    neSelectOptions.value = info.children.concat();
+    for (let index = 0; index < neSelectOptions.value.length; index++) {
+      const v = neSelectOptions.value[index];
+      const res = await getNeConfigData({
+        neType: v.neType,
+        neId: v.neId,
+        paramName: `${treeState.data[0].key}`,
+      });
+      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+        neSelectOptions.value[index].disabled = !res.data.length;
+        // 初始区域
+        if (neIdSelect.value.length === 0) {
+          neTypeSelectProvince.value = v.province;
+        }
+        // 同区域内添加
+        if (neTypeSelectProvince.value === v.province) {
+          neIdSelect.value.push(v.neId);
+        }
+      } else {
+        neSelectOptions.value[index].disabled = true;
+      }
+    }
+  }
+  fnActiveConfigNode(treeState.data[0].key);
+  neTypeSelectStatus.value = false;
+}
+/**网元类型neId选择 */
+function fnSelectNeId(_: any, info: any) {
+  if (!info) {
+    neTypeSelect.value[1] = 'SYNC';
+  } else {
+    neTypeSelect.value[1] = info.neId;
+  }
+  fnActiveConfigNode(treeState.data[0].key);
+}
+/**网元服务地区选择 */
+function fnSelectProvince(province: string) {
+  // neTypeSelectProvince.value = province;
+  nextTick(() => {
+    fnActiveConfigNode(treeState.data[0].key);
+  });
+}
 
 /**左侧导航是否可收起 */
 let collapsible = ref<boolean>(true);
@@ -49,6 +126,7 @@ type TreeStateType = {
     paramType: string;
     paramPerms: string[];
     paramData: Record<string, any>[];
+    visible: string;
   };
   /**选择 loading */
   selectLoading: boolean;
@@ -63,6 +141,7 @@ let treeState: TreeStateType = reactive({
     paramType: '',
     paramPerms: [],
     paramData: [],
+    visible: 'public',
     // 树形节点需要有
     title: '',
     key: '',
@@ -100,22 +179,134 @@ function fnActiveConfigNode(key: string | number) {
   }
   treeState.selectNode = JSON.parse(JSON.stringify(param));
 
+  let neId = neTypeSelect.value[1];
+  // 无neId时取首个可连接的
+  if (neId === 'SYNC') {
+    const oneNeId = neIdSelect.value[0];
+    if (oneNeId) {
+      neId = oneNeId;
+    } else {
+      return;
+    }
+  }
+
   // 获取网元端的配置数据
-  getNeConfigData({
-    neType: neTypeSelect.value[0],
-    neId: neTypeSelect.value[1],
-    paramName: key,
-  }).then(res => {
+  fnGetNeConfigData(neTypeSelect.value[0], neId, key);
+}
+
+/**
+ * 查询配置可选属性值列表
+ * neTypeSelect.value[0]
+ */
+async function fnGetNeConfig(neType: string) {
+  if (!neType) {
+    message.warning({
+      content: t('views.ne.neConfig.neTypePleace'),
+      duration: 3,
+    });
+    return;
+  }
+
+  treeState.loading = true;
+  // 获取数据
+  const res = await getAllNeConfig(neType);
+  if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+    const arr = [];
+    for (const v of res.data) {
+      const item = JSON.parse(JSON.stringify(v));
+      // 规则项
+      let paramData: Record<string, string>[] = [];
+      for (let index = 0; index < item.paramData.length; index++) {
+        const element = item.paramData[index];
+        if (!element['visible']) {
+          element['visible'] = 'public';
+        }
+        paramData.push(element);
+      }
+      // 权限控制
+      let paramPerms: string[] = [];
+      if (item.paramPerms) {
+        paramPerms = item.paramPerms.split(',');
+      } else {
+        paramPerms = ['post', 'put', 'delete'];
+      }
+      arr.push({
+        children: undefined,
+        title: item.paramDisplay,
+        key: item.paramName,
+        paramName: item.paramName,
+        paramDisplay: item.paramDisplay,
+        paramType: item.paramType,
+        paramPerms: paramPerms,
+        paramData: paramData,
+        visible: item.visible,
+      });
+    }
+    treeState.data = arr;
+    treeState.loading = false;
+  } else {
+    treeState.data = [];
+    neTypeSelectStatus.value = false;
+  }
+}
+
+/**过滤可见项 */
+const treeStateData = computed(() => {
+  // 公共
+  if (neTypeSelect.value[1] === 'SYNC') {
+    return treeState.data.filter(item => item.visible === 'public');
+  }
+  // 具体网元
+  const arr: DataNode[] = [];
+  for (const item of treeState.data) {
+    if (item.visible === 'self') {
+      arr.push(item);
+    } else if (item.paramType === 'list') {
+      for (let index = 0; index < item.paramData.length; index++) {
+        const element = item.paramData[index];
+        if (element['visible'] === 'self') {
+          arr.push(item);
+          break;
+        }
+      }
+    }
+  }
+  return arr;
+});
+
+/**
+ * 查询配置属性值数据
+ * paramName = treeState.data[0].key
+ */
+function fnGetNeConfigData(
+  neType: string,
+  neId: string,
+  paramName: string | number
+) {
+  const param = treeState.selectNode;
+  // 获取网元端的配置数据
+  getNeConfigData({ neType, neId, paramName }).then(res => {
+    // 数据处理
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-      const ruleArr = param.paramData;
+      const ruleArr: Record<string, any>[] = JSON.parse(
+        JSON.stringify(param.paramData)
+      );
       const dataArr = res.data;
       if (param.paramType === 'list') {
+        // 过滤可见规则项
+        let ruleArrFilter: Record<string, any>[] = [];
+        if (neTypeSelect.value[1] === 'SYNC') {
+          ruleArrFilter = ruleArr.filter(item => item['visible'] === 'public');
+        } else {
+          ruleArrFilter = ruleArr.filter(item => item['visible'] === 'self');
+        }
         // 列表项数据
         const dataList = [];
         for (const item of dataArr) {
           for (const key in item) {
             // 规则为准
-            for (const rule of ruleArr) {
+            for (const rule of ruleArrFilter) {
+              // 取到对应规则key设置值
               if (rule['name'] === key) {
                 const ruleItem = Object.assign(rule, {
                   optional: 'true',
@@ -190,64 +381,19 @@ function fnActiveConfigNode(key: string | number) {
         tablePagination.current = 1;
         arrayEditClose();
       }
+      // 有数据关闭loading
       setTimeout(() => {
         treeState.selectLoading = false;
       }, 300);
     } else {
       message.warning({
-        content: `${param.paramDisplay} ${t(
-          'views.configManage.configParamForm.noConfigData'
-        )}`,
+        content: `${param.paramDisplay} ${t('views.ne.neConfig.noConfigData')}`,
         duration: 3,
       });
     }
   });
 }
 
-/**查询配置可选属性值列表 */
-function fnGetNeConfig() {
-  const neType = neTypeSelect.value[0];
-  if (!neType) {
-    message.warning({
-      content: t('views.configManage.configParamForm.neTypePleace'),
-      duration: 3,
-    });
-    return;
-  }
-
-  treeState.loading = true;
-  // 获取数据
-  getAllNeConfig(neType).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-      const arr = [];
-      for (const item of res.data) {
-        let paramPerms: string[] = [];
-        if (item.paramPerms) {
-          paramPerms = item.paramPerms.split(',');
-        } else {
-          paramPerms = ['post', 'put', 'delete'];
-        }
-        arr.push({
-          ...item,
-          children: undefined,
-          title: item.paramDisplay,
-          key: item.paramName,
-          paramPerms,
-        });
-      }
-      treeState.data = arr;
-      treeState.loading = false;
-      // 取首个tag
-      if (res.data.length > 0) {
-        const item = JSON.parse(JSON.stringify(treeState.data[0]));
-        treeState.selectNode = item;
-        treeState.selectLoading = false;
-        fnActiveConfigNode(item.key);
-      }
-    }
-  });
-}
-
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**添加框是否显示 */
@@ -321,7 +467,7 @@ watch(
 );
 
 const { tablePagination, listState, listEdit, listEditClose, listEditOk } =
-  useConfigList({ t, treeState, neTypeSelect, ruleVerification });
+  useConfigList({ t, treeState, neTypeSelect, neIdSelect, ruleVerification });
 
 const {
   arrayState,
@@ -337,6 +483,7 @@ const {
   t,
   treeState,
   neTypeSelect,
+  neIdSelect,
   fnActiveConfigNode,
   ruleVerification,
   modalState,
@@ -355,6 +502,7 @@ const {
   t,
   treeState,
   neTypeSelect,
+  neIdSelect,
   fnActiveConfigNode,
   ruleVerification,
   modalState,
@@ -385,13 +533,16 @@ onMounted(() => {
         // 默认选择AMF
         const item = neCascaderOptions.value.find(s => s.value === 'AMF');
         if (item && item.children) {
-          const info = item.children[0];
-          neTypeSelect.value = [info.neType, info.neId];
+          neSelectOptions.value = item.children.concat();
+          fnSelectNeType(null, item);
+          // const info = item.children[0];
+          // neTypeSelect.value = [info.neType, info.neId];
         } else {
-          const info = neCascaderOptions.value[0].children[0];
-          neTypeSelect.value = [info.neType, info.neId];
+          neSelectOptions.value = neCascaderOptions.value[0].children.concat();
+          fnSelectNeType(null, neCascaderOptions.value[0]);
+          // const info = neCascaderOptions.value[0].children[0];
+          // neTypeSelect.value = [info.neType, info.neId];
         }
-        fnGetNeConfig();
       }
     } else {
       message.warning({
@@ -416,20 +567,35 @@ onMounted(() => {
         <!-- 网元类型 -->
         <a-card size="small" :bordered="false" :loading="treeState.loading">
           <template #title>
-            {{ t('views.configManage.configParamForm.treeTitle') }}
+            {{ t('views.ne.neConfig.treeTitle') }}
           </template>
           <a-form layout="vertical" autocomplete="off">
-            <a-form-item name="neId ">
-              <a-cascader
-                v-model:value="neTypeSelect"
-                :options="neCascaderOptions"
-                :allow-clear="false"
-                @change="fnGetNeConfig"
-              />
+            <a-form-item name="neTypeSelect ">
+              <a-input-group compact>
+                <a-select
+                  :disabled="neTypeSelectStatus"
+                  :value="neTypeSelect[0]"
+                  :options="neCascaderOptions"
+                  :allow-clear="false"
+                  @change="fnSelectNeType"
+                  style="width: 40%"
+                >
+                </a-select>
+                <a-select
+                  :disabled="treeState.selectLoading"
+                  :value="neTypeSelect[1]"
+                  :options="neSelectOptions"
+                  :allow-clear="true"
+                  @change="fnSelectNeId"
+                  style="width: 60%"
+                >
+                </a-select>
+              </a-input-group>
             </a-form-item>
-            <a-form-item name="listeningPort">
+            <a-form-item name="treeStateData">
               <a-tree
-                :tree-data="treeState.data"
+                :disabled="neTypeSelectStatus"
+                :tree-data="treeStateData"
                 :selected-keys="[treeState.selectNode.paramName]"
                 @select="fnSelectConfigNode"
               >
@@ -461,12 +627,19 @@ onMounted(() => {
               {{ treeState.selectNode.paramDisplay }}
             </a-typography-text>
             <a-typography-text type="danger" v-else>
-              {{ t('views.configManage.configParamForm.treeSelectTip') }}
+              {{ t('views.ne.neConfig.treeSelectTip') }}
             </a-typography-text>
           </template>
           <template #extra>
             <a-space :size="8" align="center" v-show="!treeState.selectLoading">
-              <a-tooltip>
+              <CheckSyncNe
+                v-if="neTypeSelect[1] === 'SYNC'"
+                :selects="neSelectOptions"
+                v-model:checks="neIdSelect"
+                v-model:province="neTypeSelectProvince"
+                @province="fnSelectProvince"
+              ></CheckSyncNe>
+              <a-tooltip placement="topRight">
                 <template #title>{{ t('common.reloadText') }}</template>
                 <a-button
                   type="default"
@@ -549,10 +722,9 @@ onMounted(() => {
                           <template #title> {{ t('common.ok') }} </template>
                           <a-popconfirm
                             :title="
-                              t(
-                                'views.configManage.configParamForm.editOkTip',
-                                { num: record['display'] }
-                              )
+                              t('views.ne.neConfig.editOkTip', {
+                                num: record['display'],
+                              })
                             "
                             placement="topRight"
                             :disabled="listState.confirmLoading"
@@ -610,7 +782,7 @@ onMounted(() => {
           </a-table>
 
           <!-- array类型 -->
-          <template v-if="treeState.selectNode.paramType === 'array'">
+          <template v-else-if="treeState.selectNode.paramType === 'array'">
             <a-table
               class="table"
               row-key="index"
@@ -689,9 +861,7 @@ onMounted(() => {
                           "
                         >
                           <template #icon><BarsOutlined /></template>
-                          {{
-                            t('views.configManage.configParamForm.arrayMore')
-                          }}
+                          {{ t('views.ne.neConfig.arrayMore') }}
                         </a-button>
                         <!--特殊字段拓展显示-->
                         <span
@@ -792,11 +962,7 @@ onMounted(() => {
                           <template v-if="text.array">
                             <a-button type="default" size="small">
                               <template #icon><BarsOutlined /></template>
-                              {{
-                                t(
-                                  'views.configManage.configParamForm.arrayMore'
-                                )
-                              }}
+                              {{ t('views.ne.neConfig.arrayMore') }}
                             </a-button>
                           </template>
 
@@ -816,6 +982,10 @@ onMounted(() => {
               </template>
             </a-table>
           </template>
+
+          <template v-else>
+            <a-alert type="warning" show-icon message="No Data" />
+          </template>
         </a-card>
       </a-col>
     </a-row>

From 9bff6697693bc2ca6b213118cabe6a563a2a702b Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 18 Dec 2024 15:37:21 +0800
Subject: [PATCH 23/36] =?UTF-8?q?fix:=20=E5=A4=9A=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=97=A0=E7=94=A8=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/locales/en-US.ts                     |  164 +--
 src/i18n/locales/zh-CN.ts                     |  164 +--
 src/views/configManage/neManage/index.vue     | 1275 -----------------
 .../components/UserActivity/index.vue         |   14 +-
 src/views/dashboard/smscCDR/index.vue         |  108 +-
 .../monitor/topologyArchitecture/index.vue    |    6 +-
 .../ne/neSoftware/components/EditModal.vue    |    8 +-
 .../neSoftware/components/UploadMoreFile.vue  |    8 +-
 src/views/perfManage/perfThreshold/index.vue  |    6 +-
 src/views/perfManage/taskManage/index.vue     |    6 +-
 .../quick-start/components/NeInfoConfig.vue   |    4 +-
 11 files changed, 98 insertions(+), 1665 deletions(-)
 delete mode 100644 src/views/configManage/neManage/index.vue

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index 5566b4da..d40e3dce 100644
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -351,163 +351,6 @@ export default {
         description: "No data yet, try refreshing",
       },
     },
-    configManage: {
-      neManage: {
-        addNe:'Add Network Element',
-        delSure:'Confirm deleting the data item with network element name {msg}',
-        editNe:'Edit Network Element',
-        exportSure:'Confirm exporting the configuration information with the network element name {msg}',
-        exportTip:'Export successful, please go to backup management for download',
-        getInfo:'Failed to get network element information',
-        neType:'NE Type',
-        neTypePlease: 'Select network element type',
-        neId:'NE ID',
-        neName:'NE Name',
-        neTypeTip:'Fill in the type of network element created, such as:SMF',
-        uid:'RM UID',
-        uidTip:'Please enter a unique resource identifier',
-        ip:'IP Address',
-        mac:'NE MAC address',
-        macTip:'Able to locate the physical address (MAC) of the network element',
-        port:'Port',
-        portTip:'Maximum range 0~65535',
-        pvflag:'PV Flag',
-        pnf:'Physical Network Element',
-        vnf:'Virtual Network Element',
-        province:'Region',
-        vendorName:'Vendor Name',
-        dn:'Network Identification',
-        reload: 'Reload',
-        restart: 'Restart',
-        totalSure:'Confirm the network element with {operator} network element name {msg}',
-        stop: 'Stop',
-        start: 'Start',
-        log: 'Logs',
-        export: 'Export',
-        import: 'Import',
-        fileForm:'File Source',
-        selectPlease:'Please select the source of the import file',
-        server:'Server File',
-        local:'Local File',
-        fileSelect:'Please select the current import file',
-        sync:'Synchronize to NE',
-        open:'Open',
-        close:'Close',
-        addFail:'Add failed',
-        operFail:'Operation Failed'
-      },
-      backupManage: {
-        setBackupTask: 'Set automatic backup time',
-        neTypePlease: 'Query network element type',
-        neType: 'NE Type',
-        neID: 'NE ID',
-        fileName: 'File Name',
-        createAt: 'Create at',
-        remark:'Remark',
-        edit:'Edit Backup File',
-        totalSure:'Confirm that {oper} records item number {id}?',
-      },
-      softwareManage: {
-        sendBtn: 'Distribute',
-        runBtn: 'Activate',
-        backBtn: 'Rollback',
-        historyBtn: 'Distribution Record',
-        neTypePlease: 'Select network element type',
-        neType: 'NE Type',
-        fileName: 'File Name',
-        version: 'Version',
-        versionPlease: 'Version number cannot be empty',
-        updateTime: 'Uploaded Time',
-        description: 'Description',
-        deleteTip: 'Are you sure to delete the data item with software [{fileName}]?',
-        downloadTip: 'Are you sure to download the data item with software [{fileName}]?',
-        updateComment: 'Comment',
-        updateCommentPlease: 'Please enter the software description',
-        updateFile: 'Software File',
-        updateFilePlease: 'Please upload the updated software file',
-        verifyFile: 'Verify File',
-        selectFile: 'SELECT FILE',
-        sendTitle: 'Distribute software version',
-        sendContent: 'Are you sure to send the file with the software package [{fileName}] to the corresponding network element?',
-        runTitle: 'Activate software version',
-        runContent: 'Are you sure to activate the software version of [{fileName}] that has been issued to the corresponding network element?',
-        backTitle: 'Fallback software version',
-        backContent: 'Confirm that the software version of [{fileName}] has been issued for the corresponding network element rollback?',
-        neId: 'Corresponding network element',
-        neIdPlease: 'Please select the corresponding network element',
-        versions:'Version',
-        upVersions:'Version before upgrade',
-        backVersions:'Version before rollback',
-        status:'Status',
-        letUpTime:'Activation time',
-        createTime:'Creation time',
-        onlyAble:'Only upload file format {fileText} is supported',
-        nullVersion:'There is no rollback version for the current network element.',
-      },
-      license: {
-        neTypePlease: 'Select network element type',
-        neType: 'NE Type',
-        serialNum: 'Serial Num',
-        createTime: 'Time',
-        comment: 'Description',
-        updateComment: 'License Description',
-        updateCommentPlease: 'Please enter a license description',
-        updateFile: 'License File',
-        updateFilePlease: 'Please upload and update the License file',
-        selectFile: 'SELECT FILE',
-        neId: 'NE ID',
-        neIdPlease: 'Please select the corresponding network element',
-      },
-      configParam:{
-        dataNull:'No configuration item data yet',
-        editSuss:'Modification successful',
-        editFail:'Edit failed',
-        Unable:'Illegal operation of attribute value',
-        delSure:'Confirm to delete the data item with Index [{value}]?',
-        addSuss:'Add successfully',
-        addFail:'Add failed',
-        delArraySure:'Confirm to delete the data item with {arrayChildTitle} Index as [{value}]?',
-        parUnable:'The parameter value is not within the reasonable range',
-        ipv4Tip:'Not a legal IPV4 address',
-        ipv6Tip:'Not a legal IPV6 address',
-        enumTip:'Not a reasonable enumeration value',
-        boolTip:'Not a reasonable Boolean value',
-        default:'The input value is of unknown type',
-        reloadSuss:'Network element reloading completed',
-        reloadFail:'Network element reloading failed',
-        neNUll:'No network element list data yet',
-        reload:'Reload',
-        post:'Submit',
-        editSure:'Are you sure you want to update this attribute value? ',
-        arraryEdit:'Are you sure to submit the record whose updated Index is [{value}]? ',
-        addSure:'Are you sure to submit the new record of Index: [{value}]? '
-      },
-      configParamForm: {
-        treeTitle: "Navigation Configuration",
-        treeSelectTip: "Select configuration item information in the left configuration navigation!",
-        neType: 'NE Type',
-        neTypePleace: "Please select the network element type",
-        noConfigData: "No data on configuration items",
-        updateValue: "[ {num} ] parameter value modified successfully.",
-        updateValueErr: "Attribute value modification failure",
-        updateItem: "Modify Index to {num}.",
-        updateItemErr: "Record modification failure",
-        delItemOk: "Deleting Index as {num} succeeded",
-        addItemOk: "Add Index as {num} Record Succeeded",
-        addItemErr: "Record addition failure",
-        requireUn: "[ {display} ] input value is of unknown type",
-        requireString: "[ {display} ] parameter value is invalid.",
-        requireInt: "[ {display} ] parameter value not in reasonable range {filter}",
-        requireIpv4: "[ {display} ] not a legitimate IPV4 address",
-        requireIpv6: "[ {display} ] not a legitimate IPV6 address.",
-        requireEnum: "[ {display} ] is not a reasonable enumeration value.",
-        requireBool: "[ {display} ] is not a reasonable boolean value.",
-        editOkTip: "Confirm updating the value of this [ {num} ] attribute?",
-        updateItemTip: "Confirm updating the data item with Index [{num}]?",
-        delItemTip: "Confirm deleting the data item with Index [{num}]?",
-        arrayMore: "Expand",
-      },
-    },
     dashboard: {
       overview:{
         title: "Core Network Dashboard",
@@ -784,6 +627,7 @@ export default {
         treeSelectTip: "Select configuration item information in the left configuration navigation!",
         neType: 'NE Type',
         neTypePleace: "Please select the network element type",
+        neIdSyncPleace: "Please select the synchronized network element",
         noConfigData: "No data on configuration items",
         updateValue: "[ {num} ] parameter value modified successfully.",
         updateValueErr: "Attribute value modification failure",
@@ -803,6 +647,12 @@ export default {
         updateItemTip: "Confirm updating the data item with Index [{num}]?",
         delItemTip: "Confirm deleting the data item with Index [{num}]?",
         arrayMore: "Expand",
+        checkSync: {
+          sync: "Sync",
+          tip: "Synchronize regional network elements",
+          title: "Select All/Select None",
+          selectProvince: "Select",
+        }
       },
       neConfigBackup: {
         name: "Name",
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
index 5a77cb6b..b0241bde 100644
--- a/src/i18n/locales/zh-CN.ts
+++ b/src/i18n/locales/zh-CN.ts
@@ -351,163 +351,6 @@ export default {
         description: "暂无数据，尝试刷新看看",
       },
     },
-    configManage: {
-      neManage: {
-        addNe:'添加网元',
-        delSure:'确认删除网元名称为{msg}的数据项 ',
-        editNe:'修改网元',
-        exportSure:'确认导出网元名称为 {msg} 的配置信息',
-        exportTip:'导出成功,请到备份管理进行下载',
-        getInfo:'获取网元信息失败',
-        neType:'网元类型',
-        neTypePlease: '请输入网元类型',
-        neId:'网元内部标识',
-        neName:'网元名称',
-        neTypeTip:'填写创建的网元类型,如:SMF',
-        uid:'资源唯一标识',
-        uidTip:'请输入资源唯一标识',
-        ip:'IP地址',
-        mac:'网元物理地址',
-        macTip:'能够定位网元的物理地址(MAC)',
-        port:'端口',
-        portTip:'最大范围0~65535',
-        pvflag:'网元虚拟化标识',
-        pnf:'物理网元',
-        vnf:'虚拟网元',
-        province:'网元服务省份',
-        vendorName:'厂商名称',
-        dn:'网络标识',
-        reload: '重载',
-        restart: '重启',
-        totalSure:'确认{oper}网元名称为 {msg} 的网元',
-        stop: '停止',
-        start: '启动',
-        log: '日志',
-        export: '导出',
-        import: '导入',
-        fileForm:'文件来源',
-        selectPlease:'请选择导入文件来源',
-        server:'服务器文件',
-        local:'本地文件',
-        fileSelect:'请选择当前导入文件',
-        sync:'同步到网元',
-        open:'开',
-        close:'关',
-        addFail:'新增失败',
-        operFail:'操作失败'
-      },
-      backupManage: {
-        setBackupTask: '设置自动备份时间',
-        neTypePlease: '查询网元类型',
-        neType: '网元类型',
-        neID: '网元内部标识',
-        fileName: '文件名',
-        createAt: '创建时间',
-        remark:'备份说明',
-        edit:'编辑备份文件',
-        totalSure:'确认{oper}记录编号为 {id} 的数据项?',
-      },
-      softwareManage: {
-        sendBtn: '下发',
-        runBtn: '激活',
-        backBtn: '回退',
-        historyBtn: '下发记录',
-        neTypePlease: '选择网元类型',
-        neType: '网元类型',
-        fileName: '文件名',
-        version: '版本号',
-        versionPlease: '版本号不能为空',
-        updateTime: '上传时间',
-        description: '功能描述',
-        deleteTip: '确认删除 【{fileName}】 的软件数据项?',
-        downloadTip: '确认下载 【{fileName}】 的软件数据项?',
-        updateComment: '软件说明',
-        updateCommentPlease: '请输入软件说明',
-        updateFile: '软件文件',
-        updateFilePlease: '请上传更新软件文件',
-        verifyFile: '校验文件',
-        selectFile: '选择文件',
-        sendTitle: '下发软件版本',
-        sendContent: '确认下发软件包为【{fileName}】的文件到对应网元?',
-        runTitle: '激活软件版本',
-        runContent: '确认在对应网元激活已下发【{fileName}】的软件版本?',
-        backTitle: '回退软件版本',
-        backContent: '确认在对应网元回退已下发【{fileName}】的软件版本?',
-        neId: '对应网元',
-        neIdPlease: '请选择对应网元',
-        versions:'版本',
-        upVersions:'升级前版本',
-        backVersions:'回退前版本',
-        status:'状态',
-        letUpTime:'激活时间',
-        createTime:'创建时间',
-        onlyAble:'只支持上传文件格式 {fileText}',
-        nullVersion:'当前网元无可回退版本',
-      },
-      license: {
-        neTypePlease: '选择网元类型',
-        neType: '网元类型',
-        serialNum: '序列号',
-        createTime: '时间',
-        comment: '说明',
-        updateComment: 'License说明',
-        updateCommentPlease: '请输入License说明',
-        updateFile: 'License文件',
-        updateFilePlease: '请上传更新License文件',
-        selectFile: '选择文件',
-        neId: '网元内部标识',
-        neIdPlease: '请选择对应网元',
-      },
-      configParam:{
-        dataNull:'暂无配置项数据',
-        editSuss:'修改成功',
-        editFail:'修改失败',
-        unable:'非法操作属性值',
-        delSure:'确认删除Index为 【{value}】 的数据项?',
-        addSuss:'新增成功',
-        addFail:'新增失败',
-        delArraySure:'确认删除{arrayChildTitle} Index 为 【{value}】 的数据项?',
-        parUnable:'参数值不在合理范围',
-        ipv4Tip:'不是合法的IPV4地址',
-        ipv6Tip:'不是合法的IPV6地址',
-        enumTip:'不是合理的枚举值',
-        boolTip:'不是合理的布尔类型的值',
-        default:'输入值是未知类型',
-        reloadSuss:'网元重新加载完成',
-        reloadFail:'网元重新加载失败',
-        neNUll:'暂无网元列表数据',
-        reload:'重载',
-        post:'提交',
-        editSure:'确认更新该属性值吗？',
-        arraryEdit:'确认提交更新 Index 为 【{value}】 的记录吗？',
-        addSure:'确认提交新增 Index :【{value}】 的记录吗？',
-      },
-      configParamForm: {
-        treeTitle: "配置导航",
-        treeSelectTip: "左侧配置导航中选择配置项信息！",
-        neType: "网元类型",
-        neTypePleace: "请选择网元类型",
-        noConfigData: "暂无配置项数据",
-        updateValue: "【 {num} 】 属性值修改成功",
-        updateValueErr: "属性值修改失败",
-        updateItem: "修改 Index 为 {num} 记录成功",
-        updateItemErr: "记录修改失败",
-        delItemOk: "删除 Index 为 {num} 记录成功",
-        addItemOk: "新增 Index 为 {num} 记录成功",
-        addItemErr: "记录新增失败",
-        requireUn: "【 {display} 】输入值是未知类型",
-        requireString: "【 {display} 】参数值不合理",
-        requireInt: "【 {display} 】参数值不在合理范围 {filter}",
-        requireIpv4: "【 {display} 】不是合法的IPV4地址",
-        requireIpv6: "【 {display} 】不是合法的IPV6地址",
-        requireEnum: "【 {display} 】不是合理的枚举值",
-        requireBool: "【 {display} 】不是合理的布尔类型的值",
-        editOkTip: "确认更新该【 {num} 】属性值吗？",
-        updateItemTip: "确认更新Index为 【{num}】 的数据项？",
-        delItemTip: "确认删除Index为 【{num}】 的数据项？",
-        arrayMore: "展开",
-      },
-    },
     dashboard: {
       overview:{
         title: "核心网系统看板",
@@ -784,6 +627,7 @@ export default {
         treeSelectTip: "左侧配置导航中选择配置项信息！",
         neType: "网元类型",
         neTypePleace: "请选择网元类型",
+        neIdSyncPleace: "请选择同步网元",
         noConfigData: "暂无配置项数据",
         updateValue: "【 {num} 】 属性值修改成功",
         updateValueErr: "属性值修改失败",
@@ -803,6 +647,12 @@ export default {
         updateItemTip: "确认更新Index为 【{num}】 的数据项？",
         delItemTip: "确认删除Index为 【{num}】 的数据项？",
         arrayMore: "展开",
+        checkSync: {
+          sync: "同步",
+          tip: "同步区域网元",
+          title: "全选/全不选",
+          selectProvince: "选择区域",
+        }
       },
       neConfigBackup: {
         name: "名称",
diff --git a/src/views/configManage/neManage/index.vue b/src/views/configManage/neManage/index.vue
deleted file mode 100644
index de374d4a..00000000
--- a/src/views/configManage/neManage/index.vue
+++ /dev/null
@@ -1,1275 +0,0 @@
-<script setup lang="ts">
-import { reactive, onMounted, toRaw, ref } from 'vue';
-import { PageContainer } from 'antdv-pro-layout';
-import { ProModal } from 'antdv-pro-modal';
-import { message, Modal, Form } 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 {
-  listNeInfo,
-  getNeInfo,
-  addNeInfo,
-  updateNeInfo,
-  delNeInfo,
-  exportSet,
-  startNf,
-  restartNf,
-  stopNf,
-  importFile,
-  listServerFile,
-} from '@/api/configManage/neManage';
-import { updateNeConfigReload } from '@/api/configManage/configParam';
-import useI18n from '@/hooks/useI18n';
-import { FileType } from 'ant-design-vue/es/upload/interface';
-import { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
-import TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
-import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import { NE_TYPE_LIST } from '@/constants/ne-constants';
-import useNeInfoStore from '@/store/modules/neinfo';
-import useMaskStore from '@/store/modules/mask';
-const maskStore = useMaskStore();
-const { t } = useI18n();
-
-/**表格所需option */
-const neManageOption = reactive({
-  importType: [
-    { label: t('views.configManage.neManage.server'), value: 'server' },
-    { label: t('views.configManage.neManage.local'), value: 'local' },
-  ],
-  serverFileName: <any[]>[],
-});
-
-/**查询参数 */
-let queryParams = reactive({
-  /**网元类型 */
-  neType: '',
-  /**当前页数 */
-  pageNum: 1,
-  /**每页条数 */
-  pageSize: 20,
-});
-
-/**查询参数重置 */
-function fnQueryReset() {
-  queryParams = Object.assign(queryParams, {
-    neType: '',
-    pageNum: 1,
-    pageSize: 20,
-  });
-  tablePagination.current = 1;
-  tablePagination.pageSize = 20;
-  fnGetList();
-}
-
-/**表格状态类型 */
-type TabeStateType = {
-  /**加载等待 */
-  loading: boolean;
-  /**紧凑型 */
-  size: SizeType;
-  /**搜索栏 */
-  seached: boolean;
-  /**记录数据 */
-  data: object[];
-  /**勾选记录 */
-  selectedRowKeys: (string | number)[];
-};
-
-/**表格状态 */
-let tableState: TabeStateType = reactive({
-  loading: false,
-  size: 'middle',
-  seached: true,
-  data: [],
-  selectedRowKeys: [],
-});
-
-/**表格字段列 */
-let tableColumns: ColumnsType = [
-  {
-    title: t('views.configManage.neManage.neType'),
-    dataIndex: 'neType',
-    align: 'center',
-    width: 100,
-  },
-  {
-    title: t('views.configManage.neManage.neId'),
-    dataIndex: 'neId',
-    align: 'center',
-    width: 100,
-  },
-  {
-    title: t('views.configManage.neManage.ip'),
-    dataIndex: 'ip',
-    align: 'center',
-    width: 150,
-  },
-  {
-    title: t('views.configManage.neManage.port'),
-    dataIndex: 'port',
-    align: 'center',
-    width: 100,
-  },
-  {
-    title: t('views.configManage.neManage.neName'),
-    dataIndex: 'neName',
-    align: 'center',
-    width: 150,
-  },
-  {
-    title: t('views.configManage.neManage.uid'),
-    dataIndex: 'rmUid',
-    align: 'center',
-    width: 200,
-  },
-  {
-    title: t('views.configManage.neManage.pvflag'),
-    dataIndex: 'pvFlag',
-    align: 'center',
-    width: 100,
-  },
-  {
-    title: t('views.configManage.neManage.province'),
-    dataIndex: 'province',
-    align: 'center',
-    width: 100,
-  },
-  {
-    title: t('views.configManage.neManage.vendorName'),
-    dataIndex: 'vendorName',
-    align: 'center',
-    width: 150,
-  },
-  {
-    title: t('views.configManage.neManage.dn'),
-    dataIndex: 'dn',
-    align: 'center',
-    width: 200,
-  },
-  {
-    title: t('common.operate'),
-    key: 'id',
-    align: 'center',
-    fixed: 'right',
-    width: 150,
-  },
-];
-
-/**表格字段列排序 */
-let tableColumnsDnd = ref<ColumnsType>([]);
-
-/**表格分页器参数 */
-let tablePagination = reactive({
-  /**当前页数 */
-  current: 1,
-  /**每页条数 */
-  pageSize: 20,
-  /**默认的每页条数 */
-  defaultPageSize: 20,
-  /**指定每页可以显示多少条 */
-  pageSizeOptions: ['10', '20', '50', '100'],
-  /**只有一页时是否隐藏分页器 */
-  hideOnSinglePage: false,
-  /**是否可以快速跳转至某页 */
-  showQuickJumper: true,
-  /**是否可以改变 pageSize */
-  showSizeChanger: true,
-  /**数据总数 */
-  total: 0,
-  showTotal: (total: number) => t('common.tablePaginationTotal', { total }),
-  onChange: (page: number, pageSize: number) => {
-    tablePagination.current = page;
-    tablePagination.pageSize = pageSize;
-    queryParams.pageNum = page;
-    queryParams.pageSize = pageSize;
-    fnGetList();
-  },
-});
-
-/**表格紧凑型变更操作 */
-function fnTableSize({ key }: MenuInfo) {
-  tableState.size = key as SizeType;
-}
-
-/**对话框对象信息状态类型 */
-type ModalStateType = {
-  /**详情框是否显示 */
-  openByView: boolean;
-  /**新增框或修改框是否显示 */
-  openByEdit: boolean;
-  /**导入是否显示 */
-  openByImport: boolean;
-  /**标题 */
-  title: string;
-  /**表单数据 */
-  from: Record<string, any>;
-  /**导入表单数据 */
-  importFrom: Record<string, any>;
-  /**确定按钮 loading */
-  confirmLoading: boolean;
-};
-
-/**对话框对象信息状态 */
-let modalState: ModalStateType = reactive({
-  openByView: false,
-  openByEdit: false,
-  openByImport: false,
-  title: '网元',
-  from: {
-    id: undefined,
-    dn: '',
-    ip: '',
-    neAddress: '',
-    neId: '',
-    neName: '',
-    neType: 'AMF',
-    port: '33030',
-    province: '',
-    pvFlag: 'PNF',
-    rmUid: '4400HX1AMF001',
-    vendorName: '',
-    sync: true,
-  },
-  importFrom: {
-    neId: '',
-    neType: '',
-    importType: '',
-    file: undefined,
-    fileList: [],
-    fileName: '',
-  },
-  confirmLoading: false,
-});
-
-/**对话框内表单属性和校验规则 */
-const modalStateFrom = Form.useForm(
-  modalState.from,
-  reactive({
-    neType: [
-      {
-        required: true,
-        message:
-          t('views.configManage.neManage.neType') + t('common.unableNull'),
-      },
-    ],
-    neId: [
-      {
-        required: true,
-        message: t('views.configManage.neManage.neId') + t('common.unableNull'),
-      },
-    ],
-    rmUid: [
-      {
-        required: true,
-        message: t('views.configManage.neManage.uid') + t('common.unableNull'),
-      },
-    ],
-    ip: [
-      {
-        required: true,
-        message: t('views.configManage.neManage.ip') + t('common.unableNull'),
-      },
-    ],
-    port: [
-      {
-        required: true,
-        message: t('views.configManage.neManage.port') + t('common.unableNull'),
-      },
-    ],
-    pvFlag: [
-      {
-        required: true,
-        message:
-          t('views.configManage.neManage.pvflag') + t('common.unableNull'),
-      },
-    ],
-    neName: [
-      {
-        required: true,
-        message:
-          t('views.configManage.neManage.neName') + t('common.unableNull'),
-      },
-    ],
-  })
-);
-
-/**导入对话框内表单属性和校验规则 */
-const importStateFrom = Form.useForm(
-  modalState.importFrom,
-  reactive({
-    file: [
-      {
-        required: true,
-        message: t('views.configManage.softwareManage.updateFilePlease'),
-      },
-    ],
-    importType: [
-      {
-        required: true,
-        message: t('views.configManage.neManage.selectPlease'),
-      },
-    ],
-    fileName: [
-      {
-        required: true,
-        message: t('views.configManage.neManage.fileSelect'),
-      },
-    ],
-  })
-);
-
-/**
- * 对话框弹出显示为 新增或者修改
- * @param noticeId 网元id, 不传为新增
- */
-function fnModalVisibleByEdit(row?: Record<string, any>) {
-  if (!row) {
-    modalStateFrom.resetFields();
-    modalState.title = t('views.configManage.neManage.addNe');
-    modalState.openByEdit = true;
-  } else {
-    if (modalState.confirmLoading) return;
-    const hide = message.loading(t('common.loading'), 0);
-    modalState.confirmLoading = true;
-    getNeInfo(row.id).then(res => {
-      modalState.confirmLoading = false;
-      hide();
-      if (res.code === RESULT_CODE_SUCCESS) {
-        modalState.from = Object.assign(modalState.from, res.data);
-        modalState.title = t('views.configManage.neManage.editNe');
-        modalState.openByEdit = true;
-      } else {
-        message.error(t('views.configManage.neManage.getInfo'), 2);
-      }
-    });
-  }
-}
-
-/**
- * 对话框弹出确认执行函数
- * 进行表达规则校验
- */
-function fnModalOk() {
-  modalStateFrom
-    .validate()
-    .then(e => {
-      modalState.confirmLoading = true;
-      const from = toRaw(modalState.from);
-      const result = from.id ? updateNeInfo(from) : addNeInfo(from);
-      const hide = message.loading(t('common.loading'), 0);
-      result
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            if (res.data?.error || res.data?.affectedRows === 0) {
-              message.error({
-                content: `${t('views.configManage.neManage.operFail')}`,
-                duration: 3,
-              });
-            } else {
-              message.success({
-                content: t('common.msgSuccess', { msg: modalState.title }),
-                duration: 3,
-              });
-              modalState.openByEdit = false;
-              modalStateFrom.resetFields();
-              fnGetList(1);
-            }
-          } else {
-            message.error({
-              content: `${t('views.configManage.neManage.operFail')}`,
-              duration: 3,
-            });
-          }
-        })
-        .finally(() => {
-          hide();
-          modalState.confirmLoading = false;
-          // 刷新缓存的网元信息
-          useNeInfoStore().fnRefreshNelist();
-        });
-    })
-    .catch(e => {
-      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
-    });
-}
-
-/**
- * 导入对话框弹出确认执行函数
- * 进行表达规则校验
- */
-function fnImportModalOk() {
-  const from = toRaw(modalState.importFrom);
-  let validateName = ['importType'];
-  if (from.file) {
-    validateName.push('file');
-  } else {
-    validateName.push('fileName');
-  }
-
-  importStateFrom
-    .validate(validateName)
-    .then(e => {
-      modalState.confirmLoading = true;
-      const hide = message.loading(t('common.loading'), 0);
-      importFile(from)
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            message.success({
-              content: t('common.msgSuccess', { msg: modalState.title }),
-              duration: 3,
-            });
-            modalState.openByEdit = false;
-            modalStateFrom.resetFields();
-          } else {
-            message.error({
-              content: `${res.msg}`,
-              duration: 3,
-            });
-          }
-        })
-        .finally(() => {
-          hide();
-          modalState.confirmLoading = false;
-          // 获取列表数据
-          fnGetList(1);
-        });
-    })
-    .catch(e => {
-      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
-    });
-}
-
-/**
- * 导入对话框弹出关闭执行函数
- * 进行表达规则校验
- */
-function fnImportModalCancel() {
-  modalState.openByView = false;
-  modalState.openByImport = false;
-  importStateFrom.resetFields();
-}
-
-/**
- * 对话框弹出关闭执行函数
- * 进行表达规则校验
- */
-function fnModalCancel() {
-  modalState.openByEdit = false;
-  modalState.openByView = false;
-  modalStateFrom.resetFields();
-}
-
-/**
- * 网元删除
- * @param row 网元编号ID
- */
-function fnRecordDelete(row: Record<string, any>) {
-  Modal.confirm({
-    title: t('common.tipTitle'),
-    content: t('views.configManage.neManage.delSure', { msg: row.neName }),
-    onOk() {
-      tableState.loading = true;
-      const key = 'delNotice';
-      message.loading({ content: t('common.loading'), key });
-      delNeInfo(row)
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            if (res.data.data && res.data.data.affectedRows) {
-              message.success({
-                content: t('common.msgSuccess', {
-                  msg: t('common.deleteText'),
-                }),
-                key,
-                duration: 2,
-              });
-              tableState.loading = false;
-              fnGetList();
-              // 刷新缓存的网元信息
-              useNeInfoStore().fnRefreshNelist();
-            }
-          } else {
-            message.error({
-              content: `${res.msg}`,
-              key: key,
-              duration: 2,
-            });
-          }
-        })
-        .finally(() => {
-          tableState.loading = false;
-        });
-    },
-  });
-}
-
-/**
- * 网元导出配置
- * @param row 网元编号ID
- */
-function fnRecordExport(row: Record<string, any>) {
-  Modal.confirm({
-    title: t('common.tipTitle'),
-    content: t('views.configManage.neManage.exportSure', { msg: row.neName }),
-    onOk() {
-      const key = 'exportSet';
-      message.loading({ content: t('common.loading'), key });
-      exportSet(row).then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
-          message.success({
-            content: t('views.configManage.neManage.exportTip'),
-            key,
-            duration: 2,
-          });
-        } else {
-          message.error({
-            content: `${res.msg}`,
-            key: key,
-            duration: 2,
-          });
-        }
-      });
-    },
-  });
-}
-
-/**
- * 网元重启
- * @param row 网元编号ID
- */
-function fnRecordRestart(row: Record<string, any>) {
-  Modal.confirm({
-    title: t('common.tipTitle'),
-    content: t('views.configManage.neManage.totalSure', {
-      msg: row.neName,
-      oper: t('views.configManage.neManage.restart'),
-    }),
-    onOk() {
-      const hide = message.loading(t('common.loading'), 0);
-      restartNf(row)
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            // OMC自升级
-            if (row.neType.toLowerCase() === 'omc') {
-              maskStore.handleMaskType('reload');
-              return;
-            }
-            message.success({
-              content: t('common.msgSuccess', {
-                msg: t('views.configManage.neManage.restart'),
-              }),
-              duration: 3,
-            });
-          } else {
-            message.error({
-              content: `${res.msg}`,
-              duration: 3,
-            });
-          }
-        })
-        .finally(() => {
-          hide();
-        });
-    },
-  });
-}
-
-/**
- * 网元启动
- * @param row 网元编号ID
- */
-function fnRecordStart(row: Record<string, any>) {
-  Modal.confirm({
-    title: t('common.tipTitle'),
-    content: t('views.configManage.neManage.totalSure', {
-      msg: row.neName,
-      oper: t('views.configManage.neManage.start'),
-    }),
-    onOk() {
-      const key = 'startNf';
-      message.loading({ content: t('common.loading'), key });
-      startNf(row).then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
-          message.success({
-            content: t('common.msgSuccess', {
-              msg: t('views.configManage.neManage.start'),
-            }),
-            key,
-            duration: 2,
-          });
-        } else {
-          message.error({
-            content: `${res.msg}`,
-            key: key,
-            duration: 2,
-          });
-        }
-      });
-    },
-  });
-}
-
-/**
- * 网元停止
- * @param row 网元编号ID
- */
-function fnRecordStop(row: Record<string, any>) {
-  Modal.confirm({
-    title: t('common.tipTitle'),
-    content: t('views.configManage.neManage.totalSure', {
-      msg: row.neName,
-      oper: t('views.configManage.neManage.stop'),
-    }),
-    onOk() {
-      const key = 'stopNf';
-      message.loading({ content: t('common.loading'), key });
-      stopNf(row).then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
-          message.success({
-            content: t('common.msgSuccess', {
-              msg: t('views.configManage.neManage.stop'),
-            }),
-            key,
-            duration: 2,
-          });
-        } else {
-          message.error({
-            content: `${res.msg}`,
-            key: key,
-            duration: 2,
-          });
-        }
-      });
-    },
-  });
-}
-
-/**网元重新加载 */
-function fnNeReload(row: Record<string, any>) {
-  Modal.confirm({
-    title: t('common.tipTitle'),
-    content: t('views.configManage.neManage.totalSure', {
-      msg: row.neName,
-      oper: t('views.configManage.neManage.reload'),
-    }),
-    onOk() {
-      const key = 'stopNf';
-      message.loading({ content: t('common.loading'), key });
-      updateNeConfigReload(row.neType, row.neId).then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
-          message.success({
-            content: t('common.msgSuccess', {
-              msg: t('views.configManage.neManage.reload'),
-            }),
-            key,
-            duration: 2,
-          });
-        } else {
-          message.error({
-            content: `${res.msg}`,
-            key: key,
-            duration: 2,
-          });
-        }
-      });
-    },
-  });
-}
-
-/**
- * 记录多项选择
- */
-function fnRecordMore(type: string | number, row: Record<string, any>) {
-  if (type === 'delete') {
-    fnRecordDelete(row);
-    return;
-  }
-
-  if (type === 'export') {
-    fnRecordExport(row);
-  }
-
-  if (type === 'start') {
-    fnRecordStart(row);
-  }
-
-  if (type === 'restart') {
-    fnRecordRestart(row);
-  }
-
-  if (type === 'stop') {
-    fnRecordStop(row);
-  }
-
-  if (type === 'reload') {
-    fnNeReload(row);
-  }
-
-  if (type === 'import') {
-    modalState.importFrom = Object.assign(modalState.importFrom, row);
-    modalState.title = t('views.configManage.neManage.import');
-    modalState.openByImport = true;
-  }
-}
-
-/**查询网元列表, pageNum初始页数 */
-function fnGetList(pageNum?: number) {
-  if (tableState.loading) return;
-  tableState.loading = true;
-  if (pageNum) {
-    queryParams.pageNum = pageNum;
-  }
-  listNeInfo(toRaw(queryParams)).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
-      // 取消勾选
-      if (tableState.selectedRowKeys.length > 0) {
-        tableState.selectedRowKeys = [];
-      }
-      tablePagination.total = res.total;
-      tableState.data = res.rows;
-      if (
-        tablePagination.total <=
-          (queryParams.pageNum - 1) * tablePagination.pageSize &&
-        queryParams.pageNum !== 1
-      ) {
-        tableState.loading = false;
-        fnGetList(queryParams.pageNum - 1);
-      }
-    }
-    tableState.loading = false;
-  });
-}
-
-/**查询网元远程服务器备份文件 */
-function typeChange(value: any) {
-  if (value === 'server') {
-    listServerFile(modalState.importFrom).then(res => {
-      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-        neManageOption.serverFileName = [];
-        res.data.forEach((item: any) => {
-          neManageOption.serverFileName.push({
-            label: item.fileName,
-            value: item.fileName,
-          });
-        });
-      }
-    });
-  }
-}
-
-/**上传前检查或转换压缩 */
-function fnBeforeUploadFile(file: FileType) {
-  if (modalState.confirmLoading) return false;
-  // const fileName = file.name;
-  // const suff = fileName.substring(fileName.lastIndexOf('.'));
-  return true;
-}
-
-/**上传文件 */
-function fnUploadFile(up: UploadRequestOption) {
-  // 改为完成状态
-  const file = modalState.importFrom.fileList[0];
-  file.percent = 100;
-  file.status = 'done';
-  // 预置到表单
-  modalState.importFrom.file = up.file;
-}
-
-onMounted(() => {
-  // 获取列表数据
-  fnGetList();
-  // 刷新缓存的网元信息
-  useNeInfoStore().fnRefreshNelist();
-});
-</script>
-
-<template>
-  <PageContainer>
-    <a-card
-      v-show="tableState.seached"
-      :bordered="false"
-      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
-    >
-      <!-- 表格搜索栏 -->
-      <a-form :model="queryParams" name="queryParams" layout="horizontal">
-        <a-row :gutter="16">
-          <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.neType')"
-              name="neType "
-            >
-              <a-auto-complete
-                v-model:value="queryParams.neType"
-                :options="NE_TYPE_LIST.map(v => ({ value: v }))"
-                allow-clear
-                :placeholder="t('common.inputPlease')"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item>
-              <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList(1)">
-                  <template #icon><SearchOutlined /></template>
-                  {{ t('common.search') }}
-                </a-button>
-                <a-button type="default" @click.prevent="fnQueryReset">
-                  <template #icon><ClearOutlined /></template>
-                  {{ t('common.reset') }}
-                </a-button>
-              </a-space>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-    </a-card>
-
-    <a-card :bordered="false" :body-style="{ padding: '0px' }">
-      <!-- 插槽-卡片左侧侧 -->
-      <template #title>
-        <a-space :size="8" align="center">
-          <a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
-            <template #icon><PlusOutlined /></template>
-            {{ t('common.addText') }}
-          </a-button>
-        </a-space>
-      </template>
-
-      <!-- 插槽-卡片右侧 -->
-      <template #extra>
-        <a-space :size="8" align="center">
-          <a-tooltip>
-            <template #title>{{ t('common.searchBarText') }}</template>
-            <a-switch
-              v-model:checked="tableState.seached"
-              :checked-children="t('common.switch.show')"
-              :un-checked-children="t('common.switch.hide')"
-              size="small"
-            />
-          </a-tooltip>
-          <a-tooltip>
-            <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList()">
-              <template #icon><ReloadOutlined /></template>
-            </a-button>
-          </a-tooltip>
-          <TableColumnsDnd
-            cache-id="neManageData"
-            :columns="tableColumns"
-            v-model:columns-dnd="tableColumnsDnd"
-          ></TableColumnsDnd>
-          <a-tooltip>
-            <template #title>{{ t('common.sizeText') }}</template>
-            <a-dropdown trigger="click" placement="bottomRight">
-              <a-button type="text">
-                <template #icon><ColumnHeightOutlined /></template>
-              </a-button>
-              <template #overlay>
-                <a-menu
-                  :selected-keys="[tableState.size as string]"
-                  @click="fnTableSize"
-                >
-                  <a-menu-item key="default"
-                    >{{ t('common.size.default') }}
-                  </a-menu-item>
-                  <a-menu-item key="middle"
-                    >{{ t('common.size.middle') }}
-                  </a-menu-item>
-                  <a-menu-item key="small"
-                    >{{ t('common.size.small') }}
-                  </a-menu-item>
-                </a-menu>
-              </template>
-            </a-dropdown>
-          </a-tooltip>
-        </a-space>
-      </template>
-
-      <!-- 表格列表 -->
-      <a-table
-        class="table"
-        row-key="id"
-        :columns="tableColumnsDnd"
-        :loading="tableState.loading"
-        :data-source="tableState.data"
-        :size="tableState.size"
-        :pagination="tablePagination"
-        :scroll="{ y: 'calc(100vh - 480px)' }"
-      >
-        <template #bodyCell="{ column, record }">
-          <template v-if="column?.key === 'id'">
-            <a-space :size="8" align="center">
-              <a-tooltip>
-                <template #title>{{ t('common.editText') }}</template>
-                <a-button
-                  type="link"
-                  @click.prevent="fnModalVisibleByEdit(record)"
-                >
-                  <template #icon><FormOutlined /></template>
-                </a-button>
-              </a-tooltip>
-              <a-tooltip>
-                <template #title>{{
-                  t('views.configManage.neManage.restart')
-                }}</template>
-                <a-button
-                  type="link"
-                  @click.prevent="fnRecordMore('restart', record)"
-                >
-                  <template #icon><UndoOutlined /></template>
-                </a-button>
-              </a-tooltip>
-              <a-tooltip placement="left">
-                <template #title>{{ t('common.moreText') }}</template>
-                <a-dropdown placement="bottomRight" trigger="click">
-                  <a-button type="link">
-                    <template #icon><EllipsisOutlined /> </template>
-                  </a-button>
-                  <template #overlay>
-                    <a-menu @click="({ key }:any) => fnRecordMore(key, record)">
-                      <a-menu-item key="export">
-                        <ExportOutlined />
-                        {{ t('views.configManage.neManage.export') }}
-                      </a-menu-item>
-                      <a-menu-item key="import">
-                        <ImportOutlined />
-                        {{ t('views.configManage.neManage.import') }}
-                      </a-menu-item>
-                      <a-menu-item
-                        key="start"
-                        v-if="!['OMC'].includes(record.neType)"
-                      >
-                        <thunderbolt-outlined />
-                        {{ t('views.configManage.neManage.start') }}
-                      </a-menu-item>
-                      <a-menu-item
-                        key="stop"
-                        v-if="!['OMC'].includes(record.neType)"
-                      >
-                        <pause-outlined />
-                        {{ t('views.configManage.neManage.stop') }}
-                      </a-menu-item>
-                      <a-menu-item
-                        key="reload"
-                        v-if="
-                          !['OMC', 'PCF', 'IMS', 'MME'].includes(record.neType)
-                        "
-                      >
-                        <SyncOutlined />
-                        {{ t('views.configManage.neManage.reload') }}
-                      </a-menu-item>
-                      <a-menu-item key="delete">
-                        <DeleteOutlined />
-                        {{ t('common.deleteText') }}
-                      </a-menu-item>
-                    </a-menu>
-                  </template>
-                </a-dropdown>
-              </a-tooltip>
-            </a-space>
-          </template>
-        </template>
-      </a-table>
-    </a-card>
-
-    <!-- 新增框或修改框 -->
-    <ProModal
-      :drag="true"
-      :width="800"
-      :destroyOnClose="true"
-      :keyboard="false"
-      :mask-closable="false"
-      :open="modalState.openByEdit"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnModalOk"
-      @cancel="fnModalCancel"
-    >
-      <a-form
-        name="modalStateFrom"
-        layout="horizontal"
-        :label-col="{ span: 6 }"
-        :labelWrap="true"
-      >
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.neType')"
-              name="neType"
-              v-bind="modalStateFrom.validateInfos.neType"
-            >
-              <a-auto-complete
-                v-model:value="modalState.from.neType"
-                :options="NE_TYPE_LIST.map(v => ({ value: v }))"
-              >
-                <a-input allow-clear :placeholder="t('common.inputPlease')">
-                  <template #prefix>
-                    <a-tooltip placement="topLeft">
-                      <template #title>{{
-                        t('views.configManage.neManage.neTypeTip')
-                      }}</template>
-                      <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
-                    </a-tooltip>
-                  </template>
-                </a-input>
-              </a-auto-complete>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.neId')"
-              name="neId"
-              v-bind="modalStateFrom.validateInfos.neId"
-            >
-              <a-input
-                v-model:value="modalState.from.neId"
-                allow-clear
-              ></a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.uid')"
-              name="rmUid"
-              v-bind="modalStateFrom.validateInfos.rmUid"
-            >
-              <a-input
-                v-model:value="modalState.from.rmUid"
-                allow-clear
-                :placeholder="t('views.configManage.neManage.uidTip')"
-              >
-              </a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.pvflag')"
-              name="pvFlag"
-              v-bind="modalStateFrom.validateInfos.pvFlag"
-            >
-              <a-select
-                v-model:value="modalState.from.pvFlag"
-                default-value="PNF"
-              >
-                <a-select-opt-group
-                  :label="t('views.configManage.neManage.pnf')"
-                >
-                  <a-select-option value="PNF">PNF</a-select-option>
-                </a-select-opt-group>
-                <a-select-opt-group
-                  :label="t('views.configManage.neManage.vnf')"
-                >
-                  <a-select-option value="VNF">VNF</a-select-option>
-                </a-select-opt-group>
-              </a-select>
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.ip')"
-              name="ip"
-              v-bind="modalStateFrom.validateInfos.ip"
-            >
-              <a-input v-model:value="modalState.from.ip" allow-clear></a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.port')"
-              name="port"
-              v-bind="modalStateFrom.validateInfos.port"
-            >
-              <a-input v-model:value="modalState.from.port" allow-clear>
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      <div>{{ t('views.configManage.neManage.portTip') }}</div>
-                    </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.neName')"
-              name="neName"
-              v-bind="modalStateFrom.validateInfos.neName"
-            >
-              <a-input v-model:value="modalState.from.neName" allow-clear>
-              </a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.mac')"
-              name="neAddress"
-            >
-              <a-input v-model:value="modalState.from.neAddress" allow-clear
-                ><template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      <div>{{ t('views.configManage.neManage.macTip') }}</div>
-                    </template>
-                    <InfoCircleOutlined style="opacity: 0.45; color: inherit;" />
-                  </a-tooltip> </template
-              ></a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.vendorName')"
-              name="vendorName"
-            >
-              <a-input v-model:value="modalState.from.vendorName" allow-clear>
-              </a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item :label="t('views.configManage.neManage.dn')" name="dn">
-              <a-input v-model:value="modalState.from.dn" allow-clear></a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.province')"
-              name="province"
-            >
-              <a-input
-                v-model:value="modalState.from.province"
-                allow-clear
-              ></a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.sync')"
-              name="sync"
-            >
-              <a-switch
-                v-model:checked="modalState.from.sync"
-                :checked-children="t('views.configManage.neManage.open')"
-                :un-checked-children="t('views.configManage.neManage.close')"
-              />
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-    </ProModal>
-
-    <!-- 导入框 -->
-    <ProModal
-      :drag="true"
-      :width="800"
-      :destroyOnClose="true"
-      :keyboard="false"
-      :mask-closable="false"
-      :open="modalState.openByImport"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnImportModalOk"
-      @cancel="fnImportModalCancel"
-    >
-      <a-form name="importStateFrom" layout="horizontal">
-        <a-row>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.neType')"
-              name="neType"
-              v-bind="importStateFrom.validateInfos.neType"
-            >
-              <a-input
-                v-model:value="modalState.importFrom.neType"
-                disabled
-                allow-clear
-              >
-              </a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.configManage.neManage.neId')"
-              name="neId"
-              v-bind="importStateFrom.validateInfos.neId"
-            >
-              <a-input
-                v-model:value="modalState.importFrom.neId"
-                disabled
-              ></a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-form-item
-          :label="t('views.configManage.neManage.fileForm')"
-          name="importType"
-          v-bind="importStateFrom.validateInfos.importType"
-        >
-          <a-select
-            v-model:value="modalState.importFrom.importType"
-            default-value="server"
-            :options="neManageOption.importType"
-            @change="typeChange"
-          >
-          </a-select>
-        </a-form-item>
-
-        <a-form-item
-          :label="t('views.configManage.neManage.server')"
-          name="fileName"
-          v-bind="importStateFrom.validateInfos.fileName"
-          v-show="modalState.importFrom.importType === 'server'"
-        >
-          <a-select
-            v-model:value="modalState.importFrom.fileName"
-            :options="neManageOption.serverFileName"
-          >
-          </a-select>
-        </a-form-item>
-
-        <a-form-item
-          :label="t('views.configManage.neManage.local')"
-          name="file"
-          v-bind="importStateFrom.validateInfos.file"
-          v-show="modalState.importFrom.importType === 'local'"
-        >
-          <a-upload
-            name="file"
-            v-model:file-list="modalState.importFrom.fileList"
-            list-type="text"
-            :max-count="1"
-            :show-upload-list="true"
-            :before-upload="fnBeforeUploadFile"
-            :custom-request="fnUploadFile"
-          >
-            <a-button type="default" :loading="modalState.confirmLoading">
-              {{ t('views.configManage.neManage.fileSelect') }}
-            </a-button>
-          </a-upload>
-        </a-form-item>
-      </a-form>
-    </ProModal>
-  </PageContainer>
-</template>
-
-<style lang="less" scoped>
-.table :deep(.ant-pagination) {
-  padding: 0 24px;
-}
-</style>
diff --git a/src/views/dashboard/overview/components/UserActivity/index.vue b/src/views/dashboard/overview/components/UserActivity/index.vue
index 1a2af1eb..1cb9d6c9 100644
--- a/src/views/dashboard/overview/components/UserActivity/index.vue
+++ b/src/views/dashboard/overview/components/UserActivity/index.vue
@@ -77,8 +77,12 @@ onMounted(() => {
           <div></div>
           <div>
             {{ t('views.dashboard.overview.userActivity.time') }}:&nbsp;
-            <span :title="parseDateToStr(item.data.releaseTime * 1000)">
-              {{ parseDateToStr(item.data.releaseTime * 1000) }}
+            <span :title="item.data.releaseTime">
+              {{
+                typeof item.data.releaseTime === 'number'
+                  ? parseDateToStr(+item.data.releaseTime * 1000)
+                  : item.data.releaseTime
+              }}
             </span>
           </div>
         </div>
@@ -203,7 +207,11 @@ onMounted(() => {
           <div>
             {{ t('views.dashboard.overview.userActivity.time') }}:
             <span :title="item.data?.timestamp">
-              {{ parseDateToStr(+item.data?.timestamp * 1000) }}
+              {{
+                typeof item.data?.timestamp === 'number'
+                  ? parseDateToStr(+item.data?.timestamp * 1000)
+                  : item.data?.timestamp
+              }}
             </span>
           </div>
         </div>
diff --git a/src/views/dashboard/smscCDR/index.vue b/src/views/dashboard/smscCDR/index.vue
index c2ec8bda..283ce1f0 100644
--- a/src/views/dashboard/smscCDR/index.vue
+++ b/src/views/dashboard/smscCDR/index.vue
@@ -704,58 +704,62 @@ onBeforeUnmount(() => {
           </template>
         </template>
         <template #expandedRowRender="{ record }">
-          <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
-            <a-divider orientation="left">
-              {{ t('views.dashboard.cdr.cdrInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.ne.common.neName') }}: </span>
-              <span>{{ record.neName }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.ne.common.rmUid') }}: </span>
-              <span>{{ record.rmUID }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.cdr.time') }}: </span>
-              <span>
-                {{
-                  typeof record.cdrJSON.updateTime === 'number'
-                    ? parseDateToStr(+record.cdrJSON.updateTime * 1000)
-                    : record.cdrJSON.updateTime
-                }}
-              </span>
-            </div>
-            <a-divider orientation="left">
-              {{ t('views.dashboard.cdr.rowInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.dashboard.cdr.type') }}: </span>
-              <span>{{ record.cdrJSON.serviceType }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.cdr.caller') }}: </span>
-              <span>{{ record.cdrJSON.callerParty }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.cdr.called') }}: </span>
-              <span>{{ record.cdrJSON.calledParty }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.dashboard.cdr.result') }}: </span>
-              <span v-if="record.cdrJSON.result === 0">
-                {{ t('views.dashboard.cdr.resultFail') }},
-                <DictTag
-                  :options="dict.cdrCauseCode"
-                  :value="record.cdrJSON.cause"
-                  value-default="0"
-                />
-              </span>
-              <span v-else>
-                {{ t('views.dashboard.cdr.resultOk') }}
-              </span>
-            </div>
-          </div>
+          <a-row :gutter="16">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
+              <a-divider orientation="left">
+                {{ t('views.dashboard.cdr.cdrInfo') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.ne.common.neName') }}: </span>
+                <span>{{ record.neName }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.ne.common.rmUid') }}: </span>
+                <span>{{ record.rmUID }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.cdr.time') }}: </span>
+                <span>
+                  {{
+                    typeof record.cdrJSON.updateTime === 'number'
+                      ? parseDateToStr(+record.cdrJSON.updateTime * 1000)
+                      : record.cdrJSON.updateTime
+                  }}
+                </span>
+              </div>
+            </a-col>
+            <a-col :lg="8" :md="12" :xs="24">
+              <a-divider orientation="left">
+                {{ t('views.dashboard.cdr.rowInfo') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.dashboard.cdr.type') }}: </span>
+                <span>{{ record.cdrJSON.serviceType }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.cdr.caller') }}: </span>
+                <span>{{ record.cdrJSON.callerParty }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.cdr.called') }}: </span>
+                <span>{{ record.cdrJSON.calledParty }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.cdr.result') }}: </span>
+                <span v-if="record.cdrJSON.result === 0">
+                  {{ t('views.dashboard.cdr.resultFail') }},
+                  <DictTag
+                    :options="dict.cdrCauseCode"
+                    :value="record.cdrJSON.cause"
+                    value-default="0"
+                  />
+                </span>
+                <span v-else>
+                  {{ t('views.dashboard.cdr.resultOk') }}
+                </span>
+              </div>
+            </a-col>
+          </a-row>
         </template>
       </a-table>
     </a-card>
diff --git a/src/views/monitor/topologyArchitecture/index.vue b/src/views/monitor/topologyArchitecture/index.vue
index 289a4ba1..b7f25f9b 100644
--- a/src/views/monitor/topologyArchitecture/index.vue
+++ b/src/views/monitor/topologyArchitecture/index.vue
@@ -92,13 +92,13 @@ const graphNodeMenu = new Menu({
       ${neState.neName ?? '--'}
       </h3>
       <div id="restart" style="cursor: pointer; margin-bottom: 4px">
-        > ${t('views.configManage.neManage.restart')}
+        > ${t('views.ne.common.restart')}
       </div>
       <div id="stop" style="cursor: pointer; margin-bottom: 4px;">
-        > ${t('views.configManage.neManage.stop')}
+        > ${t('views.ne.common.stop')}
       </div>
       <div id="log" style="cursor: pointer; margin-bottom: 4px;">
-        > ${t('views.configManage.neManage.log')}
+        > ${t('views.ne.common.log')}
       </div>
     </div>
     `;
diff --git a/src/views/ne/neSoftware/components/EditModal.vue b/src/views/ne/neSoftware/components/EditModal.vue
index b7439d8f..0afe1a5e 100644
--- a/src/views/ne/neSoftware/components/EditModal.vue
+++ b/src/views/ne/neSoftware/components/EditModal.vue
@@ -166,8 +166,8 @@ function fnBeforeUploadFile(file: FileType) {
   const suff = fileName.substring(fileName.lastIndexOf('.'));
   if (!['.deb', '.rpm'].includes(suff)) {
     message.error(
-      t('views.configManage.softwareManage.onlyAble', {
-        fileText: '(.deb、.rpm)',
+      t('views.ne.neSoftware.fileTypeNotEq', {
+        txt: '(.deb、.rpm)',
       }),
       3
     );
@@ -238,8 +238,8 @@ function fnBeforeUploadFileDep(file: FileType) {
   const suff = fileName.substring(fileName.lastIndexOf('.'));
   if (!['.deb', '.rpm'].includes(suff)) {
     message.error(
-      t('views.configManage.softwareManage.onlyAble', {
-        fileText: '(.deb、.rpm)',
+      t('views.ne.neSoftware.fileTypeNotEq', {
+        txt: '(.deb、.rpm)',
       }),
       3
     );
diff --git a/src/views/ne/neSoftware/components/UploadMoreFile.vue b/src/views/ne/neSoftware/components/UploadMoreFile.vue
index ac55d5c8..f3fee8ec 100644
--- a/src/views/ne/neSoftware/components/UploadMoreFile.vue
+++ b/src/views/ne/neSoftware/components/UploadMoreFile.vue
@@ -171,8 +171,8 @@ function fnBeforeUploadFile(file: FileType) {
   const suff = fileName.substring(fileName.lastIndexOf('.'));
   if (!['.deb', '.rpm'].includes(suff)) {
     message.error(
-      t('views.configManage.softwareManage.onlyAble', {
-        fileText: '(.deb、.rpm)',
+      t('views.ne.neSoftware.fileTypeNotEq', {
+        txt: '(.deb、.rpm)',
       }),
       3
     );
@@ -286,8 +286,8 @@ function fnBeforeUploadFileDep(file: FileType) {
   const suff = fileName.substring(fileName.lastIndexOf('.'));
   if (!['.deb', '.rpm'].includes(suff)) {
     message.error(
-      t('views.configManage.softwareManage.onlyAble', {
-        fileText: '(.deb、.rpm)',
+      t('views.ne.neSoftware.fileTypeNotEq', {
+        txt: '(.deb、.rpm)',
       }),
       3
     );
diff --git a/src/views/perfManage/perfThreshold/index.vue b/src/views/perfManage/perfThreshold/index.vue
index 898ef07f..30d13694 100644
--- a/src/views/perfManage/perfThreshold/index.vue
+++ b/src/views/perfManage/perfThreshold/index.vue
@@ -391,9 +391,7 @@ function fnRecordRun(row: Record<string, any>) {
       threRun(row).then(res => {
         if (res.code === RESULT_CODE_SUCCESS) {
           message.success({
-            content: t('common.msgSuccess', {
-              msg: t('views.configManage.softwareManage.runBtn'),
-            }),
+            content: 'Run',
             key,
             duration: 2,
           });
@@ -610,7 +608,7 @@ onMounted(() => {
             <a-space :size="8" align="center">
               <a-tooltip>
                 <template #title>
-                  {{ t('views.configManage.softwareManage.runBtn') }}
+                  Run
                 </template>
                 <a-button
                   type="link"
diff --git a/src/views/perfManage/taskManage/index.vue b/src/views/perfManage/taskManage/index.vue
index 766413b8..9cebecc4 100644
--- a/src/views/perfManage/taskManage/index.vue
+++ b/src/views/perfManage/taskManage/index.vue
@@ -616,9 +616,7 @@ function fnRecordRun(row: Record<string, any>) {
       taskRun(row).then(res => {
         if (res.code === RESULT_CODE_SUCCESS) {
           message.success({
-            content: t('common.msgSuccess', {
-              msg: t('views.configManage.softwareManage.runBtn'),
-            }),
+            content: 'Run',
             key,
             duration: 2,
           });
@@ -861,7 +859,7 @@ onMounted(() => {
                     >
                       <a-menu-item key="run">
                         <ThunderboltOutlined />
-                        {{ t('views.configManage.softwareManage.runBtn') }}
+                        Run
                       </a-menu-item>
                       <a-menu-item key="stop">
                         <UndoOutlined />
diff --git a/src/views/system/quick-start/components/NeInfoConfig.vue b/src/views/system/quick-start/components/NeInfoConfig.vue
index b5cdd41c..d3457e23 100644
--- a/src/views/system/quick-start/components/NeInfoConfig.vue
+++ b/src/views/system/quick-start/components/NeInfoConfig.vue
@@ -230,7 +230,7 @@ function fnNeTypeChange(v: any, data: any) {
 function fnModalVisibleByEdit(record?: any) {
   if (!record) {
     //modalStateFrom.resetFields();
-    modalState.title = t('views.configManage.neManage.addNe');
+    modalState.title = t('views.ne.neInfo.addTitle');
     const neId = `${new Date().getMilliseconds()}`.padStart(3, '0');
     modalState.from = {
       id: undefined,
@@ -287,7 +287,7 @@ function fnModalVisibleByEdit(record?: any) {
       hide();
       if (res.code === RESULT_CODE_SUCCESS) {
         Object.assign(modalState.from, res.data);
-        modalState.title = t('views.configManage.neManage.editNe');
+        modalState.title = t('views.ne.neInfo.editTitle');
         modalState.openByEdit = true;
       } else {
         message.error(t('common.getInfoFail'), 2);

From 15ac549532b5dec120efbf5ed6a11c076ff7c23d Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 19 Dec 2024 11:11:16 +0800
Subject: [PATCH 24/36] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9ESGWC-CDR?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/neData/sgwc.ts                |  42 ++
 src/views/dashboard/sgwcCDR/index.vue | 827 ++++++++++++++++++++++++++
 2 files changed, 869 insertions(+)
 create mode 100644 src/api/neData/sgwc.ts
 create mode 100644 src/views/dashboard/sgwcCDR/index.vue

diff --git a/src/api/neData/sgwc.ts b/src/api/neData/sgwc.ts
new file mode 100644
index 00000000..8b383256
--- /dev/null
+++ b/src/api/neData/sgwc.ts
@@ -0,0 +1,42 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 查询SGWC-CDR会话事件
+ * @param query 查询参数
+ * @returns object
+ */
+export function listSGWCDataCDR(query: Record<string, any>) {
+  return request({
+    url: '/neData/sgwc/cdr/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * SGWC-CDR会话删除
+ * @param id 信息ID
+ * @returns object
+ */
+export function delSGWCDataCDR(cdrIds: string | number) {
+  return request({
+    url: `/neData/sgwc/cdr/${cdrIds}`,
+    method: 'delete',
+    timeout: 60_000,
+  });
+}
+
+/**
+ * SGWC-CDR会话列表导出
+ * @param data 查询列表条件
+ * @returns object
+ */
+export function exportSGWCDataCDR(data: Record<string, any>) {
+  return request({
+    url: '/neData/sgwc/cdr/export',
+    method: 'post',
+    data,
+    responseType: 'blob',
+    timeout: 60_000,
+  });
+}
diff --git a/src/views/dashboard/sgwcCDR/index.vue b/src/views/dashboard/sgwcCDR/index.vue
new file mode 100644
index 00000000..21aa22b0
--- /dev/null
+++ b/src/views/dashboard/sgwcCDR/index.vue
@@ -0,0 +1,827 @@
+<script setup lang="ts">
+import { reactive, onMounted, toRaw, onBeforeUnmount, ref } from 'vue';
+import { PageContainer } from 'antdv-pro-layout';
+import { Modal, message } 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 useNeInfoStore from '@/store/modules/neinfo';
+import useI18n from '@/hooks/useI18n';
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+} from '@/constants/result-constants';
+import {
+  delSGWCDataCDR,
+  exportSGWCDataCDR,
+  listSGWCDataCDR,
+} from '@/api/neData/sgwc';
+import { OptionsType, WS } from '@/plugins/ws-websocket';
+import PQueue from 'p-queue';
+import saveAs from 'file-saver';
+const { t } = useI18n();
+const ws = new WS();
+const queue = new PQueue({ concurrency: 1, autoStart: true });
+
+/**网元可选 */
+let neOtions = ref<Record<string, any>[]>([]);
+
+/**开始结束时间 */
+let queryRangePicker = ref<[string, string]>(['', '']);
+
+/**查询参数 */
+let queryParams = reactive({
+  /**网元类型 */
+  neType: 'SGWC',
+  neId: '001',
+  subscriberID: '',
+  sortField: 'timestamp',
+  sortOrder: 'desc',
+  /**开始时间 */
+  startTime: '',
+  /**结束时间 */
+  endTime: '',
+  /**当前页数 */
+  pageNum: 1,
+  /**每页条数 */
+  pageSize: 20,
+});
+
+/**查询参数重置 */
+function fnQueryReset() {
+  queryParams = Object.assign(queryParams, {
+    subscriberID: '',
+    startTime: '',
+    endTime: '',
+    pageNum: 1,
+    pageSize: 20,
+  });
+  queryRangePicker.value = ['', ''];
+  tablePagination.current = 1;
+  tablePagination.pageSize = 20;
+  fnGetList();
+}
+
+/**表格状态类型 */
+type TabeStateType = {
+  /**加载等待 */
+  loading: boolean;
+  /**紧凑型 */
+  size: SizeType;
+  /**搜索栏 */
+  seached: boolean;
+  /**记录数据 */
+  data: object[];
+  /**勾选记录 */
+  selectedRowKeys: (string | number)[];
+};
+
+/**表格状态 */
+let tableState: TabeStateType = reactive({
+  loading: false,
+  size: 'middle',
+  seached: true,
+  data: [],
+  selectedRowKeys: [],
+});
+
+/**表格字段列 */
+let tableColumns: ColumnsType = [
+  {
+    title: t('common.rowId'),
+    dataIndex: 'left',
+    align: 'center',
+    width: 100,
+  },
+  {
+    title: t('views.dashboard.cdr.smfChargingID'), // 计费ID
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 100,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      return cdrJSON.chargingID;
+    },
+  },
+  {
+    title: t('views.dashboard.cdr.smfSubscriptionIDType'), // 订阅 ID 类型
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 150,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      return cdrJSON.subscriberIdentifier?.subscriptionIDType;
+    },
+  },
+  {
+    title: t('views.dashboard.cdr.smfSubscriptionIDData'), // 订阅 ID 数据
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 150,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      return cdrJSON.subscriberIdentifier?.subscriptionIDData;
+    },
+  },
+  {
+    title: t('views.dashboard.cdr.smfDataVolumeUplink'), // 数据量上行链路
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 150,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      const listOfMultipleUnitUsage = cdrJSON.listOfMultipleUnitUsage;
+      if (
+        !Array.isArray(listOfMultipleUnitUsage) ||
+        listOfMultipleUnitUsage.length < 1
+      ) {
+        return 0;
+      }
+      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
+      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
+        return 0;
+      }
+      return usedUnitContainer[0].dataVolumeUplink;
+    },
+  },
+  {
+    title: t('views.dashboard.cdr.smfDataVolumeDownlink'), // 数据量下行链路
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 180,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      const listOfMultipleUnitUsage = cdrJSON.listOfMultipleUnitUsage;
+      if (
+        !Array.isArray(listOfMultipleUnitUsage) ||
+        listOfMultipleUnitUsage.length < 1
+      ) {
+        return 0;
+      }
+      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
+      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
+        return 0;
+      }
+      return usedUnitContainer[0].dataVolumeDownlink;
+    },
+  },
+  {
+    title: t('views.dashboard.cdr.smfDataTotalVolume'), // 数据总量
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 150,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      const listOfMultipleUnitUsage = cdrJSON.listOfMultipleUnitUsage;
+      if (
+        !Array.isArray(listOfMultipleUnitUsage) ||
+        listOfMultipleUnitUsage.length < 1
+      ) {
+        return 0;
+      }
+      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
+      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
+        return 0;
+      }
+      return usedUnitContainer[0].dataTotalVolume;
+    },
+  },
+  {
+    title: t('views.dashboard.cdr.smfDuration'), // 持续时间
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 100,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      return cdrJSON.duration;
+    },
+  },
+  {
+    title: t('views.dashboard.cdr.smfInvocationTime'), // 调用时间
+    dataIndex: 'cdrJSON',
+    align: 'left',
+    width: 200,
+    customRender(opt) {
+      const cdrJSON = opt.value;
+      return cdrJSON.invocationTimestamp;
+    },
+  },
+  {
+    title: t('common.operate'),
+    key: 'id',
+    align: 'left',
+  },
+];
+
+/**表格分页器参数 */
+let tablePagination = reactive({
+  /**当前页数 */
+  current: 1,
+  /**每页条数 */
+  pageSize: 20,
+  /**默认的每页条数 */
+  defaultPageSize: 20,
+  /**指定每页可以显示多少条 */
+  pageSizeOptions: ['10', '20', '50', '100'],
+  /**只有一页时是否隐藏分页器 */
+  hideOnSinglePage: false,
+  /**是否可以快速跳转至某页 */
+  showQuickJumper: true,
+  /**是否可以改变 pageSize */
+  showSizeChanger: true,
+  /**数据总数 */
+  total: 0,
+  showTotal: (total: number) => t('common.tablePaginationTotal', { total }),
+  onChange: (page: number, pageSize: number) => {
+    tablePagination.current = page;
+    tablePagination.pageSize = pageSize;
+    queryParams.pageNum = page;
+    queryParams.pageSize = pageSize;
+    fnGetList();
+  },
+});
+
+/**表格紧凑型变更操作 */
+function fnTableSize({ key }: MenuInfo) {
+  tableState.size = key as SizeType;
+}
+
+/**表格多选 */
+function fnTableSelectedRowKeys(keys: (string | number)[]) {
+  tableState.selectedRowKeys = keys;
+}
+
+/**对话框对象信息状态类型 */
+type ModalStateType = {
+  /**确定按钮 loading */
+  confirmLoading: boolean;
+  /**最大ID值 */
+  maxId: number;
+};
+
+/**对话框对象信息状态 */
+let modalState: ModalStateType = reactive({
+  confirmLoading: false,
+  maxId: 0,
+});
+
+/**
+ * 记录删除
+ * @param id  编号
+ */
+function fnRecordDelete(id: string) {
+  if (!id || modalState.confirmLoading) return;
+  let msg = id;
+  if (id === '0') {
+    msg = `${id}...  ${tableState.selectedRowKeys.length}`;
+    id = tableState.selectedRowKeys.join(',');
+  }
+
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('views.dashboard.cdr.delTip', { msg }),
+    onOk() {
+      modalState.confirmLoading = true;
+      const hide = message.loading(t('common.loading'), 0);
+      delSGWCDataCDR(id)
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.operateOk'),
+              duration: 3,
+            });
+            fnGetList(1);
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 3,
+            });
+          }
+        })
+        .finally(() => {
+          hide();
+          modalState.confirmLoading = false;
+        });
+    },
+  });
+}
+
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
+  if (tableState.loading) return;
+  tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
+  if (!queryRangePicker.value) {
+    queryRangePicker.value = ['', ''];
+  }
+  queryParams.startTime = queryRangePicker.value[0];
+  queryParams.endTime = queryRangePicker.value[1];
+  listSGWCDataCDR(toRaw(queryParams)).then(res => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
+      // 取消勾选
+      if (tableState.selectedRowKeys.length > 0) {
+        tableState.selectedRowKeys = [];
+      }
+      tablePagination.total = res.total;
+      // 遍历处理cdr字符串数据
+      tableState.data = res.rows.map(item => {
+        let cdrJSON = item.cdrJSON;
+        if (!cdrJSON) {
+          Reflect.set(item, 'cdrJSON', {});
+        }
+
+        try {
+          cdrJSON = JSON.parse(cdrJSON);
+          Reflect.set(item, 'cdrJSON', cdrJSON);
+        } catch (error) {
+          console.error(error);
+          Reflect.set(item, 'cdrJSON', {});
+        }
+
+        return item;
+      });
+
+      // 取最大值ID用作实时累加
+      if (res.total > 0) {
+        modalState.maxId = Number(res.rows[0].id);
+      }
+    }
+    tableState.loading = false;
+  });
+}
+
+/**列表导出 */
+function fnExportList() {
+  if (modalState.confirmLoading) return;
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('views.dashboard.cdr.exportTip'),
+    onOk() {
+      const hide = message.loading(t('common.loading'), 0);
+      const querys = toRaw(queryParams);
+      querys.pageSize = 10000;
+      exportSGWCDataCDR(querys)
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.operateOk'),
+              duration: 3,
+            });
+            saveAs(res.data, `sgwc_cdr_event_export_${Date.now()}.xlsx`);
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 3,
+            });
+          }
+        })
+        .finally(() => {
+          hide();
+          modalState.confirmLoading = false;
+        });
+    },
+  });
+}
+
+/**实时数据开关 */
+const realTimeData = ref<boolean>(false);
+
+/**
+ * 实时数据
+ */
+function fnRealTime() {
+  realTimeData.value = !realTimeData.value;
+  if (realTimeData.value) {
+    tableState.seached = false;
+    // 建立链接
+    const options: OptionsType = {
+      url: '/ws',
+      params: {
+        /**订阅通道组
+         *
+         * CDR会话事件-SGWC (GroupID:1008)
+         */
+        subGroupID: `1008_${queryParams.neId}`,
+      },
+      onmessage: wsMessage,
+      onerror: wsError,
+    };
+    ws.connect(options);
+  } else {
+    ws.close();
+    tableState.seached = true;
+    fnGetList(1);
+  }
+}
+
+/**接收数据后回调 */
+function wsError(ev: any) {
+  // 接收数据后回调
+  console.error(ev);
+}
+
+/**接收数据后回调 */
+function wsMessage(res: Record<string, any>) {
+  const { code, requestId, data } = res;
+  if (code === RESULT_CODE_ERROR) {
+    console.warn(res.msg);
+    return;
+  }
+
+  // 订阅组信息
+  if (!data?.groupId) {
+    return;
+  }
+  // cdrEvent CDR会话事件
+  if (data.groupId === `1006_${queryParams.neId}`) {
+    const cdrEvent = data.data;
+    queue.add(async () => {
+      modalState.maxId += 1;
+      tableState.data.unshift({
+        id: modalState.maxId,
+        neType: cdrEvent.neType,
+        neName: cdrEvent.neName,
+        rmUID: cdrEvent.rmUID,
+        timestamp: cdrEvent.timestamp,
+        cdrJSON: cdrEvent.CDR,
+      });
+      tablePagination.total += 1;
+      if (tableState.data.length > 100) {
+        tableState.data.pop();
+      }
+      await new Promise(resolve => setTimeout(resolve, 800));
+    });
+  }
+}
+
+onMounted(() => {
+  // 获取网元网元列表
+  useNeInfoStore()
+    .fnNelist()
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+        if (res.data.length > 0) {
+          let arr: Record<string, any>[] = [];
+          res.data.forEach(i => {
+            if (i.neType === 'SGWC') {
+              arr.push({ value: i.neId, label: i.neName });
+            }
+          });
+          neOtions.value = arr;
+          if (arr.length > 0) {
+            queryParams.neId = arr[0].value;
+          }
+        }
+      } else {
+        message.warning({
+          content: t('common.noData'),
+          duration: 2,
+        });
+      }
+    })
+    .finally(() => {
+      // 获取列表数据
+      fnGetList();
+    });
+});
+
+onBeforeUnmount(() => {
+  if (ws.state() !== -1) {
+    ws.close();
+  }
+});
+</script>
+
+<template>
+  <PageContainer>
+    <a-card
+      v-show="tableState.seached"
+      :bordered="false"
+      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
+    >
+      <!-- 表格搜索栏 -->
+      <a-form :model="queryParams" name="queryParams" layout="horizontal">
+        <a-row :gutter="16">
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item label="SGWC" name="neId ">
+              <a-select
+                v-model:value="queryParams.neId"
+                :options="neOtions"
+                :placeholder="t('common.selectPlease')"
+              />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.dashboard.cdr.smfSubscriptionIDData')"
+              name="subscriberID"
+            >
+              <a-input
+                v-model:value="queryParams.subscriberID"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+                :maxlength="40"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="8" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.dashboard.cdr.time')"
+              name="queryRangePicker"
+            >
+              <a-range-picker
+                v-model:value="queryRangePicker"
+                allow-clear
+                bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
+                value-format="x"
+                style="width: 100%"
+              ></a-range-picker>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="4" :md="12" :xs="24">
+            <a-form-item>
+              <a-space :size="8">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
+                  <template #icon><SearchOutlined /></template>
+                  {{ t('common.search') }}
+                </a-button>
+                <a-button type="default" @click.prevent="fnQueryReset">
+                  <template #icon><ClearOutlined /></template>
+                  {{ t('common.reset') }}
+                </a-button>
+              </a-space>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-card>
+
+    <a-card :bordered="false" :body-style="{ padding: '0px' }">
+      <!-- 插槽-卡片左侧侧 -->
+      <template #title>
+        <a-space :size="8" align="center">
+          <a-popconfirm
+            placement="bottomLeft"
+            :title="
+              !realTimeData
+                ? t('views.dashboard.cdr.realTimeDataStart')
+                : t('views.dashboard.cdr.realTimeDataStop')
+            "
+            ok-text="Yes"
+            cancel-text="No"
+            @confirm="fnRealTime()"
+          >
+            <a-button type="primary" :danger="realTimeData">
+              <template #icon><FundOutlined /> </template>
+              {{
+                !realTimeData
+                  ? t('views.dashboard.cdr.realTimeDataStart')
+                  : t('views.dashboard.cdr.realTimeDataStop')
+              }}
+            </a-button>
+          </a-popconfirm>
+
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            :loading="modalState.confirmLoading"
+            @click.prevent="fnRecordDelete('0')"
+          >
+            <template #icon><DeleteOutlined /></template>
+            {{ t('common.deleteText') }}
+          </a-button>
+
+          <a-button type="dashed" @click.prevent="fnExportList()">
+            <template #icon><ExportOutlined /></template>
+            {{ t('common.export') }}
+          </a-button>
+        </a-space>
+      </template>
+
+      <!-- 插槽-卡片右侧 -->
+      <template #extra>
+        <a-space :size="8" align="center">
+          <a-tooltip>
+            <template #title>{{ t('common.searchBarText') }}</template>
+            <a-switch
+              v-model:checked="tableState.seached"
+              :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')"
+              size="small"
+              :disabled="realTimeData"
+            />
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.reloadText') }}</template>
+            <a-button type="text" @click.prevent="fnGetList()">
+              <template #icon><ReloadOutlined /></template>
+            </a-button>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.sizeText') }}</template>
+            <a-dropdown trigger="click" placement="bottomRight">
+              <a-button type="text">
+                <template #icon><ColumnHeightOutlined /></template>
+              </a-button>
+              <template #overlay>
+                <a-menu
+                  :selected-keys="[tableState.size as string]"
+                  @click="fnTableSize"
+                >
+                  <a-menu-item key="default">
+                    {{ t('common.size.default') }}
+                  </a-menu-item>
+                  <a-menu-item key="middle">
+                    {{ t('common.size.middle') }}
+                  </a-menu-item>
+                  <a-menu-item key="small">
+                    {{ t('common.size.small') }}
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
+          </a-tooltip>
+        </a-space>
+      </template>
+
+      <!-- 表格列表 -->
+      <a-table
+        class="table"
+        row-key="id"
+        :columns="tableColumns"
+        :loading="tableState.loading"
+        :data-source="tableState.data"
+        :size="tableState.size"
+        :pagination="tablePagination"
+        :scroll="{ x: tableColumns.length * 150, y: 'calc(100vh - 480px)' }"
+        :row-selection="{
+          type: 'checkbox',
+          columnWidth: '48px',
+          selectedRowKeys: tableState.selectedRowKeys,
+          onChange: fnTableSelectedRowKeys,
+        }"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'id'">
+            <a-space :size="8" align="center">
+              <a-tooltip>
+                <template #title>{{ t('common.deleteText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordDelete(record.id)"
+                >
+                  <template #icon>
+                    <DeleteOutlined />
+                  </template>
+                </a-button>
+              </a-tooltip>
+            </a-space>
+          </template>
+        </template>
+        <template #expandedRowRender="{ record }">
+          <a-row :gutter="16">
+            <a-col :lg="8" :md="12" :xs="24" :offset="2">
+              <a-divider orientation="left">
+                {{ t('views.dashboard.cdr.cdrInfo') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.ne.common.neName') }}: </span>
+                <span>{{ record.neName }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.ne.common.rmUid') }}: </span>
+                <span>{{ record.rmUID }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.dashboard.cdr.time') }}: </span>
+                <span>{{ record.cdrJSON.invocationTimestamp }}</span>
+              </div>
+              <a-divider orientation="left">
+                {{ t('views.dashboard.cdr.rowInfo') }}
+              </a-divider>
+              <div>
+                <span>Record Network Function ID: </span>
+                <span>{{ record.cdrJSON.recordingNetworkFunctionID }}</span>
+              </div>
+              <div>
+                <span>Record Type: </span>
+                <span>{{ record.cdrJSON.recordType }}</span>
+              </div>
+              <div>
+                <span>Record Opening Time: </span>
+                <span>{{ record.cdrJSON.recordOpeningTime }}</span>
+              </div>
+              <div>
+                <span>Charging ID: </span>
+                <span>{{ record.cdrJSON.chargingID }}</span>
+              </div>
+              <div>
+                <span>Duration: </span>
+                <span>{{ record.cdrJSON.duration }}</span>
+              </div>
+              <a-divider orientation="left"> Subscriber Identifier </a-divider>
+              <div>
+                <span>Subscription ID Type: </span>
+                <span>
+                  {{ record.cdrJSON.subscriberIdentifier?.subscriptionIDType }}
+                </span>
+              </div>
+              <div>
+                <span>Subscription ID Data: </span>
+                <span>
+                  {{ record.cdrJSON.subscriberIdentifier?.subscriptionIDData }}
+                </span>
+              </div>
+            </a-col>
+            <a-col :lg="8" :md="12" :xs="24">
+              <a-divider orientation="left">
+                List Of Multiple Unit Usage
+              </a-divider>
+              <div v-for="u in record.cdrJSON.listOfMultipleUnitUsage">
+                <!-- <div>RatingGroup: {{ u.ratingGroup }}</div> -->
+                <div v-for="udata in u.usedUnitContainer">
+                  <div>
+                    <span>Data Total Volume: </span>
+                    <span>{{ udata.dataTotalVolume }}</span>
+                  </div>
+                  <div>
+                    <span>Data Volume Downlink: </span>
+                    <span>{{ udata.dataVolumeDownlink }}</span>
+                  </div>
+                  <div>
+                    <span>Data Volume Uplink: </span>
+                    <span>{{ udata.dataVolumeUplink }}</span>
+                  </div>
+                  <div>
+                    <span>Time: </span>
+                    <span>{{ udata.time }}</span>
+                  </div>
+                </div>
+              </div>
+              <a-divider orientation="left">
+                PDU Session Charging Information
+              </a-divider>
+              <div>
+                <span>User Identifier: </span>
+                <span>{{
+                  record.cdrJSON.pDUSessionChargingInformation?.userIdentifier
+                }}</span>
+              </div>
+              <div>
+                <span>SSC Mode: </span>
+                <span>{{
+                  record.cdrJSON.pDUSessionChargingInformation?.sSCMode
+                }}</span>
+                &nbsp;&nbsp;
+                <span>RAT Type: </span>
+                <span>{{
+                  record.cdrJSON.pDUSessionChargingInformation?.rATType
+                }}</span>
+                &nbsp;&nbsp;
+                <span>DNN ID: </span>
+                <span>
+                  {{ record.cdrJSON.pDUSessionChargingInformation?.dNNID }}
+                </span>
+              </div>
+              <div>
+                <span>PDU Type: </span>
+                <span>
+                  {{ record.cdrJSON.pDUSessionChargingInformation?.pDUType }}
+                </span>
+              </div>
+              <div>
+                <span>PDU IPv4 Address: </span>
+                <span>
+                  {{
+                    record.cdrJSON.pDUSessionChargingInformation?.pDUAddress
+                      ?.pDUIPv4Address
+                  }}
+                </span>
+              </div>
+              <div>
+                <span>PDU IPv6 Addres Swith Prefix: </span>
+                <span>
+                  {{
+                    record.cdrJSON.pDUSessionChargingInformation?.pDUAddress
+                      ?.pDUIPv6AddresswithPrefix
+                  }}
+                </span>
+              </div>
+            </a-col>
+          </a-row>
+        </template>
+      </a-table>
+    </a-card>
+  </PageContainer>
+</template>
+
+<style lang="less" scoped>
+.table :deep(.ant-pagination) {
+  padding: 0 24px;
+}
+</style>

From b64c4c66ab67819ff11ad8e71bd5a8a5dda53cca Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 19 Dec 2024 11:11:54 +0800
Subject: [PATCH 25/36] =?UTF-8?q?style:=20=E7=BD=91=E5=85=83=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E5=88=97=E8=A1=A8=E9=9D=99=E6=80=81=E5=8F=AF=E9=80=89?=
 =?UTF-8?q?=E6=8E=92=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/constants/ne-constants.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/constants/ne-constants.ts b/src/constants/ne-constants.ts
index ec2282c9..cdf6b689 100644
--- a/src/constants/ne-constants.ts
+++ b/src/constants/ne-constants.ts
@@ -4,6 +4,7 @@ export const NE_TYPE_LIST = [
   'IMS',
   'AMF',
   'AUSF',
+  'UDR',
   'UDM',
   'SMF',
   'PCF',
@@ -19,6 +20,8 @@ export const NE_TYPE_LIST = [
   'SMSF',
   'CBC',
   'CHF',
+  'HLR',
+  'SGWC',
 ];
 
 /**

From 7d470fd681fef553cc672c9b74c68ab410d72b2f Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 19 Dec 2024 11:14:55 +0800
Subject: [PATCH 26/36] =?UTF-8?q?style:=20=E7=BD=91=E5=85=83=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=8A=A0=E8=BD=BD=E5=90=8C=E6=97=B6=E6=B8=85=E9=99=A4?=
 =?UTF-8?q?=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ne/neInfo/index.vue | 66 +++++++++++++++++------------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/views/ne/neInfo/index.vue b/src/views/ne/neInfo/index.vue
index 7c310bb8..39d7ec1a 100644
--- a/src/views/ne/neInfo/index.vue
+++ b/src/views/ne/neInfo/index.vue
@@ -357,33 +357,38 @@ function fnGetList(pageNum?: number) {
   if (pageNum) {
     queryParams.pageNum = pageNum;
   }
-  listNeInfo(toRaw(queryParams)).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
-      // 取消勾选
-      if (tableState.selectedRowKeys.length > 0) {
-        tableState.selectedRowKeys = [];
-      }
-      tablePagination.total = res.total;
-      // 遍历处理资源情况数值
-      tableState.data = res.rows.map(item => {
-        let resouresUsage = {
-          sysDiskUsage: 0,
-          sysMemUsage: 0,
-          sysCpuUsage: 0,
-          nfCpuUsage: 0,
-        };
-        const neState = item.serverState;
-        if (neState) {
-          resouresUsage = parseResouresUsage(neState);
-        } else {
-          item.serverState = { online: false };
+  listNeInfo(toRaw(queryParams))
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
+        // 取消勾选
+        if (tableState.selectedRowKeys.length > 0) {
+          tableState.selectedRowKeys = [];
         }
-        Reflect.set(item, 'resoures', resouresUsage);
-        return item;
-      });
-    }
-    tableState.loading = false;
-  });
+        tablePagination.total = res.total;
+        // 遍历处理资源情况数值
+        tableState.data = res.rows.map(item => {
+          let resouresUsage = {
+            sysDiskUsage: 0,
+            sysMemUsage: 0,
+            sysCpuUsage: 0,
+            nfCpuUsage: 0,
+          };
+          const neState = item.serverState;
+          if (neState) {
+            resouresUsage = parseResouresUsage(neState);
+          } else {
+            item.serverState = { online: false };
+          }
+          Reflect.set(item, 'resoures', resouresUsage);
+          return item;
+        });
+      }
+      tableState.loading = false;
+    })
+    .finally(() => {
+      // 刷新缓存的网元信息
+      useNeInfoStore().fnRefreshNelist();
+    });
 }
 
 /**解析网元状态携带的资源利用率 */
@@ -441,13 +446,8 @@ onMounted(() => {
     }
   });
 
-  // 刷新缓存的网元信息
-  useNeInfoStore()
-    .fnRefreshNelist()
-    .finally(() => {
-      // 获取列表数据
-      fnGetList();
-    });
+  // 获取列表数据
+  fnGetList();
 });
 </script>
 

From 302ea84cdebec84363c38e4f3f22e12d8860c606 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 19 Dec 2024 11:17:06 +0800
Subject: [PATCH 27/36] =?UTF-8?q?style:=20=E7=9C=8B=E6=9D=BFUDM-=E7=AD=BE?=
 =?UTF-8?q?=E7=BA=A6=E6=95=B0=E9=87=8F=E5=8F=82=E6=95=B0=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/overview/index.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index 231d0588..2e1f5911 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/src/views/dashboard/overview/index.vue
@@ -96,7 +96,6 @@ function fnGetNeState() {
 async function fnGetSkim() {
   const resArr = await Promise.allSettled([
     listUDMSub({
-      neid: '001',
       pageNum: 1,
       pageSize: 1,
     }),
@@ -162,7 +161,7 @@ function loadData() {
 
   clearInterval(interval10s.value);
   interval10s.value = setInterval(() => {
-    if (!interval10s.value) return
+    if (!interval10s.value) return;
     if (upfTFActive.value === '0') {
       upfTFSend('7');
       upfTFActive.value = '7';
@@ -177,7 +176,7 @@ function loadData() {
 
   clearInterval(interval5s.value);
   interval5s.value = setInterval(() => {
-    if (!interval5s.value) return
+    if (!interval5s.value) return;
     fnGetSkim(); // 获取概览信息
     fnGetNeState(); // 获取网元状态
   }, 5_000);

From 6e7402fd63032286fc1056576b1461898d2ef17d Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 19 Dec 2024 20:24:29 +0800
Subject: [PATCH 28/36] =?UTF-8?q?feat:=20=E7=BD=91=E5=85=83=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=A4=9A=E7=BD=91=E5=85=83=E5=90=8C=E6=97=B6=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AEHA=E5=8A=9F=E8=83=BD=E4=BC=98=E5=8C=96=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/locales/en-US.ts                     |   7 +-
 src/i18n/locales/zh-CN.ts                     |   7 +-
 .../neConfig/components/CheckSyncNe/index.vue | 191 ------------------
 src/views/ne/neConfig/hooks/useConfigArray.ts |  64 +++---
 .../ne/neConfig/hooks/useConfigArrayChild.ts  |  64 +++---
 src/views/ne/neConfig/hooks/useConfigList.ts  |  24 +--
 src/views/ne/neConfig/index.vue               | 134 ++++++------
 7 files changed, 154 insertions(+), 337 deletions(-)
 delete mode 100644 src/views/ne/neConfig/components/CheckSyncNe/index.vue

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index d40e3dce..2c0763b9 100644
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -629,6 +629,7 @@ export default {
         neTypePleace: "Please select the network element type",
         neIdSyncPleace: "Please select the synchronized network element",
         noConfigData: "No data on configuration items",
+        noConfigdDisabled: "The configuration item is not normal",
         updateValue: "[ {num} ] parameter value modified successfully.",
         updateValueErr: "Attribute value modification failure",
         updateItem: "Modify Index to {num}.",
@@ -647,12 +648,6 @@ export default {
         updateItemTip: "Confirm updating the data item with Index [{num}]?",
         delItemTip: "Confirm deleting the data item with Index [{num}]?",
         arrayMore: "Expand",
-        checkSync: {
-          sync: "Sync",
-          tip: "Synchronize regional network elements",
-          title: "Select All/Select None",
-          selectProvince: "Select",
-        }
       },
       neConfigBackup: {
         name: "Name",
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
index b0241bde..61beaaad 100644
--- a/src/i18n/locales/zh-CN.ts
+++ b/src/i18n/locales/zh-CN.ts
@@ -629,6 +629,7 @@ export default {
         neTypePleace: "请选择网元类型",
         neIdSyncPleace: "请选择同步网元",
         noConfigData: "暂无配置项数据",
+        noConfigdDisabled: "配置项网元未正常服务",
         updateValue: "【 {num} 】 属性值修改成功",
         updateValueErr: "属性值修改失败",
         updateItem: "修改 Index 为 {num} 记录成功",
@@ -647,12 +648,6 @@ export default {
         updateItemTip: "确认更新Index为 【{num}】 的数据项？",
         delItemTip: "确认删除Index为 【{num}】 的数据项？",
         arrayMore: "展开",
-        checkSync: {
-          sync: "同步",
-          tip: "同步区域网元",
-          title: "全选/全不选",
-          selectProvince: "选择区域",
-        }
       },
       neConfigBackup: {
         name: "名称",
diff --git a/src/views/ne/neConfig/components/CheckSyncNe/index.vue b/src/views/ne/neConfig/components/CheckSyncNe/index.vue
deleted file mode 100644
index 1acf3536..00000000
--- a/src/views/ne/neConfig/components/CheckSyncNe/index.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<script setup lang="ts">
-import { computed, nextTick, reactive, watch } from 'vue';
-import useI18n from '@/hooks/useI18n';
-const { t } = useI18n();
-
-const emit = defineEmits(['province', 'update:province', 'update:checks']);
-const props = defineProps({
-  /**
-   * 可选类型下的网元列表 neSelectOptions
-   */
-  selects: {
-    type: Array<any>,
-    required: true,
-  },
-  /**
-   * 选择区域
-   */
-  province: {
-    type: String,
-    default: '',
-  },
-  /**
-   * 选择勾选的同步网元neId
-   */
-  checks: {
-    type: Array<string>,
-    default: () => [],
-  },
-});
-
-/**表格字段列勾选状态 */
-const state = reactive<{
-  indeterminate: boolean;
-  /**是否全选 */
-  checkAll: boolean;
-  /**勾选列表 */
-  checks: string[];
-}>({
-  indeterminate: false,
-  checkAll: true,
-  checks: props.checks,
-});
-
-watch(
-  () => props.checks,
-  val => {
-    state.checks = val;
-  }
-);
-
-/**列全选操作 */
-function fnCheckAllChange(e: any) {
-  state.indeterminate = false;
-  state.checks = [];
-  const checked = e.target.checked;
-  if (checked) {
-    const group = selectGroup.value;
-    const arr = group[props.province];
-    for (const v of arr) {
-      if (v.disabled) {
-        continue;
-      }
-      state.checks.push(`${v.neId}`);
-    }
-  }
-  emit('update:checks', state.checks);
-}
-
-/**列勾选字段变化 */
-function fnUpdateCheck(_: any) {
-  // 同区域全选
-  const selects: string[] = [];
-  const group = selectGroup.value;
-  const arr = group[props.province];
-  for (const v of arr) {
-    if (v.disabled) {
-      continue;
-    }
-    selects.push(`${v.neId}`);
-  }
-  // 判断是否全选
-  const len = state.checks.length;
-  state.indeterminate = !!len && len < selects.length;
-  state.checkAll = len === selects.length;
-  emit('update:checks', state.checks);
-}
-
-/**
- * 选择的网元分组
- */
-const selectGroup = computed(() => {
-  const group: Record<string, any> = {};
-  for (const element of props.selects) {
-    const key = element['province'];
-    if (group[key]) {
-      group[key].push(element);
-    } else {
-      group[key] = [element];
-    }
-  }
-  return group;
-});
-
-/**
- * 选择的网元分组
- */
-function fnProvinceCheck(province: string) {
-  emit('update:province', province);
-  nextTick(() => {
-    fnCheckAllChange({ target: { checked: true } });
-  }).finally(() => {
-    emit('province', province);
-  });
-}
-</script>
-
-<template>
-  <a-tooltip placement="topRight">
-    <template #title>
-      {{ t('views.ne.neConfig.checkSync.tip') }}
-    </template>
-    <a-popover trigger="click" placement="bottomRight">
-      <template #title>
-        <div class="title">
-          <a-checkbox
-            v-model:checked="state.checkAll"
-            :indeterminate="state.indeterminate"
-            @change="fnCheckAllChange"
-          >
-            {{ t('views.ne.neConfig.checkSync.title') }}
-          </a-checkbox>
-        </div>
-      </template>
-      <template #content>
-        <a-checkbox-group
-          v-model:value="state.checks"
-          @change="fnUpdateCheck"
-          style="width: 200px; max-height: 450px; overflow-y: auto"
-        >
-          <template v-for="(v, k) in selectGroup" :key="k">
-            <div class="item-title">
-              <span> {{ k }} </span>
-              <a-button size="small" type="dashed" @click="fnProvinceCheck(k)">
-                {{ t('views.ne.neConfig.checkSync.selectProvince') }}
-              </a-button>
-            </div>
-            <div class="item" v-for="i in v">
-              <a-checkbox
-                :value="i.neId"
-                :disabled="i.disabled || k !== province"
-              >
-                {{ i.neName }}
-              </a-checkbox>
-            </div>
-            <a-divider style="margin: 0"> </a-divider>
-          </template>
-        </a-checkbox-group>
-      </template>
-      <a-tag
-        :color="state.checks.length > 0 ? 'processing' : 'warning'"
-        style="cursor: pointer"
-      >
-        <template #icon> <SyncOutlined /> </template>
-        {{ t('views.ne.neConfig.checkSync.sync') }}
-      </a-tag>
-    </a-popover>
-  </a-tooltip>
-</template>
-
-<style lang="less" scoped>
-.title {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 32px;
-  margin-left: 4px;
-}
-.item-title {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: 4px;
-}
-.item {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 4px;
-}
-</style>
diff --git a/src/views/ne/neConfig/hooks/useConfigArray.ts b/src/views/ne/neConfig/hooks/useConfigArray.ts
index ffe3e946..ea093048 100644
--- a/src/views/ne/neConfig/hooks/useConfigArray.ts
+++ b/src/views/ne/neConfig/hooks/useConfigArray.ts
@@ -133,17 +133,7 @@ export default function useConfigArray({
 
     // 请求
     const reqArr = [];
-    if (neTypeSelect.value[1] !== 'SYNC') {
-      reqArr.push(
-        editNeConfigData({
-          neType: neTypeSelect.value[0],
-          neId: neTypeSelect.value[1],
-          paramName: treeState.selectNode.paramName,
-          paramData: data,
-          loc: loc,
-        })
-      );
-    } else {
+    if (neTypeSelect.value[1].startsWith('SYNC')) {
       for (const neId of neIdSelect.value) {
         reqArr.push(
           editNeConfigData({
@@ -155,6 +145,16 @@ export default function useConfigArray({
           })
         );
       }
+    } else {
+      reqArr.push(
+        editNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc: loc,
+        })
+      );
     }
     // 无请求提示
     if (reqArr.length === 0) {
@@ -207,16 +207,7 @@ export default function useConfigArray({
       onOk() {
         // 请求
         const reqArr = [];
-        if (neTypeSelect.value[1] !== 'SYNC') {
-          reqArr.push(
-            delNeConfigData({
-              neType: neTypeSelect.value[0],
-              neId: neTypeSelect.value[1],
-              paramName: treeState.selectNode.paramName,
-              loc: loc,
-            })
-          );
-        } else {
+        if (neTypeSelect.value[1].startsWith('SYNC')) {
           for (const neId of neIdSelect.value) {
             reqArr.push(
               delNeConfigData({
@@ -227,6 +218,15 @@ export default function useConfigArray({
               })
             );
           }
+        } else {
+          reqArr.push(
+            delNeConfigData({
+              neType: neTypeSelect.value[0],
+              neId: neTypeSelect.value[1],
+              paramName: treeState.selectNode.paramName,
+              loc: loc,
+            })
+          );
         }
         // 无请求提示
         if (reqArr.length === 0) {
@@ -336,17 +336,7 @@ export default function useConfigArray({
 
     // 请求
     const reqArr = [];
-    if (neTypeSelect.value[1] !== 'SYNC') {
-      reqArr.push(
-        addNeConfigData({
-          neType: neTypeSelect.value[0],
-          neId: neTypeSelect.value[1],
-          paramName: treeState.selectNode.paramName,
-          paramData: data,
-          loc: `${from['index']['value']}`,
-        })
-      );
-    } else {
+    if (neTypeSelect.value[1].startsWith('SYNC')) {
       for (const neId of neIdSelect.value) {
         reqArr.push(
           addNeConfigData({
@@ -358,6 +348,16 @@ export default function useConfigArray({
           })
         );
       }
+    } else {
+      reqArr.push(
+        addNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc: `${from['index']['value']}`,
+        })
+      );
     }
     // 无请求提示
     if (reqArr.length === 0) {
diff --git a/src/views/ne/neConfig/hooks/useConfigArrayChild.ts b/src/views/ne/neConfig/hooks/useConfigArrayChild.ts
index 24428ca9..851e2df4 100644
--- a/src/views/ne/neConfig/hooks/useConfigArrayChild.ts
+++ b/src/views/ne/neConfig/hooks/useConfigArrayChild.ts
@@ -201,17 +201,7 @@ export default function useConfigArrayChild({
 
     // 请求
     const reqArr = [];
-    if (neTypeSelect.value[1] !== 'SYNC') {
-      reqArr.push(
-        editNeConfigData({
-          neType: neTypeSelect.value[0],
-          neId: neTypeSelect.value[1],
-          paramName: treeState.selectNode.paramName,
-          paramData: data,
-          loc,
-        })
-      );
-    } else {
+    if (neTypeSelect.value[1].startsWith('SYNC')) {
       for (const neId of neIdSelect.value) {
         reqArr.push(
           editNeConfigData({
@@ -223,6 +213,16 @@ export default function useConfigArrayChild({
           })
         );
       }
+    } else {
+      reqArr.push(
+        editNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc,
+        })
+      );
     }
     // 无请求提示
     if (reqArr.length === 0) {
@@ -276,16 +276,7 @@ export default function useConfigArrayChild({
       onOk() {
         // 请求
         const reqArr = [];
-        if (neTypeSelect.value[1] !== 'SYNC') {
-          reqArr.push(
-            delNeConfigData({
-              neType: neTypeSelect.value[0],
-              neId: neTypeSelect.value[1],
-              paramName: treeState.selectNode.paramName,
-              loc,
-            })
-          );
-        } else {
+        if (neTypeSelect.value[1].startsWith('SYNC')) {
           for (const neId of neIdSelect.value) {
             reqArr.push(
               delNeConfigData({
@@ -296,6 +287,15 @@ export default function useConfigArrayChild({
               })
             );
           }
+        } else {
+          reqArr.push(
+            delNeConfigData({
+              neType: neTypeSelect.value[0],
+              neId: neTypeSelect.value[1],
+              paramName: treeState.selectNode.paramName,
+              loc,
+            })
+          );
         }
         // 无请求提示
         if (reqArr.length === 0) {
@@ -381,17 +381,7 @@ export default function useConfigArrayChild({
 
     // 请求
     const reqArr = [];
-    if (neTypeSelect.value[1] !== 'SYNC') {
-      reqArr.push(
-        addNeConfigData({
-          neType: neTypeSelect.value[0],
-          neId: neTypeSelect.value[1],
-          paramName: treeState.selectNode.paramName,
-          paramData: data,
-          loc,
-        })
-      );
-    } else {
+    if (neTypeSelect.value[1].startsWith('SYNC')) {
       for (const neId of neIdSelect.value) {
         reqArr.push(
           addNeConfigData({
@@ -403,6 +393,16 @@ export default function useConfigArrayChild({
           })
         );
       }
+    } else {
+      reqArr.push(
+        addNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: data,
+          loc,
+        })
+      );
     }
     // 无请求提示
     if (reqArr.length === 0) {
diff --git a/src/views/ne/neConfig/hooks/useConfigList.ts b/src/views/ne/neConfig/hooks/useConfigList.ts
index 143f5574..52a57627 100644
--- a/src/views/ne/neConfig/hooks/useConfigList.ts
+++ b/src/views/ne/neConfig/hooks/useConfigList.ts
@@ -86,18 +86,7 @@ export default function useConfigList({
 
     // 请求
     const reqArr = [];
-    if (neTypeSelect.value[1] !== 'SYNC') {
-      reqArr.push(
-        editNeConfigData({
-          neType: neTypeSelect.value[0],
-          neId: neTypeSelect.value[1],
-          paramName: treeState.selectNode.paramName,
-          paramData: {
-            [from['name']]: from['value'],
-          },
-        })
-      );
-    } else {
+    if (neTypeSelect.value[1].startsWith('SYNC')) {
       for (const neId of neIdSelect.value) {
         reqArr.push(
           editNeConfigData({
@@ -110,6 +99,17 @@ export default function useConfigList({
           })
         );
       }
+    } else {
+      reqArr.push(
+        editNeConfigData({
+          neType: neTypeSelect.value[0],
+          neId: neTypeSelect.value[1],
+          paramName: treeState.selectNode.paramName,
+          paramData: {
+            [from['name']]: from['value'],
+          },
+        })
+      );
     }
     // 无请求提示
     if (reqArr.length === 0) {
diff --git a/src/views/ne/neConfig/index.vue b/src/views/ne/neConfig/index.vue
index 42abcf29..224a2012 100644
--- a/src/views/ne/neConfig/index.vue
+++ b/src/views/ne/neConfig/index.vue
@@ -1,20 +1,11 @@
 <script setup lang="ts">
-import {
-  reactive,
-  ref,
-  onMounted,
-  toRaw,
-  watch,
-  nextTick,
-  computed,
-} from 'vue';
+import { reactive, ref, onMounted, toRaw, watch, computed } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
 import { ProModal } from 'antdv-pro-modal';
-import { message } from 'ant-design-vue/es';
+import { message, TreeSelect, type TreeSelectProps } 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';
-import CheckSyncNe from './components/CheckSyncNe/index.vue';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useNeInfoStore from '@/store/modules/neinfo';
 import useOptions from './hooks/useOptions';
@@ -30,14 +21,13 @@ const { ruleVerification, smfByUPFIdLoadData, smfByUPFIdOptions } = useOptions({
 
 /**网元类型 type,[](type,id) */
 let neCascaderOptions = ref<Record<string, any>[]>([]);
-/**网元类型 [](type,id) */
-let neSelectOptions = ref<Record<string, any>[]>([]);
+/**网元类型 [](label,value,children) */
+let neSelectTreeDate = ref<TreeSelectProps['treeData']>([]);
 /**网元类型选择 type,id */
 let neTypeSelect = ref<string[]>(['', '']);
 /**网元类型选择 id */
 let neIdSelect = ref<string[]>([]);
 let neTypeSelectStatus = ref(true);
-let neTypeSelectProvince = ref('-');
 /**网元类型neType选择 */
 async function fnSelectNeType(_: any, info: any) {
   if (!info) return;
@@ -47,7 +37,7 @@ async function fnSelectNeType(_: any, info: any) {
       content: `${t('views.ne.neConfig.noConfigData')}`,
       duration: 3,
     });
-    treeState.selectLoading = true; 
+    treeState.selectLoading = true;
     neIdSelect.value = [];
     return;
   }
@@ -57,28 +47,49 @@ async function fnSelectNeType(_: any, info: any) {
   treeState.selectLoading = true;
   neTypeSelectStatus.value = true;
   neIdSelect.value = [];
-  // 检查下级网元是否可用
+  // 构建可选树形数据
   if (Array.isArray(info.children) && info.children.length > 0) {
-    neSelectOptions.value = info.children.concat();
-    for (let index = 0; index < neSelectOptions.value.length; index++) {
-      const v = neSelectOptions.value[index];
+    const neArr = info.children.concat();
+    for (let index = 0; index < neArr.length; index++) {
+      const v = neArr[index];
+      const ne = {
+        label: v.neName,
+        value: v.neId,
+        disabled: false,
+      };
+
+      // 检查下级网元是否可用
       const res = await getNeConfigData({
         neType: v.neType,
         neId: v.neId,
         paramName: `${treeState.data[0].key}`,
       });
       if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-        neSelectOptions.value[index].disabled = !res.data.length;
-        // 初始区域
-        if (neIdSelect.value.length === 0) {
-          neTypeSelectProvince.value = v.province;
-        }
-        // 同区域内添加
-        if (neTypeSelectProvince.value === v.province) {
-          neIdSelect.value.push(v.neId);
-        }
+        ne.disabled = !res.data.length;
       } else {
-        neSelectOptions.value[index].disabled = true;
+        ne.disabled = true;
+      }
+
+      // 添加到树形数据
+      const root = neSelectTreeDate.value?.find(s => s.label === v.province);
+      if (root && Array.isArray(root.children)) {
+        root.children.push(ne);
+      } else {
+        neSelectTreeDate.value?.push({
+          label: v.province,
+          value: 'SYNC_' + v.province,
+          children: [ne],
+        });
+      }
+
+      const key = 'SYNC_' + v.province;
+      // 初始区域
+      if (neIdSelect.value.length === 0) {
+        neTypeSelect.value[1] = key;
+      }
+      // 同区域内添加
+      if (neTypeSelect.value[1] === key) {
+        neIdSelect.value.push(v.neId);
       }
     }
   }
@@ -87,20 +98,23 @@ async function fnSelectNeType(_: any, info: any) {
 }
 /**网元类型neId选择 */
 function fnSelectNeId(_: any, info: any) {
-  if (!info) {
-    neTypeSelect.value[1] = 'SYNC';
+  if (info.children && Array.isArray(info.children)) {
+    const okArr = info.children.filter((item: any) => !item.disabled);
+    if (Array.isArray(okArr) && okArr.length === 0) {
+      message.warning({
+        content: `${t('views.ne.neConfig.noConfigdDisabled')}`,
+        duration: 3,
+      });
+      neIdSelect.value = [];
+      return;
+    }
+    neTypeSelect.value[1] = info.value;
+    neIdSelect.value = okArr.map((item: any) => item.value);
   } else {
-    neTypeSelect.value[1] = info.neId;
+    neTypeSelect.value[1] = info.value;
   }
   fnActiveConfigNode(treeState.data[0].key);
 }
-/**网元服务地区选择 */
-function fnSelectProvince(province: string) {
-  // neTypeSelectProvince.value = province;
-  nextTick(() => {
-    fnActiveConfigNode(treeState.data[0].key);
-  });
-}
 
 /**左侧导航是否可收起 */
 let collapsible = ref<boolean>(true);
@@ -181,7 +195,7 @@ function fnActiveConfigNode(key: string | number) {
 
   let neId = neTypeSelect.value[1];
   // 无neId时取首个可连接的
-  if (neId === 'SYNC') {
+  if (neId.startsWith('SYNC')) {
     const oneNeId = neIdSelect.value[0];
     if (oneNeId) {
       neId = oneNeId;
@@ -253,7 +267,7 @@ async function fnGetNeConfig(neType: string) {
 /**过滤可见项 */
 const treeStateData = computed(() => {
   // 公共
-  if (neTypeSelect.value[1] === 'SYNC') {
+  if (neTypeSelect.value[1].startsWith('SYNC')) {
     return treeState.data.filter(item => item.visible === 'public');
   }
   // 具体网元
@@ -295,7 +309,7 @@ function fnGetNeConfigData(
       if (param.paramType === 'list') {
         // 过滤可见规则项
         let ruleArrFilter: Record<string, any>[] = [];
-        if (neTypeSelect.value[1] === 'SYNC') {
+        if (neTypeSelect.value[1].startsWith('SYNC')) {
           ruleArrFilter = ruleArr.filter(item => item['visible'] === 'public');
         } else {
           ruleArrFilter = ruleArr.filter(item => item['visible'] === 'self');
@@ -461,7 +475,12 @@ watch(
   val => {
     // SMF需要选择配置的UPF id
     if (val && neTypeSelect.value[0] === 'SMF') {
-      smfByUPFIdLoadData(neTypeSelect.value[1]);
+      if (neTypeSelect.value[1].startsWith('SYNC')) {
+        smfByUPFIdLoadData(neTypeSelect.value[1]);
+        return;
+      } else {
+        smfByUPFIdLoadData(neTypeSelect.value[1]);
+      }
     }
   }
 );
@@ -533,12 +552,10 @@ onMounted(() => {
         // 默认选择AMF
         const item = neCascaderOptions.value.find(s => s.value === 'AMF');
         if (item && item.children) {
-          neSelectOptions.value = item.children.concat();
           fnSelectNeType(null, item);
           // const info = item.children[0];
           // neTypeSelect.value = [info.neType, info.neId];
         } else {
-          neSelectOptions.value = neCascaderOptions.value[0].children.concat();
           fnSelectNeType(null, neCascaderOptions.value[0]);
           // const info = neCascaderOptions.value[0].children[0];
           // neTypeSelect.value = [info.neType, info.neId];
@@ -581,15 +598,23 @@ onMounted(() => {
                   style="width: 40%"
                 >
                 </a-select>
-                <a-select
+                <a-tree-select
+                  v-model:value="neTypeSelect[1]"
+                  :status="neIdSelect.length === 0 ? 'warning' : ''"
                   :disabled="treeState.selectLoading"
-                  :value="neTypeSelect[1]"
-                  :options="neSelectOptions"
-                  :allow-clear="true"
-                  @change="fnSelectNeId"
+                  :tree-data="neSelectTreeDate"
+                  :maxTagCount="1"
+                  :show-search="true"
+                  :allow-clear="false"
+                  :tree-default-expand-all="true"
+                  :tree-checkable="false"
+                  :show-checked-strategy="TreeSelect.SHOW_PARENT"
+                  placement="bottomRight"
+                  tree-node-filter-prop="label"
                   style="width: 60%"
+                  @select="fnSelectNeId"
                 >
-                </a-select>
+                </a-tree-select>
               </a-input-group>
             </a-form-item>
             <a-form-item name="treeStateData">
@@ -632,13 +657,6 @@ onMounted(() => {
           </template>
           <template #extra>
             <a-space :size="8" align="center" v-show="!treeState.selectLoading">
-              <CheckSyncNe
-                v-if="neTypeSelect[1] === 'SYNC'"
-                :selects="neSelectOptions"
-                v-model:checks="neIdSelect"
-                v-model:province="neTypeSelectProvince"
-                @province="fnSelectProvince"
-              ></CheckSyncNe>
               <a-tooltip placement="topRight">
                 <template #title>{{ t('common.reloadText') }}</template>
                 <a-button

From 139a14fd3d8d741a08ea707cf14cbfa28f998051 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 19 Dec 2024 20:24:46 +0800
Subject: [PATCH 29/36] =?UTF-8?q?feat:=20=E7=BD=91=E5=85=83=E6=80=BB?=
 =?UTF-8?q?=E8=A7=88=E7=82=B9=E5=87=BB=E7=8A=B6=E6=80=81=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/locales/en-US.ts                   |   7 +-
 src/i18n/locales/zh-CN.ts                   |   7 +-
 src/views/configManage/neOverview/index.vue | 342 ++++++++------------
 3 files changed, 141 insertions(+), 215 deletions(-)

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index 2c0763b9..f7953c9e 100644
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -222,12 +222,11 @@ export default {
       capability: 'Capability',
       serialNum: 'Serial Number',
       expiryDate: 'Expiry Date',
-      neStatus: 'NE status is abnormal',
-      runStatus:'Running Status',
-      mark:'Brief Information',
+      neStatus: 'Status Abnormal',
+      runStatus:'Status',
+      mark:'Information',
       object:'Object',
       versionNum:'Version',
-      systemStatus:'Status',
       realNeStatus:'Status',
       reloadTime:'Refresh Time',
       Critical:'Critical',
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
index 61beaaad..8707f564 100644
--- a/src/i18n/locales/zh-CN.ts
+++ b/src/i18n/locales/zh-CN.ts
@@ -222,13 +222,12 @@ export default {
       capability: '用户容量',
       serialNum: '序列号',
       expiryDate: '许可证到期日期',
-      neStatus:'网元状态异常',
+      neStatus:'状态异常',
       runStatus:'运行状态',
-      mark:'简略信息',
+      mark:'信息',
       object:'对象',
       versionNum:'版本号',
-      systemStatus:'系统状态',
-      realNeStatus:'网元状态',
+      realNeStatus:'状态',
       reloadTime:'刷新时间',
       Critical:'严重告警',
       Major:'主要告警',
diff --git a/src/views/configManage/neOverview/index.vue b/src/views/configManage/neOverview/index.vue
index a2492040..9dd9605b 100644
--- a/src/views/configManage/neOverview/index.vue
+++ b/src/views/configManage/neOverview/index.vue
@@ -49,7 +49,6 @@ let indexColor = ref<DictType[]>([
 ]);
 
 /**表格字段列 */
-//customRender(){} ----单元格处理
 let tableColumns: ColumnsType = [
   {
     title: t('views.index.object'),
@@ -67,7 +66,9 @@ let tableColumns: ColumnsType = [
     dataIndex: 'serverState',
     align: 'left',
     customRender(opt) {
-      if (opt.value?.refreshTime) return parseDateToStr(opt.value?.refreshTime);
+      if (opt.value?.refreshTime) {
+        return parseDateToStr(opt.value?.refreshTime, 'HH:mm:ss');
+      }
       return '-';
     },
   },
@@ -104,12 +105,13 @@ let tableColumns: ColumnsType = [
     },
   },
 ];
+
 /**表格状态类型 */
 type TabeStateType = {
   /**加载等待 */
   loading: boolean;
   /**记录数据 */
-  data: object[];
+  data: Record<string, any>[];
   /**勾选记录 */
   selectedRowKeys: (string | number)[];
 };
@@ -121,105 +123,75 @@ let tableState: TabeStateType = reactive({
   selectedRowKeys: [],
 });
 
-/**表格状态 */
-let nfInfo: any = reactive({
-  obj: 'OMC',
-  version: appStore.version,
-  status: t('views.index.normal'),
-  outTimeDate: '',
-  serialNum: appStore.serialNum,
-});
-
-/**表格状态类型 */
-type nfStateType = {
-  /**主机名 */
-  hostName: string;
-  /**操作系统信息 */
-  osInfo: string;
-  /**IP地址 */
-  ipAddress: string;
-  /**版本 */
-  version: string;
-  /**CPU利用率 */
-  cpuUse: string;
-  /**内存使用 */
-  memoryUse: string;
-  /**用户容量 */
-  capability: number;
-  /**序列号 */
-  serialNum: string;
-  /**许可证到期日期 */
-  /*  selectedRowKeys: (string | number)[];*/
-  expiryDate: string;
-};
-/**网元详细信息 */
-let pronInfo: nfStateType = reactive({
-  hostName: '5gc',
-  osInfo: 'Linux 5gc 4.15.0-112-generic 2020 x86_64 GNU/Linux',
-  ipAddress: '-',
-  version: '-',
-  cpuUse: '-',
-  memoryUse: '-',
-  capability: 0,
-  serialNum: '-',
-  expiryDate: '-',
-});
+/**状态 */
+let serverState: any = ref({});
 
 /**查询网元状态列表 */
 function fnGetList(one: boolean) {
   if (tableState.loading) return;
-  one && (tableState.loading = true);
-  listAllNeInfo({ bandStatus: true }).then(res => {
-    tableState.data = res.data;
-    tableState.loading = false;
-    var rightNum = 0;
-    var errorNum = 0;
-    res.data.forEach((item: any) => {
-      if (item.serverState.online) {
-        rightNum++;
+  if (one) {
+    tableState.loading = true;
+  }
+  listAllNeInfo({ bandStatus: true })
+    .then(res => {
+      tableState.data = res.data;
+      tableState.loading = false;
+      if (one && res.data.length > 0) {
+        const id = res.data[0].id;
+        fnTableSelectedRowKeys([id]);
       } else {
-        errorNum++;
+        fnTableSelectedRowKeys(tableState.selectedRowKeys);
       }
-    });
-    const optionData: any = {
-      title: {
-        text: '',
-        subtext: '',
-        left: 'center',
-      },
-      tooltip: {
-        trigger: 'item',
-      },
-      legend: {
-        orient: 'vertical',
-        left: 'left',
-      },
-      color: indexColor.value.map(item => item.tagClass),
-      series: [
-        {
-          name: t('views.index.realNeStatus'),
-          type: 'pie',
-          radius: '70%',
-          center: ['50%', '50%'],
-          data: [
-            { value: rightNum, name: t('views.index.normal') },
-            { value: errorNum, name: t('views.index.abnormal') },
-          ],
-          emphasis: {
-            itemStyle: {
-              shadowBlur: 10,
-              shadowOffsetX: 0,
-              shadowColor: 'rgba(0, 0, 0, 0.5)',
-            },
-          },
-
-          label: {},
+    })
+    .finally(() => {
+      var rightNum = 0;
+      var errorNum = 0;
+      for (const v of tableState.data) {
+        if (v?.serverState?.online) {
+          rightNum++;
+        } else {
+          errorNum++;
+        }
+      }
+      /// 图表数据
+      const optionData: any = {
+        title: {
+          text: '',
+          subtext: '',
+          left: 'center',
         },
-      ],
-    };
+        tooltip: {
+          trigger: 'item',
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left',
+        },
+        color: indexColor.value.map(item => item.tagClass),
+        series: [
+          {
+            name: t('views.index.realNeStatus'),
+            type: 'pie',
+            radius: '70%',
+            center: ['50%', '50%'],
+            data: [
+              { value: rightNum, name: t('views.index.normal') },
+              { value: errorNum, name: t('views.index.abnormal') },
+            ],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)',
+              },
+            },
 
-    fnDesign(statusBar.value, optionData);
-  });
+            label: {},
+          },
+        ],
+      };
+      fnDesign(statusBar.value, optionData);
+    });
 }
 
 function fnDesign(container: HTMLElement | undefined, option: any) {
@@ -240,66 +212,43 @@ function fnDesign(container: HTMLElement | undefined, option: any) {
   observer.observe(container);
 }
 
-/**抽屉 网元详细信息 */
-const open = ref(false);
-const closeDrawer = () => {
-  open.value = false;
-};
-/**抽屉 网元详细信息 */
+/**表格多选 */
+function fnTableSelectedRowKeys(keys: (string | number)[]) {
+  if (keys.length <= 0) return;
+  const id = keys[0];
+  const row: any = tableState.data.find((item: any) => item.id === id);
+  if (!row) {
+    message.error(t('views.index.neStatus'), 2);
+    return;
+  }
+  const neState = row.serverState;
+  if (!neState?.online) {
+    message.error(t('views.index.neStatus'), 2);
+    return;
+  }
+  tableState.selectedRowKeys = keys;
+  // Mem 将KB转换为MB
+  const totalMemInKB = neState.mem?.totalMem;
+  const nfUsedMemInKB = neState.mem?.nfUsedMem;
+  const sysMemUsageInKB = neState.mem?.sysMemUsage;
+  const totalMemInMB = Math.round((totalMemInKB / 1024) * 100) / 100;
+  const nfUsedMemInMB = Math.round((nfUsedMemInKB / 1024) * 100) / 100;
+  const sysMemUsageInMB = Math.round((sysMemUsageInKB / 1024) * 100) / 100;
 
-/**监听表格行事件*/
-function rowClick(record: any, index: any) {
-  return {
-    onClick: (event: any) => {
-      let pronData = JSON.parse(JSON.stringify(record.serverState));
-      if (!pronData.online) {
-        message.error(t('views.index.neStatus'), 2);
-        return false;
-      } else {
-        const totalMemInKB = pronData.mem?.totalMem;
-        const nfUsedMemInKB = pronData.mem?.nfUsedMem;
-        const sysMemUsageInKB = pronData.mem?.sysMemUsage;
+  // CPU
+  const nfCpu = neState.cpu?.nfCpuUsage;
+  const sysCpu = neState.cpu?.sysCpuUsage;
+  const nfCpuP = Math.round(nfCpu) / 100;
+  const sysCpuP = Math.round(sysCpu) / 100;
 
-        // 将KB转换为MB
-        const totalMemInMB = Math.round((totalMemInKB / 1024) * 100) / 100;
-        const nfUsedMemInMB = Math.round((nfUsedMemInKB / 1024) * 100) / 100;
-        const sysMemUsageInMB =
-          Math.round((sysMemUsageInKB / 1024) * 100) / 100;
-
-        //渲染详细信息
-        pronInfo = {
-          hostName: pronData.hostname,
-          osInfo: pronData.os,
-          ipAddress: pronData.neIP,
-          version: pronData.version,
-          cpuUse:
-            pronData.neName +
-            ':' +
-            pronData.cpu?.nfCpuUsage / 100 +
-            '%; ' +
-            'SYS:' +
-            pronData.cpu?.sysCpuUsage / 100 +
-            '%',
-          memoryUse:
-            'Total:' +
-            totalMemInMB +
-            'MB; ' +
-            pronData.name +
-            ':' +
-            nfUsedMemInMB +
-            'MB; SYS:' +
-            sysMemUsageInMB +
-            'MB',
-          capability: pronData.capability,
-          serialNum: pronData.sn,
-          expiryDate: pronData.expire,
-        };
-      }
-      open.value = true;
+  serverState.value = Object.assign(
+    {
+      cpuUse: `NE:${nfCpuP}%; SYS:${sysCpuP}%`,
+      memoryUse: `Total: ${totalMemInMB}MB; NE: ${nfUsedMemInMB}MB; SYS: ${sysMemUsageInMB}MB`,
     },
-  };
+    neState
+  );
 }
-let timer: any;
 
 /**
  * 国际化翻译转换
@@ -312,6 +261,7 @@ function fnLocale() {
   appStore.setTitle(title);
 }
 
+let timer: any;
 onMounted(() => {
   getDict('index_status')
     .then(res => {
@@ -322,12 +272,11 @@ onMounted(() => {
     .finally(() => {
       fnLocale();
       fnGetList(true);
-      timer = setInterval(() => fnGetList(false), 10000); // 每隔10秒执行一次
+      timer = setInterval(() => fnGetList(false), 10_000); // 每隔10秒执行一次
     });
 });
 
 // 在组件卸载之前清除定时器
-
 onBeforeUnmount(() => {
   clearInterval(timer);
 });
@@ -335,40 +284,6 @@ onBeforeUnmount(() => {
 
 <template>
   <PageContainer :breadcrumb="{}">
-    <div>
-      <a-drawer :open="open" @close="closeDrawer" :width="700">
-        <a-descriptions bordered :column="1" :label-style="{ width: '160px' }">
-          <a-descriptions-item :label="t('views.index.hostName')">{{
-            pronInfo.hostName
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.osInfo')">{{
-            pronInfo.osInfo
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.ipAddress')">{{
-            pronInfo.ipAddress
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.version')">{{
-            pronInfo.version
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.capability')">{{
-            pronInfo.capability
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.cpuUse')">{{
-            pronInfo.cpuUse
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.memoryUse')">{{
-            pronInfo.memoryUse
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.serialNum')">{{
-            pronInfo.serialNum
-          }}</a-descriptions-item>
-          <a-descriptions-item :label="t('views.index.expiryDate')">{{
-            pronInfo.expiryDate
-          }}</a-descriptions-item>
-        </a-descriptions>
-      </a-drawer>
-    </div>
-
     <a-row :gutter="16">
       <a-col :lg="14" :md="16" :xs="24">
         <!-- 表格列表 -->
@@ -381,7 +296,12 @@ onBeforeUnmount(() => {
           :data-source="tableState.data"
           :pagination="false"
           :scroll="{ x: true }"
-          :customRow="rowClick"
+          :row-selection="{
+            type: 'radio',
+            columnWidth: '48px',
+            selectedRowKeys: tableState.selectedRowKeys,
+            onChange: fnTableSelectedRowKeys,
+          }"
         >
           <template #bodyCell="{ column, record }">
             <template v-if="column.key === 'status'">
@@ -404,7 +324,7 @@ onBeforeUnmount(() => {
           <div style="width: 100%; min-height: 200px" ref="statusBar"></div>
         </a-card>
         <a-card
-          :title="t('views.index.mark')"
+          :title="`${t('views.index.mark')} - ${serverState.neName}`"
           style="margin-top: 16px"
           size="small"
         >
@@ -413,25 +333,33 @@ onBeforeUnmount(() => {
             :column="1"
             :label-style="{ width: '160px' }"
           >
-            <a-descriptions-item :label="t('views.index.object')">{{
-              nfInfo.obj
-            }}</a-descriptions-item>
-            <template v-if="nfInfo.obj === 'OMC'">
-              <a-descriptions-item :label="t('views.index.versionNum')">{{
-                nfInfo.version
-              }}</a-descriptions-item>
-              <a-descriptions-item :label="t('views.index.systemStatus')">{{
-                nfInfo.status
-              }}</a-descriptions-item>
-            </template>
-            <template v-else>
-              <a-descriptions-item :label="t('views.index.serialNum')">{{
-                nfInfo.serialNum
-              }}</a-descriptions-item>
-              <a-descriptions-item :label="t('views.index.expiryDate')">{{
-                nfInfo.outTimeDate
-              }}</a-descriptions-item>
-            </template>
+            <a-descriptions-item :label="t('views.index.hostName')">
+              {{ serverState.hostname }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.osInfo')">
+              {{ serverState.os }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.ipAddress')">
+              {{ serverState.neIP }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.version')">
+              {{ serverState.version }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.capability')">
+              {{ serverState.capability }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.cpuUse')">
+              {{ serverState.cpuUse }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.memoryUse')">
+              {{ serverState.memoryUse }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.serialNum')">
+              {{ serverState.sn }}
+            </a-descriptions-item>
+            <a-descriptions-item :label="t('views.index.expiryDate')">
+              {{ serverState.expire }}
+            </a-descriptions-item>
           </a-descriptions>
         </a-card>
       </a-col>

From 5a4ab62e972faf85ee4a125db617141518a17c58 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 20 Dec 2024 15:43:44 +0800
Subject: [PATCH 30/36] =?UTF-8?q?fix:=20CDR=E6=95=B0=E6=8D=AE=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E6=A0=BC=E5=BC=8F=EF=BC=8CSGWC=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/locales/en-US.ts             |  10 +-
 src/i18n/locales/zh-CN.ts             |  10 +-
 src/views/dashboard/imsCDR/index.vue  |  35 +++-
 src/views/dashboard/sgwcCDR/index.vue | 287 ++++++++++++--------------
 src/views/dashboard/smfCDR/index.vue  | 118 +++++++----
 src/views/dashboard/smscCDR/index.vue |  37 +++-
 6 files changed, 288 insertions(+), 209 deletions(-)

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index f7953c9e..0cdcc16d 100644
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -421,14 +421,18 @@ export default {
         resultFail: "Fail",
         delTip: "Confirm deletion of the data item numbered [{msg}]?",
         exportTip: "Do you confirm to export the current query conditions of the CDR data? (Maximum 10,000 items can be exported.)",
-        smfChargingID: 'Charging ID',
+        chargingID: 'Charging ID',
         smfSubscriptionIDData: 'Subscription ID Data',
         smfSubscriptionIDType: 'Subscription ID Type',
         smfDataVolumeUplink: 'Data Volume Uplink',
         smfDataVolumeDownlink: 'Data Volume Downlink',
         smfDataTotalVolume: 'Data Total Volume',
-        smfDuration: 'Duration',
-        smfInvocationTime: 'Invocation Time',
+        durationTime: 'Duration',
+        invocationTime: 'Invocation Time',
+        sgwcServedIMSI: 'IMSI',
+        sgwcServedMSISDN: 'MSISDN',
+        sgwcVolumeGPRSUplink: 'GPRS Uplink',
+        sgwcVolumeGPRSDownlink: 'GPRS Downlink',
       },
       ue: {
         eventType: "Event Type",
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
index 8707f564..4966eec9 100644
--- a/src/i18n/locales/zh-CN.ts
+++ b/src/i18n/locales/zh-CN.ts
@@ -421,14 +421,18 @@ export default {
         resultFail: "失败",
         delTip: "确认删除编号为【{msg}】的数据项?",
         exportTip: "确认导出当前查询条件的话单数据吗？（导出最大支持一万条）",
-        smfChargingID: '计费ID',
+        chargingID: '计费ID',
         smfSubscriptionIDData: '订阅 ID 数据',
         smfSubscriptionIDType: '订阅 ID 类型',
         smfDataVolumeUplink: '数据量上行链路',
         smfDataVolumeDownlink: '数据量下行链路',
         smfDataTotalVolume: '数据总量',
-        smfDuration: '持续时间',
-        smfInvocationTime: '调用时间',
+        durationTime: '持续时间',
+        invocationTime: '调用时间',
+        sgwcServedIMSI: 'IMSI',
+        sgwcServedMSISDN: 'MSISDN',
+        sgwcVolumeGPRSUplink: 'GPRS 上行链路',
+        sgwcVolumeGPRSDownlink: 'GPRS 下行链路',
       },
       ue: {
         eventType: "事件类型",
diff --git a/src/views/dashboard/imsCDR/index.vue b/src/views/dashboard/imsCDR/index.vue
index 7fdf8ccd..3cd64bfd 100644
--- a/src/views/dashboard/imsCDR/index.vue
+++ b/src/views/dashboard/imsCDR/index.vue
@@ -21,6 +21,8 @@ import { parseDateToStr, parseDuration } from '@/utils/date-utils';
 import { OptionsType, WS } from '@/plugins/ws-websocket';
 import saveAs from 'file-saver';
 import PQueue from 'p-queue';
+import { useClipboard } from '@vueuse/core';
+const { copy } = useClipboard({ legacy: true });
 const { t } = useI18n();
 const { getDict } = useDictStore();
 const ws = new WS();
@@ -307,6 +309,18 @@ function fnRecordDelete(id: string) {
   });
 }
 
+/**
+ * 复制CDR
+ * @param jsonStr JSON字符串
+ */
+function fnRecordCopy(jsonStr: string) {
+  if (!jsonStr) return;
+  const text = JSON.stringify(jsonStr, null, 2);
+  copy(text).then(() => {
+    message.success(t('common.copyOk'), 3);
+  });
+}
+
 /**查询列表, pageNum初始页数 */
 function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
@@ -407,7 +421,9 @@ function fnRealTime() {
         subGroupID: `1005_${queryParams.neId}`,
       },
       onmessage: wsMessage,
-      onerror: wsError,
+      onerror: (ev: any) => {
+        console.error(ev);
+      },
     };
     ws.connect(options);
   } else {
@@ -417,12 +433,6 @@ function fnRealTime() {
   }
 }
 
-/**接收数据后回调 */
-function wsError(ev: any) {
-  // 接收数据后回调
-  console.error(ev);
-}
-
 /**接收数据后回调 */
 function wsMessage(res: Record<string, any>) {
   const { code, requestId, data } = res;
@@ -724,6 +734,17 @@ onBeforeUnmount(() => {
           </template>
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
+              <a-tooltip>
+                <template #title>{{ t('common.copyText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordCopy(record.cdrJSON)"
+                >
+                  <template #icon>
+                    <CopyOutlined />
+                  </template>
+                </a-button>
+              </a-tooltip>
               <a-tooltip>
                 <template #title>{{ t('common.deleteText') }}</template>
                 <a-button
diff --git a/src/views/dashboard/sgwcCDR/index.vue b/src/views/dashboard/sgwcCDR/index.vue
index 21aa22b0..d9e5bd9a 100644
--- a/src/views/dashboard/sgwcCDR/index.vue
+++ b/src/views/dashboard/sgwcCDR/index.vue
@@ -19,6 +19,8 @@ import {
 import { OptionsType, WS } from '@/plugins/ws-websocket';
 import PQueue from 'p-queue';
 import saveAs from 'file-saver';
+import { useClipboard } from '@vueuse/core';
+const { copy } = useClipboard({ legacy: true });
 const { t } = useI18n();
 const ws = new WS();
 const queue = new PQueue({ concurrency: 1, autoStart: true });
@@ -34,7 +36,8 @@ let queryParams = reactive({
   /**网元类型 */
   neType: 'SGWC',
   neId: '001',
-  subscriberID: '',
+  imsi: '',
+  msisdn: '',
   sortField: 'timestamp',
   sortOrder: 'desc',
   /**开始时间 */
@@ -50,7 +53,8 @@ let queryParams = reactive({
 /**查询参数重置 */
 function fnQueryReset() {
   queryParams = Object.assign(queryParams, {
-    subscriberID: '',
+    imsi: '',
+    msisdn: '',
     startTime: '',
     endTime: '',
     pageNum: 1,
@@ -89,12 +93,12 @@ let tableState: TabeStateType = reactive({
 let tableColumns: ColumnsType = [
   {
     title: t('common.rowId'),
-    dataIndex: 'left',
-    align: 'center',
+    dataIndex: 'id',
+    align: 'left',
     width: 100,
   },
   {
-    title: t('views.dashboard.cdr.smfChargingID'), // 计费ID
+    title: t('views.dashboard.cdr.chargingID'), // 计费ID
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 100,
@@ -104,90 +108,71 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: t('views.dashboard.cdr.smfSubscriptionIDType'), // 订阅 ID 类型
+    title: t('views.dashboard.cdr.sgwcServedIMSI'), // IMSI
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 150,
     customRender(opt) {
       const cdrJSON = opt.value;
-      return cdrJSON.subscriberIdentifier?.subscriptionIDType;
+      return cdrJSON.servedIMSI;
     },
   },
   {
-    title: t('views.dashboard.cdr.smfSubscriptionIDData'), // 订阅 ID 数据
+    title: t('views.dashboard.cdr.sgwcServedMSISDN'), // MSISDN
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 150,
     customRender(opt) {
       const cdrJSON = opt.value;
-      return cdrJSON.subscriberIdentifier?.subscriptionIDData;
+      return cdrJSON.servedMSISDN;
     },
   },
   {
-    title: t('views.dashboard.cdr.smfDataVolumeUplink'), // 数据量上行链路
+    title: t('views.dashboard.cdr.sgwcVolumeGPRSUplink'), // GPRS 上行链路
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 150,
     customRender(opt) {
       const cdrJSON = opt.value;
-      const listOfMultipleUnitUsage = cdrJSON.listOfMultipleUnitUsage;
+      const listOfTrafficVolumes = cdrJSON.listOfTrafficVolumes;
       if (
-        !Array.isArray(listOfMultipleUnitUsage) ||
-        listOfMultipleUnitUsage.length < 1
+        !Array.isArray(listOfTrafficVolumes) ||
+        listOfTrafficVolumes.length < 1
       ) {
         return 0;
       }
-      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
-      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
-        return 0;
+      let dataVolumeGPRSUplink = 0;
+      for (const used of listOfTrafficVolumes) {
+        const v = +used.dataVolumeGPRSUplink;
+        dataVolumeGPRSUplink += isNaN(v) ? 0 : v;
       }
-      return usedUnitContainer[0].dataVolumeUplink;
+      return dataVolumeGPRSUplink;
     },
   },
   {
-    title: t('views.dashboard.cdr.smfDataVolumeDownlink'), // 数据量下行链路
+    title: t('views.dashboard.cdr.sgwcVolumeGPRSDownlink'), // GPRS 下行链路
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 180,
     customRender(opt) {
       const cdrJSON = opt.value;
-      const listOfMultipleUnitUsage = cdrJSON.listOfMultipleUnitUsage;
+      const listOfTrafficVolumes = cdrJSON.listOfTrafficVolumes;
       if (
-        !Array.isArray(listOfMultipleUnitUsage) ||
-        listOfMultipleUnitUsage.length < 1
+        !Array.isArray(listOfTrafficVolumes) ||
+        listOfTrafficVolumes.length < 1
       ) {
         return 0;
       }
-      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
-      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
-        return 0;
+      let dataVolumeGPRSDownlink = 0;
+      for (const used of listOfTrafficVolumes) {
+        const v = +used.dataVolumeGPRSDownlink;
+        dataVolumeGPRSDownlink += isNaN(v) ? 0 : v;
       }
-      return usedUnitContainer[0].dataVolumeDownlink;
+      return dataVolumeGPRSDownlink;
     },
   },
   {
-    title: t('views.dashboard.cdr.smfDataTotalVolume'), // 数据总量
-    dataIndex: 'cdrJSON',
-    align: 'left',
-    width: 150,
-    customRender(opt) {
-      const cdrJSON = opt.value;
-      const listOfMultipleUnitUsage = cdrJSON.listOfMultipleUnitUsage;
-      if (
-        !Array.isArray(listOfMultipleUnitUsage) ||
-        listOfMultipleUnitUsage.length < 1
-      ) {
-        return 0;
-      }
-      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
-      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
-        return 0;
-      }
-      return usedUnitContainer[0].dataTotalVolume;
-    },
-  },
-  {
-    title: t('views.dashboard.cdr.smfDuration'), // 持续时间
+    title: t('views.dashboard.cdr.durationTime'), // 持续时间
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 100,
@@ -197,13 +182,13 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: t('views.dashboard.cdr.smfInvocationTime'), // 调用时间
+    title: t('views.dashboard.cdr.invocationTime'), // 操作时间
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 200,
     customRender(opt) {
       const cdrJSON = opt.value;
-      return cdrJSON.invocationTimestamp;
+      return cdrJSON.recordOpeningTime;
     },
   },
   {
@@ -306,6 +291,18 @@ function fnRecordDelete(id: string) {
   });
 }
 
+/**
+ * 复制CDR
+ * @param jsonStr JSON字符串
+ */
+function fnRecordCopy(jsonStr: string) {
+  if (!jsonStr) return;
+  const text = JSON.stringify(jsonStr, null, 2);
+  copy(text).then(() => {
+    message.success(t('common.copyOk'), 3);
+  });
+}
+
 /**查询列表, pageNum初始页数 */
 function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
@@ -406,7 +403,9 @@ function fnRealTime() {
         subGroupID: `1008_${queryParams.neId}`,
       },
       onmessage: wsMessage,
-      onerror: wsError,
+      onerror: (ev: any) => {
+        console.error(ev);
+      },
     };
     ws.connect(options);
   } else {
@@ -416,12 +415,6 @@ function fnRealTime() {
   }
 }
 
-/**接收数据后回调 */
-function wsError(ev: any) {
-  // 接收数据后回调
-  console.error(ev);
-}
-
 /**接收数据后回调 */
 function wsMessage(res: Record<string, any>) {
   const { code, requestId, data } = res;
@@ -435,7 +428,7 @@ function wsMessage(res: Record<string, any>) {
     return;
   }
   // cdrEvent CDR会话事件
-  if (data.groupId === `1006_${queryParams.neId}`) {
+  if (data.groupId === `1008_${queryParams.neId}`) {
     const cdrEvent = data.data;
     queue.add(async () => {
       modalState.maxId += 1;
@@ -515,17 +508,44 @@ onBeforeUnmount(() => {
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item
-              :label="t('views.dashboard.cdr.smfSubscriptionIDData')"
-              name="subscriberID"
+              :label="t('views.dashboard.cdr.sgwcServedIMSI')"
+              name="imsi"
             >
               <a-input
-                v-model:value="queryParams.subscriberID"
+                v-model:value="queryParams.imsi"
                 allow-clear
                 :placeholder="t('common.inputPlease')"
                 :maxlength="40"
               ></a-input>
             </a-form-item>
           </a-col>
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.dashboard.cdr.sgwcServedMSISDN')"
+              name="msisdn"
+            >
+              <a-input
+                v-model:value="queryParams.msisdn"
+                allow-clear
+                :placeholder="t('common.inputPlease')"
+                :maxlength="40"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="4" :md="12" :xs="24">
+            <a-form-item>
+              <a-space :size="8">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
+                  <template #icon><SearchOutlined /></template>
+                  {{ t('common.search') }}
+                </a-button>
+                <a-button type="default" @click.prevent="fnQueryReset">
+                  <template #icon><ClearOutlined /></template>
+                  {{ t('common.reset') }}
+                </a-button>
+              </a-space>
+            </a-form-item>
+          </a-col>
           <a-col :lg="8" :md="12" :xs="24">
             <a-form-item
               :label="t('views.dashboard.cdr.time')"
@@ -542,20 +562,6 @@ onBeforeUnmount(() => {
               ></a-range-picker>
             </a-form-item>
           </a-col>
-          <a-col :lg="4" :md="12" :xs="24">
-            <a-form-item>
-              <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList(1)">
-                  <template #icon><SearchOutlined /></template>
-                  {{ t('common.search') }}
-                </a-button>
-                <a-button type="default" @click.prevent="fnQueryReset">
-                  <template #icon><ClearOutlined /></template>
-                  {{ t('common.reset') }}
-                </a-button>
-              </a-space>
-            </a-form-item>
-          </a-col>
         </a-row>
       </a-form>
     </a-card>
@@ -669,6 +675,17 @@ onBeforeUnmount(() => {
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
+              <a-tooltip>
+                <template #title>{{ t('common.copyText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordCopy(record.cdrJSON)"
+                >
+                  <template #icon>
+                    <CopyOutlined />
+                  </template>
+                </a-button>
+              </a-tooltip>
               <a-tooltip>
                 <template #title>{{ t('common.deleteText') }}</template>
                 <a-button
@@ -699,15 +716,11 @@ onBeforeUnmount(() => {
               </div>
               <div>
                 <span>{{ t('views.dashboard.cdr.time') }}: </span>
-                <span>{{ record.cdrJSON.invocationTimestamp }}</span>
+                <span>{{ record.cdrJSON.recordOpeningTime }}</span>
               </div>
               <a-divider orientation="left">
                 {{ t('views.dashboard.cdr.rowInfo') }}
               </a-divider>
-              <div>
-                <span>Record Network Function ID: </span>
-                <span>{{ record.cdrJSON.recordingNetworkFunctionID }}</span>
-              </div>
               <div>
                 <span>Record Type: </span>
                 <span>{{ record.cdrJSON.recordType }}</span>
@@ -724,92 +737,66 @@ onBeforeUnmount(() => {
                 <span>Duration: </span>
                 <span>{{ record.cdrJSON.duration }}</span>
               </div>
-              <a-divider orientation="left"> Subscriber Identifier </a-divider>
               <div>
-                <span>Subscription ID Type: </span>
-                <span>
-                  {{ record.cdrJSON.subscriberIdentifier?.subscriptionIDType }}
-                </span>
+                <span>Record Access Point Name NI: </span>
+                <span>{{ record.cdrJSON.accessPointNameNI }}</span>
               </div>
               <div>
-                <span>Subscription ID Data: </span>
-                <span>
-                  {{ record.cdrJSON.subscriberIdentifier?.subscriptionIDData }}
-                </span>
+                <span>Record Cause For Rec Closing: </span>
+                <span>{{ record.cdrJSON.causeForRecClosing }}</span>
+              </div>
+              <div>
+                <span>Record Sequence Number: </span>
+                <span>{{ record.cdrJSON.recordSequenceNumber }}</span>
+              </div>
+              <div>
+                <span>Local Record Sequence Number: </span>
+                <span>{{ record.cdrJSON.localRecordSequenceNumber }}</span>
               </div>
             </a-col>
             <a-col :lg="8" :md="12" :xs="24">
-              <a-divider orientation="left">
-                List Of Multiple Unit Usage
-              </a-divider>
-              <div v-for="u in record.cdrJSON.listOfMultipleUnitUsage">
-                <!-- <div>RatingGroup: {{ u.ratingGroup }}</div> -->
-                <div v-for="udata in u.usedUnitContainer">
-                  <div>
-                    <span>Data Total Volume: </span>
-                    <span>{{ udata.dataTotalVolume }}</span>
-                  </div>
-                  <div>
-                    <span>Data Volume Downlink: </span>
-                    <span>{{ udata.dataVolumeDownlink }}</span>
-                  </div>
-                  <div>
-                    <span>Data Volume Uplink: </span>
-                    <span>{{ udata.dataVolumeUplink }}</span>
-                  </div>
-                  <div>
-                    <span>Time: </span>
-                    <span>{{ udata.time }}</span>
-                  </div>
-                </div>
-              </div>
-              <a-divider orientation="left">
-                PDU Session Charging Information
-              </a-divider>
+              <a-divider orientation="left"> Server Information </a-divider>
               <div>
-                <span>User Identifier: </span>
-                <span>{{
-                  record.cdrJSON.pDUSessionChargingInformation?.userIdentifier
-                }}</span>
+                <span>IMSI: </span>
+                <span> {{ record.cdrJSON.servedIMSI }} </span>
+              </div>
+              <div>
+                <span>MSISDN: </span>
+                <span> {{ record.cdrJSON.servedMSISDN }} </span>
+              </div>
+              <div>
+                <span>PGW Address Used: </span>
+                <span> {{ record.cdrJSON.pGWAddressUsed }} </span>
+              </div>
+              <div>
+                <span>SGW Address: </span>
+                <span> {{ record.cdrJSON.sGWAddress }} </span>
               </div>
               <div>
-                <span>SSC Mode: </span>
-                <span>{{
-                  record.cdrJSON.pDUSessionChargingInformation?.sSCMode
-                }}</span>
-                &nbsp;&nbsp;
                 <span>RAT Type: </span>
-                <span>{{
-                  record.cdrJSON.pDUSessionChargingInformation?.rATType
-                }}</span>
-                &nbsp;&nbsp;
-                <span>DNN ID: </span>
+                <span> {{ record.cdrJSON.rATType }} </span>
+              </div>
+              <a-divider orientation="left"> PDPPD Information </a-divider>
+              <div>
+                <span>PDPPDN Type: </span>
+                <span> {{ record.cdrJSON.pdpPDNType }} </span>
+              </div>
+              <div>
+                <span>PDPPDN Address: </span>
+                <span> {{ record.cdrJSON.servedPDPPDNAddress }} </span>
+              </div>
+              <div>
+                <span>Node Address: </span>
                 <span>
-                  {{ record.cdrJSON.pDUSessionChargingInformation?.dNNID }}
+                  {{ record.cdrJSON.servingNodeAddress?.join(', ') }}
                 </span>
               </div>
               <div>
-                <span>PDU Type: </span>
+                <span>Node Type: </span>
                 <span>
-                  {{ record.cdrJSON.pDUSessionChargingInformation?.pDUType }}
-                </span>
-              </div>
-              <div>
-                <span>PDU IPv4 Address: </span>
-                <span>
-                  {{
-                    record.cdrJSON.pDUSessionChargingInformation?.pDUAddress
-                      ?.pDUIPv4Address
-                  }}
-                </span>
-              </div>
-              <div>
-                <span>PDU IPv6 Addres Swith Prefix: </span>
-                <span>
-                  {{
-                    record.cdrJSON.pDUSessionChargingInformation?.pDUAddress
-                      ?.pDUIPv6AddresswithPrefix
-                  }}
+                  <template v-for="item in record.cdrJSON.servingNodeType">
+                    {{ item.servingNodeType }}
+                  </template>
                 </span>
               </div>
             </a-col>
diff --git a/src/views/dashboard/smfCDR/index.vue b/src/views/dashboard/smfCDR/index.vue
index b5b226e3..cd6ef037 100644
--- a/src/views/dashboard/smfCDR/index.vue
+++ b/src/views/dashboard/smfCDR/index.vue
@@ -19,6 +19,8 @@ import {
 import { OptionsType, WS } from '@/plugins/ws-websocket';
 import PQueue from 'p-queue';
 import saveAs from 'file-saver';
+import { useClipboard } from '@vueuse/core';
+const { copy } = useClipboard({ legacy: true });
 const { t } = useI18n();
 const ws = new WS();
 const queue = new PQueue({ concurrency: 1, autoStart: true });
@@ -94,7 +96,7 @@ let tableColumns: ColumnsType = [
     width: 100,
   },
   {
-    title: t('views.dashboard.cdr.smfChargingID'), // 计费ID
+    title: t('views.dashboard.cdr.chargingID'), // 计费ID
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 100,
@@ -137,11 +139,15 @@ let tableColumns: ColumnsType = [
       ) {
         return 0;
       }
-      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
-      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
-        return 0;
+      let dataVolumeUplink = 0;
+      for (const v of listOfMultipleUnitUsage) {
+        if (Array.isArray(v.usedUnitContainer)) {
+          for (const used of v.usedUnitContainer) {
+            dataVolumeUplink += +used.dataVolumeUplink;
+          }
+        }
       }
-      return usedUnitContainer[0].dataVolumeUplink;
+      return dataVolumeUplink;
     },
   },
   {
@@ -158,11 +164,15 @@ let tableColumns: ColumnsType = [
       ) {
         return 0;
       }
-      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
-      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
-        return 0;
+      let dataVolumeDownlink = 0;
+      for (const v of listOfMultipleUnitUsage) {
+        if (Array.isArray(v.usedUnitContainer)) {
+          for (const used of v.usedUnitContainer) {
+            dataVolumeDownlink += +used.dataVolumeDownlink;
+          }
+        }
       }
-      return usedUnitContainer[0].dataVolumeDownlink;
+      return dataVolumeDownlink;
     },
   },
   {
@@ -179,15 +189,19 @@ let tableColumns: ColumnsType = [
       ) {
         return 0;
       }
-      const usedUnitContainer = listOfMultipleUnitUsage[0].usedUnitContainer;
-      if (!Array.isArray(usedUnitContainer) || usedUnitContainer.length < 1) {
-        return 0;
+      let dataTotalVolume = 0;
+      for (const v of listOfMultipleUnitUsage) {
+        if (Array.isArray(v.usedUnitContainer)) {
+          for (const used of v.usedUnitContainer) {
+            dataTotalVolume += +used.dataTotalVolume;
+          }
+        }
       }
-      return usedUnitContainer[0].dataTotalVolume;
+      return dataTotalVolume;
     },
   },
   {
-    title: t('views.dashboard.cdr.smfDuration'), // 持续时间
+    title: t('views.dashboard.cdr.durationTime'), // 持续时间
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 100,
@@ -197,7 +211,7 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: t('views.dashboard.cdr.smfInvocationTime'), // 调用时间
+    title: t('views.dashboard.cdr.invocationTime'), // 调用时间
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 200,
@@ -306,6 +320,18 @@ function fnRecordDelete(id: string) {
   });
 }
 
+/**
+ * 复制CDR
+ * @param jsonStr JSON字符串
+ */
+function fnRecordCopy(jsonStr: string) {
+  if (!jsonStr) return;
+  const text = JSON.stringify(jsonStr, null, 2);
+  copy(text).then(() => {
+    message.success(t('common.copyOk'), 3);
+  });
+}
+
 /**查询列表, pageNum初始页数 */
 function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
@@ -406,7 +432,9 @@ function fnRealTime() {
         subGroupID: `1006_${queryParams.neId}`,
       },
       onmessage: wsMessage,
-      onerror: wsError,
+      onerror: (ev: any) => {
+        console.error(ev);
+      },
     };
     ws.connect(options);
   } else {
@@ -416,12 +444,6 @@ function fnRealTime() {
   }
 }
 
-/**接收数据后回调 */
-function wsError(ev: any) {
-  // 接收数据后回调
-  console.error(ev);
-}
-
 /**接收数据后回调 */
 function wsMessage(res: Record<string, any>) {
   const { code, requestId, data } = res;
@@ -669,6 +691,17 @@ onBeforeUnmount(() => {
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
+              <a-tooltip>
+                <template #title>{{ t('common.copyText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordCopy(record.cdrJSON)"
+                >
+                  <template #icon>
+                    <CopyOutlined />
+                  </template>
+                </a-button>
+              </a-tooltip>
               <a-tooltip>
                 <template #title>{{ t('common.deleteText') }}</template>
                 <a-button
@@ -742,24 +775,33 @@ onBeforeUnmount(() => {
               <a-divider orientation="left">
                 List Of Multiple Unit Usage
               </a-divider>
+
               <div v-for="u in record.cdrJSON.listOfMultipleUnitUsage">
-                <!-- <div>RatingGroup: {{ u.ratingGroup }}</div> -->
-                <div v-for="udata in u.usedUnitContainer">
+                <div>RatingGroup: {{ u.ratingGroup }}</div>
+                <div
+                  v-for="(udata, i) in u.usedUnitContainer"
+                  style="display: flex"
+                >
+                  <strong style="margin-right: 12px">
+                    {{ i }}
+                  </strong>
                   <div>
-                    <span>Data Total Volume: </span>
-                    <span>{{ udata.dataTotalVolume }}</span>
-                  </div>
-                  <div>
-                    <span>Data Volume Downlink: </span>
-                    <span>{{ udata.dataVolumeDownlink }}</span>
-                  </div>
-                  <div>
-                    <span>Data Volume Uplink: </span>
-                    <span>{{ udata.dataVolumeUplink }}</span>
-                  </div>
-                  <div>
-                    <span>Time: </span>
-                    <span>{{ udata.time }}</span>
+                    <div>
+                      <span>Data Total Volume: </span>
+                      <span>{{ udata.dataTotalVolume }}</span>
+                    </div>
+                    <div>
+                      <span>Data Volume Downlink: </span>
+                      <span>{{ udata.dataVolumeDownlink }}</span>
+                    </div>
+                    <div>
+                      <span>Data Volume Uplink: </span>
+                      <span>{{ udata.dataVolumeUplink }}</span>
+                    </div>
+                    <div>
+                      <span>Time: </span>
+                      <span>{{ udata.time }}</span>
+                    </div>
                   </div>
                 </div>
               </div>
diff --git a/src/views/dashboard/smscCDR/index.vue b/src/views/dashboard/smscCDR/index.vue
index 283ce1f0..1f76ddc4 100644
--- a/src/views/dashboard/smscCDR/index.vue
+++ b/src/views/dashboard/smscCDR/index.vue
@@ -21,6 +21,8 @@ import { parseDateToStr } from '@/utils/date-utils';
 import { OptionsType, WS } from '@/plugins/ws-websocket';
 import saveAs from 'file-saver';
 import PQueue from 'p-queue';
+import { useClipboard } from '@vueuse/core';
+const { copy } = useClipboard({ legacy: true });
 const { getDict } = useDictStore();
 const { t } = useI18n();
 const ws = new WS();
@@ -282,6 +284,18 @@ function fnRecordDelete(id: string) {
   });
 }
 
+/**
+ * 复制CDR
+ * @param jsonStr JSON字符串
+ */
+function fnRecordCopy(jsonStr: string) {
+  if (!jsonStr) return;
+  const text = JSON.stringify(jsonStr, null, 2);
+  copy(text).then(() => {
+    message.success(t('common.copyOk'), 3);
+  });
+}
+
 /**查询列表, pageNum初始页数 */
 function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
@@ -382,7 +396,9 @@ function fnRealTime() {
         subGroupID: `1007_${queryParams.neId}`,
       },
       onmessage: wsMessage,
-      onerror: wsError,
+      onerror: (ev: any) => {
+        console.error(ev);
+      },
     };
     ws.connect(options);
   } else {
@@ -392,12 +408,6 @@ function fnRealTime() {
   }
 }
 
-/**接收数据后回调 */
-function wsError(ev: any) {
-  // 接收数据后回调
-  console.error(ev);
-}
-
 /**接收数据后回调 */
 function wsMessage(res: Record<string, any>) {
   const { code, requestId, data } = res;
@@ -665,7 +675,7 @@ onBeforeUnmount(() => {
         :data-source="tableState.data"
         :size="tableState.size"
         :pagination="tablePagination"
-        :scroll="{ x: tableColumns.length * 150, y: 'calc(100vh - 480px)' }"
+        :scroll="{ x: tableColumns.length * 180, y: 'calc(100vh - 480px)' }"
         :row-selection="{
           type: 'checkbox',
           columnWidth: '48px',
@@ -689,6 +699,17 @@ onBeforeUnmount(() => {
           </template>
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
+              <a-tooltip>
+                <template #title>{{ t('common.copyText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordCopy(record.cdrJSON)"
+                >
+                  <template #icon>
+                    <CopyOutlined />
+                  </template>
+                </a-button>
+              </a-tooltip>
               <a-tooltip>
                 <template #title>{{ t('common.deleteText') }}</template>
                 <a-button

From 1f130098ee1adb9b3d4ffb71581a0df75bf059ce Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 20 Dec 2024 15:45:07 +0800
Subject: [PATCH 31/36] =?UTF-8?q?style:=20=E5=8A=A0=E8=BD=BD=E7=BC=BA?=
 =?UTF-8?q?=E7=9C=81=E7=A9=BA=E5=AD=97=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/configManage/neOverview/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/configManage/neOverview/index.vue b/src/views/configManage/neOverview/index.vue
index 9dd9605b..aa2e49c6 100644
--- a/src/views/configManage/neOverview/index.vue
+++ b/src/views/configManage/neOverview/index.vue
@@ -324,7 +324,7 @@ onBeforeUnmount(() => {
           <div style="width: 100%; min-height: 200px" ref="statusBar"></div>
         </a-card>
         <a-card
-          :title="`${t('views.index.mark')} - ${serverState.neName}`"
+          :title="`${t('views.index.mark')} - ${serverState.neName || ''}`"
           style="margin-top: 16px"
           size="small"
         >

From 2b69b8d72b692be228d92c42ca293ec49de62d08 Mon Sep 17 00:00:00 2001
From: lai <10633968+laiyujun1@user.noreply.gitee.com>
Date: Fri, 20 Dec 2024 15:47:17 +0800
Subject: [PATCH 32/36] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BB=AA=E8=A1=A8?=
 =?UTF-8?q?=E7=9B=98=E7=B4=AF=E5=8A=A0=E5=8F=8AUPF=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/overview/css/index.css  |   2 +-
 src/views/dashboard/overview/hooks/useWS.ts |  34 +-
 src/views/dashboard/overview/index.vue      | 396 +++++++++++++-------
 3 files changed, 284 insertions(+), 148 deletions(-)

diff --git a/src/views/dashboard/overview/css/index.css b/src/views/dashboard/overview/css/index.css
index 9b053c7c..7f7e7018 100644
--- a/src/views/dashboard/overview/css/index.css
+++ b/src/views/dashboard/overview/css/index.css
@@ -79,7 +79,7 @@
 .upfFlow .inner .chart {
   width: 100%;
   height: 100%;
-  margin-top: 1rem;
+  margin-top: 0rem;
 }
 
 /* 网络拓扑 */
diff --git a/src/views/dashboard/overview/hooks/useWS.ts b/src/views/dashboard/overview/hooks/useWS.ts
index df85c983..bd3e5f4f 100644
--- a/src/views/dashboard/overview/hooks/useWS.ts
+++ b/src/views/dashboard/overview/hooks/useWS.ts
@@ -1,6 +1,6 @@
 import { RESULT_CODE_ERROR } from '@/constants/result-constants';
 import { OptionsType, WS } from '@/plugins/ws-websocket';
-import { onBeforeUnmount, onMounted } from 'vue';
+import { onBeforeUnmount, onMounted, ref } from 'vue';
 import {
   eventListParse,
   eventItemParseAndPush,
@@ -12,9 +12,15 @@ import {
   upfFlowParse,
   upfTotalFlowReset,
 } from './useUPFTotalFlow';
-import { topologyReset, neStateParse } from './useTopology';
+import { topologyReset, neStateParse, neStateRequestMap } from './useTopology';
 import PQueue from 'p-queue';
 
+/**UPF-的Id */
+export const upfWhoId = ref<any>('');
+
+/**UPF-的RmUid */
+export const upfWhoRmUid = ref<any>('');
+
 /**websocket连接 */
 export default function useWS() {
   const ws = new WS();
@@ -27,13 +33,12 @@ export default function useWS() {
 
   /**接收数据后回调 */
   function wsMessage(res: Record<string, any>) {
-    // console.log(res);
+    //console.log(res);
     const { code, requestId, data } = res;
     if (code === RESULT_CODE_ERROR) {
       console.warn(res.msg);
       return;
     }
-
     // 网元状态
     if (requestId && requestId.startsWith('neState')) {
       const neType = requestId.split('_')[1];
@@ -72,14 +77,13 @@ export default function useWS() {
         upfTFParse('30', data);
         break;
     }
-
     // 订阅组信息
     if (!data?.groupId) {
       return;
     }
     switch (data.groupId) {
       // kpiEvent 指标UPF
-      case '12_001':
+      case '12_' + upfWhoRmUid.value:
         if (data.data) {
           upfFlowParse(data.data);
         }
@@ -168,7 +172,17 @@ export default function useWS() {
     });
   }
 
-  onMounted(() => {
+  /**重新发送至UPF 12_rmUid */
+  function reSendUPF(rmUid: string) {
+    upfWhoRmUid.value = rmUid;
+    //初始时时无需还原全部属性以及关闭
+    if (ws.state() === WebSocket.OPEN) {
+      ws.close();
+      userActivityReset();
+      upfTotalFlowReset();
+      neStateRequestMap.value = new Map();
+      //topologyReset();
+    }
     const options: OptionsType = {
       url: '/ws',
       params: {
@@ -179,7 +193,7 @@ export default function useWS() {
          * MME_UE会话事件(GroupID:1011_neId)
          * IMS_CDR会话事件(GroupID:1005_neId)
          */
-        subGroupID: '12_001,1010,1011_001,1005_001',
+        subGroupID: '12_' + rmUid + ',1010,1011_001,1005_001',
       },
       onmessage: wsMessage,
       onerror: (ev: any) => {
@@ -187,18 +201,20 @@ export default function useWS() {
       },
     };
     ws.connect(options);
-  });
+  }
 
   onBeforeUnmount(() => {
     ws.close();
     userActivityReset();
     upfTotalFlowReset();
     topologyReset();
+    upfWhoRmUid.value = '';
   });
 
   return {
     wsSend,
     userActivitySend,
     upfTFSend,
+    reSendUPF,
   };
 }
diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index 231d0588..94c8e8de 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/src/views/dashboard/overview/index.vue
@@ -26,10 +26,15 @@ import useWS from './hooks/useWS';
 import useAppStore from '@/store/modules/app';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { useRouter } from 'vue-router';
+import useNeInfoStore from '@/store/modules/neinfo';
+import { message } from 'ant-design-vue';
+import { upfWhoId } from './hooks/useWS';
+
+const neInfoStore = useNeInfoStore();
 const router = useRouter();
 const appStore = useAppStore();
 const { t } = useI18n();
-const { wsSend, userActivitySend, upfTFSend } = useWS();
+const { wsSend, userActivitySend, upfTFSend, reSendUPF } = useWS();
 
 /**概览状态类型 */
 type SkimStateType = {
@@ -60,6 +65,9 @@ let skimState: SkimStateType = reactive({
   enbUeNum: 0,
 });
 
+/**网元参数 */
+let neCascaderOptions = ref<Record<string, any>[]>([]);
+
 /**总览节点 */
 const viewportDom = ref<HTMLElement | null>(null);
 const { isFullscreen, toggle } = useFullscreen(viewportDom);
@@ -94,62 +102,126 @@ function fnGetNeState() {
 
 /**获取概览信息 */
 async function fnGetSkim() {
-  const resArr = await Promise.allSettled([
-    listUDMSub({
-      neid: '001',
-      pageNum: 1,
-      pageSize: 1,
-    }),
-    listUENumBySMF('001'),
-    listUENumByIMS('001'),
-    listBase5G({
-      neType: 'AMF',
-      neId: '001',
-    }),
-    listBase5G({
-      neType: 'MME',
-      neId: '001',
-    }),
+  console.log(neCascaderOptions.value);
+  // const resArr = await Promise.allSettled([
+  //   listUDMSub({
+  //     neid: '001',
+  //     pageNum: 1,
+  //     pageSize: 1,
+  //   }),
+  //   listUENumBySMF('001'),
+  //   listUENumByIMS('001'),
+  //   listBase5G({
+  //     neType: 'AMF',
+  //     neId: '001',
+  //   }),
+  //   listBase5G({
+  //     neType: 'MME',
+  //     neId: '001',
+  //   }),
+  // ]);
+
+  // if (resArr[0].status === 'fulfilled') {
+  //   const res0 = resArr[0].value;
+  //   if (res0.code === RESULT_CODE_SUCCESS) {
+  //     skimState.udmSubNum = res0.total;
+  //   }
+  // }
+  // if (resArr[1].status === 'fulfilled') {
+  //   const res1 = resArr[1].value;
+  //   if (res1.code === RESULT_CODE_SUCCESS) {
+  //     skimState.smfUeNum = res1.data;
+  //   }
+  // }
+  // if (resArr[2].status === 'fulfilled') {
+  //   const res2 = resArr[2].value;
+  //   if (res2.code === RESULT_CODE_SUCCESS) {
+  //     skimState.imsUeNum = res2.data;
+  //   }
+  // }
+  // if (resArr[3].status === 'fulfilled') {
+  //   const res3 = resArr[3].value;
+  //   if (res3.code === RESULT_CODE_SUCCESS) {
+  //     skimState.gnbNum = res3.total;
+  //     skimState.gnbUeNum = 0;
+  //     res3.rows.map((item: any) => {
+  //       skimState.gnbUeNum += item.ueNum;
+  //     });
+  //   }
+  // }
+  // if (resArr[4].status === 'fulfilled') {
+  //   const res4 = resArr[4].value;
+  //   if (res4.code === RESULT_CODE_SUCCESS) {
+  //     skimState.enbNum = res4.total;
+  //     skimState.enbUeNum = 0;
+  //     res4.rows.map((item: any) => {
+  //       skimState.enbUeNum += item.ueNum;
+  //     });
+  //   }
+  // }
+
+
+  const neHandlers = new Map([
+    ['UDM', {
+      request: (neId: string) => listUDMSub({ neid: neId, pageNum: 1, pageSize: 1 }),
+      process: (res: any) => res.code === RESULT_CODE_SUCCESS && (skimState.udmSubNum += res.total)
+    }],
+    ['SMF', {
+      request: (neId: string) => listUENumBySMF(neId),
+      process: (res: any) => res.code === RESULT_CODE_SUCCESS && (skimState.smfUeNum += res.data)
+    }],
+    ['IMS', {
+      request: (neId: string) => listUENumByIMS(neId),
+      process: (res: any) => res.code === RESULT_CODE_SUCCESS && (skimState.imsUeNum += res.data)
+    }],
+    ['AMF', {
+      request: (neId: string) => listBase5G({ neType: 'AMF', neId }),
+      process: (res: any) => {
+        if (res.code === RESULT_CODE_SUCCESS) {
+          skimState.gnbNum += res.total;
+          skimState.gnbUeNum += res.rows.reduce((sum: number, item: any) => sum + item.ueNum, 0);
+        }
+      }
+    }],
+    ['MME', {
+      request: (neId: string) => listBase5G({ neType: 'MME', neId }),
+      process: (res: any) => {
+        if (res.code === RESULT_CODE_SUCCESS) {
+          skimState.enbNum += res.total;
+          skimState.enbUeNum += res.rows.reduce((sum: number, item: any) => sum + item.ueNum, 0);
+        }
+      }
+    }]
   ]);
 
-  if (resArr[0].status === 'fulfilled') {
-    const res0 = resArr[0].value;
-    if (res0.code === RESULT_CODE_SUCCESS) {
-      skimState.udmSubNum = res0.total;
+  const requests = neCascaderOptions.value.flatMap((ne: any) =>
+    ne.children?.map((child: any) => {
+      const handler = neHandlers.get(child.neType);
+      return handler ? {
+        promise: handler.request(child.neId),
+        process: handler.process
+      } : null;
+    }).filter(Boolean) || []
+  );
+
+  const results = await Promise.allSettled(requests.map(r => r.promise));
+
+
+  // 重置
+  Object.assign(skimState, {
+    udmSubNum: 0,
+    smfUeNum: 0,
+    imsUeNum: 0,
+    gnbNum: 0,
+    gnbUeNum: 0,
+    enbNum: 0,
+    enbUeNum: 0
+  });
+  results.forEach((result, index) => {
+    if (result.status === 'fulfilled') {
+      requests[index].process(result.value);
     }
-  }
-  if (resArr[1].status === 'fulfilled') {
-    const res1 = resArr[1].value;
-    if (res1.code === RESULT_CODE_SUCCESS) {
-      skimState.smfUeNum = res1.data;
-    }
-  }
-  if (resArr[2].status === 'fulfilled') {
-    const res2 = resArr[2].value;
-    if (res2.code === RESULT_CODE_SUCCESS) {
-      skimState.imsUeNum = res2.data;
-    }
-  }
-  if (resArr[3].status === 'fulfilled') {
-    const res3 = resArr[3].value;
-    if (res3.code === RESULT_CODE_SUCCESS) {
-      skimState.gnbNum = res3.total;
-      skimState.gnbUeNum = 0;
-      res3.rows.map((item: any) => {
-        skimState.gnbUeNum += item.ueNum;
-      });
-    }
-  }
-  if (resArr[4].status === 'fulfilled') {
-    const res4 = resArr[4].value;
-    if (res4.code === RESULT_CODE_SUCCESS) {
-      skimState.enbNum = res4.total;
-      skimState.enbUeNum = 0;
-      res4.rows.map((item: any) => {
-        skimState.enbUeNum += item.ueNum;
-      });
-    }
-  }
+  });
 }
 
 /**初始数据函数 */
@@ -188,10 +260,85 @@ function fnToRouter(name: string, query?: any) {
   router.push({ name, query });
 }
 
+/**网元参数 */
+let neOtions = ref<Record<string, any>[]>([]);
+
+/**UPF网元Id */
+let queryParams = reactive({
+  /**45G类型 */
+  neRealId: '',
+});
+
+// UPF实时流量下拉框选择
+function fnSelectNe(value: any, option: any) {
+  queryParams.neRealId = value;
+  upfWhoId.value = value;
+  reSendUPF(option.rmUid);
+  // upfTotalFlow.value.map((item: any) => {
+  //   item.requestFlag = false;
+  // });
+
+  for (var key in upfTotalFlow.value) {
+    upfTotalFlow.value[key].requestFlag = false;
+  }
+  loadData();
+}
+
+// 定义一个方法返回 views 容器
+const getPopupContainer = () => {
+  // 使用 ref 或其他方式来引用你的 views 容器
+  // 如果 views 容器直接在这个组件内部，你可以使用 ref
+  // 但在这个例子中，我们假设它是通过类名来获取的
+  return document.querySelector('.viewport');
+};
+
 onMounted(() => {
-  fnGetSkim().then(() => {
-    loadData();
-  });
+
+  neInfoStore.fnNelist().then(res => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+      if (res.data.length > 0) {
+        let arr: Record<string, any>[] = [];
+        res.data.forEach(i => {
+          if (i.neType === 'UPF') {
+            arr.push({ value: i.neId, label: i.neName, rmUid: i.rmUid });
+          }
+        });
+
+        neOtions.value = arr;
+        if (arr.length > 0) {
+          //queryParams.neRealId = arr[0].value;
+          fnSelectNe(arr[0].value, arr[0]);
+        }
+
+        // 过滤不可用的网元
+        neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
+          (item: any) => {
+            return ['UDM', 'SMF', 'IMS', 'AMF', 'MME'].includes(
+              item.value
+            );
+          }
+        );
+        if (neCascaderOptions.value.length === 0) {
+          message.warning({
+            content: t('common.noData'),
+            duration: 2,
+          });
+          return;
+        }
+      }
+    } else {
+      message.warning({
+        content: t('common.noData'),
+        duration: 2,
+      });
+    }
+  })
+    .finally(() => {
+      fnGetSkim().then(() => {
+        loadData();
+      })
+    })
+
 });
 
 onBeforeUnmount(() => {
@@ -205,11 +352,7 @@ onBeforeUnmount(() => {
 <template>
   <div class="viewport" ref="viewportDom">
     <div class="brand">
-      <div
-        class="brand-title"
-        @click="toggle"
-        :title="t('views.dashboard.overview.fullscreen')"
-      >
+      <div class="brand-title" @click="toggle" :title="t('views.dashboard.overview.fullscreen')">
         {{ t('views.dashboard.overview.title') }}
         <FullscreenExitOutlined v-if="isFullscreen" />
         <FullscreenOutlined v-else />
@@ -226,27 +369,17 @@ onBeforeUnmount(() => {
             {{ t('views.dashboard.overview.skim.userTitle') }}
           </h3>
           <div class="data">
-            <div
-              class="item toRouter"
-              @click="fnToRouter('Sub_2010')"
-              :title="t('views.dashboard.overview.toRouter')"
-            >
+            <div class="item toRouter" @click="fnToRouter('Sub_2010')" :title="t('views.dashboard.overview.toRouter')">
               <div>
-                <UserOutlined
-                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
-                />
+                <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />
                 {{ skimState.udmSubNum }}
               </div>
               <span>
                 {{ t('views.dashboard.overview.skim.users') }}
               </span>
             </div>
-            <div
-              class="item toRouter"
-              @click="fnToRouter('Ims_2080')"
-              :title="t('views.dashboard.overview.toRouter')"
-              style="margin: 0 12px"
-            >
+            <div class="item toRouter" @click="fnToRouter('Ims_2080')" :title="t('views.dashboard.overview.toRouter')"
+              style="margin: 0 12px">
               <div>
                 <img :src="svgUserIMS" style="width: 18px; margin-right: 8px" />
                 {{ skimState.imsUeNum }}
@@ -255,11 +388,7 @@ onBeforeUnmount(() => {
                 {{ t('views.dashboard.overview.skim.imsUeNum') }}
               </span>
             </div>
-            <div
-              class="item toRouter"
-              @click="fnToRouter('Ue_2081')"
-              :title="t('views.dashboard.overview.toRouter')"
-            >
+            <div class="item toRouter" @click="fnToRouter('Ue_2081')" :title="t('views.dashboard.overview.toRouter')">
               <div>
                 <img :src="svgUserSMF" style="width: 18px; margin-right: 8px" />
                 {{ skimState.smfUeNum }}
@@ -278,29 +407,18 @@ onBeforeUnmount(() => {
             {{ t('views.dashboard.overview.skim.baseTitle') }}
           </h3>
           <div class="data">
-            <div
-              class="item toRouter"
-              @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
-              :title="t('views.dashboard.overview.toRouter')"
-            >
+            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
+              :title="t('views.dashboard.overview.toRouter')">
               <div style="align-items: flex-start">
-                <img
-                  :src="svgBase"
-                  style="width: 18px; margin-right: 8px; height: 2rem"
-                />
+                <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
                 {{ skimState.gnbNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.gnbBase') }}</span>
             </div>
-            <div
-              class="item toRouter"
-              @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
-              :title="t('views.dashboard.overview.toRouter')"
-            >
+            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
+              :title="t('views.dashboard.overview.toRouter')">
               <div style="align-items: flex-start">
-                <UserOutlined
-                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
-                />
+                <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />
                 {{ skimState.gnbUeNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.gnbUeNum') }}</span>
@@ -315,29 +433,18 @@ onBeforeUnmount(() => {
             {{ t('views.dashboard.overview.skim.baseTitle') }}
           </h3>
           <div class="data">
-            <div
-              class="item toRouter"
-              @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
-              :title="t('views.dashboard.overview.toRouter')"
-            >
+            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
+              :title="t('views.dashboard.overview.toRouter')">
               <div style="align-items: flex-start">
-                <img
-                  :src="svgBase"
-                  style="width: 18px; margin-right: 8px; height: 2rem"
-                />
+                <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
                 {{ skimState.enbNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.enbBase') }}</span>
             </div>
-            <div
-              class="item toRouter"
-              @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
-              :title="t('views.dashboard.overview.toRouter')"
-            >
+            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
+              :title="t('views.dashboard.overview.toRouter')">
               <div style="align-items: flex-start">
-                <UserOutlined
-                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
-                />
+                <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />
                 {{ skimState.enbUeNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.enbUeNum') }}</span>
@@ -365,12 +472,23 @@ onBeforeUnmount(() => {
         <div class="inner">
           <h3
             class="toRouter"
-            @click="fnToRouter('GoldTarget_2104')"
             :title="t('views.dashboard.overview.toRouter')"
+            style="display: flex; align-items: center"
           >
             <AreaChartOutlined style="color: #68d8fe" />&nbsp;&nbsp;
-            {{ t('views.dashboard.overview.upfFlow.title') }}
+            <span @click="fnToRouter('GoldTarget_2104')">{{
+              t('views.dashboard.overview.upfFlow.title')
+            }}</span>
+            <a-select
+              v-model:value="queryParams.neRealId"
+              :options="neOtions"
+              :get-Popup-Container="getPopupContainer"
+              class="toDeep"
+              style="width: 100px; color: #fff; margin-left: auto"
+              @change="fnSelectNe"
+            />
           </h3>
+
           <div class="chart">
             <UPFFlow />
           </div>
@@ -379,11 +497,8 @@ onBeforeUnmount(() => {
       <!-- 网络拓扑 -->
       <div class="topology panel">
         <div class="inner">
-          <h3
-            class="toRouter"
-            @click="fnToRouter('TopologyArchitecture_2128')"
-            :title="t('views.dashboard.overview.toRouter')"
-          >
+          <h3 class="toRouter" @click="fnToRouter('TopologyArchitecture_2128')"
+            :title="t('views.dashboard.overview.toRouter')">
             <span>
               <ApartmentOutlined style="color: #68d8fe" />&nbsp;&nbsp;
               {{ t('views.dashboard.overview.topology.title') }}
@@ -413,17 +528,10 @@ onBeforeUnmount(() => {
 
             <!-- 筛选 -->
             <div class="filter">
-              <span
-                :data-key="v"
-                :class="{ active: upfTFActive === v }"
-                v-for="v in ['0', '7', '30']"
-                :key="v"
-                @click="
-                  () => {
-                    upfTFActive = v;
-                  }
-                "
-              >
+              <span :data-key="v" :class="{ active: upfTFActive === v }" v-for="v in ['0', '7', '30']" :key="v" @click="() => {
+                upfTFActive = v;
+              }
+                ">
                 {{
                   v === '0'
                     ? '24' + t('common.units.hour')
@@ -456,11 +564,7 @@ onBeforeUnmount(() => {
       <!-- 告警统计 -->
       <div class="alarmType panel">
         <div class="inner">
-          <h3
-            class="toRouter"
-            @click="fnToRouter('HistoryAlarm_2097')"
-            :title="t('views.dashboard.overview.toRouter')"
-          >
+          <h3 class="toRouter" @click="fnToRouter('HistoryAlarm_2097')" :title="t('views.dashboard.overview.toRouter')">
             <PieChartOutlined style="color: #68d8fe" />&nbsp;&nbsp;
             {{ t('views.dashboard.overview.alarmTypeBar.alarmSum') }}
           </h3>
@@ -488,4 +592,20 @@ onBeforeUnmount(() => {
 
 <style lang="less" scoped>
 @import url('./css/index.css');
+.toDeep {
+  --editor-background-color: blue;
+}
+
+.toDeep :deep(.ant-select-selector) {
+  background-color: #101129;
+  border: none;
+}
+
+.toDeep :deep(.ant-select-arrow) {
+  color: #fff;
+}
+
+.toDeep :deep(.ant-select-selection-item) {
+  color: #fff;
+}
 </style>

From eea4e0069d78195bf0a7a8309b844a7ee2b1431c Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 20 Dec 2024 16:36:33 +0800
Subject: [PATCH 33/36] =?UTF-8?q?feat:=20CDR=E9=A1=B5=E9=9D=A2=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E7=BD=91=E5=85=83=E9=87=8D=E7=BD=AE=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/imsCDR/index.vue  | 1 +
 src/views/dashboard/sgwcCDR/index.vue | 1 +
 src/views/dashboard/smfCDR/index.vue  | 1 +
 src/views/dashboard/smscCDR/index.vue | 1 +
 4 files changed, 4 insertions(+)

diff --git a/src/views/dashboard/imsCDR/index.vue b/src/views/dashboard/imsCDR/index.vue
index 3cd64bfd..75be11c8 100644
--- a/src/views/dashboard/imsCDR/index.vue
+++ b/src/views/dashboard/imsCDR/index.vue
@@ -532,6 +532,7 @@ onBeforeUnmount(() => {
                 v-model:value="queryParams.neId"
                 :options="neOtions"
                 :placeholder="t('common.selectPlease')"
+                @change="fnQueryReset()"
               />
             </a-form-item>
           </a-col>
diff --git a/src/views/dashboard/sgwcCDR/index.vue b/src/views/dashboard/sgwcCDR/index.vue
index d9e5bd9a..a57d62e0 100644
--- a/src/views/dashboard/sgwcCDR/index.vue
+++ b/src/views/dashboard/sgwcCDR/index.vue
@@ -503,6 +503,7 @@ onBeforeUnmount(() => {
                 v-model:value="queryParams.neId"
                 :options="neOtions"
                 :placeholder="t('common.selectPlease')"
+                @change="fnQueryReset()"
               />
             </a-form-item>
           </a-col>
diff --git a/src/views/dashboard/smfCDR/index.vue b/src/views/dashboard/smfCDR/index.vue
index cd6ef037..f4951320 100644
--- a/src/views/dashboard/smfCDR/index.vue
+++ b/src/views/dashboard/smfCDR/index.vue
@@ -532,6 +532,7 @@ onBeforeUnmount(() => {
                 v-model:value="queryParams.neId"
                 :options="neOtions"
                 :placeholder="t('common.selectPlease')"
+                @change="fnQueryReset()"
               />
             </a-form-item>
           </a-col>
diff --git a/src/views/dashboard/smscCDR/index.vue b/src/views/dashboard/smscCDR/index.vue
index 1f76ddc4..de9068f3 100644
--- a/src/views/dashboard/smscCDR/index.vue
+++ b/src/views/dashboard/smscCDR/index.vue
@@ -502,6 +502,7 @@ onBeforeUnmount(() => {
                 v-model:value="queryParams.neId"
                 :options="neOtions"
                 :placeholder="t('common.selectPlease')"
+                @change="fnQueryReset()"
               />
             </a-form-item>
           </a-col>

From 44612081bc4a85341a4cbb34e5855ac7a17cea0a Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 20 Dec 2024 18:36:52 +0800
Subject: [PATCH 34/36] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E5=8F=B7=202.241220?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development | 4 ++--
 .env.production  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/.env.development b/.env.development
index 969414dd..155b8ccf 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 历史路径-哈希带井号标识
-VITE_HISTORY_HASH = false
+VITE_HISTORY_HASH = true
 
 # 历史路径-前缀URL如：/h5
 VITE_HISTORY_BASE_URL = "/"
@@ -11,7 +11,7 @@ VITE_APP_NAME = "Core Network OMC"
 VITE_APP_CODE = "OMC"
 
 # 应用版本
-VITE_APP_VERSION = "2.241213"
+VITE_APP_VERSION = "2.241220"
 
 # 接口基础URL地址-不带/后缀
 VITE_API_BASE_URL = "/omc-api"
diff --git a/.env.production b/.env.production
index a3259705..155b8ccf 100644
--- a/.env.production
+++ b/.env.production
@@ -11,7 +11,7 @@ VITE_APP_NAME = "Core Network OMC"
 VITE_APP_CODE = "OMC"
 
 # 应用版本
-VITE_APP_VERSION = "2.241213"
+VITE_APP_VERSION = "2.241220"
 
 # 接口基础URL地址-不带/后缀
 VITE_API_BASE_URL = "/omc-api"

From 41e37766b7c1a97d76eed17e579b0454e602dcbc Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 23 Dec 2024 19:39:06 +0800
Subject: [PATCH 35/36] =?UTF-8?q?feat:=20SMSC=E7=9F=AD=E4=BF=A1=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E6=98=BE=E7=A4=BA=EF=BC=8C=E6=9D=83=E9=99=90=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E6=98=BE=E7=A4=BA=E6=93=8D=E4=BD=9C=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?cdr:ne:remove?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/amfUE/index.vue   |  2 ++
 src/views/dashboard/imsCDR/index.vue  |  2 ++
 src/views/dashboard/mmeUE/index.vue   |  2 ++
 src/views/dashboard/sgwcCDR/index.vue |  2 ++
 src/views/dashboard/smfCDR/index.vue  |  2 ++
 src/views/dashboard/smscCDR/index.vue | 22 +++++++++++++++++++++-
 6 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/amfUE/index.vue b/src/views/dashboard/amfUE/index.vue
index 979a1d6c..83e061e6 100644
--- a/src/views/dashboard/amfUE/index.vue
+++ b/src/views/dashboard/amfUE/index.vue
@@ -522,6 +522,7 @@ onBeforeUnmount(() => {
             :disabled="tableState.selectedRowKeys.length <= 0"
             :loading="modalState.confirmLoading"
             @click.prevent="fnRecordDelete('0')"
+            v-perms:has="['cdr:ne:remove']"
           >
             <template #icon><DeleteOutlined /></template>
             {{ t('common.deleteText') }}
@@ -644,6 +645,7 @@ onBeforeUnmount(() => {
                 <a-button
                   type="link"
                   @click.prevent="fnRecordDelete(record.id)"
+                  v-perms:has="['cdr:ne:remove']"
                 >
                   <template #icon>
                     <DeleteOutlined />
diff --git a/src/views/dashboard/imsCDR/index.vue b/src/views/dashboard/imsCDR/index.vue
index 75be11c8..1dd05528 100644
--- a/src/views/dashboard/imsCDR/index.vue
+++ b/src/views/dashboard/imsCDR/index.vue
@@ -639,6 +639,7 @@ onBeforeUnmount(() => {
             :disabled="tableState.selectedRowKeys.length <= 0"
             :loading="modalState.confirmLoading"
             @click.prevent="fnRecordDelete('0')"
+            v-perms:has="['cdr:ne:remove']"
           >
             <template #icon><DeleteOutlined /></template>
             {{ t('common.deleteText') }}
@@ -751,6 +752,7 @@ onBeforeUnmount(() => {
                 <a-button
                   type="link"
                   @click.prevent="fnRecordDelete(record.id)"
+                  v-perms:has="['cdr:ne:remove']"
                 >
                   <template #icon>
                     <DeleteOutlined />
diff --git a/src/views/dashboard/mmeUE/index.vue b/src/views/dashboard/mmeUE/index.vue
index 80ace9f4..bf822d45 100644
--- a/src/views/dashboard/mmeUE/index.vue
+++ b/src/views/dashboard/mmeUE/index.vue
@@ -572,6 +572,7 @@ onBeforeUnmount(() => {
             :disabled="tableState.selectedRowKeys.length <= 0"
             :loading="modalState.confirmLoading"
             @click.prevent="fnRecordDelete('0')"
+            v-perms:has="['cdr:ne:remove']"
           >
             <template #icon><DeleteOutlined /></template>
             {{ t('common.deleteText') }}
@@ -675,6 +676,7 @@ onBeforeUnmount(() => {
                 <a-button
                   type="link"
                   @click.prevent="fnRecordDelete(record.id)"
+                  v-perms:has="['cdr:ne:remove']"
                 >
                   <template #icon>
                     <DeleteOutlined />
diff --git a/src/views/dashboard/sgwcCDR/index.vue b/src/views/dashboard/sgwcCDR/index.vue
index a57d62e0..b54704fd 100644
--- a/src/views/dashboard/sgwcCDR/index.vue
+++ b/src/views/dashboard/sgwcCDR/index.vue
@@ -598,6 +598,7 @@ onBeforeUnmount(() => {
             :disabled="tableState.selectedRowKeys.length <= 0"
             :loading="modalState.confirmLoading"
             @click.prevent="fnRecordDelete('0')"
+            v-perms:has="['cdr:ne:remove']"
           >
             <template #icon><DeleteOutlined /></template>
             {{ t('common.deleteText') }}
@@ -692,6 +693,7 @@ onBeforeUnmount(() => {
                 <a-button
                   type="link"
                   @click.prevent="fnRecordDelete(record.id)"
+                  v-perms:has="['cdr:ne:remove']"
                 >
                   <template #icon>
                     <DeleteOutlined />
diff --git a/src/views/dashboard/smfCDR/index.vue b/src/views/dashboard/smfCDR/index.vue
index f4951320..727f262f 100644
--- a/src/views/dashboard/smfCDR/index.vue
+++ b/src/views/dashboard/smfCDR/index.vue
@@ -614,6 +614,7 @@ onBeforeUnmount(() => {
             :disabled="tableState.selectedRowKeys.length <= 0"
             :loading="modalState.confirmLoading"
             @click.prevent="fnRecordDelete('0')"
+            v-perms:has="['cdr:ne:remove']"
           >
             <template #icon><DeleteOutlined /></template>
             {{ t('common.deleteText') }}
@@ -708,6 +709,7 @@ onBeforeUnmount(() => {
                 <a-button
                   type="link"
                   @click.prevent="fnRecordDelete(record.id)"
+                  v-perms:has="['cdr:ne:remove']"
                 >
                   <template #icon>
                     <DeleteOutlined />
diff --git a/src/views/dashboard/smscCDR/index.vue b/src/views/dashboard/smscCDR/index.vue
index de9068f3..da009f54 100644
--- a/src/views/dashboard/smscCDR/index.vue
+++ b/src/views/dashboard/smscCDR/index.vue
@@ -22,6 +22,7 @@ import { OptionsType, WS } from '@/plugins/ws-websocket';
 import saveAs from 'file-saver';
 import PQueue from 'p-queue';
 import { useClipboard } from '@vueuse/core';
+import { hasPermissions } from '@/plugins/auth-user';
 const { copy } = useClipboard({ legacy: true });
 const { getDict } = useDictStore();
 const { t } = useI18n();
@@ -609,6 +610,7 @@ onBeforeUnmount(() => {
             :disabled="tableState.selectedRowKeys.length <= 0"
             :loading="modalState.confirmLoading"
             @click.prevent="fnRecordDelete('0')"
+            v-perms:has="['cdr:ne:remove']"
           >
             <template #icon><DeleteOutlined /></template>
             {{ t('common.deleteText') }}
@@ -716,6 +718,7 @@ onBeforeUnmount(() => {
                 <a-button
                   type="link"
                   @click.prevent="fnRecordDelete(record.id)"
+                  v-perms:has="['cdr:ne:remove']"
                 >
                   <template #icon>
                     <DeleteOutlined />
@@ -727,7 +730,7 @@ onBeforeUnmount(() => {
         </template>
         <template #expandedRowRender="{ record }">
           <a-row :gutter="16">
-            <a-col :lg="8" :md="12" :xs="24" :offset="2">
+            <a-col :lg="8" :md="12" :xs="22" :offset="2">
               <a-divider orientation="left">
                 {{ t('views.dashboard.cdr.cdrInfo') }}
               </a-divider>
@@ -781,6 +784,23 @@ onBeforeUnmount(() => {
                 </span>
               </div>
             </a-col>
+            <a-col
+              :lg="16"
+              :md="16"
+              :xs="22"
+              :offset="2"
+              v-if="
+                record.cdrJSON?.smsContent &&
+                hasPermissions(['cdr:smsc:content'])
+              "
+            >
+              <a-divider orientation="left"> Content </a-divider>
+              <a-typography-paragraph
+                copyable
+                :content="record.cdrJSON.smsContent"
+              >
+              </a-typography-paragraph>
+            </a-col>
           </a-row>
         </template>
       </a-table>

From b7da97681913db13ee8819735247d04ed17b7f30 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 23 Dec 2024 20:05:13 +0800
Subject: [PATCH 36/36] =?UTF-8?q?fix:=20=E7=9C=8B=E6=9D=BFUDM=E7=AD=BE?=
 =?UTF-8?q?=E7=BA=A6=E6=95=B0=E6=8D=AE=E8=8E=B7=E5=8F=96x2=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/overview/index.vue | 351 +++++++++++++------------
 1 file changed, 187 insertions(+), 164 deletions(-)

diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index e9fde2ac..46b5ce37 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/src/views/dashboard/overview/index.vue
@@ -102,111 +102,82 @@ function fnGetNeState() {
 
 /**获取概览信息 */
 async function fnGetSkim() {
-  // console.log(neCascaderOptions.value);
-  // const resArr = await Promise.allSettled([
-  //   listUDMSub({
-  //     neid: '001',
-  //     pageNum: 1,
-  //     pageSize: 1,
-  //   }),
-  //   listUENumBySMF('001'),
-  //   listUENumByIMS('001'),
-  //   listBase5G({
-  //     neType: 'AMF',
-  //     neId: '001',
-  //   }),
-  //   listBase5G({
-  //     neType: 'MME',
-  //     neId: '001',
-  //   }),
-  // ]);
-
-  // if (resArr[0].status === 'fulfilled') {
-  //   const res0 = resArr[0].value;
-  //   if (res0.code === RESULT_CODE_SUCCESS) {
-  //     skimState.udmSubNum = res0.total;
-  //   }
-  // }
-  // if (resArr[1].status === 'fulfilled') {
-  //   const res1 = resArr[1].value;
-  //   if (res1.code === RESULT_CODE_SUCCESS) {
-  //     skimState.smfUeNum = res1.data;
-  //   }
-  // }
-  // if (resArr[2].status === 'fulfilled') {
-  //   const res2 = resArr[2].value;
-  //   if (res2.code === RESULT_CODE_SUCCESS) {
-  //     skimState.imsUeNum = res2.data;
-  //   }
-  // }
-  // if (resArr[3].status === 'fulfilled') {
-  //   const res3 = resArr[3].value;
-  //   if (res3.code === RESULT_CODE_SUCCESS) {
-  //     skimState.gnbNum = res3.total;
-  //     skimState.gnbUeNum = 0;
-  //     res3.rows.map((item: any) => {
-  //       skimState.gnbUeNum += item.ueNum;
-  //     });
-  //   }
-  // }
-  // if (resArr[4].status === 'fulfilled') {
-  //   const res4 = resArr[4].value;
-  //   if (res4.code === RESULT_CODE_SUCCESS) {
-  //     skimState.enbNum = res4.total;
-  //     skimState.enbUeNum = 0;
-  //     res4.rows.map((item: any) => {
-  //       skimState.enbUeNum += item.ueNum;
-  //     });
-  //   }
-  // }
-
-
   const neHandlers = new Map([
-    ['UDM', {
-      request: (neId: string) => listUDMSub({ neid: neId, pageNum: 1, pageSize: 1 }),
-      process: (res: any) => res.code === RESULT_CODE_SUCCESS && (skimState.udmSubNum += res.total)
-    }],
-    ['SMF', {
-      request: (neId: string) => listUENumBySMF(neId),
-      process: (res: any) => res.code === RESULT_CODE_SUCCESS && (skimState.smfUeNum += res.data)
-    }],
-    ['IMS', {
-      request: (neId: string) => listUENumByIMS(neId),
-      process: (res: any) => res.code === RESULT_CODE_SUCCESS && (skimState.imsUeNum += res.data)
-    }],
-    ['AMF', {
-      request: (neId: string) => listBase5G({ neType: 'AMF', neId }),
-      process: (res: any) => {
-        if (res.code === RESULT_CODE_SUCCESS) {
-          skimState.gnbNum += res.total;
-          skimState.gnbUeNum += res.rows.reduce((sum: number, item: any) => sum + item.ueNum, 0);
-        }
-      }
-    }],
-    ['MME', {
-      request: (neId: string) => listBase5G({ neType: 'MME', neId }),
-      process: (res: any) => {
-        if (res.code === RESULT_CODE_SUCCESS) {
-          skimState.enbNum += res.total;
-          skimState.enbUeNum += res.rows.reduce((sum: number, item: any) => sum + item.ueNum, 0);
-        }
-      }
-    }]
+    [
+      'UDM',
+      {
+        request: (neId: string) =>
+          listUDMSub({ neId: neId, pageNum: 1, pageSize: 1 }),
+        process: (res: any) =>
+          res.code === RESULT_CODE_SUCCESS &&
+          (skimState.udmSubNum += res.total),
+      },
+    ],
+    [
+      'SMF',
+      {
+        request: (neId: string) => listUENumBySMF(neId),
+        process: (res: any) =>
+          res.code === RESULT_CODE_SUCCESS && (skimState.smfUeNum += res.data),
+      },
+    ],
+    [
+      'IMS',
+      {
+        request: (neId: string) => listUENumByIMS(neId),
+        process: (res: any) =>
+          res.code === RESULT_CODE_SUCCESS && (skimState.imsUeNum += res.data),
+      },
+    ],
+    [
+      'AMF',
+      {
+        request: (neId: string) => listBase5G({ neType: 'AMF', neId }),
+        process: (res: any) => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            skimState.gnbNum += res.total;
+            skimState.gnbUeNum += res.rows.reduce(
+              (sum: number, item: any) => sum + item.ueNum,
+              0
+            );
+          }
+        },
+      },
+    ],
+    [
+      'MME',
+      {
+        request: (neId: string) => listBase5G({ neType: 'MME', neId }),
+        process: (res: any) => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            skimState.enbNum += res.total;
+            skimState.enbUeNum += res.rows.reduce(
+              (sum: number, item: any) => sum + item.ueNum,
+              0
+            );
+          }
+        },
+      },
+    ],
   ]);
 
-  const requests = neCascaderOptions.value.flatMap((ne: any) =>
-    ne.children?.map((child: any) => {
-      const handler = neHandlers.get(child.neType);
-      return handler ? {
-        promise: handler.request(child.neId),
-        process: handler.process
-      } : null;
-    }).filter(Boolean) || []
+  const requests = neCascaderOptions.value.flatMap(
+    (ne: any) =>
+      ne.children
+        ?.map((child: any) => {
+          const handler = neHandlers.get(child.neType);
+          return handler
+            ? {
+                promise: handler.request(child.neId),
+                process: handler.process,
+              }
+            : null;
+        })
+        .filter(Boolean) || []
   );
 
   const results = await Promise.allSettled(requests.map(r => r.promise));
 
-
   // 重置
   Object.assign(skimState, {
     udmSubNum: 0,
@@ -215,7 +186,7 @@ async function fnGetSkim() {
     gnbNum: 0,
     gnbUeNum: 0,
     enbNum: 0,
-    enbUeNum: 0
+    enbUeNum: 0,
   });
   results.forEach((result, index) => {
     if (result.status === 'fulfilled') {
@@ -293,52 +264,50 @@ const getPopupContainer = () => {
 };
 
 onMounted(() => {
-
-  neInfoStore.fnNelist().then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-      if (res.data.length > 0) {
-        let arr: Record<string, any>[] = [];
-        res.data.forEach(i => {
-          if (i.neType === 'UPF') {
-            arr.push({ value: i.neId, label: i.neName, rmUid: i.rmUid });
-          }
-        });
-
-        neOtions.value = arr;
-        if (arr.length > 0) {
-          //queryParams.neRealId = arr[0].value;
-          fnSelectNe(arr[0].value, arr[0]);
-        }
-
-        // 过滤不可用的网元
-        neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
-          (item: any) => {
-            return ['UDM', 'SMF', 'IMS', 'AMF', 'MME'].includes(
-              item.value
-            );
-          }
-        );
-        if (neCascaderOptions.value.length === 0) {
-          message.warning({
-            content: t('common.noData'),
-            duration: 2,
+  neInfoStore
+    .fnNelist()
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+        if (res.data.length > 0) {
+          let arr: Record<string, any>[] = [];
+          res.data.forEach(i => {
+            if (i.neType === 'UPF') {
+              arr.push({ value: i.neId, label: i.neName, rmUid: i.rmUid });
+            }
           });
-          return;
+
+          neOtions.value = arr;
+          if (arr.length > 0) {
+            //queryParams.neRealId = arr[0].value;
+            fnSelectNe(arr[0].value, arr[0]);
+          }
+
+          // 过滤不可用的网元
+          neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
+            (item: any) => {
+              return ['UDM', 'SMF', 'IMS', 'AMF', 'MME'].includes(item.value);
+            }
+          );
+          if (neCascaderOptions.value.length === 0) {
+            message.warning({
+              content: t('common.noData'),
+              duration: 2,
+            });
+            return;
+          }
         }
+      } else {
+        message.warning({
+          content: t('common.noData'),
+          duration: 2,
+        });
       }
-    } else {
-      message.warning({
-        content: t('common.noData'),
-        duration: 2,
-      });
-    }
-  })
+    })
     .finally(() => {
       fnGetSkim().then(() => {
         loadData();
-      })
-    })
-
+      });
+    });
 });
 
 onBeforeUnmount(() => {
@@ -352,7 +321,11 @@ onBeforeUnmount(() => {
 <template>
   <div class="viewport" ref="viewportDom">
     <div class="brand">
-      <div class="brand-title" @click="toggle" :title="t('views.dashboard.overview.fullscreen')">
+      <div
+        class="brand-title"
+        @click="toggle"
+        :title="t('views.dashboard.overview.fullscreen')"
+      >
         {{ t('views.dashboard.overview.title') }}
         <FullscreenExitOutlined v-if="isFullscreen" />
         <FullscreenOutlined v-else />
@@ -369,17 +342,27 @@ onBeforeUnmount(() => {
             {{ t('views.dashboard.overview.skim.userTitle') }}
           </h3>
           <div class="data">
-            <div class="item toRouter" @click="fnToRouter('Sub_2010')" :title="t('views.dashboard.overview.toRouter')">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Sub_2010')"
+              :title="t('views.dashboard.overview.toRouter')"
+            >
               <div>
-                <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />
+                <UserOutlined
+                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
+                />
                 {{ skimState.udmSubNum }}
               </div>
               <span>
                 {{ t('views.dashboard.overview.skim.users') }}
               </span>
             </div>
-            <div class="item toRouter" @click="fnToRouter('Ims_2080')" :title="t('views.dashboard.overview.toRouter')"
-              style="margin: 0 12px">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Ims_2080')"
+              :title="t('views.dashboard.overview.toRouter')"
+              style="margin: 0 12px"
+            >
               <div>
                 <img :src="svgUserIMS" style="width: 18px; margin-right: 8px" />
                 {{ skimState.imsUeNum }}
@@ -388,7 +371,11 @@ onBeforeUnmount(() => {
                 {{ t('views.dashboard.overview.skim.imsUeNum') }}
               </span>
             </div>
-            <div class="item toRouter" @click="fnToRouter('Ue_2081')" :title="t('views.dashboard.overview.toRouter')">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Ue_2081')"
+              :title="t('views.dashboard.overview.toRouter')"
+            >
               <div>
                 <img :src="svgUserSMF" style="width: 18px; margin-right: 8px" />
                 {{ skimState.smfUeNum }}
@@ -407,18 +394,29 @@ onBeforeUnmount(() => {
             {{ t('views.dashboard.overview.skim.baseTitle') }}
           </h3>
           <div class="data">
-            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
-              :title="t('views.dashboard.overview.toRouter')">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
+              :title="t('views.dashboard.overview.toRouter')"
+            >
               <div style="align-items: flex-start">
-                <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
+                <img
+                  :src="svgBase"
+                  style="width: 18px; margin-right: 8px; height: 2rem"
+                />
                 {{ skimState.gnbNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.gnbBase') }}</span>
             </div>
-            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
-              :title="t('views.dashboard.overview.toRouter')">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Base5G_2082', { neType: 'AMF' })"
+              :title="t('views.dashboard.overview.toRouter')"
+            >
               <div style="align-items: flex-start">
-                <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />
+                <UserOutlined
+                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
+                />
                 {{ skimState.gnbUeNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.gnbUeNum') }}</span>
@@ -433,18 +431,29 @@ onBeforeUnmount(() => {
             {{ t('views.dashboard.overview.skim.baseTitle') }}
           </h3>
           <div class="data">
-            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
-              :title="t('views.dashboard.overview.toRouter')">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
+              :title="t('views.dashboard.overview.toRouter')"
+            >
               <div style="align-items: flex-start">
-                <img :src="svgBase" style="width: 18px; margin-right: 8px; height: 2rem" />
+                <img
+                  :src="svgBase"
+                  style="width: 18px; margin-right: 8px; height: 2rem"
+                />
                 {{ skimState.enbNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.enbBase') }}</span>
             </div>
-            <div class="item toRouter" @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
-              :title="t('views.dashboard.overview.toRouter')">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Base5G_2082', { neType: 'MME' })"
+              :title="t('views.dashboard.overview.toRouter')"
+            >
               <div style="align-items: flex-start">
-                <UserOutlined style="color: #4096ff; margin-right: 8px; font-size: 1.1rem" />
+                <UserOutlined
+                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
+                />
                 {{ skimState.enbUeNum }}
               </div>
               <span>{{ t('views.dashboard.overview.skim.enbUeNum') }}</span>
@@ -497,8 +506,11 @@ onBeforeUnmount(() => {
       <!-- 网络拓扑 -->
       <div class="topology panel">
         <div class="inner">
-          <h3 class="toRouter" @click="fnToRouter('TopologyArchitecture_2128')"
-            :title="t('views.dashboard.overview.toRouter')">
+          <h3
+            class="toRouter"
+            @click="fnToRouter('TopologyArchitecture_2128')"
+            :title="t('views.dashboard.overview.toRouter')"
+          >
             <span>
               <ApartmentOutlined style="color: #68d8fe" />&nbsp;&nbsp;
               {{ t('views.dashboard.overview.topology.title') }}
@@ -528,10 +540,17 @@ onBeforeUnmount(() => {
 
             <!-- 筛选 -->
             <div class="filter">
-              <span :data-key="v" :class="{ active: upfTFActive === v }" v-for="v in ['0', '7', '30']" :key="v" @click="() => {
-                upfTFActive = v;
-              }
-                ">
+              <span
+                :data-key="v"
+                :class="{ active: upfTFActive === v }"
+                v-for="v in ['0', '7', '30']"
+                :key="v"
+                @click="
+                  () => {
+                    upfTFActive = v;
+                  }
+                "
+              >
                 {{
                   v === '0'
                     ? '24' + t('common.units.hour')
@@ -564,7 +583,11 @@ onBeforeUnmount(() => {
       <!-- 告警统计 -->
       <div class="alarmType panel">
         <div class="inner">
-          <h3 class="toRouter" @click="fnToRouter('HistoryAlarm_2097')" :title="t('views.dashboard.overview.toRouter')">
+          <h3
+            class="toRouter"
+            @click="fnToRouter('HistoryAlarm_2097')"
+            :title="t('views.dashboard.overview.toRouter')"
+          >
             <PieChartOutlined style="color: #68d8fe" />&nbsp;&nbsp;
             {{ t('views.dashboard.overview.alarmTypeBar.alarmSum') }}
           </h3>