feat: 添加CDR SIP响应代码类别类型字典

src/views/dashboard/imsCDR/index.vue

@@ -5,7 +5,6 @@ import { message, Modal } 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 TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
 import useI18n from '@/hooks/useI18n';
 import {
   RESULT_CODE_ERROR,
@@ -37,9 +36,12 @@ let dict: {
   cdrSipCode: DictType[];
   /**CDR 呼叫类型 */
   cdrCallType: DictType[];
+  /**CDR SIP响应代码类别类型 */
+  cdrSipCodeCause: DictType[];
 } = reactive({
   cdrSipCode: [],
   cdrCallType: [],
+  cdrSipCodeCause: [],
 });
 
 /**网元可选 */
@@ -187,13 +189,6 @@ let tableColumns: ColumnsType = [
       return cdrJSON.calledParty;
     },
   },
-  {
-    title: t('views.dashboard.cdr.result'),
-    dataIndex: 'cdrJSON',
-    key: 'cause',
-    align: 'left',
-    width: 150,
-  },
   {
     title: t('views.dashboard.cdr.duration'),
     dataIndex: 'cdrJSON',
@@ -207,36 +202,50 @@ let tableColumns: ColumnsType = [
         : parseDuration(cdrJSON.callDuration);
     },
   },
+  {
+    title: t('views.dashboard.cdr.resultCode'),
+    dataIndex: 'cdrJSON',
+    key: 'code',
+    align: 'left',
+    width: 150,
+  },
+  {
+    title: t('views.dashboard.cdr.resultCause'),
+    dataIndex: 'cdrJSON',
+    key: 'cause',
+    align: 'left',
+    width: 200,
+  },
   {
     title: t('views.dashboard.cdr.seizureTime'),
     dataIndex: 'cdrJSON',
     align: 'left',
-    width: 200,
+    width: 250,
     customRender(opt) {
       const cdrJSON = opt.value;
       if (typeof cdrJSON.seizureTime === 'number') {
         return parseDateToStr(+cdrJSON.seizureTime * 1000);
       }
-      return cdrJSON.seizureTime;
+      return parseDateToStr(cdrJSON.seizureTime);
     },
   },
   {
     title: t('views.dashboard.cdr.releaseTime'),
     dataIndex: 'cdrJSON',
     align: 'left',
-    width: 200,
+    width: 250,
     customRender(opt) {
       const cdrJSON = opt.value;
       if (typeof cdrJSON.releaseTime === 'number') {
         return parseDateToStr(+cdrJSON.releaseTime * 1000);
       }
-      return cdrJSON.releaseTime;
+      return parseDateToStr(cdrJSON.releaseTime);
     },
   },
   {
     title: t('views.dashboard.cdr.tenantName'),
     dataIndex: 'tenantName',
-    align: 'center',
+    align: 'left',
     key: 'tenantName',
     width: 150,
   },
@@ -247,9 +256,6 @@ let tableColumns: ColumnsType = [
   },
 ];
 
