Browse Source

🎈 perf: 优化面包屑展示

Pchen0 1 month ago
parent
commit
c1c3b98dca
37 changed files with 51 additions and 42 deletions
  1. 1 1
      src/pages/User/info/index.vue
  2. 1 1
      src/pages/User/setting/index.vue
  3. 1 1
      src/pages/admin/goods/addGoods.vue
  4. 1 1
      src/pages/admin/goods/goodsList.vue
  5. 1 1
      src/pages/admin/goods/sendCountRequestList.vue
  6. 1 1
      src/pages/admin/lepaoAccount/accountList.vue
  7. 1 1
      src/pages/admin/lepaoBindAudit/index.vue
  8. 1 1
      src/pages/admin/lepaoCountLedger/index.vue
  9. 1 1
      src/pages/admin/lepaoProxy/index.vue
  10. 1 1
      src/pages/admin/lepaoRecords/lepaoRecords.vue
  11. 1 1
      src/pages/admin/lepaoRecords/recordDetail.vue
  12. 1 1
      src/pages/admin/mqQueue/index.vue
  13. 1 1
      src/pages/admin/notice/index.vue
  14. 1 1
      src/pages/admin/popup/index.vue
  15. 1 1
      src/pages/admin/reqLog/index.vue
  16. 1 1
      src/pages/admin/user/userList.vue
  17. 1 1
      src/pages/admin/workOrder/orderDetail.vue
  18. 1 1
      src/pages/admin/workOrder/orderList.vue
  19. 1 1
      src/pages/download/index.vue
  20. 1 1
      src/pages/lepao/accountList/index.vue
  21. 1 1
      src/pages/lepao/countLedger/index.vue
  22. 1 1
      src/pages/lepao/lepaoRecords/index.vue
  23. 1 1
      src/pages/lepao/lepaoRecords/recordDetail.vue
  24. 1 1
      src/pages/openProxy/index.vue
  25. 1 1
      src/pages/path/pathDetail.vue
  26. 1 1
      src/pages/path/pathList.vue
  27. 1 1
      src/pages/power/accountList.vue
  28. 1 1
      src/pages/qxs/getBookList.vue
  29. 1 1
      src/pages/service/createOrder.vue
  30. 1 1
      src/pages/service/orderDetail.vue
  31. 1 1
      src/pages/service/orderList.vue
  32. 1 1
      src/pages/store/goodsDetail/index.vue
  33. 1 1
      src/pages/store/goodsList/index.vue
  34. 1 1
      src/pages/store/orders/orderDetail/index.vue
  35. 1 1
      src/pages/store/orders/orderList/index.vue
  36. 1 1
      src/pages/store/sendCountRecords/index.vue
  37. 15 6
      src/router/index.js

+ 1 - 1
src/pages/User/info/index.vue

@@ -1,7 +1,7 @@
 <template>
   
   <div class="container">
-    <Breadcrumb :items="['个人中心', '用户信息']" />
+    <Breadcrumb />
     <UserInfoHeader />
     <div class="content">
         <a-grid :cols="24" :col-gap="16" :row-gap="16">

+ 1 - 1
src/pages/User/setting/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['个人中心', '用户设置']" />
+    <Breadcrumb />
     <a-row style="margin-bottom: 16px">
       <a-col :span="24">
         <UserPanel :user="user" />

+ 1 - 1
src/pages/admin/goods/addGoods.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['网站管理', '添加商品']" />
+        <Breadcrumb />
 
         <a-card title="添加商品">
             <a-form :model="form" :rules="rules" layout="vertical" @submit-success="handleSubmit">

+ 1 - 1
src/pages/admin/goods/goodsList.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['网站管理', '商品管理']" />
+        <Breadcrumb />
 
         <a-card title="商品列表">
             <a-row>

+ 1 - 1
src/pages/admin/goods/sendCountRequestList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['网站管理', '赠送次数审核']" />
+    <Breadcrumb />
 
     <a-card title="赠送审核列表">
       <a-row>

+ 1 - 1
src/pages/admin/lepaoAccount/accountList.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['网站管理', '乐跑账号管理']" />
+        <Breadcrumb />
 
         <a-card title="乐跑账号管理">
             <a-row>

+ 1 - 1
src/pages/admin/lepaoBindAudit/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['网站管理', '绑定解绑审计']" />
+    <Breadcrumb />
     <a-card title="绑定解绑审计">
       <a-row>
         <a-col :flex="'1000px'">

+ 1 - 1
src/pages/admin/lepaoCountLedger/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['网站管理', '乐跑次数明细']" />
+    <Breadcrumb />
 
     <a-card title="乐跑次数明细">
       <a-row class="queryForm">

