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

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

yunkes/src/views/CallList.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { ElMessage, type TabPaneName } from 'element-plus'
 import { Download } from '@element-plus/icons-vue'
 import { getCalls } from '@/api'
@@ -16,10 +16,15 @@ import { buildCallSections, readField } from '@/utils/callFields'
 import { exportListToCsv } from '@/utils/csvExport'
 import VoiceClipModal from '@/components/VoiceClipModal.vue'
 
+const route = useRoute()
+const router = useRouter()
+
 // Calls aren't tied to a messaging channel — `channel` on a call is the call
 // type (phone_call / voice_call / wa_voice_call). We keep a LOCAL filter so it
 // doesn't fight the shared top-bar wechat/whatsapp store used by customers/groups.
-const callType = ref<CallChannel>('voice_call')
+const callType = ref<CallChannel>(
+  route.query.channel === 'whatsapp' ? 'wa_voice_call' : 'voice_call',
+)
 
 // 微信语音 tab scope filter: 对齐云客 微信好友/微信群 二分(isRoom 0=好友, 1=群)。
 // 仅在 voice_call tab 生效;client-side 过滤当前页。
@@ -43,8 +48,6 @@ const voiceClipUserId = ref('')
 const voiceClipChannel = ref<'wechat' | 'whatsapp'>('wechat')
 const voiceClipStaffName = ref<string | null>(null)
 
-const router = useRouter()
-
 // All-fields drawer state.
 const drawerOpen = ref(false)
 const drawerCall = ref<PhoneCall | null>(null)