fix: breadcrumb warning

Signed-off-by: Kaifuny <superbiger.github@gmail.com>
2025-08-01 16:38:02 +08:00 · 2023-07-25 16:59:09 +08:00 · 2023-07-25 16:59:09 +08:00 · ede05a0e9c
commit ede05a0e9c
parent c5d3179d0e
15 changed files with 34 additions and 90 deletions
--- a/contact-frontend/packages/modules/models/src/routes.ts
+++ b/contact-frontend/packages/modules/models/src/routes.ts
@ -12,10 +12,12 @@ export enum ROUTE_NAME {
  // 模块路由
  // ==================================================================================
  // 认证模块
+  AUTH_INDEX = 'AUTH_INDEX',
  AUTH_LOGIN = 'AUTH_LOGIN',

  // 看板模块
  DASHBOARD_INDEX = 'DASHBOARD_INDEX',
+  DASHBOARD_HOME_INDEX = 'DASHBOARD_HOME_INDEX',

  // 对话模块
  CHAT_INDEX = 'CHAT_INDEX',
@ -36,12 +38,15 @@ export enum ROUTE_NAME {

  // 组织管理模块
  ORGANIZATION_INDEX = 'ORGANIZATION_INDEX',
+  ORGANIZATION_HOME_INDEX = 'ORGANIZATION_HOME_INDEX', // 组织管理首页

  // 设置模块
  SETTING_INDEX = 'SETTING_INDEX',
+  SETTING_HOME_INDEX = 'SETTING_HOME_INDEX', // 设置首页

  // 企业设置模块
  ENTERPRISE_INDEX = 'ENTERPRISE_INDEX',
+  ENTERPRISE_SERVICES_INDEX = 'ENTERPRISE_DASHBOARD_INDEX', // 企业服务
  ENTERPRISE_CHANNEL_INDEX = 'ENTERPRISE_CHANNEL_INDEX', // 渠道接入
  ENTERPRISE_KNOWLEDGE_INDEX = 'ENTERPRISE_KNOWLEDGE_INDEX', // 知识库
  ENTERPRISE_QUALITY_INDEX = 'ENTERPRISE_QUALITY_INDEX', // 质检
--- a/contact-frontend/packages/modules/services/auth/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/auth/src/routes/index.ts
@ -6,6 +6,7 @@ import { ROUTE_NAME } from '@cskefu/models'
 const routes: RouteRecordRaw[] = [
  {
    path: '/auth',
+    name: ROUTE_NAME.AUTH_INDEX,
    component: IndexLayout,
    redirect: { name: ROUTE_NAME.AUTH_LOGIN },
    children: [
--- a/contact-frontend/packages/modules/services/chat/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/chat/src/routes/index.ts
@ -6,13 +6,12 @@ import Layout from '../layouts/MenusLayout.vue'
 const routes: RouteRecordRaw[] = [
  {
    path: '/chat',
-    name: 'chat',
+    name: ROUTE_NAME.CHAT_INDEX,
    component: Layout,
    redirect: '/chat/index',
    children: [
      {
        path: 'index',
-        name: ROUTE_NAME.CHAT_INDEX,
        component: () => import('../views/HomeView.vue'),
      },
    ],
--- a/contact-frontend/packages/modules/services/dashboard/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/dashboard/src/routes/index.ts
@ -6,13 +6,13 @@ import { ROUTE_NAME } from '@cskefu/models'
 const routes: RouteRecordRaw[] = [
  {
    path: '/dashboard',
-    name: 'dashboard',
+    name: ROUTE_NAME.DASHBOARD_INDEX,
    component: IndexLayout,
-    redirect: { name: ROUTE_NAME.DASHBOARD_INDEX },
+    redirect: { name: ROUTE_NAME.DASHBOARD_HOME_INDEX },
    children: [
      {
        path: 'index',
-        name: ROUTE_NAME.DASHBOARD_INDEX,
+        name: ROUTE_NAME.DASHBOARD_HOME_INDEX,
        component: () => import('../views/DashboardView.vue'),
        meta: {
          title: '数据看板',
--- a/contact-frontend/packages/modules/services/enterprise/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/modules/services/enterprise/src/layouts/MenusLayout.vue
@ -1,11 +1,10 @@
 <script setup lang="ts">
-import { ref, h } from 'vue'
-import { MenuOption, NBreadcrumbItem } from 'naive-ui'
+import { ref } from 'vue'
+import { MenuOption } from 'naive-ui'

 import { MenusLayout } from '@cskefu/shared-ui'
 import { routesToMenus } from '@cskefu/shared-utils'
 import { Menu } from '@cskefu/shared-ui'
-import { ROUTE_NAME } from '@cskefu/models'

 import routes from '../routes'

@ -17,14 +16,6 @@ const collapsed = ref<boolean>(false)
    v-model:collapsed="collapsed"
    :page-title="$route.meta.title"
    :page-icon="$route.meta.icon"
-    :page-breadcrumbs="[
-      h(NBreadcrumbItem, { to: { name: ROUTE_NAME.DASHBOARD_INDEX } }, '首页'),
-      h(
-        NBreadcrumbItem,
-        { to: { name: $route.name } },
-        $route.meta.title as string
-      ),
-    ]"
  >
    <Menu
      v-model:collapsed="collapsed"
--- a/contact-frontend/packages/modules/services/enterprise/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/enterprise/src/routes/index.ts
@ -14,13 +14,13 @@ import {
 const routes: RouteRecordRaw[] = [
  {
    path: '/enterprise',
-    name: 'enterprise',
+    name: ROUTE_NAME.ENTERPRISE_INDEX,
    component: Layout,
    redirect: '/enterprise/index',
    children: [
      {
        path: 'index',
-        name: ROUTE_NAME.ENTERPRISE_INDEX,
+        name: ROUTE_NAME.ENTERPRISE_SERVICES_INDEX,
        component: () => import('../views/HomeView.vue'),
        meta: {
          title: '企业服务',
--- a/contact-frontend/packages/modules/services/organization/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/modules/services/organization/src/layouts/MenusLayout.vue
@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { MenusLayout } from '@cskefu/shared-ui'
-import { MenuOption, NBreadcrumbItem } from 'naive-ui'
+import { MenuOption } from 'naive-ui'

 import { Menu } from '@cskefu/shared-ui'
-import { ROUTE_NAME } from '@cskefu/models'
-import { ref, h } from 'vue'
+import { ref } from 'vue'

 const menuOptions: MenuOption[] = []
 const collapsed = ref<boolean>(false)
@ -14,14 +13,6 @@ const collapsed = ref<boolean>(false)
    v-model:collapsed="collapsed"
    :page-title="$route.meta.title"
    :page-icon="$route.meta.icon"
-    :page-breadcrumbs="[
-      h(NBreadcrumbItem, { to: { name: ROUTE_NAME.DASHBOARD_INDEX } }, '首页'),
-      h(
-        NBreadcrumbItem,
-        { to: { name: $route.name } },
-        $route.meta.title as string
-      ),
-    ]"
  >
    <Menu
      v-model:collapsed="collapsed"
--- a/contact-frontend/packages/modules/services/organization/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/organization/src/routes/index.ts
@ -6,13 +6,13 @@ import Layout from '../layouts/MenusLayout.vue'
 const routes: RouteRecordRaw[] = [
  {
    path: '/organization',
-    name: 'organization',
+    name: ROUTE_NAME.ORGANIZATION_INDEX,
    component: Layout,
-    redirect: '/organization/index',
+    redirect: { name: ROUTE_NAME.ORGANIZATION_HOME_INDEX },
    children: [
      {
        path: 'index',
-        name: ROUTE_NAME.ORGANIZATION_INDEX,
+        name: ROUTE_NAME.ORGANIZATION_HOME_INDEX,
        component: () => import('../views/HomeView.vue'),
      },
    ],
--- a/contact-frontend/packages/modules/services/seats/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/modules/services/seats/src/layouts/MenusLayout.vue
@ -1,11 +1,10 @@
 <script setup lang="ts">
-import { ref, h } from 'vue'
-import { MenuOption, NBreadcrumbItem } from 'naive-ui'
+import { ref } from 'vue'
+import { MenuOption } from 'naive-ui'

 import { MenusLayout } from '@cskefu/shared-ui'
 import { routesToMenus } from '@cskefu/shared-utils'
 import { Menu } from '@cskefu/shared-ui'
-import { ROUTE_NAME } from '@cskefu/models'

 import routes from '../routes'

@ -17,14 +16,6 @@ const collapsed = ref<boolean>(false)
    v-model:collapsed="collapsed"
    :page-title="$route.meta.title"
    :page-icon="$route.meta.icon"
-    :page-breadcrumbs="[
-      h(NBreadcrumbItem, { to: { name: ROUTE_NAME.DASHBOARD_INDEX } }, '首页'),
-      h(
-        NBreadcrumbItem,
-        { to: { name: $route.name } },
-        $route.meta.title as string
-      ),
-    ]"
  >
    <Menu
      v-model:collapsed="collapsed"
--- a/contact-frontend/packages/modules/services/seats/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/seats/src/routes/index.ts
@ -13,7 +13,7 @@ import {
 const routes: RouteRecordRaw[] = [
  {
    path: '/seats',
-    name: 'seats',
+    name: ROUTE_NAME.SEATS_INDEX,
    component: Layout,
    redirect: '/seats/index',
    children: [
@ -66,7 +66,7 @@ const routes: RouteRecordRaw[] = [
        },
        children: [
          {
-            path: 'index',
+            path: 'dashboard',
            name: ROUTE_NAME.SEATS_ROBOT_DASHBOARD_INDEX,
            component: () => import('../views/HomeView.vue'),
            meta: {
@ -85,7 +85,7 @@ const routes: RouteRecordRaw[] = [
          },
          {
            path: 'setting',
-            name: ROUTE_NAME.SEATS_INDEX,
+            name: ROUTE_NAME.SEATS_ROBOT_SETTING_INDEX,
            component: () => import('../views/HomeView.vue'),
            meta: {
              title: '机器人设置',
--- a/contact-frontend/packages/modules/services/setting/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/modules/services/setting/src/layouts/MenusLayout.vue
@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { MenusLayout } from '@cskefu/shared-ui'
-import { MenuOption, NBreadcrumbItem } from 'naive-ui'
+import { MenuOption } from 'naive-ui'
 import { Menu } from '@cskefu/shared-ui'
-import { ref, h } from 'vue'
-import { ROUTE_NAME } from '@cskefu/models'
+import { ref } from 'vue'

 const menuOptions: MenuOption[] = []
 const collapsed = ref<boolean>(false)
@ -13,14 +12,6 @@ const collapsed = ref<boolean>(false)
    v-model:collapsed="collapsed"
    :page-title="$route.meta.title"
    :page-icon="$route.meta.icon"
-    :page-breadcrumbs="[
-      h(NBreadcrumbItem, { to: { name: ROUTE_NAME.DASHBOARD_INDEX } }, '首页'),
-      h(
-        NBreadcrumbItem,
-        { to: { name: $route.name } },
-        $route.meta.title as string
-      ),
-    ]"
  >
    <Menu
      v-model:collapsed="collapsed"
--- a/contact-frontend/packages/modules/services/setting/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/setting/src/routes/index.ts
@ -6,13 +6,13 @@ import Layout from '../layouts/MenusLayout.vue'
 const routes: RouteRecordRaw[] = [
  {
    path: '/setting',
-    name: 'setting',
+    name: ROUTE_NAME.SETTING_INDEX,
    component: Layout,
-    redirect: { name: ROUTE_NAME.SETTING_INDEX },
+    redirect: { name: ROUTE_NAME.SETTING_HOME_INDEX },
    children: [
      {
        path: 'index',
-        name: ROUTE_NAME.SETTING_INDEX,
+        name: ROUTE_NAME.SETTING_HOME_INDEX,
        component: () => import('../views/HomeView.vue'),
      },
    ],
--- a/contact-frontend/packages/modules/services/system/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/modules/services/system/src/layouts/MenusLayout.vue
@ -1,13 +1,12 @@
 <script setup lang="ts">
-import { ref, h } from 'vue'
-import { MenuOption, NBreadcrumbItem } from 'naive-ui'
+import { ref } from 'vue'
+import { MenuOption } from 'naive-ui'

 import { Menu } from '@cskefu/shared-ui'
 import { MenusLayout } from '@cskefu/shared-ui'
 import { routesToMenus } from '@cskefu/shared-utils'

 import routes from '../routes'
-import { ROUTE_NAME } from '@cskefu/models'

 const menuOptions: MenuOption[] = routesToMenus(routes)
 const collapsed = ref<boolean>(false)
@ -17,14 +16,6 @@ const collapsed = ref<boolean>(false)
    v-model:collapsed="collapsed"
    :page-title="$route.meta.title"
    :page-icon="$route.meta.icon"
-    :page-breadcrumbs="[
-      h(NBreadcrumbItem, { to: { name: ROUTE_NAME.DASHBOARD_INDEX } }, '首页'),
-      h(
-        NBreadcrumbItem,
-        { to: { name: $route.name } },
-        $route.meta.title as string
-      ),
-    ]"
  >
    <Menu
      v-model:collapsed="collapsed"
--- a/contact-frontend/packages/modules/services/system/src/routes/index.ts
+++ b/contact-frontend/packages/modules/services/system/src/routes/index.ts
@ -18,13 +18,13 @@ import {
 const routes: RouteRecordRaw[] = [
  {
    path: '/system',
-    name: 'system',
+    name: ROUTE_NAME.SYSTEM_INDEX,
    component: Layout,
    redirect: '/system/index',
    children: [
      {
        path: 'index',
-        name: ROUTE_NAME.SYSTEM_INDEX,
+        name: ROUTE_NAME.SYSTEM_INFO_INDEX,
        component: () => import('../views/HomeView.vue'),
        meta: {
          title: '系统信息',
--- a/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
+++ b/contact-frontend/packages/shared/ui/src/layouts/MenusLayout.vue
@ -4,8 +4,6 @@ import {
  NLayoutContent,
  NLayoutSider,
  NPageHeader,
-  NBreadcrumb,
-  NBreadcrumbItem,
  NSpace,
  NButton,
  NDropdown,
@ -41,11 +39,6 @@ defineProps({
    default: null,
    required: false,
  },
-  pageBreadcrumbs: {
-    type: Array<typeof NBreadcrumbItem>,
-    default: () => [],
-    required: false,
-  },
 })

 defineEmits(['update:collapsed'])
@ -81,15 +74,6 @@ defineEmits(['update:collapsed'])
      content-style="display: flex; flex-direction: column;width: 100%;height:100%;padding: 10px"
    >
      <n-page-header :subtitle="pageSubtitle">
-        <template #header>
-          <n-breadcrumb>
-            <Component
-              :is="breadcrumb"
-              v-for="(breadcrumb, index) in pageBreadcrumbs"
-              :key="index"
-            />
-          </n-breadcrumb>
-        </template>
        <template #avatar>
          <n-icon size="large" :component="pageIcon" />
        </template>
@ -98,7 +82,7 @@ defineEmits(['update:collapsed'])
        </template>
        <template #extra>
          <n-space>
-            <n-button size="small">Button</n-button>
+            <n-button size="tiny">Button</n-button>
            <n-dropdown placement="bottom-start">
              <n-button :bordered="false" style="padding: 0 4px">
                ···