xinyouhe/yunke
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): 列表页移除tab结构(每渠道独立页面,由侧栏菜单驱动)

Browse Source 
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
浅念
2026-08-15 13:41:49 +08:00
parent 9b21584e9a
commit aa90d9d8f2
4 changed files with 72 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
yunkes/src/views/CustomerList.vue
+13 -20
View File
@@ -192,12 +192,8 @@ function onWechatPageSizeChange(s: number): void { handlePageSizeChange('wechat'
function onWhatsappPageChange(p: number): void { handlePageChange('whatsapp', p) }
function onWhatsappPageSizeChange(s: number): void { handlePageSizeChange('whatsapp', s) }
function onTabChange(name: string | number): void {
const ch = String(name) as TabKey
channelStore.setChannel(ch)
if (!tabState[ch].loaded) loadTab(ch)
}
// 侧栏菜单在同一页面内切换 ?channel= 时组件复用（不重挂载）；go() 同时 setChannel，
// 下方 channelStore watch 负责同步 activeTab + lazy-load。
// ---- 操作列：查看聊天记录 → ChatTimeline ----
function viewChat(row: Customer): void {
if (!row.owner_account_id) {
@@ -357,7 +353,7 @@ onMounted(() => {
<div class="yk-customers">
<div class="yk-customers__header">
<div>
<h2 style="margin: 0 0 4px; font-size: 16px">客户列表</h2>
<h2 style="margin: 0 0 4px; font-size: 16px">{{ activeTab === 'wechat' ? '微信' : 'WhatsApp' }}客户列表</h2>
<span class="yk-customers__sub">
共 {{ tabState[activeTab].total }} 条
<template v-if="departmentName"> · 部门：{{ departmentName }}</template>
@@ -383,11 +379,10 @@ onMounted(() => {
</div>
</div>
<el-tabs v-model="activeTab" class="yk-customers__tabs" @tab-change="onTabChange">
<!-- ============================================================
微信客户 — 16 列 + 操作，对齐云客 wechatdetail/1/{wxId}.
============================================================ -->
<el-tab-pane label="微信客户" name="wechat">
<!-- ============================================================
微信客户 — 16 列 + 操作，对齐云客 wechatdetail/1/{wxId}.
============================================================ -->
<template v-if="activeTab === 'wechat'">
<el-alert
v-if="tabState.wechat.errorMsg"
:title="tabState.wechat.errorMsg"
@@ -516,12 +511,12 @@ onMounted(() => {
@size-change="onWechatPageSizeChange"
/>
</div>
</el-tab-pane>
</template>
<!-- ============================================================
WhatsApp客户 — 7 列，对齐云客 waBusiness/friendlist.
============================================================ -->
<el-tab-pane label="WhatsApp客户" name="whatsapp">
<!-- ============================================================
WhatsApp客户 — 7 列，对齐云客 waBusiness/friendlist.
============================================================ -->
<template v-if="activeTab === 'whatsapp'">
<el-alert
v-if="tabState.whatsapp.errorMsg"
:title="tabState.whatsapp.errorMsg"
@@ -588,8 +583,7 @@ onMounted(() => {
@size-change="onWhatsappPageSizeChange"
/>
</div>
</el-tab-pane>
</el-tabs>
</template>
<p class="yk-customers__hint">点击任意一行查看客户全部字段。</p>
@@ -672,7 +666,6 @@ onMounted(() => {
}
.yk-customers__sub { color: #909399; font-size: 13px; }
.yk-customers__filters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.yk-customers__tabs { margin-top: 4px; }
.yk-customers__pager { margin-top: 12px; display: flex; justify-content: flex-end; }
.yk-customers__hint { margin: 8px 2px 0; font-size: 12px; color: #c0c4cc; }