Browse Source

Merge branch 'dev' of http://git.ycjcjy.com/SpaceOfCheng/wechat into dev

许成详 6 years ago
parent
commit
b3b0107b54

+ 1
- 1
public/index.html View File

6
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
7
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
8
     charset="utf-8" />
8
     charset="utf-8" />
9
-  <link rel="stylesheet" href="//at.alicdn.com/t/font_775069_w203meltjv9.css">
9
+  <link rel="stylesheet" href="//at.alicdn.com/t/font_775069_5i50qqneuws.css">
10
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
10
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
11
   <title>
11
   <title>
12
     <%= htmlWebpackPlugin.options.title %>
12
     <%= htmlWebpackPlugin.options.title %>

BIN
src/common/icon/check-box-checked.png View File


BIN
src/common/icon/check-box-empty.png View File


+ 33
- 2
src/pages/sales/coffeeIndex/index.vue View File

61
           </li>
61
           </li>
62
           <li :hidden="navActive !== 2" class="customer-card">
62
           <li :hidden="navActive !== 2" class="customer-card">
63
             <div class="list-box">
63
             <div class="list-box">
64
+              <div class="search-bar flex-h">
65
+                <span>共15位客户</span>
66
+                <van-checkbox v-model="checked">
67
+                  我推荐的客户(8人)
68
+                  <img
69
+                    slot="icon"
70
+                    slot-scope="props"
71
+                    :src="props.checked ? icon.active : icon.normal"
72
+                    style="width:.25rem;height:.25rem"
73
+                  >
74
+                </van-checkbox>
75
+                <i class="iconfont icon-sousuo search-icon" @click="searchMask"></i>
76
+              </div>
64
               <customerCard v-for="(item,index) in cardList" :key="index" :data='item' @share='share'></customerCard>
77
               <customerCard v-for="(item,index) in cardList" :key="index" :data='item' @share='share'></customerCard>
65
             </div>
78
             </div>
66
           </li>
79
           </li>
76
       @confirm="selectCase"
89
       @confirm="selectCase"
77
       value-key="value"
90
       value-key="value"
78
     />
91
     />
92
+    <div v-if="!mask" class="search-mask">
93
+      <div class="mask-top">
94
+        <input type="text">
95
+        <i class="iconfont icon-sousuo search-icon" @click="searchMask"></i>
96
+      </div>
97
+      <div class="mask-bottom"></div>
98
+    </div>
79
   </div>
99
   </div>
80
 </template>
100
 </template>
81
 
101
 
84
 import topCaseInfo from '../../../components/topCaseInfo/index'
104
 import topCaseInfo from '../../../components/topCaseInfo/index'
85
 import myCard from '../../../components/myCard/myCard'
105
 import myCard from '../../../components/myCard/myCard'
86
 import customerCard from '../../../components/customerCard/customerCard'
106
 import customerCard from '../../../components/customerCard/customerCard'
107
+import active from '../../../common/icon/check-box-checked.png'
108
+import normal from '../../../common/icon/check-box-empty.png'
87
 import { mapState, createNamespacedHelpers } from 'vuex'
109
 import { mapState, createNamespacedHelpers } from 'vuex'
88
 const { mapActions: actions } = createNamespacedHelpers('app')
110
 const { mapActions: actions } = createNamespacedHelpers('app')
89
 const { mapActions: caseTableActions } = createNamespacedHelpers('placeOrderForCoffee')
111
 const { mapActions: caseTableActions } = createNamespacedHelpers('placeOrderForCoffee')
93
   name: '',
115
   name: '',
94
   data () {
116
   data () {
95
     return {
117
     return {
96
-      navActive: 1,
118
+      icon: {
119
+        active: active,
120
+        normal: normal
121
+      },
122
+      mask: false,
123
+      navActive: 2,
124
+      checked: true,
97
       cutNavList: [{
125
       cutNavList: [{
98
         value: '城咖啡',
126
         value: '城咖啡',
99
         id: '1',
127
         id: '1',
199
     },
227
     },
200
     share (item) {
228
     share (item) {
201
       console.log(item)
229
       console.log(item)
230
+    },
231
+    searchMask () {
232
+      this.mask = true
202
     }
233
     }
203
   }
234
   }
204
 }
235
 }
206
 
237
 
207
 <!-- Add "scoped" attribute to limit CSS to this component only -->
238
 <!-- Add "scoped" attribute to limit CSS to this component only -->
208
 <style lang="scss" scoped>
239
 <style lang="scss" scoped>
209
-@import "page.scss";
240
+@import 'page.scss';
210
 </style>
241
 </style>

+ 37
- 0
src/pages/sales/coffeeIndex/page.scss View File

169
               padding: .1rem .2rem .2rem;
169
               padding: .1rem .2rem .2rem;
170
             }
170
             }
171
           }
171
           }
172
+          .search-bar{
173
+            align-items: center;
174
+            justify-content: space-between;
175
+            padding: 0 .1rem .1rem;
176
+            .search-icon{
177
+              font-size: .18rem;
178
+              color: #909090;
179
+            }
180
+          }
172
         }
181
         }
173
       }
182
       }
174
     }
183
     }
182
     background: rgba(0, 0, 0, .3);
191
     background: rgba(0, 0, 0, .3);
183
     z-index: 100;
192
     z-index: 100;
184
   }
193
   }
194
+  .search-mask{
195
+    width: 100%;
196
+    height: 100%;
197
+    position: fixed;
198
+    top: 0;
199
+    left: 0;
200
+    background: #fff;
201
+    z-index: 999;
202
+    display: flex;
203
+    flex-flow: column nowrap;
204
+    .mask-bottom{
205
+      flex: 1
206
+    }
207
+    .mask-top{
208
+      display: flex;
209
+      justify-content: center;
210
+      align-items: center;
211
+      padding: .1rem .2rem;
212
+      input{
213
+        width: 100%;
214
+        height: .5rem;
215
+        background: #eee;
216
+      }
217
+      i{
218
+        font-size: .24rem;
219
+      }
220
+    }
221
+  }
185
 }
222
 }

+ 0
- 1
src/pages/sales/router.js View File

45
 })
45
 })
46
 
46
 
47
 router.beforeEach((to, from, next) => {
47
 router.beforeEach((to, from, next) => {
48
-
49
   next()
48
   next()
50
 })
49
 })
51
 
50
 

+ 2
- 2
src/util/ajax.js View File

59
         toolClass.getCode(result.appid)
59
         toolClass.getCode(result.appid)
60
       } else if (code === 406) {
60
       } else if (code === 406) {
61
         console.log(router.history.current.name)
61
         console.log(router.history.current.name)
62
-        if (router.history.current.name !== 'bindMobile'){
63
-          router.push({ name:'bindMobile' })
62
+        if (router.history.current.name !== 'bindMobile') {
63
+          router.push({ name: 'bindMobile' })
64
         }
64
         }
65
       } else {
65
       } else {
66
         console.log(message)
66
         console.log(message)