+ 1 - 1
src/pages/admin/lepaoProxy/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="lepao-proxy-page">
-    <Breadcrumb :items="['网站管理', '网络代理']" />
+    <Breadcrumb />
 
     <a-spin :loading="pageLoading">
       <a-card class="hero-card" :bordered="false">

+ 1 - 1
src/pages/admin/lepaoRecords/lepaoRecords.vue

@@ -1,7 +1,7 @@
 <template>
 
   <div class="container">
-    <Breadcrumb :items="['校园乐跑', '乐跑记录']" />
+    <Breadcrumb />
     <a-card title="乐跑记录">
       <a-row>
         <a-col :flex="'1000px'">

+ 1 - 1
src/pages/admin/lepaoRecords/recordDetail.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['乐跑记录', '记录详情']" />
+        <Breadcrumb />
         <a-card title="记录详情">
             <a-skeleton animation :loading="loading">
                 <a-space direction="vertical" :style="{ width: '100%' }" size="large">

+ 1 - 1
src/pages/admin/mqQueue/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['网站管理', '任务队列']" />
+    <Breadcrumb />
 
     <a-card title="队列概览" class="card-block">
       <template #extra>

+ 1 - 1
src/pages/admin/notice/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['公告管理', '横幅公告管理']" />
+    <Breadcrumb />
     <a-card title="横幅公告管理">
       <a-space style="margin-bottom: 12px;">
         <a-input v-model="query.keyword" placeholder="按标识或内容搜索" allow-clear style="width: 280px" />

+ 1 - 1
src/pages/admin/popup/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['公告管理', '首页弹窗公告']" />
+    <Breadcrumb />
     <a-card title="首页弹窗公告">
       <a-space style="margin-bottom: 12px;">
         <a-button type="primary" @click="openCreate">新增公告</a-button>

+ 1 - 1
src/pages/admin/reqLog/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['日志记录', '请求日志']" />
+        <Breadcrumb />
 
         <a-card title="请求日志">
             <a-row>

+ 1 - 1
src/pages/admin/user/userList.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['网站管理', '用户管理']" />
+        <Breadcrumb />
 
         <a-card title="用户管理">
             <a-row>

+ 1 - 1
src/pages/admin/workOrder/orderDetail.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['网站管理', '工单管理']" />
+        <Breadcrumb />
         <a-card title="工单详情" :loading="loading">
             <a-descriptions :data="info" :column="2" />
             <div class="buttonGroup">

+ 1 - 1
src/pages/admin/workOrder/orderList.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['网站管理', '工单管理']" />
+        <Breadcrumb />
 
         <a-card title="工单列表">
             <a-row>

+ 1 - 1
src/pages/download/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['下载专区', '客户端下载']" />
+        <Breadcrumb />
 
         <a-card title="客户端下载">
             <div class="cardcontainer">

+ 1 - 1
src/pages/lepao/accountList/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['校园乐跑', '乐跑账号']" />
+    <Breadcrumb />
 
     <userCard />
 

+ 1 - 1
src/pages/lepao/countLedger/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['校园乐跑', '次数明细']" />
+    <Breadcrumb />
 
     <userCard />
 

+ 1 - 1
src/pages/lepao/lepaoRecords/index.vue

@@ -1,7 +1,7 @@
 <template>
 
   <div class="container">
-    <Breadcrumb :items="['校园乐跑', '乐跑记录']" />
+    <Breadcrumb />
     <a-card title="乐跑记录">
       <a-row>
         <a-col :flex="'1000px'">

+ 1 - 1
src/pages/lepao/lepaoRecords/recordDetail.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['乐跑记录', '记录详情']" />
+        <Breadcrumb />
         <a-card title="记录详情">
             <a-skeleton animation :loading="loading">
                 <a-space direction="vertical" :style="{ width: '100%' }" size="large">

+ 1 - 1
src/pages/openProxy/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['乐跑登录', '启动登录器']" />
+        <Breadcrumb />
         <a-card title="启动乐跑登录器">
             <a-result title="乐跑登录器未开启" subtitle="点击下方按钮开启登录器" v-if="!ready">
                 <template #extra>

+ 1 - 1
src/pages/path/pathDetail.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['路径数据', '路径详情']" />
+        <Breadcrumb />
         <a-card title="路径详情">
             <a-descriptions :data="info" :column="2" />
             <div class="buttonGroup">

+ 1 - 1
src/pages/path/pathList.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['路径数据', '路径列表']" />
+        <Breadcrumb />
 
         <a-card title="路径列表">
             <a-row>

+ 1 - 1
src/pages/power/accountList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['宿舍电费', '定制电费提醒']" />
+    <Breadcrumb />
 
     <a-card title="定制电费提醒">
       <a-button type="primary" size="large" @click="editAccount()">

+ 1 - 1
src/pages/qxs/getBookList.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['趣选书', '书单查询']" />
+        <Breadcrumb />
 
         <a-card title="趣选书 · 书单查询" class="card">
             <div class="userLogin">

