fix(calls): 语音通话列布局对齐云客(头像/标签式/结束时间/时长格式)+修SFC构建3处阻断

- 客户信息/员工微信加头像+脱敏微信号+备注名
- 通话信息改多行标签式,员工信息改纯文本,通话时长显示endTime+MM'SS"
- 修SFC构建:模板字面量混合引号→字符串拼接;空三元表达式补全;onMounted误删

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
浅念
2026-08-24 15:01:20 +08:00
parent d945a1e4ce
commit ed564e4885
+9 -4
View File
@@ -2,7 +2,6 @@
import { computed, onMounted, ref, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
import { Download } from '@element-plus/icons-vue'
import { getCallStats, getCalls } from '@/api'
import type { CallChannel, CallStats, PhoneCall } from '@/api/types'
import {
@@ -265,7 +264,7 @@ function callDurationText(row: PhoneCall): string {
if (!sec) return '--'
const m = Math.floor(sec / 60)
const s = sec % 60
return `${String(m).padStart(2, '0')}'${String(s).padStart(2, '0')}"'
return String(m).padStart(2, '0') + "'" + String(s).padStart(2, '0') + '\"'
}
function chatChannel(ch: CallChannel): 'wechat' | 'whatsapp' | null {
@@ -314,6 +313,12 @@ function viewCallStaff(row: PhoneCall): void {
})
}
const callDrawerTitle = computed(() =>
drawerCall.value ? '通话详情 - ' + (drawerCall.value.user_id_name || drawerCall.value.user_id || drawerCall.value.call_id) : '通话详情',
)
const staffDrawerTitle = computed(() =>
staffDrawerCall.value ? '员工详情 - ' + (staffDrawerCall.value.user_id_name || staffDrawerCall.value.user_id || '') : '员工详情',
)
const drawerSections = computed(() =>
drawerCall.value ? buildCallSections(drawerCall.value) : [],
)
@@ -608,7 +613,7 @@ onMounted(() => {
<!-- All-fields drawer -->
<el-drawer
v-model="drawerOpen"
:title="drawerCall ? `通话详情 · ${drawerCall.user_id_name ?? drawerCall.user_id ?? drawerCall.call_id}` : '通话详情'"
:title="callDrawerTitle"
direction="rtl"
size="560px"
>
@@ -656,7 +661,7 @@ onMounted(() => {
<!-- 员工信息抽屉(2026-08-24:替代独立页跳转,与全站统一) -->
<el-drawer
v-model="staffDrawerOpen"
:title="staffDrawerCall ? `员工详情 · ${staffDrawerCall.user_id_name ?? staffDrawerCall.user_id ?? ''}` : '员工详情'"
:title="staffDrawerTitle"
direction="rtl"
size="480px"
>