-/**表格字段列排序 */
-let tableColumnsDnd = ref<ColumnsType>([]);
-
 /**表格分页器参数 */
 let tablePagination = reactive({
   /**当前页数 */
@@ -510,16 +516,21 @@ function wsMessage(res: Record<string, any>) {
 
 onMounted(() => {
   // 初始字典数据
-  Promise.allSettled([getDict('cdr_sip_code'), getDict('cdr_call_type')]).then(
+  Promise.allSettled([
-    resArr => {
+    getDict('cdr_sip_code'),
-      if (resArr[0].status === 'fulfilled') {
+    getDict('cdr_call_type'),
-        dict.cdrSipCode = resArr[0].value;
+    getDict('cdr_sip_code_cause'),
-      }
+  ]).then(resArr => {
-      if (resArr[1].status === 'fulfilled') {
+    if (resArr[0].status === 'fulfilled') {
-        dict.cdrCallType = resArr[1].value;
+      dict.cdrSipCode = resArr[0].value;
-      }
     }
-  );
+    if (resArr[1].status === 'fulfilled') {
+      dict.cdrCallType = resArr[1].value;
+    }
+    if (resArr[2].status === 'fulfilled') {
+      dict.cdrSipCodeCause = resArr[2].value;
+    }
+  });
   // 获取网元网元列表
   useNeInfoStore()
     .fnNelist()
@@ -738,11 +749,6 @@ onBeforeUnmount(() => {
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
-          <TableColumnsDnd
-            cache-id="imsCdrData"
-            :columns="tableColumns"
-            v-model:columns-dnd="tableColumnsDnd"
-          ></TableColumnsDnd>
           <a-tooltip>
             <template #title>{{ t('common.sizeText') }}</template>
             <a-dropdown trigger="click" placement="bottomRight">
@@ -774,12 +780,12 @@ onBeforeUnmount(() => {
       <a-table
         class="table"
         row-key="id"
-        :columns="tableColumnsDnd"
+        :columns="tableColumns"
         :loading="tableState.loading"
         :data-source="tableState.data"
         :size="tableState.size"
         :pagination="tablePagination"
-        :scroll="{ x: tableColumns.length * 150, y: 'calc(100vh - 480px)' }"
+        :scroll="{ x: tableColumns.length * 160, y: 'calc(100vh - 480px)' }"
         :row-selection="{
           type: 'checkbox',
           columnWidth: '48px',
@@ -794,7 +800,7 @@ onBeforeUnmount(() => {
               :value="record.cdrJSON.callType"
             />
           </template>
-          <template v-if="column.key === 'cause'">
+          <template v-if="column.key === 'code'">
             <span v-if="record.cdrJSON.callType !== 'sms'">
               <DictTag
                 :options="dict.cdrSipCode"
@@ -806,6 +812,16 @@ onBeforeUnmount(() => {
               {{ t('views.dashboard.cdr.resultOk') }}
             </span>
           </template>
+          <template v-if="column.key === 'cause'">
+            <span v-if="record.cdrJSON.callType !== 'sms'">
+              <DictTag
+                :options="dict.cdrSipCodeCause"
+                :value="record.cdrJSON.cause"
+                value-default="0"
+              />
+            </span>
+            <span v-else> Call failure for other reason </span>
+          </template>
           <template v-if="column.key === 'id'">
             <a-space :size="8" align="center">
               <a-tooltip>

src/views/dashboard/overview/components/UserActivity/index.vue

@@ -19,12 +19,15 @@ let dict: {
   ueEventType: DictType[];
   /**UE 事件CM状态 */
   ueEventCmState: DictType[];
+  /**CDR SIP响应代码类别类型 */
+  cdrSipCodeCause: DictType[];
 } = reactive({
   cdrSipCode: [],
   cdrCallType: [],
   ueAauthCode: [],
   ueEventType: [],
   ueEventCmState: [],
+  cdrSipCodeCause: [],
 });
 
 onMounted(() => {
@@ -35,6 +38,7 @@ onMounted(() => {
     getDict('ue_auth_code'),
     getDict('ue_event_type'),
     getDict('ue_event_cm_state'),
+    getDict('cdr_sip_code_cause'),
   ]).then(resArr => {
     if (resArr[0].status === 'fulfilled') {
       dict.cdrSipCode = resArr[0].value;
@@ -51,6 +55,9 @@ onMounted(() => {
     if (resArr[4].status === 'fulfilled') {
       dict.ueEventCmState = resArr[4].value;
     }
+    if (resArr[5].status === 'fulfilled') {
+      dict.cdrSipCodeCause = resArr[5].value;
+    }
   });
 });
 </script>
@@ -75,16 +82,7 @@ onMounted(() => {
             </span>
           </div>
           <div></div>
-          <div>
+          <div></div>
-            {{ t('views.dashboard.overview.userActivity.time') }}:&nbsp;
-            <span :title="item.data.releaseTime">
-              {{
-                typeof item.data.releaseTime === 'number'
-                  ? parseDateToStr(+item.data.releaseTime * 1000)
-                  : item.data.releaseTime
-              }}
-            </span>
-          </div>
         </div>
         <div class="card-cdr-item">
           <div>
@@ -105,6 +103,16 @@ onMounted(() => {
           </div>
           <div v-else></div>
         </div>
+        <div>
+          {{ t('views.dashboard.overview.userActivity.time') }}:&nbsp;
+          <span :title="item.data.releaseTime">
+            {{
+              typeof item.data.releaseTime === 'number'
+                ? parseDateToStr(+item.data.releaseTime * 1000)
+                : parseDateToStr(item.data.releaseTime)
+            }}
+          </span>
+        </div>
         <div>
           {{ t('views.dashboard.overview.userActivity.result') }}:&nbsp;
           <span v-if="item.data.callType !== 'sms'">
@@ -112,6 +120,11 @@ onMounted(() => {
               :options="dict.cdrSipCode"
               :value="item.data.cause"
               value-default="0"
+            />&nbsp;&nbsp;
+            <DictTag
+              :options="dict.cdrSipCodeCause"
+              :value="item.data.cause"
+              value-default="0"
             />
           </span>
           <span v-else>
@@ -135,15 +148,7 @@ onMounted(() => {
           <div>
             IMSI: <span :title="item.data.imsi">{{ item.data.imsi }}</span>
           </div>
-          <div>
+          <div></div>
-            {{ t('views.dashboard.overview.userActivity.time') }}:
-            <template v-if="item.data?.time">
-              {{ item.data.time }}
-            </template>
-            <template v-else>
-              {{ parseDateToStr(+item.data.timestamp * 1000) }}
-            </template>
-          </div>
         </div>
 
         <div class="card-ue-w33" v-if="item.type === 'auth-result'">
@@ -157,7 +162,16 @@ onMounted(() => {
             TAC ID: <span>{{ item.data.tacID }}</span>
           </div>
         </div>
-
+        <div>
+          {{ t('views.dashboard.overview.userActivity.time') }}:
+          <template v-if="item.data?.time">
+            {{ parseDateToStr(item.data.time) }}
+          </template>
+          <template v-else-if="item.data?.timestamp">
+            {{ parseDateToStr(+item.data.timestamp * 1000) }}
+          </template>
+          <template v-else> - </template>
+        </div>
         <div v-if="item.type === 'auth-result'">
           {{ t('views.dashboard.overview.userActivity.result') }}:&nbsp;
           <span>
@@ -198,16 +212,7 @@ onMounted(() => {
           <div>
             IMSI: <span :title="item.data?.imsi">{{ item.data?.imsi }}</span>
           </div>
-          <div>
+          <div></div>
-            {{ t('views.dashboard.overview.userActivity.time') }}:
-            <span :title="item.data?.timestamp">
-              {{
-                typeof item.data?.timestamp === 'number'
-                  ? parseDateToStr(+item.data?.timestamp * 1000)
-                  : item.data?.timestamp
-              }}
-            </span>
-          </div>
         </div>
 
         <div class="card-ue-w33" v-if="item.type === 'auth-result'">
@@ -221,6 +226,20 @@ onMounted(() => {
             TAC ID: <span>{{ item.data.tacID }}</span>
           </div>
         </div>
+        <div>
+          {{ t('views.dashboard.overview.userActivity.time') }}:
+          <template v-if="item.data?.time">
+            {{ parseDateToStr(item.data.time) }}
+          </template>
+          <template v-else-if="item.data?.timestamp">
+            {{
+              typeof item.data?.timestamp === 'number'
+                ? parseDateToStr(+item.data?.timestamp * 1000)
+                : parseDateToStr(item.data?.timestamp)
+            }}
+          </template>
+          <template v-else> - </template>
+        </div>
         <div v-if="item.type === 'auth-result'">
           {{ t('views.dashboard.overview.userActivity.result') }}:&nbsp;
           <span>