feat(ui): 左侧菜单改分组式(微信管理/WhatsApp管理+下拉子菜单,对齐云客布局)

Co-Authored-By: Claude <noreply@anthropic.com>

yunkes/src/views/StaffList.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { Download } from '@element-plus/icons-vue'
 import { getAccounts, getCustomers, getStaffChatStats } from '@/api'
@@ -53,15 +53,18 @@ function freshTabState(): TabState {
   }
 }
 
-const activeTab = ref<TabKey>('wechat')
+const route = useRoute()
+const router = useRouter()
+const channelStore = useChannelStore()
+
+const activeTab = ref<TabKey>(
+  (route.query.channel === 'whatsapp' ? 'whatsapp' : 'wechat') as TabKey,
+)
 const tabState = reactive<Record<TabKey, TabState>>({
   wechat: freshTabState(),
   whatsapp: freshTabState(),
 })
 
-const router = useRouter()
-const channelStore = useChannelStore()
-
 // All-fields drawer state (shared across tabs).
 const drawerOpen = ref(false)
 const drawerAccount = ref<Account | null>(null)