yunke/yunkes/src/router/index.ts

import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
import { isLoggedIn } from '@/api/client'

// `/` redirects to `/customers`. Chat timeline params are path segments so the
// URL is shareable + survives refresh:
//   /chat/:channel/:ownerId/:talkerId?   (1:1 DM; talkerId optional → account-level)
//   /group/:channel/:ownerId/:roomId?    (group chat — same component, room_id)
const routes: RouteRecordRaw[] = [
  {
    path: '/',
    redirect: { name: 'customers' },
  },
  {
    path: '/customers',
    name: 'customers',
    component: () => import('@/views/CustomerList.vue'),
    meta: { title: '客户列表' },
  },
  {
    path: '/staff',
    name: 'staff',
    component: () => import('@/views/StaffList.vue'),
    meta: { title: '员工列表' },
  },
  {
    // Standalone 员工详情 page mirroring 云客's
    // /cms/customer/userDetailNew?userId=... — replaces the all-fields drawer
    // degradation for the 员工姓名 click. Row-click in StaffList still opens
    // the drawer for a quick preview.
    path: '/staff-detail/:userId',
    name: 'staff-detail',
    component: () => import('@/views/StaffDetail.vue'),
    props: true,
    meta: { title: '员工详情' },
  },
  {
    path: '/accounts',
    redirect: { name: 'staff' },
  },
  {
    path: '/groups',
    name: 'groups',
    component: () => import('@/views/GroupList.vue'),
    meta: { title: '群列表' },
  },
  {
    path: '/calls',
    name: 'calls',
    component: () => import('@/views/CallList.vue'),
    meta: { title: '通话记录' },
  },
  {
    path: '/sms',
    name: 'sms',
    component: () => import('@/views/SmsList.vue'),
    meta: { title: '短信记录' },
  },
  {
    path: '/sync',
    name: 'sync',
    component: () => import('@/views/SyncStatus.vue'),
    meta: { title: '同步状态' },
  },
  {
    path: '/search',
    name: 'search',
    component: () => import('@/views/SearchView.vue'),
    meta: { title: '搜索' },
  },
  {
    path: '/chat/:channel/:ownerId/:talkerId?',
    name: 'chat',
    component: () => import('@/views/ChatTimeline.vue'),
    props: true,
    meta: { title: '聊天记录' },
  },
  {
    // Group chat timeline — same component, but with a `roomId` prop so it
    // issues a room_id query instead of a talker_id query.
    path: '/group/:channel/:ownerId/:roomId?',
    name: 'group-chat',
    component: () => import('@/views/ChatTimeline.vue'),
    props: true,
    meta: { title: '群聊记录' },
  },
  {
    // 员工聊天窗口(对齐云客 wechat-window 五视图): tab=single|group|moments|contacts|stats
    // tab=group 时 talkerId 语义为 roomId; ?msgid= 定位消息(红包转账明细跳转)
    path: '/staff-chat/:ownerId/:tab(single|group|moments|contacts|stats)?/:talkerId?',
    name: 'staff-chat',
    component: () => import('@/views/StaffChat.vue'),
    props: true,
    meta: { title: '员工聊天窗口' },
  },
  {
    // 登录页(public:未登录可进;守卫据此放行)
    path: '/login',
    name: 'login',
    component: () => import('@/views/LoginView.vue'),
    meta: { title: '登录', public: true },
  },
  {
    // Anything else → back to the list.
    path: '/:pathMatch(.*)*',
    redirect: { name: 'customers' },
  },
]

export const router = createRouter({
  history: createWebHistory(),
  routes,
  scrollBehavior() {
    return { top: 0 }
  },
})

// 登录守卫:非 public 页面未登录一律去 /login,登录后回跳。判定用
// isLoggedIn(key 存在)而非 token 非空 — 后端鉴权关闭时 token 是空串,
// 但用户确实登录过,不能把人锁在登录页。
router.beforeEach((to) => {
  if (to.meta.public) return true
  if (!isLoggedIn()) {
    return { name: 'login', query: { redirect: to.fullPath } }
  }
  return true
})

router.afterEach((to) => {
  const title = (to.meta.title as string | undefined) ?? ''
  document.title = title ? `${title} · 云客数据镜像` : '云客数据镜像'
})