From 5bf5e25badb8d374b2d966c529a6c287d0faa5bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Sat, 8 Aug 2026 16:19:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(calls):=20CallList=20=E5=BE=AE=E4=BF=A1?=
 =?UTF-8?q?=E8=AF=AD=E9=9F=B3=20=E5=AE=A2=E6=88=B7/=E5=91=98=E5=B7=A5/?=
 =?UTF-8?q?=E5=A7=93=E5=90=8D=20=E5=8D=95=E5=85=83=E6=A0=BC=E5=8F=AF?=
 =?UTF-8?q?=E7=82=B9(=E5=A4=8D=E7=94=A8=E8=81=8A=E5=A4=A9=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA,=E5=AF=B9=E9=BD=90=E4=BA=91=E5=AE=A2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude <noreply@anthropic.com>
---
 yunkes/src/views/CallList.vue | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/yunkes/src/views/CallList.vue b/yunkes/src/views/CallList.vue
index 07513ab..2a13fe4 100644
--- a/yunkes/src/views/CallList.vue
+++ b/yunkes/src/views/CallList.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
 import { ElMessage, type TabPaneName } from 'element-plus'
 import { getCalls } from '@/api'
 import type { CallChannel, PhoneCall } from '@/api/types'
@@ -29,6 +30,8 @@ const recordDialogVisible = ref(false)
 const recordSrc = ref<string | null>(null)
 const recordTitle = ref('')
 
+const router = useRouter()
+
 // All-fields drawer state.
 const drawerOpen = ref(false)
 const drawerCall = ref<PhoneCall | null>(null)
@@ -111,6 +114,24 @@ function openDrawer(row: PhoneCall): void {
   drawerOpen.value = true
 }
 
+/** 客户昵称 → 该员工×客户 1:1 聊天（复用 Phase B 导航）。 */
+function viewCallCustomer(row: PhoneCall): void {
+  const owner = cell(row, 'weChatId')
+  const talker = cell(row, 'talker')
+  if (!owner || !talker) return
+  router.push({
+    name: 'chat',
+    params: { channel: 'wechat', ownerId: String(owner), talkerId: String(talker) },
+  })
+}
+
+/** 员工微信昵称 → 账号级聊天窗（复用 step 5 导航）。 */
+function viewCallStaff(row: PhoneCall): void {
+  const owner = cell(row, 'weChatId')
+  if (!owner) return
+  router.push({ name: 'chat', params: { channel: 'wechat', ownerId: String(owner) } })
+}
+
 const drawerSections = computed(() =>
   drawerCall.value ? buildCallSections(drawerCall.value) : [],
 )
@@ -168,19 +189,22 @@ onMounted(load)
         </el-table-column>
         <el-table-column label="客户信息" min-width="150">
           <template #default="{ row }">
-            <div>{{ cell(row, 'talkerNickName') || '--' }}</div>
+            <el-button v-if="cell(row, 'talkerNickName')" link type="primary" size="small" @click.stop="viewCallCustomer(row)">{{ cell(row, 'talkerNickName') }}</el-button>
+            <span v-else>--</span>
             <div class="yk-cell__sub">{{ row.call_number || cell(row, 'talker') || '--' }}</div>
           </template>
         </el-table-column>
         <el-table-column label="员工微信" min-width="150">
           <template #default="{ row }">
-            <div>{{ cell(row, 'userWeChatNickName') || '--' }}</div>
+            <el-button v-if="cell(row, 'userWeChatNickName')" link type="primary" size="small" @click.stop="viewCallStaff(row)">{{ cell(row, 'userWeChatNickName') }}</el-button>
+            <span v-else>--</span>
             <div class="yk-cell__sub">{{ cell(row, 'userWeChatAlias') || cell(row, 'weChatId') || '--' }}</div>
           </template>
         </el-table-column>
         <el-table-column label="员工信息" min-width="130">
           <template #default="{ row }">
-            <div>{{ row.user_id_name || '--' }}</div>
+            <el-button v-if="row.user_id_name" link type="primary" size="small" @click.stop="openDrawer(row)">{{ row.user_id_name }}</el-button>
+            <span v-else>--</span>
             <div class="yk-cell__sub">{{ cell(row, 'userPhone') || '--' }}</div>
           </template>
         </el-table-column>