diff --git a/yunkes/src/views/CustomerList.vue b/yunkes/src/views/CustomerList.vue index a8f211e..f0884da 100644 --- a/yunkes/src/views/CustomerList.vue +++ b/yunkes/src/views/CustomerList.vue @@ -96,6 +96,13 @@ function imageCell(row: Customer, camelKey: string): string | undefined { const v = cell(row, camelKey) return typeof v === 'string' && v !== '' ? v : undefined } +/** 客户微信 复合单元格:头像 fallback 首字(昵称→friend_id)。 */ +function initials(row: Customer): string { + const nick = cell(row, 'friendWxNickname') + const source = + typeof nick === 'string' && nick ? nick : row.friend_nickname ?? row.friend_id ?? '?' + return String(source).slice(0, 1) || '?' +} /** WhatsApp tab 行序号(含分页偏移)。 */ function waSerial(index: number): number { const st = tabState.whatsapp @@ -355,15 +362,20 @@ onMounted(() => { empty-text="暂无微信客户数据" @row-click="openDrawer" > - + @@ -565,10 +577,9 @@ onMounted(() => { .yk-customers__pager { margin-top: 12px; display: flex; justify-content: flex-end; } .yk-customers__hint { margin: 8px 2px 0; font-size: 12px; color: #c0c4cc; } -/* label/value pair stack(客户微信 复合单元格)— 与 StaffList 一致 */ -.yk-pair { display: flex; gap: 6px; line-height: 1.8; font-size: 13px; white-space: nowrap; } -.yk-pair__k { color: #909399; flex-shrink: 0; } -.yk-pair__v { color: #303133; overflow: hidden; text-overflow: ellipsis; } +/* 客户微信 复合单元格(头像 + 昵称 + 微信号,对齐云客) */ +.yk-wxuser { display: flex; align-items: center; gap: 8px; } +.yk-wxuser__meta { min-width: 0; } /* WhatsApp 文字行(员工信息 / 员工WA / 客户WA 复合单元格)— 与 StaffList 一致 */ .yk-staffinfo__nick { font-weight: 600; font-size: 13px; color: #303133; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }