Pārlūkot izejas kodu

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

haopeng 2 gadi atpakaļ
vecāks
revīzija
976ecb523b

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

@@ -14,10 +14,13 @@
14 14
                alt=""></div>
15 15
         <div>
16 16
           <div class="left"
17
-               v-if="menuIndex==0">
17
+               v-if="menuIndex==0 && $route.path === '/home'">
18 18
             <div class="address">{{userInfo.store_name}}</div>
19 19
           </div>
20 20
         </div>
21
+        <div class="center" v-if="$route.name">
22
+          {{$route.name}}
23
+        </div>
21 24
         <div class="right">
22 25
           <div class="news"><img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/news.png"></div>
23 26
           <div class="head-img"><img :src="userInfo.avatar_url"></div>
@@ -166,6 +169,9 @@ export default {
166 169
       color: #333333;
167 170
       line-height: 21px;
168 171
     }
172
+    .center {
173
+      color: #000000;
174
+    }
169 175
     .right {
170 176
       float: right;
171 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 21
                   :finished="finished"
22 22
                   finished-text="没有更多了"
23 23
                   @load=" getToday ">
24
-
24
+          <!-- TODO: delete v-if 中的 ! -->
25
+          <div class="detail-list" v-if="!orderList.length"><span @click="toDetailList">客户预约表</span></div>
25 26
           <div class="user-info"
26 27
                v-for="(item,index) in orderList"
27 28
                :key="index"
@@ -157,6 +158,13 @@ export default {
157 158
     initData () {
158 159
 
159 160
     },
161
+    toDetailList () {
162
+      this.$router.push({
163
+        path: "/home/detailList",
164
+        query: {
165
+        }
166
+      });
167
+    }
160 168
   },
161 169
   computed: {},
162 170
   watch: {}
@@ -233,6 +241,11 @@ export default {
233 241
       height: 450px;
234 242
       overflow: auto;
235 243
 
244
+      .detail-list {
245
+        display:flex;
246
+        justify-content: right;
247
+        color: #FA7D22;
248
+      }
236 249
       .user-info {
237 250
         padding: 14px 0;
238 251
         border-bottom: 1px solid #e6e6e6;

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

@@ -3,6 +3,7 @@
3 3
  */
4 4
 import layout from '@/components/common/layout/layout'
5 5
 import Home from '@/pages/home/index.vue'
6
+import HomeDetailList from '@/pages/home/detailList'
6 7
 import TestSkin from '@/pages/testSkin/index'
7 8
 import TestSkinDetails from '@/pages/testSkin/details'
8 9
 import CustomerMan from '@/pages/customerMan/index'
@@ -25,6 +26,14 @@ export default {
25 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 37
       path: '/testSkin',
29 38
       component: TestSkin
30 39
     },