+ 1 - 1
src/pages/service/createOrder.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['售后服务', '提交工单']" />
+        <Breadcrumb />
 
         <a-card title="提交工单">
             <a-form :model="form" :rules="rules" layout="vertical" :style="{ width: '600px' }"

+ 1 - 1
src/pages/service/orderDetail.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['售后服务', '工单详情']" />
+        <Breadcrumb />
         <a-card title="工单详情" :loading="loading">
             <a-descriptions :data="info" :column="2" />
             <div class="buttonGroup">

+ 1 - 1
src/pages/service/orderList.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['售后服务', '我的工单']" />
+        <Breadcrumb />
 
         <a-card title="工单列表">
             <a-button type="primary" size="large" @click="$router.push('/service/createOrder')">

+ 1 - 1
src/pages/store/goodsDetail/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['云商城', '商品详情', data?.name]" />
+        <Breadcrumb />
         <a-card class="goodsdetail">
             <div class="title">
                 {{ data?.name }} <a-tag v-if="data?.limit > 0" color="orange" size="large">限购{{ data?.limit }}件</a-tag>

+ 1 - 1
src/pages/store/goodsList/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <Breadcrumb :items="['云商城', '商品列表']" />
+        <Breadcrumb />
 
         <userCard type="goods"/>
 

+ 1 - 1
src/pages/store/orders/orderDetail/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['云商城', '订单详情']" />
+    <Breadcrumb />
     <a-space direction="vertical" :size="16" fill>
       <a-card class="general-card" title="订单状态">
         <div class="step">

+ 1 - 1
src/pages/store/orders/orderList/index.vue

@@ -1,7 +1,7 @@
 <template>
 
   <div class="container">
-    <Breadcrumb :items="['云商城', '我的订单']" />
+    <Breadcrumb />
     <a-card title="我的订单">
       <a-alert v-if="notice" style="margin-bottom: 15px;">{{ notice }}</a-alert>
 

+ 1 - 1
src/pages/store/sendCountRecords/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['云商城', '赠送记录']" />
+    <Breadcrumb />
 
     <a-card title="赠送记录">
       <a-row>

+ 15 - 6
src/router/index.js

@@ -97,7 +97,8 @@ const routes = [
                 component: () => import('../pages/store/goodsDetail/index.vue'),
                 meta: {
                     title: '商品详情',
-                    hideInMenu: true
+                    hideInMenu: true,
+                    parent: 'store.goodsList'
                 }
             },
             {
@@ -106,7 +107,8 @@ const routes = [
                 component: () => import('../pages/store/orders/orderDetail/index.vue'),
                 meta: {
                     title: '订单详情',
-                    hideInMenu: true
+                    hideInMenu: true,
+                    parent: 'store.myOrder'
                 }
             },
             {
@@ -123,7 +125,8 @@ const routes = [
                 component: () => import('../pages/store/sendCountRecords/index.vue'),
                 meta: {
                     title: '赠送记录',
-                    hideInMenu: true
+                    hideInMenu: true,
+                    parent: 'store.goodsList'
                 },
             }
         ]
@@ -168,7 +171,8 @@ const routes = [
                 component: () => import('../pages/lepao/lepaoRecords/recordDetail.vue'),
                 meta: {
                     title: '路线详情',
-                    hideInMenu: true
+                    hideInMenu: true,
+                    parent: 'lepao.lepaoRecords'
                 }
             }
         ]
@@ -243,7 +247,8 @@ const routes = [
                 component: () => import('../pages/service/orderDetail.vue'),
                 meta: {
                     title: '工单详情',
-                    hideInMenu: true
+                    hideInMenu: true,
+                    parent: 'service.orderList'
                 }
             }
         ]
@@ -340,6 +345,7 @@ const routes = [
                 meta: {
                     title: '乐跑记录详情',
                     hideInMenu: true,
+                    parent: 'admin.lepaoRecords',
                     permission: ['admin', 'service']
                 }
             },
@@ -367,6 +373,7 @@ const routes = [
                 meta: {
                     title: '工单详情',
                     hideInMenu: true,
+                    parent: 'admin.service.orderList',
                     permission: ['admin', 'service']
                 }
             },
@@ -456,6 +463,7 @@ const routes = [
                 meta: {
                     title: '编辑商品',
                     hideInMenu: true,
+                    parent: 'admin.goods.goodsList',
                     permission: ['admin', 'product']
                 }
             },
@@ -495,7 +503,8 @@ const routes = [
                 component: () => import('../pages/path/pathDetail.vue'),
                 meta: {
                     title: '路径详情',
-                    hideInMenu: true
+                    hideInMenu: true,
+                    parent: 'path.list'
                 }
             }
         ]