From 9bec4dd7c81b40c608eb0dc230d7695741f8494c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Sat, 15 Aug 2026 10:19:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E5=8E=BB=E6=8E=89=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E6=B8=A0=E9=81=93=E7=AD=9B=E9=80=89(=E4=B8=8E?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8tab=E9=87=8D=E5=A4=8D)+=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E7=A7=BB=E5=88=B0=E4=BE=A7=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude <noreply@anthropic.com>
---
 yunkes/src/layouts/MainLayout.vue | 59 ++++++++++++-------------------
 1 file changed, 23 insertions(+), 36 deletions(-)

diff --git a/yunkes/src/layouts/MainLayout.vue b/yunkes/src/layouts/MainLayout.vue
index 953a719..3efa34a 100644
--- a/yunkes/src/layouts/MainLayout.vue
+++ b/yunkes/src/layouts/MainLayout.vue
@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
-import { useChannelStore } from '@/stores/channel'
-import type { Channel } from '@/api/types'
 
 const route = useRoute()
-const channelStore = useChannelStore()
 
 // `el-menu` with `router` mode emits when an item is clicked; we drive
 // `default-active` from the current path so the active item highlights on load
@@ -18,17 +15,8 @@ const activeMenu = computed(() => {
   return route.path
 })
 
-const channelOptions: { value: Channel | 'all'; label: string }[] = [
-  { value: 'all', label: '全部渠道' },
-  { value: 'wechat', label: '微信' },
-  { value: 'whatsapp', label: 'WhatsApp' },
-]
-
-function onChannelChange(value: string | number | boolean | undefined): void {
-  channelStore.setChannel(value as Channel | 'all')
-}
-
-// Navigation menu items — vertical sidebar layout
+// Navigation menu items — vertical sidebar layout.
+// Channel filtering is handled by each page's own tabs (微信/WhatsApp).
 const navItems = [
   { path: '/customers', label: '客户', icon: 'ChatLineSquare' },
   { path: '/staff', label: '员工', icon: 'Avatar' },
@@ -42,27 +30,12 @@ const navItems = [
 
 <template>
   <el-container class="yk-app">
-    <!-- Top header: title + channel filter -->
-    <el-header class="yk-header">
-      <h1 class="yk-header__title">云客数据镜像</h1>
-      <el-radio-group
-        :model-value="channelStore.channel"
-        size="default"
-        @change="onChannelChange"
-      >
-        <el-radio-button
-          v-for="opt in channelOptions"
-          :key="opt.value"
-          :value="opt.value"
-        >
-          {{ opt.label }}
-        </el-radio-button>
-      </el-radio-group>
-    </el-header>
-
     <el-container>
-      <!-- Left sidebar: vertical nav menu (replaces department tree) -->
+      <!-- Left sidebar: vertical nav menu -->
       <el-aside class="yk-sidenav" width="200px">
+        <div class="yk-sidenav__header">
+          <h2 class="yk-sidenav__title">云客数据镜像</h2>
+        </div>
         <el-menu
           :default-active="activeMenu"
           class="yk-sidenav__menu"
@@ -96,14 +69,28 @@ const navItems = [
   flex-direction: column;
 }
 
+.yk-sidenav__header {
+  padding: 16px 16px 8px;
+}
+
+.yk-sidenav__title {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 700;
+  color: #303133;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .yk-sidenav__menu {
   border-right: none;
-  padding-top: 8px;
+  padding-top: 4px;
 }
 
 .yk-sidenav__menu :deep(.el-menu-item) {
-  height: 48px;
-  line-height: 48px;
+  height: 44px;
+  line-height: 44px;
   margin: 2px 8px;
   border-radius: 6px;
 }