style: CDR页面多语言处理

src/i18n/locales/en-US.ts

@@ -149,6 +149,7 @@ export default {
     page403: 'No Access',
     page404: 'Match Page Not Found',
     helpDoc: 'System User Documentation',
+    lockScreen: 'Lock Screen',
     account: {
       index: "Personal Center",
       profile: "Personal Info",
@@ -559,8 +560,6 @@ export default {
         realTimeDataStart: "Turn on real-time data",
         realTimeDataStop: "Turn off real-time data",
         cdrInfo: "CDR Info",
-        neName: "NE name",
-        rmUID: "UID",
         time: "Time",
         rowInfo: "Info",
         type: "Type",
@@ -569,21 +568,27 @@ export default {
         called: "Called",
         result: "Result",
         delTip: "Confirm deletion of the data item numbered [{msg}]?",
-        exportTipIMS: "Do you confirm to export the current query conditions of the CDR data? (Maximum 10,000 items can be exported.)",
+        exportTip: "Do you confirm to export the current query conditions of the CDR data? (Maximum 10,000 items can be exported.)",
+        smfChargingID: 'Charging ID',
+        smfSubscriptionIDData: 'Subscriber ID Data',
+        smfSubscriptionIDType: 'Subscriber ID Type',
+        smfDataVolumeUplink: 'Data Volume Uplink',
+        smfDataVolumeDownlink: 'Data Volume Downlink',
+        smfDataTotalVolume: 'Data Total Volume',
+        smfDuration: 'Duration',
+        smfInvocationTime: 'Invocation Time',
       },
       ue: {
         eventType: "Event Type",
         realTimeDataStart: "Turn on real-time data",
         realTimeDataStop: "Turn off real-time data",
         ueInfo: "UE Info",
-        neName: "NE name",
-        rmUID: "UID",
         time: "Time",
         rowInfo: "Info",
         result: "Result",
         resultOk: "Successes",
         delTip: "Confirm deletion of the data item numbered [{msg}]?",
-        exportTipIMS: "Do you confirm to export the event data of the current query condition? (Maximum 10,000 items can be exported.)",
+        exportTip: "Do you confirm to export the event data of the current query condition? (Maximum 10,000 items can be exported.)",
       },
     },
     ne: {

src/i18n/locales/zh-CN.ts

@@ -149,6 +149,7 @@ export default {
     page403: '没有访问权限',
     page404: '找不到匹配页面',
     helpDoc: '系统使用文档',
+    lockScreen: '锁屏',
     account: {
       index: "个人中心",
       profile: "个人信息",
@@ -559,8 +560,6 @@ export default {
         realTimeDataStart: "开启实时数据",
         realTimeDataStop: "关闭实时数据",
         cdrInfo: "CDR信息",
-        neName: "网元名称",
-        rmUID: "资源标识",
         time: "记录时间",
         rowInfo: "记录信息",
         type: "记录类型",
@@ -569,21 +568,27 @@ export default {
         called: "被叫",
         result: "结果",
         delTip: "确认删除编号为【{msg}】的数据项?",
-        exportTipIMS: "确认导出当前查询条件的话单数据吗？（导出最大支持一万条）",
+        exportTip: "确认导出当前查询条件的话单数据吗？（导出最大支持一万条）",
+        smfChargingID: '计费ID',
+        smfSubscriptionIDData: '用户 ID 数据',
+        smfSubscriptionIDType: '用户 ID 类型',
+        smfDataVolumeUplink: '数据量上行链路',
+        smfDataVolumeDownlink: '数据量下行链路',
+        smfDataTotalVolume: '数据总量',
+        smfDuration: '持续时间',
+        smfInvocationTime: '调用时间',
       },
       ue: {
         eventType: "事件类型",
         realTimeDataStart: "开启实时数据",
         realTimeDataStop: "关闭实时数据",
         ueInfo: "UE信息",
-        neName: "网元名称",
-        rmUID: "资源标识",
         rowInfo: "记录信息",
         time: "记录时间",
         result: "结果",
         resultOk: "成功",
         delTip: "确认删除编号为【{msg}】的数据项?",
-        exportTipIMS: "确认导出当前查询条件的事件数据吗？（导出最大支持一万条）",
+        exportTip: "确认导出当前查询条件的事件数据吗？（导出最大支持一万条）",
       },
     },
     ne: {

src/views/dashboard/amfUE/index.vue

@@ -296,7 +296,7 @@ function fnExportList() {
   if (modalState.confirmLoading) return;
   Modal.confirm({
     title: t('common.tipTitle'),
-    content: t('views.dashboard.ue.exportTipAMF'),
+    content: t('views.dashboard.ue.exportTip'),
     onOk() {
       const hide = message.loading(t('common.loading'), 0);
       const querys = toRaw(queryParams);
@@ -662,11 +662,11 @@ onBeforeUnmount(() => {
               {{ t('views.dashboard.ue.ueInfo') }}
             </a-divider>
             <div>
-              <span>{{ t('views.dashboard.ue.neName') }}: </span>
+              <span>{{ t('views.ne.common.neName') }}: </span>
               <span>{{ record.neName }}</span>
             </div>
             <div>
-              <span>{{ t('views.dashboard.ue.rmUID') }}: </span>
+              <span>{{ t('views.ne.common.rmUid') }}: </span>
               <span>{{ record.rmUID }}</span>
             </div>
             <a-divider orientation="left">

src/views/dashboard/imsCDR/index.vue

@@ -338,7 +338,7 @@ function fnExportList() {
   if (modalState.confirmLoading) return;
   Modal.confirm({
     title: t('common.tipTitle'),
-    content: t('views.dashboard.cdr.exportTipIMS'),
+    content: t('views.dashboard.cdr.exportTip'),
     onOk() {
       const hide = message.loading(t('common.loading'), 0);
       const querys = toRaw(queryParams);
@@ -688,11 +688,11 @@ onBeforeUnmount(() => {
               {{ t('views.dashboard.cdr.cdrInfo') }}
             </a-divider>
             <div>
-              <span>{{ t('views.dashboard.cdr.neName') }}: </span>
+              <span>{{ t('views.ne.common.neName') }}: </span>
               <span>{{ record.neName }}</span>
             </div>
             <div>
-              <span>{{ t('views.dashboard.cdr.rmUID') }}: </span>
+              <span>{{ t('views.ne.common.rmUid') }}: </span>
               <span>{{ record.rmUID }}</span>
             </div>
             <div>

src/views/dashboard/smfCDR/index.vue

@@ -85,13 +85,13 @@ let tableState: TabeStateType = reactive({
 /**表格字段列 */
 let tableColumns: ColumnsType = [
   {
-    title: 'ID',
+    title: t('common.rowId'),
     dataIndex: 'id',
     align: 'center',
     width: 100,
   },
   {
-    title: 'Charging ID', // 计费ID
+    title: t('views.dashboard.cdr.smfChargingID'), // 计费ID
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 100,
@@ -101,17 +101,7 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: 'Subscriber ID Data', // 用户 ID 数据
+    title: t('views.dashboard.cdr.smfSubscriptionIDType'), // 用户 ID 类型
-    dataIndex: 'cdrJSON',
-    align: 'left',
-    width: 150,
-    customRender(opt) {
-      const cdrJSON = opt.value;
-      return cdrJSON.subscriberIdentifier?.subscriptionIDData;
-    },
-  },
-  {
-    title: 'Subscriber ID Type', // 用户 ID 类型
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 150,
@@ -121,7 +111,17 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: 'Data Volume Uplink', // 数据量上行链路
+    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,
@@ -142,7 +142,7 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: 'Data Volume Downlink', // 数据量下行链路
+    title: t('views.dashboard.cdr.smfDataVolumeDownlink'), // 数据量下行链路
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 180,
@@ -163,7 +163,7 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: 'Data Total Volume', // 数据总量
+    title: t('views.dashboard.cdr.smfDataTotalVolume'), // 数据总量
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 150,
@@ -184,7 +184,7 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: 'Duration', // 持续时间
+    title: t('views.dashboard.cdr.smfDuration'), // 持续时间
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 100,
@@ -194,7 +194,7 @@ let tableColumns: ColumnsType = [
     },
   },
   {
-    title: 'Invocation Time', // 调用时间
+    title: t('views.dashboard.cdr.smfInvocationTime'), // 调用时间
     dataIndex: 'cdrJSON',
     align: 'left',
     width: 250,
@@ -354,7 +354,7 @@ function fnExportList() {
   if (modalState.confirmLoading) return;
   Modal.confirm({
     title: t('common.tipTitle'),
-    content: t('views.dashboard.cdr.exportTipSMF'),
+    content: t('views.dashboard.cdr.exportTip'),
     onOk() {
       const hide = message.loading(t('common.loading'), 0);
       const querys = toRaw(queryParams);
@@ -473,7 +473,10 @@ onBeforeUnmount(() => {
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
           <a-col :lg="4" :md="12" :xs="24">
-            <a-form-item label="Subscriber ID" name="calledParty ">
+            <a-form-item
+              :label="t('views.dashboard.cdr.smfSubscriptionIDData')"
+              name="calledParty "
+            >
               <a-input
                 v-model:value="queryParams.subscriberID"
                 allow-clear
@@ -645,11 +648,11 @@ onBeforeUnmount(() => {
                 {{ t('views.dashboard.cdr.cdrInfo') }}
               </a-divider>
               <div>
-                <span>{{ t('views.dashboard.cdr.neName') }}: </span>
+                <span>{{ t('views.ne.common.neName') }}: </span>
                 <span>{{ record.neName }}</span>
               </div>
               <div>
-                <span>{{ t('views.dashboard.cdr.rmUID') }}: </span>
+                <span>{{ t('views.ne.common.rmUid') }}: </span>
                 <span>{{ record.rmUID }}</span>
               </div>
               <div>
@@ -679,7 +682,7 @@ onBeforeUnmount(() => {
                 <span>Duration: </span>
                 <span>{{ record.cdrJSON.duration }}</span>
               </div>
-              <a-divider orientation="left"> SubscriberIdentifier </a-divider>
+              <a-divider orientation="left"> Subscriber Identifier </a-divider>
               <div>
                 <span>Subscription ID Type: </span>
                 <span>