style: CDR页面多语言处理

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 数据
-    dataIndex: 'cdrJSON',
-    align: 'left',
-    width: 150,
-    customRender(opt) {
-      const cdrJSON = opt.value;
-      return cdrJSON.subscriberIdentifier?.subscriptionIDData;
-    },
-  },
-  {
-    title: 'Subscriber ID Type', // 用户 ID 类型
+    title: t('views.dashboard.cdr.smfSubscriptionIDType'), // 用户 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>