feat: 字典标签支持取默认数据项

src/components/DictTag/index.vue

@@ -15,14 +15,24 @@ const props = defineProps({
     type: [Number, String],
     default: '',
   },
+  /**数据默认值，当前值不存在时 */
+  valueOption: {
+    type: [Number, String],
+  },
 });
 
 /**遍历找到对应值数据项 */
 const item = computed(() => {
   if (Array.isArray(props.options) && props.options.length > 0) {
-    const option = (props.options as any[]).find(
+    let option = (props.options as any[]).find(
       item => `${item[props.valueField]}` === `${props.value}`
     );
+    // 数据默认值
+    if (props.valueOption != undefined && !option) {
+      option = (props.options as any[]).find(
+        item => `${item[props.valueField]}` === `${props.valueOption }`
+      );
+    }
     return option;
   }
   return undefined;

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

@@ -85,9 +85,9 @@ onMounted(() => {
         <div class="card-cdr-item">
           <div>
             {{ t('views.dashboard.overview.userActivity.caller') }}:
-            <span :title="item.data.callerParty">{{
+            <span :title="item.data.callerParty">
-              item.data.callerParty
+              {{ item.data.callerParty }}
-            }}</span>
+            </span>
           </div>
           <div>
             {{ t('views.dashboard.overview.userActivity.called') }}:
@@ -104,7 +104,7 @@ onMounted(() => {
         <div>
           {{ t('views.dashboard.overview.userActivity.result') }}:&nbsp;
           <span v-if="item.data.callType !== 'sms'">
-            <DictTag :options="dict.cdrSipCode" :value="item.data.cause" />
+            <DictTag :options="dict.cdrSipCode" :value="item.data.cause" value-option="0" />
           </span>
           <span v-else>
             {{ t('views.dashboard.overview.userActivity.resultOK') }}