Browse Source

feat: 首页新增用户预约表入口

haopeng 2 years ago
parent
commit
976ecb523b

+ 7 - 1
src/components/common/layout/layout.vue

@@ -14,10 +14,13 @@
14
                alt=""></div>
14
                alt=""></div>
15
         <div>
15
         <div>
16
           <div class="left"
16
           <div class="left"
17
-               v-if="menuIndex==0">
17
+               v-if="menuIndex==0 && $route.path === '/home'">
18
             <div class="address">{{userInfo.store_name}}</div>
18
             <div class="address">{{userInfo.store_name}}</div>
19
           </div>
19
           </div>
20
         </div>
20
         </div>
21
+        <div class="center" v-if="$route.name">
22
+          {{$route.name}}
23
+        </div>
21
         <div class="right">
24
         <div class="right">
22
           <div class="news"><img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/news.png"></div>
25
           <div class="news"><img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/news.png"></div>
23
           <div class="head-img"><img :src="userInfo.avatar_url"></div>
26
           <div class="head-img"><img :src="userInfo.avatar_url"></div>
@@ -166,6 +169,9 @@ export default {
166
       color: #333333;
169
       color: #333333;
167
       line-height: 21px;
170
       line-height: 21px;
168
     }
171
     }
172
+    .center {
173
+      color: #000000;
174
+    }
169
     .right {
175
     .right {
170
       float: right;
176
       float: right;
171
       display: flex;
177
       display: flex;

+ 15 - 0
src/pages/home/detailList/index.vue

@@ -0,0 +1,15 @@
1
+<template>
2
+  <div>
3
+    预约详情表
4
+  </div>
5
+</template>
6
+
7
+<script>
8
+export default {
9
+  data() {
10
+    return {};
11
+  },
12
+};
13
+</script>
14
+
15
+<style lang="less" scoped></style>

+ 14 - 1
src/pages/home/index.vue

@@ -21,7 +21,8 @@
21
                   :finished="finished"
21
                   :finished="finished"
22
                   finished-text="没有更多了"
22
                   finished-text="没有更多了"
23
                   @load=" getToday ">
23
                   @load=" getToday ">
24
-
24
+          <!-- TODO: delete v-if 中的 ! -->
25
+          <div class="detail-list" v-if="!orderList.length"><span @click="toDetailList">客户预约表</span></div>
25
           <div class="user-info"
26
           <div class="user-info"
26
                v-for="(item,index) in orderList"
27
                v-for="(item,index) in orderList"
27
                :key="index"
28
                :key="index"
@@ -157,6 +158,13 @@ export default {
157
     initData () {
158
     initData () {
158
 
159
 
159
     },
160
     },
161
+    toDetailList () {
162
+      this.$router.push({
163
+        path: "/home/detailList",
164
+        query: {
165
+        }
166
+      });
167
+    }
160
   },
168
   },
161
   computed: {},
169
   computed: {},
162
   watch: {}
170
   watch: {}
@@ -233,6 +241,11 @@ export default {
233
       height: 450px;
241
       height: 450px;
234
       overflow: auto;
242
       overflow: auto;
235
 
243
 
244
+      .detail-list {
245
+        display:flex;
246
+        justify-content: right;
247
+        color: #FA7D22;
248
+      }
236
       .user-info {
249
       .user-info {
237
         padding: 14px 0;
250
         padding: 14px 0;
238
         border-bottom: 1px solid #e6e6e6;
251
         border-bottom: 1px solid #e6e6e6;

+ 9 - 0
src/router/map/home.js

@@ -3,6 +3,7 @@
3
  */
3
  */
4
 import layout from '@/components/common/layout/layout'
4
 import layout from '@/components/common/layout/layout'
5
 import Home from '@/pages/home/index.vue'
5
 import Home from '@/pages/home/index.vue'
6
+import HomeDetailList from '@/pages/home/detailList'
6
 import TestSkin from '@/pages/testSkin/index'
7
 import TestSkin from '@/pages/testSkin/index'
7
 import TestSkinDetails from '@/pages/testSkin/details'
8
 import TestSkinDetails from '@/pages/testSkin/details'
8
 import CustomerMan from '@/pages/customerMan/index'
9
 import CustomerMan from '@/pages/customerMan/index'
@@ -25,6 +26,14 @@ export default {
25
       component: Home
26
       component: Home
26
     },
27
     },
27
     {
28
     {
29
+      name: '客户预约表',
30
+      path: '/home/detailList',
31
+      meta: {
32
+        isback: true,
33
+      },
34
+      component: HomeDetailList
35
+    },
36
+    {
28
       path: '/testSkin',
37
       path: '/testSkin',
29
       component: TestSkin
38
       component: TestSkin
30
     },
39
     },