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/GroupList.vue
+14 -21
View File
@@ -134,12 +134,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。
// ---- 操作列：查看聊天记录 → group-chat ----
function viewChat(row: Group): void {
if (!row.owner_account_id) {
@@ -274,7 +270,7 @@ onMounted(() => {
<div class="yk-groups">
<div class="yk-groups__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-groups__sub">
共 {{ tabState[activeTab].total }} 条
<template v-if="ownerId"> · 员工账号：{{ ownerId }}</template>
@@ -290,11 +286,10 @@ onMounted(() => {
</div>
</div>
<el-tabs v-model="activeTab" class="yk-groups__tabs" @tab-change="onTabChange">
<!-- ============================================================
微信群 — 7 列，对齐云客 wechatdetail/2/{wxId}.
============================================================ -->
<el-tab-pane label="微信群" name="wechat">
<!-- ============================================================
微信群 — 7 列，对齐云客 wechatdetail/2/{wxId}.
============================================================ -->
<template v-if="activeTab === 'wechat'">
<el-alert
v-if="tabState.wechat.errorMsg"
:title="tabState.wechat.errorMsg"
@@ -356,13 +351,13 @@ onMounted(() => {
@size-change="onWechatPageSizeChange"
/>
</div>
</el-tab-pane>
</template>
<!-- ============================================================
WhatsApp群 — 8 列，对齐云客 waBusiness/friendlist 群列表 tab.
⚠️ WA 群抓取缺失 → 空表；字段推断，待 WA 抓取实现后核对。
============================================================ -->
<el-tab-pane label="WhatsApp群" name="whatsapp">
<!-- ============================================================
WhatsApp群 — 8 列，对齐云客 waBusiness/friendlist 群列表 tab.
⚠️ WA 群抓取缺失 → 空表；字段推断，待 WA 抓取实现后核对。
============================================================ -->
<template v-if="activeTab === 'whatsapp'">
<el-alert
v-if="tabState.whatsapp.errorMsg"
:title="tabState.whatsapp.errorMsg"
@@ -431,8 +426,7 @@ onMounted(() => {
@size-change="onWhatsappPageSizeChange"
/>
</div>
</el-tab-pane>
</el-tabs>
</template>
<p class="yk-groups__hint">点击任意一行查看群全部字段。</p>
@@ -486,7 +480,6 @@ onMounted(() => {
.yk-groups__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; }
.yk-groups__sub { color: #909399; font-size: 13px; }
.yk-groups__filters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.yk-groups__tabs { margin-top: 4px; }
.yk-groups__pager { margin-top: 12px; display: flex; justify-content: flex-end; }
.yk-groups__hint { margin: 8px 2px 0; font-size: 12px; color: #c0c4cc; }