Commit 5a439273cb439e69f1025e8d6361e2193da08584
1 parent
27a76a60
增加协助预约功能
Showing
34 changed files
with
4371 additions
and
0 deletions
packageA/pages/my_service/appment_main.js
0 → 100644
1 | +var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + inurl: a.url, //接口网址 | |
13 | + iurl: a.imghost, //服务器网址 | |
14 | + store: 0, //是否显示服务门店列表 | |
15 | + beautician: 0, //是否显示美容师列表 | |
16 | + beautician_name: "", //选中的美容师名称 | |
17 | + beauticianID: "", //美容师id | |
18 | + bea_index: "", //美容师列表下标 | |
19 | + placeholder: "填写备注", //备注为空的placeholder | |
20 | + store_list: [], //门店列表 | |
21 | + beautician_list: [], //美容师列表 | |
22 | + store_name: "", //选择的服务门店 | |
23 | + fir_pick_index: 0, //选择的门店下标 | |
24 | + curpage: 1, //当前分页数 | |
25 | + pageSize: 8, //页大小 | |
26 | + total: 0, | |
27 | + ismore: 0, //是否加载完毕 | |
28 | + itemId: "", //服务id | |
29 | + project_id: "", //项目id | |
30 | + isScroll: true, //scroll-y是否可以滑动 | |
31 | + key_word: "", //是否按门店文字查询 | |
32 | + is_service_read: 0, //是否调用过门店接口 | |
33 | + is_search: 0, //是否通过key_word调用接口 | |
34 | + is_success: 0, //是否提交成功 | |
35 | + remarks: "", //备注 | |
36 | + storageId: "", //线下门店id | |
37 | + url: "/pages/user/my_service/appment_main", //本页面地址路径用于选择时间页面跳转回来 | |
38 | + buyType: "", //项目类型 | |
39 | + time: "", //选择预约时间 | |
40 | + tment_count: "", //可预约人数 | |
41 | + lat: "", //纬度坐标 | |
42 | + lon: "", //经度坐标 | |
43 | + is_gps: 1, //是否开启gps | |
44 | + validay: "", //服务项目有效期 | |
45 | + is_sub: 0, //判断是否重复提交 | |
46 | + is_textea: 1, //备注是否是可输入 | |
47 | + }, | |
48 | + //控制备注输入 | |
49 | + check_text: function() { | |
50 | + var th = this; | |
51 | + var is_textea = th.data.is_textea; | |
52 | + th.setData({ | |
53 | + is_textea: 1, | |
54 | + beautician: 0 | |
55 | + }) | |
56 | + }, | |
57 | + onclickstore: function() { | |
58 | + var th = this; | |
59 | + var store = th.data.store; | |
60 | + if (store) { | |
61 | + th.setData({ | |
62 | + store: 0, | |
63 | + is_textea: 1 | |
64 | + }) | |
65 | + } else { | |
66 | + th.setData({ | |
67 | + beautician: 0, | |
68 | + store: 1, | |
69 | + is_textea: 0 | |
70 | + }) | |
71 | + if (th.data.store_list.length < 1) { | |
72 | + wx.showLoading({ | |
73 | + title: '加载中', | |
74 | + }) | |
75 | + th.query_store(); | |
76 | + } | |
77 | + } | |
78 | + }, | |
79 | + //输入的备注 | |
80 | + input_remarks: function(e) { | |
81 | + var remarks = e.detail.value; | |
82 | + this.setData({ | |
83 | + remarks: remarks | |
84 | + }) | |
85 | + }, | |
86 | + //提交成功及发送模版代码 | |
87 | + success: function() { | |
88 | + var th = this; | |
89 | + var store = th.data.store_name; //门店名称 | |
90 | + var bea_name = th.data.beautician_name; //美容师名称 | |
91 | + var time = th.data.time; //预约时间 | |
92 | + var is_sub = th.data.is_sub; //是否重复提交 | |
93 | + var url = th.data.inurl + "/api/weshop/marketing/reservation/reservation/insert"; //接口路径 | |
94 | + var serviceId = th.data.itemId; //服务id | |
95 | + var beauticianID = th.data.beauticianID; //美容师id | |
96 | + var buyType = th.data.buyType; //服务项目类型 | |
97 | + var storeId = a.stoid; //商家id | |
98 | + var storageId = th.data.storageId; //门店id | |
99 | + var userId = d.user_id; //用户id | |
100 | + var remarks = th.data.remarks; //用户备注 | |
101 | + var project_id = th.data.project_id; //项目id | |
102 | + var validay = th.data.validay; | |
103 | + var json = { | |
104 | + "arrangeTime": time + ":00", | |
105 | + "beauticianId": beauticianID, | |
106 | + "buyType": buyType, | |
107 | + "effectiveDay": "", | |
108 | + "number": "", | |
109 | + "projectId": project_id, | |
110 | + "remark": remarks, | |
111 | + "serviceId": serviceId, | |
112 | + "states": 0, | |
113 | + "storageId": storageId, | |
114 | + "storeId": storeId, | |
115 | + "userId": userId, | |
116 | + "validay": validay | |
117 | + } | |
118 | + var data = JSON.stringify(json); | |
119 | + wx.request({ | |
120 | + url: url, | |
121 | + data: json, | |
122 | + method: 'post', | |
123 | + header: { | |
124 | + 'content-type': 'application/json' | |
125 | + }, // 设置请求的 header | |
126 | + success: function(res) { | |
127 | + th.setData({ | |
128 | + is_sub: 0 | |
129 | + }) | |
130 | + wx.hideLoading(); | |
131 | + if (res.data.code == 0) { | |
132 | + getApp().my_warnning("预约成功", 1, th); | |
133 | + var store_name = th.data.store_name; //预约门店 | |
134 | + var number = res.data.data.Number; | |
135 | + var temp_url = "/api/wx/open/app/user/sendSubscribeMsg"; //模版接口 | |
136 | + var userinfo = getApp().globalData.userInfo; | |
137 | + var name = d.userInfo.nickname; | |
138 | + var json = { | |
139 | + // "formId": formid, | |
140 | + "keyWord": [{ | |
141 | + "keyword": res.data.data.ServiceName | |
142 | + }, | |
143 | + { | |
144 | + "keyword": time.substring(0, 16) | |
145 | + }, { | |
146 | + "keyword": res.data.data.BeauticianName | |
147 | + }, { | |
148 | + "keyword": res.data.data.StorageName | |
149 | + }, { | |
150 | + "keyword": res.data.data.Address | |
151 | + } | |
152 | + ], | |
153 | + "page": "/pages/user/my_service/tment_details?number=" + number, | |
154 | + "storeId": a.stoid, | |
155 | + "typeId": "1011", | |
156 | + "userId": d.user_id | |
157 | + }; | |
158 | + var data = JSON.stringify(json); | |
159 | + //调用发送预约成功模版接口 | |
160 | + wx.request({ | |
161 | + url: th.data.inurl + temp_url, | |
162 | + data: data, | |
163 | + method: 'post', | |
164 | + header: { | |
165 | + 'content-type': 'application/json' | |
166 | + }, // 设置请求的 header | |
167 | + success: function(data) {} | |
168 | + }) | |
169 | + setTimeout(function() { | |
170 | + wx.redirectTo({ | |
171 | + url: "/pages/user/my_service/tment_details?number=" + number | |
172 | + }); | |
173 | + }, 1000); | |
174 | + } else { | |
175 | + getApp().my_warnning(res.data.msg, 0, th); | |
176 | + th.settime(); | |
177 | + } | |
178 | + } | |
179 | + }) | |
180 | + | |
181 | + }, | |
182 | + //定时显示texteat | |
183 | + settime: function() { | |
184 | + var th = this; | |
185 | + setTimeout(function() { | |
186 | + th.setData({ | |
187 | + is_textea: 1 | |
188 | + }) | |
189 | + }, 2000); | |
190 | + }, | |
191 | + //提交预约 | |
192 | + sub_success: function(e) { | |
193 | + var th = this; | |
194 | + var temp_url = th.data.inurl + "/api/wx/weappSendlist/page"; | |
195 | + var template_id = ""; | |
196 | + if (th.data.is_sub == 1) { | |
197 | + return false; | |
198 | + } | |
199 | + var store = th.data.store_name; //门店名称 | |
200 | + var bea_name = th.data.beautician_name; //美容师名称 | |
201 | + var time = th.data.time; //预约时间 | |
202 | + var is_sub = th.data.is_sub; //是否重复提交 | |
203 | + th.setData({ | |
204 | + is_textea: 0, | |
205 | + is_sub: 1 | |
206 | + }) | |
207 | + //提交预约前的判断 | |
208 | + if (store == "") { | |
209 | + getApp().my_warnning("请选择服务门店", 0, th); | |
210 | + th.setData({ | |
211 | + is_sub: 0 | |
212 | + }) | |
213 | + th.settime(); | |
214 | + return false; | |
215 | + } else if (bea_name == "") { | |
216 | + getApp().my_warnning("请选择美容师", 0, th); | |
217 | + th.setData({ | |
218 | + is_sub: 0 | |
219 | + }) | |
220 | + th.settime(); | |
221 | + return false; | |
222 | + } else if (time == undefined || time == '') { | |
223 | + getApp().my_warnning("请选择预约时间", 0, th); | |
224 | + th.setData({ | |
225 | + is_sub: 0 | |
226 | + }) | |
227 | + th.settime(); | |
228 | + return false; | |
229 | + } else { | |
230 | + var version =""; | |
231 | + //判断微信版本是否达到预约成功订阅的要求 | |
232 | + wx.getSystemInfo({ | |
233 | + success(res) { | |
234 | + version = res.version; | |
235 | + } | |
236 | + }) | |
237 | + wx.showLoading({ | |
238 | + title: '加载中', | |
239 | + }) | |
240 | + if (th.ver(version, '7.0.4') >= 0) { | |
241 | + //获取模版id | |
242 | + getApp().request.promiseGet(temp_url, { | |
243 | + data: { | |
244 | + store_id: a.stoid, | |
245 | + typeid: "1011" | |
246 | + } | |
247 | + }).then(res => { | |
248 | + if (res.data.code == 0 && res.data.data.pageData.length > 0) { | |
249 | + template_id = res.data.data.pageData[0].template_id; | |
250 | + // //授权订阅 | |
251 | + wx.requestSubscribeMessage({ | |
252 | + tmplIds: [template_id], | |
253 | + success(res) { | |
254 | + th.success(); | |
255 | + }, | |
256 | + fail(res) { | |
257 | + th.success(); | |
258 | + } | |
259 | + }) | |
260 | + } else { | |
261 | + th.success(); | |
262 | + } | |
263 | + }) | |
264 | + } else { | |
265 | + // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示 | |
266 | + wx.showModal({ | |
267 | + title: '提示', | |
268 | + content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。' | |
269 | + }) | |
270 | + th.setData({ | |
271 | + is_sub: 0 | |
272 | + }) | |
273 | + } | |
274 | + | |
275 | + } | |
276 | + }, | |
277 | + //版本判断 | |
278 | + ver:function(v1,v2){ | |
279 | + v1 = v1.split('.') | |
280 | + v2 = v2.split('.') | |
281 | + var num1 = "" ; | |
282 | + var num2 = ""; | |
283 | + var len = Math.max(v1.length, v2.length) | |
284 | + | |
285 | + while (v1.length < len) { | |
286 | + v1.push('0') | |
287 | + } | |
288 | + while (v2.length < len) { | |
289 | + v2.push('0') | |
290 | + } | |
291 | + | |
292 | + for (let i = 0; i < len; i++) { | |
293 | + num1 = parseInt(v1[i]) | |
294 | + num2 = parseInt(v2[i]) | |
295 | + | |
296 | + if (num1 > num2) { | |
297 | + return 1 | |
298 | + } else if (num1 < num2) { | |
299 | + return -1 | |
300 | + } | |
301 | + } | |
302 | + return 0 | |
303 | + }, | |
304 | + goto: function(e) { | |
305 | + var th = this; | |
306 | + th.setData({ | |
307 | + beautician: 0, | |
308 | + is_textea: 0 | |
309 | + }) | |
310 | + if (th.data.store_name == "") { | |
311 | + getApp().my_warnning("请选择服务门店", 0, th); | |
312 | + th.settime(); | |
313 | + } else if (th.data.beautician_name == "") { | |
314 | + getApp().my_warnning("请选择美容师", 0, th); | |
315 | + th.settime(); | |
316 | + } else { | |
317 | + th.setData({ | |
318 | + is_textea: 1 | |
319 | + }) | |
320 | + var url = e.currentTarget.dataset.url; | |
321 | + getApp().goto(url); | |
322 | + } | |
323 | + }, | |
324 | + //点击选择门店 | |
325 | + choose_for_store: function(e) { | |
326 | + var th = this; | |
327 | + var index_c = e.currentTarget.dataset.ind; | |
328 | + var fir_pick_index = th.data.fir_pick_index; | |
329 | + //判断是否点击选中的门店,防止重复点击重复设置选中下标 | |
330 | + if (index_c == fir_pick_index) { | |
331 | + return false; | |
332 | + } else { | |
333 | + th.setData({ | |
334 | + fir_pick_index: index_c, | |
335 | + beautician_name: "", | |
336 | + time: "", | |
337 | + tment_count: "" | |
338 | + }) | |
339 | + } | |
340 | + }, | |
341 | + //确认选择门店 | |
342 | + choice_store: function() { | |
343 | + var th = this; | |
344 | + var index = th.data.fir_pick_index; | |
345 | + var store_name = th.data.store_list[index].StorageName; | |
346 | + var Id = th.data.store_list[index].Id; | |
347 | + th.setData({ | |
348 | + store: 0, | |
349 | + store_name: store_name, | |
350 | + storageId: Id, | |
351 | + is_textea: 1 | |
352 | + }) | |
353 | + }, | |
354 | + onReachBottom: function() { | |
355 | + var th = this; | |
356 | + if (this.data.total <= th.data.pageSize) return; | |
357 | + if (this.data.ismore) return; | |
358 | + | |
359 | + wx.showLoading({ | |
360 | + title: '加载中...', | |
361 | + }) | |
362 | + th.query_store(); | |
363 | + }, | |
364 | + //分页查询门店信息 | |
365 | + query_store: function() { | |
366 | + var th = this; | |
367 | + th.setData({ | |
368 | + is_textea: 0 | |
369 | + }) | |
370 | + var itemId = th.data.itemId; //服务id | |
371 | + var url = "/api/weshop/marketing/reservation/storage/pagenew"; | |
372 | + var key_word = th.data.key_word; | |
373 | + key_word = key_word.replace(/\s+/g, ""); | |
374 | + getApp().request.promiseGet(url, { | |
375 | + data: { | |
376 | + userId:getApp().globalData.user_id, | |
377 | + storeId: a.stoid, | |
378 | + serviceId: itemId, | |
379 | + latitude: th.data.lat, | |
380 | + longitude: th.data.lon, | |
381 | + page: th.data.curpage, | |
382 | + pageSize: th.data.pageSize, | |
383 | + keyWord: key_word | |
384 | + } | |
385 | + }).then(res => { | |
386 | + wx.hideLoading(); | |
387 | + if (res.data.code == 0) { | |
388 | + th.data.curpage++; | |
389 | + var arr1 = th.data.store_list; | |
390 | + var arr2 = res.data.data.pageData; | |
391 | + var arr3 = [...arr1, ...arr2]; | |
392 | + var ismore = 0; | |
393 | + if (arr3.length == res.data.data.total) ismore = 1 | |
394 | + th.setData({ | |
395 | + store_list: arr3, | |
396 | + total: res.data.data.total, | |
397 | + ismore: ismore, | |
398 | + is_service_read: 1, | |
399 | + }), wx.stopPullDownRefresh(); //停止下拉刷新 | |
400 | + if (key_word != "" && res.data.data.pageData.length < 1) { | |
401 | + th.setData({ | |
402 | + is_search: 1 | |
403 | + }) | |
404 | + } | |
405 | + } else { | |
406 | + getApp().my_warnning(res.data.msg, 0, th); | |
407 | + th.settime(); | |
408 | + } | |
409 | + }) | |
410 | + }, | |
411 | + //查询 | |
412 | + query_beautician: function() { | |
413 | + var th = this; | |
414 | + th.setData({ | |
415 | + is_textea: 0 | |
416 | + }) | |
417 | + if (th.data.store_name == "") { | |
418 | + getApp().my_warnning("请选择服务门店", 0, th); | |
419 | + th.settime(); | |
420 | + } else { | |
421 | + wx.showLoading({ | |
422 | + title: '加载中', | |
423 | + }) | |
424 | + var itemid = th.data.itemId; //正式使用的项目id | |
425 | + var storageId = th.data.storageId; //正式使用的线下门店id | |
426 | + var url = "/api/weshop/marketing/reservation/staff/pagenew"; //接口地址 | |
427 | + | |
428 | + getApp().request.promiseGet(url, { | |
429 | + data: { | |
430 | + storeId: a.stoid, | |
431 | + userId: d.user_id, | |
432 | + serviceId: itemid, | |
433 | + storageId: storageId | |
434 | + } | |
435 | + }).then(res => { | |
436 | + wx.hideLoading(); | |
437 | + if (res.data.code == 0) { | |
438 | + th.setData({ | |
439 | + beautician_list: res.data.data | |
440 | + }) | |
441 | + if (res.data.data.length < 1) { | |
442 | + getApp().my_warnning("暂无美容师", 0, th); | |
443 | + th.settime(); | |
444 | + } else { | |
445 | + if (th.data.beautician == 0) { | |
446 | + th.setData({ | |
447 | + beautician: 1, | |
448 | + }) | |
449 | + } else { | |
450 | + th.setData({ | |
451 | + beautician: 0, | |
452 | + }) | |
453 | + } | |
454 | + } | |
455 | + } else { | |
456 | + getApp().my_warnning(res.data.msg, 0, th); | |
457 | + th.settime(); | |
458 | + } | |
459 | + }) | |
460 | + } | |
461 | + }, | |
462 | + choice_beautician: function(e) { | |
463 | + var th = this; | |
464 | + var bea_index = e.currentTarget.dataset.baaindex; | |
465 | + var bea_name = th.data.beautician_list[bea_index].StaffName; | |
466 | + var BeauticianID = th.data.beautician_list[bea_index].staffid; | |
467 | + var StorageId=th.data.beautician_list[bea_index].StorageId | |
468 | + | |
469 | + th.setData({ | |
470 | + beautician_name: bea_name, | |
471 | + beautician: 0, | |
472 | + bea_index: bea_index, | |
473 | + beauticianID: BeauticianID, | |
474 | + time: "", | |
475 | + tment_count: "", | |
476 | + is_textea: 1, | |
477 | + StorageId:StorageId | |
478 | + }) | |
479 | + | |
480 | + }, | |
481 | + //获取搜索门店输入的值 | |
482 | + input_store: function(e) { | |
483 | + this.setData({ | |
484 | + key_word: e.detail.value | |
485 | + }) | |
486 | + }, | |
487 | + //搜索门店 | |
488 | + search_store: function() { | |
489 | + var th = this; | |
490 | + var key_word = th.data.key_word; | |
491 | + var store_list = th.data.store_list; | |
492 | + th.setData({ | |
493 | + curpage: 1, | |
494 | + is_search: 0, | |
495 | + store_list: [] | |
496 | + }) | |
497 | + wx.showLoading({ | |
498 | + title: '加载中', | |
499 | + }) | |
500 | + th.query_store(); | |
501 | + }, | |
502 | + //美容师预约跳转页面 | |
503 | + nav_bea: function() { | |
504 | + var th = this; | |
505 | + th.setData({ | |
506 | + beautician: 0 | |
507 | + }) | |
508 | + var storageId = th.data.storageId; //线下门店id | |
509 | + var itemId = th.data.itemId; //服务id | |
510 | + var project_id = th.data.project_id; | |
511 | + if (storageId == "") { | |
512 | + getApp().my_warnning("请选择服务门店", 0, th); | |
513 | + th.settime(); | |
514 | + } else { | |
515 | + th.setData({ | |
516 | + is_textea: 1 | |
517 | + }) | |
518 | + wx.navigateTo({ | |
519 | + url: "/pages/user/my_service/cosmetology_list?" + 'storageId=' + storageId + '&' + 'itemId=' + itemId + '&' + "projectId=" + project_id | |
520 | + }); | |
521 | + | |
522 | + } | |
523 | + }, | |
524 | + /** | |
525 | + * 生命周期函数--监听页面加载 | |
526 | + */ | |
527 | + onLoad: function(options) { | |
528 | + var th = this; | |
529 | + th.setData({ | |
530 | + itemId: options.service_id, | |
531 | + buyType: options.BuyType, | |
532 | + project_id: options.ProjectID, | |
533 | + validay: options.Validay | |
534 | + }); | |
535 | + wx.getLocation({ | |
536 | + type: 'gcj02', | |
537 | + success: function(res) { | |
538 | + th.data.lat = res.latitude; | |
539 | + th.data.lon = res.longitude; | |
540 | + th.data.is_get_local_ok = 1; | |
541 | + th.setData({ | |
542 | + is_gps: 1 | |
543 | + }); | |
544 | + }, | |
545 | + fail: function(res) { | |
546 | + if (res.errCode == 2) { | |
547 | + th.setData({ | |
548 | + is_gps: 0 | |
549 | + }); | |
550 | + if (th.data.is_gps == 0) { | |
551 | + getApp().confirmBox("请开启GPS定位", null, 25000, !1); | |
552 | + th.settime(); | |
553 | + } | |
554 | + } else { | |
555 | + th.setData({ | |
556 | + is_gps: "3" | |
557 | + }); | |
558 | + } | |
559 | + | |
560 | + th.data.is_get_local_ok = 1; | |
561 | + } | |
562 | + }); | |
563 | + | |
564 | + // 获取当前默认导购信息及归属门店信息 | |
565 | + getApp().request.promiseGet('/api/weshop/shoppingGuide/geIdStaffInfo', { | |
566 | + data: { | |
567 | + store_id: 1, | |
568 | + guide_id: 73, | |
569 | + UserCode: '01', | |
570 | + } | |
571 | + }).then(res => { | |
572 | + console.log('res==>', res.data.data); | |
573 | + th.setData({ | |
574 | + store_name: res.data.data.StorageName, | |
575 | + beautician_name: res.data.data.StaffName, | |
576 | + }); | |
577 | + }); | |
578 | + | |
579 | + }, | |
580 | + //查询剩下可预约人数 | |
581 | + query_more: function() { | |
582 | + var th = this; | |
583 | + var url = "/api/weshop/marketing/reservation/can/reservation/countnew"; | |
584 | + var beauticianID = th.data.beauticianID; //美容师id | |
585 | + var projectID = th.data.itemId; //服务id | |
586 | + var seekTime = th.data.time; //预约日期 | |
587 | + var storageId = th.data.storageId; //门店id | |
588 | + var storeId = a.stoid; //商家id | |
589 | + getApp().request.promiseGet(url, { | |
590 | + data: { | |
591 | + beauticianId: beauticianID, | |
592 | + seekTime: seekTime, | |
593 | + serviceId: projectID, | |
594 | + storageId: storageId, | |
595 | + storeId: storeId | |
596 | + } | |
597 | + }).then(res => { | |
598 | + if (res.data.code == 0) { | |
599 | + var tment_count = res.data.data.CanReservation; | |
600 | + th.setData({ | |
601 | + tment_count: tment_count | |
602 | + }) | |
603 | + } else { | |
604 | + getApp().my_warnning(res.data.msg, 0, th); | |
605 | + th.settime(); | |
606 | + } | |
607 | + }) | |
608 | + | |
609 | + }, | |
610 | + /** | |
611 | + * 生命周期函数--监听页面显示 | |
612 | + */ | |
613 | + onShow: function() { | |
614 | + var th = this; | |
615 | + var seekTime = th.data.time; //预约日期 | |
616 | + if (seekTime != "") { | |
617 | + th.query_more(); | |
618 | + } | |
619 | + th.setData({ | |
620 | + time: th.data.time.substring(0, 16), | |
621 | + is_textea: 1 | |
622 | + }) | |
623 | + th.query_project(); | |
624 | + }, | |
625 | + //获取单个服务项目信息 | |
626 | + query_project: function() { | |
627 | + var th = this; | |
628 | + var url = "/api/weshop/marketing/reservation/sm/page"; //获取服务项目接口 | |
629 | + var project_id = th.data.project_id; //服务项目id | |
630 | + getApp().request.promiseGet(url, { | |
631 | + data: { | |
632 | + storeId: a.stoid, | |
633 | + userId: d.user_id, | |
634 | + projectId: project_id | |
635 | + } | |
636 | + }).then(res => { | |
637 | + if (res.data.code == 0) { | |
638 | + th.setData({ | |
639 | + validay: res.data.data.pageData[0].Validay | |
640 | + }) | |
641 | + } else { | |
642 | + getApp().my_warnning(res.data.msg, 0, th); | |
643 | + th.settime(); | |
644 | + } | |
645 | + }) | |
646 | + }, | |
647 | + //关闭导航 | |
648 | + close: function() { | |
649 | + var th = this; | |
650 | + var nav_b = th.selectComponent("#nav_b"); //组件的id | |
651 | + nav_b.close_box(); | |
652 | + } | |
653 | +}) | |
0 | 654 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/appment_main.json
0 → 100644
packageA/pages/my_service/appment_main.wxml
0 → 100644
1 | +<wxs module="filters" src="../../../utils/filter.wxs"></wxs> | |
2 | +<view class="container" catchtap="close"> | |
3 | + <image class="main" src="{{iurl}}/miniapp/images/yyservice/main.png"></image> | |
4 | + | |
5 | + <view class="Fram"> | |
6 | + <!-- 选择门店 --> | |
7 | + <view class="flex-vertical mabot"> | |
8 | + <!-- 门店 --> | |
9 | + <view class="flex-vertical-between head fs30"> | |
10 | + <view>门</view> | |
11 | + <view>店</view> | |
12 | + </view> | |
13 | + | |
14 | + <!-- 选择门店 --> | |
15 | + <view class="flex-vertical-between fs26 select" bindtap="onclickstore"> | |
16 | + <view class="{{store_name==''?'color':''}} value ellipsis-1">{{store_name==""?'选择服务门店':store_name}}</view> | |
17 | + <view class="angle">∟</view> | |
18 | + </view> | |
19 | + </view> | |
20 | + <!-- 选择美容师 --> | |
21 | + <view class="flex-vertical mabot"> | |
22 | + <!-- 门店 --> | |
23 | + <view class="flex-vertical-between head fs30"> | |
24 | + <view>美</view> | |
25 | + <view>容</view> | |
26 | + <view>师</view> | |
27 | + </view> | |
28 | + | |
29 | + <!-- 选择美容师 --> | |
30 | + <view class="rel fs26"> | |
31 | + <view class="flex-vertical-between Cosmetology" bindtap="query_beautician"> | |
32 | + <view class="{{beautician_name==''?'color':''}} value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view> | |
33 | + <view class="angle">∟</view> | |
34 | + </view> | |
35 | + <!-- 美容师下拉列表 --> | |
36 | + <view class="beauticians abs" wx:if="{{beautician}}"> | |
37 | + <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) --> | |
38 | + <view class="beautician flex-vertical fs26" wx:for="{{beautician_list}}" bindtap="choice_beautician" data-baaindex="{{key}}" wx:for-index="key"> | |
39 | + <view class="StaffName ellipsis-1">{{item.StaffName}}</view> | |
40 | + </view> | |
41 | + <view> | |
42 | + </view> | |
43 | + </view> | |
44 | + </view> | |
45 | + <view class="flex-center users" bindtap="nav_bea"> | |
46 | + <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image> | |
47 | + </view> | |
48 | + </view> | |
49 | + | |
50 | + <!-- 选择时间 --> | |
51 | + <view class="flex-vertical mabot"> | |
52 | + <!-- 门店 --> | |
53 | + <view class="head fs30"> | |
54 | + <view>预约时间</view> | |
55 | + </view> | |
56 | + | |
57 | + <!-- 选择时间 --> | |
58 | + <view class="flex-vertical-between fs26 select" data-url="/pages/user/my_service/beauty_deta?url={{url}}&StorageId={{StorageId}}&BeauticianID={{beauticianID}}&itemId={{itemId}}&modify=0&projectId={{project_id}}" bindtap="goto"> | |
59 | + <view class="{{time==''?'color':''}}">{{time==""?'选择时间':time}}</view> | |
60 | + <view class="angle angler">∟</view> | |
61 | + </view> | |
62 | + </view> | |
63 | + | |
64 | + <!-- 备注 --> | |
65 | + <view class="flex Remarks"> | |
66 | + <!-- 门店 --> | |
67 | + <view class="flex-space-between head fs30"> | |
68 | + <view>备</view> | |
69 | + <view>注</view> | |
70 | + </view> | |
71 | + <view class="flex fs26"> | |
72 | + <block wx:if="{{is_textea==1}}"> | |
73 | + <textarea class="textarea" placeholder="{{remarks==''?'填写备注':remarks}}" placeholder-class="fs26 color" value="{{remarks}}" bindinput="input_remarks" maxlength="100"> | |
74 | + </textarea> | |
75 | + </block> | |
76 | + <block wx:else> | |
77 | + <view class="textarea {{remarks==''?'color':''}}" bindtap="check_text">{{remarks==''?'填写备注':remarks}} | |
78 | + </view> | |
79 | + </block> | |
80 | + </view> | |
81 | + </view> | |
82 | + <view wx:if="{{tment_count!=''}}" class="notes flex-level-right fs24 color"> | |
83 | + <view>注:剩余可预约人数{{tment_count}}人</view> | |
84 | + </view> | |
85 | + | |
86 | + <view class="submitMax flex-space-between fs32"> | |
87 | + <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list"> | |
88 | + <view>我的预约</view> | |
89 | + </navigator> | |
90 | + <form report-submit='true' bindtap="sub_success"> | |
91 | + <button form-type="submit" class="sub_appment flex-center"> | |
92 | + <view>提交预约</view> | |
93 | + </button> | |
94 | + </form> | |
95 | + </view> | |
96 | + </view> | |
97 | + | |
98 | +</view> | |
99 | + | |
100 | +<!-- 门店列表显示 --> | |
101 | +<view wx:if="{{store}}" class="storeList fixed"> | |
102 | + <view class="choice flex-vertical-between fs32 storeListpadd"> | |
103 | + <view>选择服务门店</view> | |
104 | + <icon bindtap="onclickstore" color="black" size="22" type="cancel"></icon> | |
105 | + </view> | |
106 | + <view class="searchbar flex-vertical-between storeListpadd"> | |
107 | + <input class="inputstore fs28" placeholder="{{key_word==''?'输入要搜索的门店':key_word}}" placeholder-class="fs28" maxlength="16" bindinput="input_store" bindconfirm="search_store" /> | |
108 | + <view class="search flex-center" bindtap="search_store"> | |
109 | + <view class="fs28">搜索</view> | |
110 | + </view> | |
111 | + </view> | |
112 | + <!-- 选择门店 --> | |
113 | + <scroll-view class="stores" scroll-y="{{isScroll}}" enable-back-to-top="true" bindscrolltolower="onReachBottom"> | |
114 | + <view class="store flex-vertical" wx:for="{{store_list}}" bindtap="choose_for_store" data-ind="{{index}}"> | |
115 | + <block wx:if="{{index==fir_pick_index}}"> | |
116 | + <icon class="icon" type="success" color="red" size="20"></icon> | |
117 | + </block> | |
118 | + <block wx:else> | |
119 | + <view class="circular"></view> | |
120 | + </block> | |
121 | + <view class="store_name_dis"> | |
122 | + <view class="name_dis flex-vertical-between"> | |
123 | + <view class="store_name fs28 ellipsis-1">{{item.StorageName}}</view> | |
124 | + <view wx:if="{{item.Distance!=1000000}}" class="store_dis flex fs22"> | |
125 | + <view class="ellipsis-1">距您:{{item.Distance}}km</view> | |
126 | + </view> | |
127 | + </view> | |
128 | + <view class="store_address fs24 ellipsis-2">{{item.Address}}</view> | |
129 | + </view> | |
130 | + </view> | |
131 | + <!-- 通过搜索的时候没有找到的提示语 --> | |
132 | + <view wx:if="{{store_list.length<1 && is_search==1}}" class="flex-center fs28 notstore"> | |
133 | + <view>没有找到{{key_word}}门店</view> | |
134 | + </view> | |
135 | + | |
136 | + <!-- 数据加载完毕 --> | |
137 | + <view wx:if="{{ismore && store_list.length>1}}" class="flex-center fs28 notstore"> | |
138 | + <view>数据加载完毕</view> | |
139 | + </view> | |
140 | + </scroll-view> | |
141 | + <!-- sub --> | |
142 | + <view class="flex-center fs32" bindtap="choice_store"> | |
143 | + <view class="determine flex-center"> | |
144 | + <view>确定</view> | |
145 | + </view> | |
146 | + </view> | |
147 | +</view> | |
148 | +<!-- 蒙尘 --> | |
149 | +<view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view> | |
150 | +<warn id="warn"></warn> | |
151 | +<!-- 制作一个圆球导航 --> | |
152 | +<nav_b id="nav_b"></nav_b> | |
0 | 153 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/appment_main.wxss
0 → 100644
1 | +.container { | |
2 | + border-top: 7rpx solid rgb(245, 245, 245); | |
3 | +} | |
4 | + | |
5 | +.main { | |
6 | + width: 100%; | |
7 | + height: 305rpx; | |
8 | +} | |
9 | + | |
10 | +.angle { | |
11 | + transform: rotate(-45deg); | |
12 | + margin-right: 15rpx; | |
13 | + margin-bottom: 10rpx; | |
14 | + font-size: 26rpx; | |
15 | + color: rgb(142, 142, 142); | |
16 | +} | |
17 | +.StaffName{ | |
18 | + max-width: 350rpx; | |
19 | +} | |
20 | +.angler { | |
21 | + transform: rotate(227deg); | |
22 | + margin-bottom: 0rpx; | |
23 | +} | |
24 | + | |
25 | +.users { | |
26 | + background-color: rgb(255, 255, 255); | |
27 | +} | |
28 | + | |
29 | +.user { | |
30 | + width: 40rpx; | |
31 | + height: 40rpx; | |
32 | + margin-left: 15rpx; | |
33 | +} | |
34 | + | |
35 | +.Fram { | |
36 | + padding: 0rpx 60rpx; | |
37 | + margin-top: 60rpx; | |
38 | + background-color: rgb(255, 255, 255); | |
39 | +} | |
40 | + | |
41 | +.subSuccess { | |
42 | + position: fixed; | |
43 | + z-index: 3; | |
44 | + top: 420rpx; | |
45 | + left: 110rpx; | |
46 | + width: 540rpx; | |
47 | + height: 315rpx; | |
48 | + background-color: rgb(155, 155, 155); | |
49 | + text-align: center; | |
50 | + border-radius: 20rpx; | |
51 | + color: rgb(255, 255, 255); | |
52 | + font-weight: bold; | |
53 | +} | |
54 | + | |
55 | +.Success { | |
56 | + width: 110rpx; | |
57 | + height: 110rpx; | |
58 | + margin-top: 70rpx; | |
59 | + margin-bottom: 30rpx; | |
60 | +} | |
61 | + | |
62 | +.appment, .sub_appment { | |
63 | + width: 270rpx; | |
64 | + height: 60rpx; | |
65 | + line-height: 55rpx; | |
66 | + border-radius: 40rpx; | |
67 | +} | |
68 | + | |
69 | +button { | |
70 | + height: 100%; | |
71 | + background-color: rgb(214, 1, 33); | |
72 | +} | |
73 | + | |
74 | +.appment { | |
75 | + background-color: rgb(238, 238, 238); | |
76 | +} | |
77 | + | |
78 | +.sub_appment { | |
79 | + background-color: rgb(214, 1, 33); | |
80 | + color: rgb(255, 255, 255); | |
81 | +} | |
82 | + | |
83 | +.head { | |
84 | + width: 122rpx; | |
85 | + margin-right: 40rpx; | |
86 | + height: 50rpx; | |
87 | + line-height: 50rpx; | |
88 | +} | |
89 | + | |
90 | +.textarea { | |
91 | + width: 420rpx; | |
92 | + background-color: rgb(238, 238, 238); | |
93 | + border-radius: 6rpx; | |
94 | + height: 130rpx; | |
95 | + padding-left: 40rpx; | |
96 | + padding-right: 15rpx; | |
97 | + padding-top: 15rpx; | |
98 | + padding-bottom: 15rpx; | |
99 | +} | |
100 | + | |
101 | +.mabot { | |
102 | + margin-bottom: 35rpx; | |
103 | +} | |
104 | + | |
105 | +.select { | |
106 | + width: 420rpx; | |
107 | + height: 55rpx; | |
108 | + line-height: 55rpx; | |
109 | + background-color: rgb(238, 238, 238); | |
110 | + border-radius: 6rpx; | |
111 | + padding-left: 40rpx; | |
112 | + padding-right: 15rpx; | |
113 | +} | |
114 | + | |
115 | +.Cosmetology { | |
116 | + padding-left: 40rpx; | |
117 | + padding-right: 15rpx; | |
118 | + width: 365rpx; | |
119 | + background-color: rgb(238, 238, 238); | |
120 | + height: 50rpx; | |
121 | + line-height: 50rpx; | |
122 | + border-radius: 6rpx; | |
123 | +} | |
124 | + | |
125 | +.beauticians { | |
126 | + width: 407rpx; | |
127 | + z-index: 3; | |
128 | + top: 45rpx; | |
129 | + left: -1rpx; | |
130 | + padding: 0rpx 5rpx; | |
131 | + border: 2rpx solid rgb(238, 238, 238); | |
132 | + background-color: rgb(255, 255, 255); | |
133 | + padding-bottom: 5rpx; | |
134 | + height: 279rpx; | |
135 | + overflow-x: scroll; | |
136 | + overflow-y: scroll; | |
137 | +} | |
138 | + | |
139 | +.beautician { | |
140 | + height: 70rpx; | |
141 | + border-bottom: 2rpx solid rgb(238, 238, 238); | |
142 | + padding-left: 25rpx; | |
143 | +} | |
144 | + | |
145 | +.beaclone { | |
146 | + border-bottom: 0rpx; | |
147 | +} | |
148 | + | |
149 | +.notes { | |
150 | + margin-top: 15rpx; | |
151 | + margin-bottom: 60rpx; | |
152 | + margin-right: 8rpx; | |
153 | +} | |
154 | + | |
155 | +.color { | |
156 | + color: rgb(172, 172, 172); | |
157 | +} | |
158 | + | |
159 | +.submitMax { | |
160 | + margin-top: 50rpx; | |
161 | + padding: 0rpx 15rpx; | |
162 | +} | |
163 | + | |
164 | +.Remarks { | |
165 | + margin-top: 15rpx; | |
166 | +} | |
167 | + | |
168 | +/* 蒙尘 */ | |
169 | + | |
170 | +.disgraceful { | |
171 | + position: fixed; | |
172 | + z-index: 4; | |
173 | + width: 100%; | |
174 | + height: 100%; | |
175 | + top: 0rpx; | |
176 | + left: 0rpx; | |
177 | + background-color: rgba(0, 0, 0, 0.4); | |
178 | +} | |
179 | + | |
180 | +.storeList { | |
181 | + z-index: 5; | |
182 | + left: 0rpx; | |
183 | + border-top-left-radius: 25rpx; | |
184 | + border-top-right-radius: 25rpx; | |
185 | + background-color: rgb(255, 255, 255); | |
186 | + width: 100%; | |
187 | + padding: 45rpx 0rpx; | |
188 | +} | |
189 | + | |
190 | +.storeListpadd { | |
191 | + padding: 0rpx 31rpx; | |
192 | +} | |
193 | + | |
194 | +.choice { | |
195 | + margin-bottom: 5rpx; | |
196 | +} | |
197 | + | |
198 | +.inputstore { | |
199 | + width: 510rpx; | |
200 | + height: 43rpx; | |
201 | + line-height: 43rpx; | |
202 | + border-radius: 30rpx; | |
203 | + border: 2rpx solid rgb(238, 238, 238); | |
204 | + padding-left: 30rpx; | |
205 | +} | |
206 | + | |
207 | +.searchbar { | |
208 | + height: 95rpx; | |
209 | + border-bottom: 2rpx solid rgb(238, 238, 238); | |
210 | +} | |
211 | + | |
212 | +.search { | |
213 | + width: 125rpx; | |
214 | + height: 45rpx; | |
215 | + line-height: 45rpx; | |
216 | + background-color: rgb(219, 27, 52); | |
217 | + border-radius: 30rpx; | |
218 | + color: rgb(255, 255, 255); | |
219 | +} | |
220 | + | |
221 | +.stores { | |
222 | + height: 500rpx; | |
223 | + overflow-y: scroll; | |
224 | +} | |
225 | + | |
226 | +.store { | |
227 | + margin: 0rpx 16rpx; | |
228 | + padding-right: 15rpx; | |
229 | + border-bottom: 2rpx solid rgb(238, 238, 238); | |
230 | + padding: 20rpx 0rpx; | |
231 | +} | |
232 | + | |
233 | +.icon { | |
234 | + padding: 0rpx 15rpx; | |
235 | +} | |
236 | + | |
237 | +.circular { | |
238 | + width: 37rpx; | |
239 | + height: 37rpx; | |
240 | + border-radius: 50%; | |
241 | + border: 2rpx solid rgb(52, 52, 52); | |
242 | + margin: 0rpx 15rpx; | |
243 | +} | |
244 | + | |
245 | +.store_name_dis { | |
246 | + width: 90%; | |
247 | +} | |
248 | + | |
249 | +.name_dis { | |
250 | + margin-bottom: 5rpx; | |
251 | +} | |
252 | + | |
253 | +.store_name { | |
254 | + max-width: 420rpx; | |
255 | +} | |
256 | + | |
257 | +.store_dis { | |
258 | + height: 30rpx; | |
259 | + line-height: 30rpx; | |
260 | + padding: 5rpx 15rpx; | |
261 | + background-color: rgb(227, 227, 227); | |
262 | + border-radius: 25rpx; | |
263 | + margin-right: 20rpx; | |
264 | + color: rgb(159, 159, 159); | |
265 | + max-width: 200rpx; | |
266 | +} | |
267 | + | |
268 | +.store_address { | |
269 | + color: rgb(159, 159, 159); | |
270 | +} | |
271 | + | |
272 | +.determine { | |
273 | + background-color: rgb(196, 24, 26); | |
274 | + width: 500rpx; | |
275 | + border-radius: 35rpx; | |
276 | + height: 60rpx; | |
277 | + color: rgb(255, 255, 255); | |
278 | + margin: 20rpx 0rpx; | |
279 | +} | |
280 | + | |
281 | +.value { | |
282 | + max-width: 300rpx; | |
283 | +} | |
284 | + | |
285 | +.notstore { | |
286 | + height: 80rpx; | |
287 | + color: rgb(159, 159, 159); | |
288 | +} | ... | ... |
packageA/pages/my_service/beauty_deta.js
0 → 100644
1 | +var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + inurl: a.url, //接口网址 | |
13 | + iurl: a.imghost, | |
14 | + url: "", //选择选择时间后返回的页面 | |
15 | + defimgurl: "/miniapp/images/no-head.jpg", | |
16 | + seekTime: "", //当前服务预约选择的时间 | |
17 | + time_list: [], //可预约时间 | |
18 | + name: "", //美容师姓名 | |
19 | + comment: "", //美容师评价 | |
20 | + aweeks: [], //七天的预约时间 | |
21 | + head_img: "", //美容师头像 | |
22 | + time:['08:00','08:30', '09:00', '09:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00','14:30', '15:00', '15:30', '16:00', '16:30', '17:00','17:30', '18:00','18:30', '19:00', '19:30', '20:00', '20:30', '21:00', '21:30', '22:00','22:30'], | |
23 | + weeks: [], //星期几数组 | |
24 | + time_index: -1, //选择预约时间下标 | |
25 | + date_id: 0, //选择日期的id | |
26 | + beautician_id: "", //美容师id | |
27 | + itemId: "", //服务id | |
28 | + number: "", //预约单号 | |
29 | + modify: 0, //是否是修改时间 | |
30 | + iscos: 0, //是否是从美容师列表过来的 | |
31 | + hours: "", //获取当前时分秒 | |
32 | + projectId: "", //项目id | |
33 | + StaffName: "", //美容师名称 | |
34 | + }, | |
35 | + | |
36 | + /** | |
37 | + * 生命周期函数--监听页面加载 | |
38 | + */ | |
39 | + onLoad: function(options) { | |
40 | + var th = this; | |
41 | + var myDate = new Date(); | |
42 | + var minutes = myDate.getMinutes(); //获取当前分钟数(0-59) | |
43 | + var hours = myDate.getHours() + ":" + minutes; //获取当前小时数(0-23) | |
44 | + var beautician_id = options.BeauticianID; | |
45 | + var storageId = options.StorageId; | |
46 | + | |
47 | + | |
48 | + th.setData({ | |
49 | + beautician_id: beautician_id, | |
50 | + itemId: options.itemId, | |
51 | + modify: options.modify, | |
52 | + hours: hours, | |
53 | + projectId: options.projectId, | |
54 | + storageId:storageId | |
55 | + }) | |
56 | + if (options.url != undefined) { | |
57 | + th.setData({ | |
58 | + url: options.url | |
59 | + }) | |
60 | + } | |
61 | + if (options.number != undefined) { | |
62 | + th.setData({ | |
63 | + number: options.number | |
64 | + }) | |
65 | + } | |
66 | + if (options.iscos != undefined) { | |
67 | + th.setData({ | |
68 | + iscos: options.iscos | |
69 | + }) | |
70 | + } | |
71 | + if (options.StaffName!=undefined){ | |
72 | + th.setData({ | |
73 | + StaffName: options.StaffName | |
74 | + }) | |
75 | + } | |
76 | + th.query_beatea(th.query_aweek); | |
77 | + }, | |
78 | + /** | |
79 | + * 生命周期函数--监听页面显示 | |
80 | + */ | |
81 | + onShow: function() { | |
82 | + var th = this; | |
83 | + //获取当前时间 | |
84 | + var myDate = new Date(); | |
85 | + // var date = myDate.getHours(); //获取当前小时数(0-23); | |
86 | + let str = myDate.toTimeString(); //"10:55:24 GMT+0800 (中国标准时间)" | |
87 | + let date = str.substring(0, 8); // '10:55:24' | |
88 | + th.setData({ | |
89 | + hours: date | |
90 | + }); | |
91 | + }, | |
92 | + | |
93 | + //图片失败,默认图片 | |
94 | + bind_bnerr1: function(e) { | |
95 | + var _errImg = e.target.dataset.errorimg; | |
96 | + var _Img = e.target.dataset.img; | |
97 | + if (_Img != undefined) { | |
98 | + var _errObj = {}; | |
99 | + _errObj[_errImg] = "/miniapp/images/no-head.jpg"; | |
100 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
101 | + } | |
102 | + }, | |
103 | + //选择服务日期 | |
104 | + check_date: function(e) { | |
105 | + var th = this; | |
106 | + var id = e.currentTarget.dataset.dateid; | |
107 | + var date_id = th.data.date_id; | |
108 | + var seekTime = th.data.aweeks[id].time; | |
109 | + if (id != date_id) { | |
110 | + th.setData({ | |
111 | + date_id: id, | |
112 | + seekTime: seekTime | |
113 | + }) | |
114 | + th.query_date(); | |
115 | + } | |
116 | + }, | |
117 | + //获取美容师信息 | |
118 | + query_beatea: function(func) { | |
119 | + var th = this; | |
120 | + var url = "/api/weshop/marketing/reservation/staff/get"; //接口路径 | |
121 | + var beautician_id = th.data.beautician_id; | |
122 | + getApp().request.promiseGet(url, { | |
123 | + data: { | |
124 | + beauticianId: beautician_id, | |
125 | + storeId: a.stoid, | |
126 | + } | |
127 | + }).then(res => { | |
128 | + if (res.data.code == 0) { | |
129 | + var data = res.data.data; | |
130 | + var ob={ | |
131 | + name: data.StaffName, | |
132 | + comment: data.Remark1, | |
133 | + head_img: data.PhotoUrl | |
134 | + }; | |
135 | + if(!th.data.storageId){ | |
136 | + ob.storageId=data.StorageId; | |
137 | + } | |
138 | + th.setData(ob); | |
139 | + func(); | |
140 | + } else { | |
141 | + getApp().my_warnning(res.data.msg, 0, th); | |
142 | + } | |
143 | + }) | |
144 | + }, | |
145 | + //返回上个页面 | |
146 | + navigateBack: function() { | |
147 | + var th = this; | |
148 | + var modify = th.data.modify; //是否是更改时间 | |
149 | + var seekTime = th.data.seekTime; //选择的日期 | |
150 | + var time_list = th.data.time_list; | |
151 | + var time_index = th.data.time_index; | |
152 | + if (time_index == -1) { | |
153 | + getApp().my_warnning("请选择预约时间", 0, th); | |
154 | + return false; | |
155 | + } | |
156 | + var date_id = th.data.date_id; | |
157 | + var date = th.data.aweeks[date_id].time; | |
158 | + var time = date + " " + time_list[time_index] + ":00"; | |
159 | + if (modify == 1) { | |
160 | + var json = { | |
161 | + "arrangeTime": time, | |
162 | + "number": th.data.number, | |
163 | + "remark": "更改时间", | |
164 | + "states": 0, | |
165 | + "storeId": a.stoid | |
166 | + }; | |
167 | + var data = JSON.stringify(json); | |
168 | + var url = th.data.inurl + "/api/weshop/marketing/reservation/reservation/update"; //预约接口地址 | |
169 | + wx.request({ | |
170 | + url: url, | |
171 | + data: data, | |
172 | + method: 'put', | |
173 | + header: { | |
174 | + 'content-type': 'application/json' | |
175 | + }, // 设置请求的 header | |
176 | + success: function(res) { | |
177 | + if (res.data.code == 0) { | |
178 | + getApp().my_warnning(res.data.data, 1, th); | |
179 | + setTimeout(function() { | |
180 | + wx.navigateBack({ | |
181 | + //返回 | |
182 | + delta: 1 | |
183 | + }) | |
184 | + }, 1000); | |
185 | + } else { | |
186 | + getApp().my_warnning(res.data.msg, 0, th); | |
187 | + } | |
188 | + } | |
189 | + }) | |
190 | + } else { | |
191 | + var pages = getCurrentPages(); //当前页面 | |
192 | + var iscos = th.data.iscos; | |
193 | + var delta = 1; | |
194 | + if (Number(iscos) == 1) { | |
195 | + delta = delta + Number(iscos); //返回哪个页面 | |
196 | + var prevPage = pages[pages.length - 2 - Number(iscos)]; //上一页面 | |
197 | + prevPage.setData({ | |
198 | + //直接给上一个页面赋值 | |
199 | + time: time, | |
200 | + beautician_name: th.data.StaffName, | |
201 | + beauticianID: th.data.beautician_id | |
202 | + }); | |
203 | + wx.navigateBack({ | |
204 | + //返回 | |
205 | + delta: 2 | |
206 | + }) | |
207 | + } else { | |
208 | + var prevPage = pages[pages.length - 2]; //上一页面 | |
209 | + prevPage.setData({ | |
210 | + //直接给上一个页面赋值 | |
211 | + time: time | |
212 | + }); | |
213 | + wx.navigateBack({ | |
214 | + //返回 | |
215 | + delta: 1 | |
216 | + }) | |
217 | + } | |
218 | + } | |
219 | + }, | |
220 | + //选择时间 | |
221 | + Selection_time: function(e) { | |
222 | + var th = this; | |
223 | + var index = e.currentTarget.dataset.index; | |
224 | + var time_index = th.data.time_index; | |
225 | + if (index == time_index) { | |
226 | + return false; | |
227 | + } else { | |
228 | + th.setData({ | |
229 | + time_index: index | |
230 | + }) | |
231 | + } | |
232 | + }, | |
233 | + //查询七天预约时间 | |
234 | + query_aweek: function() { | |
235 | + var th = this; | |
236 | + var beautician_id = th.data.beautician_id; //美容师id | |
237 | + var storageId=th.data.storageId; | |
238 | + | |
239 | + var itemId = th.data.itemId; //服务id | |
240 | + var projectId = th.data.projectId; //项目id | |
241 | + var url = "/api/weshop/marketing/reservation/staff/seven/time/listnew"; //接口地址 | |
242 | + getApp().request.promiseGet(url, { | |
243 | + data: { | |
244 | + projectId: projectId, | |
245 | + beauticianId: beautician_id, | |
246 | + serviceId: itemId, | |
247 | + storeId: a.stoid, | |
248 | + storageId:storageId | |
249 | + } | |
250 | + }).then(res => { | |
251 | + if (res.data.code == 0) { | |
252 | + var data = res.data.data; | |
253 | + var arr = []; | |
254 | + for (var i in data) { | |
255 | + var em = { | |
256 | + "time": i, | |
257 | + "val": data[i] | |
258 | + }; | |
259 | + arr.push(em); | |
260 | + } | |
261 | + arr.sort(th.sort_arr); | |
262 | + var weeks = ["今天", "明天", "后天"]; | |
263 | + var week = ""; | |
264 | + for (var i = 3; i < arr.length; i++) { | |
265 | + var date = new Date(arr[i].time); | |
266 | + if (date.getDay() == 0) week = "周日" | |
267 | + if (date.getDay() == 1) week = "周一" | |
268 | + if (date.getDay() == 2) week = "周二" | |
269 | + if (date.getDay() == 3) week = "周三" | |
270 | + if (date.getDay() == 4) week = "周四" | |
271 | + if (date.getDay() == 5) week = "周五" | |
272 | + if (date.getDay() == 6) week = "周六" | |
273 | + weeks[i] = week; | |
274 | + } | |
275 | + th.setData({ | |
276 | + aweeks: arr, | |
277 | + weeks: weeks | |
278 | + }) | |
279 | + th.query_date(); | |
280 | + | |
281 | + } else { | |
282 | + getApp().my_warnning(res.data.msg, 0, th); | |
283 | + } | |
284 | + }) | |
285 | + | |
286 | + }, | |
287 | + | |
288 | + query_date: function() { | |
289 | + var th = this; | |
290 | + var projectId = th.data.projectId; | |
291 | + var date_id = th.data.date_id; //日期下标 | |
292 | + var SeekTime = th.data.aweeks[date_id].time; | |
293 | + var val = th.data.aweeks[date_id].val; | |
294 | + | |
295 | + var url = "/api/weshop/marketing/reservation/staff/time/listnew"; | |
296 | + getApp().request.promiseGet(url, { | |
297 | + data: { | |
298 | + projectId: projectId, | |
299 | + staffId: th.data.beautician_id, | |
300 | + storageId:th.data.storageId, | |
301 | + serviceId: th.data.itemId, | |
302 | + seekTime: SeekTime, | |
303 | + storeId: a.stoid, | |
304 | + } | |
305 | + }).then(res => { | |
306 | + if (res.data.code == 0) { | |
307 | + var hours = th.data.hours; | |
308 | + var time_list = res.data.data; | |
309 | + var time = th.data.time; | |
310 | + var date_id = th | |
311 | + var new_time = []; | |
312 | + var date = th.data.hours.substring(0,2); | |
313 | + | |
314 | + //不等于空就是有可以预约的时间 | |
315 | + if (time_list != null) { | |
316 | + if (res.data.data && res.data.data[0]!= undefined) { | |
317 | + if (res.data.data[0].GroupHour && res.data.data[0].GroupHour.length > 11) { | |
318 | + getApp().my_warnning(res.data.data[0].GroupHour, 0, th); | |
319 | + } | |
320 | + } | |
321 | + //循环固定和可预约的时间 | |
322 | + for (var i = 0; i < time.length; i++) { | |
323 | + for (var ii = 0; ii < time_list.length; ii++) { | |
324 | + //判断固定的时间和可以预约的时间 | |
325 | + if (time[i] == time_list[ii].begintime.substring(0, 5)) { | |
326 | + var date_id = th.data.date_id; | |
327 | + if (date > time_list[ii].begintime.substring(0, 2) && date_id == 0) { | |
328 | + new_time[i] = ""; | |
329 | + break; | |
330 | + }else{ | |
331 | + new_time[i] = time_list[ii].begintime.substring(0, 5); | |
332 | + break; | |
333 | + } | |
334 | + } else { | |
335 | + new_time[i] = ""; | |
336 | + } | |
337 | + } | |
338 | + } | |
339 | + }else{ | |
340 | + for(var i = 0 ;i<time.length;i++){ | |
341 | + new_time[i]=""; | |
342 | + } | |
343 | + } | |
344 | + th.setData({ | |
345 | + time_list: new_time, | |
346 | + }) | |
347 | + } else { | |
348 | + getApp().my_warnning(res.data.msg, 0, th); | |
349 | + } | |
350 | + }) | |
351 | + | |
352 | + }, | |
353 | + //更改预约时间 | |
354 | + change_time: function() { | |
355 | + var th = this; | |
356 | + var seekTime = th.data.seekTime; //选择的日期 | |
357 | + var time_list = th.data.time_list; | |
358 | + var time_index = th.data.time_index; | |
359 | + var time = time_list[time_index]; | |
360 | + var number = th.data.number; //预约单号 | |
361 | + var json = { | |
362 | + "arrangeTime": seekTime + " " + time, | |
363 | + "number": number, | |
364 | + "remark": "更改预约时间", | |
365 | + "states": 0, | |
366 | + "storeId": a.stoid | |
367 | + }; | |
368 | + var data = JSON.stringify(json); | |
369 | + var url = th.data.inurl + "/api/weshop/marketing/reservation/reservation/update"; //预约接口地址 | |
370 | + wx.request({ | |
371 | + url: url, | |
372 | + data: data, | |
373 | + method: 'put', | |
374 | + header: { | |
375 | + 'content-type': 'application/json' | |
376 | + }, // 设置请求的 header | |
377 | + success: function(res) { | |
378 | + if (res.data.code == 0) { | |
379 | + getApp().my_warnning("更改成功", 0, th); | |
380 | + } else { | |
381 | + getApp().my_warnning(res.data.msg, 0, th); | |
382 | + } | |
383 | + } | |
384 | + }) | |
385 | + }, | |
386 | + //预览头像 | |
387 | + previewImage: function(e) { | |
388 | + var th = this; | |
389 | + var current = e.currentTarget.dataset.src; | |
390 | + wx.previewImage({ | |
391 | + current: current, // 当前显示图片的http链接 | |
392 | + urls: [th.data.head_img] // 需要预览的图片http链接列表 | |
393 | + }) | |
394 | + }, | |
395 | + | |
396 | + sort_arr: function(a, b) { | |
397 | + a = a['time']; | |
398 | + b = b['time']; | |
399 | + if (a < b) { | |
400 | + return -1; | |
401 | + } | |
402 | + if (a > b) { | |
403 | + return 1; | |
404 | + } | |
405 | + return 0; | |
406 | + }, | |
407 | + | |
408 | + check_is_in_arr:function(val,pdata) { | |
409 | + if(!val || !pdata) return false; | |
410 | + for(var i in pdata){ | |
411 | + if(pdata[i].begintime.indexOf(val)!=-1){ | |
412 | + return true; | |
413 | + } | |
414 | + } | |
415 | + return false; | |
416 | + } | |
417 | + | |
418 | + | |
419 | + | |
420 | +}) | |
0 | 421 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/beauty_deta.json
0 → 100644
packageA/pages/my_service/beauty_deta.wxml
0 → 100644
1 | +<view class="container"> | |
2 | + <view class="backcolor"></view> | |
3 | + | |
4 | + <view class="comments"> | |
5 | + <!-- 个人信息 --> | |
6 | + <view class="Personal"> | |
7 | + | |
8 | + <view class="name fs36 ellipsis-1">{{name}}</view> | |
9 | + | |
10 | + <view class="ellipsis-4" style="width:100%"> | |
11 | + <view style="overflow:hidden;"> | |
12 | + <image class="head" src="{{head_img==''?iurl+defimgurl:head_img}}" data-errorimg="{{head_img}}" binderror="bind_bnerr1" data-img="{{head_img}}" data-src="{{head_img}}"></image> | |
13 | + <view class="introduce fs26"> | |
14 | + <block wx:if="{{comment!=''}}"> | |
15 | + {{comment}} | |
16 | + </block> | |
17 | + <block wx:else> | |
18 | + 暂无介绍 | |
19 | + </block> | |
20 | + </view> | |
21 | + <view style="clear:both"></view> | |
22 | + </view> | |
23 | + </view> | |
24 | + | |
25 | + </view> | |
26 | + | |
27 | + <view> | |
28 | + <view class="fs36" style="margin-bottom:35rpx;">服务预约</view> | |
29 | + <scroll-view class="scroll-h fs26 " scroll-x> | |
30 | + <view class="rel" wx:for="{{aweeks}}" style="display: inline-block;"> | |
31 | + <block wx:if="{{aweeks[index].val!=''}}"> | |
32 | + <view class="scroll-item-h bd {{index==date_id?'chbd':''}}" bindtap="check_date" data-dateid="{{index}}"> | |
33 | + <view>{{weeks[index]}}</view> | |
34 | + <view>{{item.time}}</view> | |
35 | + </view> | |
36 | + </block> | |
37 | + <block wx:else> | |
38 | + <view class="scroll-item-h bd {{index==date_id?'chbd':''}}" bindtap="check_date" data-dateid="{{index}}"> | |
39 | + <view>{{weeks[index]}}(约满)</view> | |
40 | + <view>{{item.time}}</view> | |
41 | + </view> | |
42 | + </block> | |
43 | + </view> | |
44 | + | |
45 | + </scroll-view> | |
46 | + | |
47 | + <!-- 选择时间 --> | |
48 | + <view class="Times"> | |
49 | + | |
50 | + <view class="flex-center" wx:for="{{time}}" style="display:inline-block;" wx:for-index="key" wx:for-item="it"> | |
51 | + <block wx:if="{{it==time_list[key]}}"> | |
52 | + <view class="Time flex-center {{time_index==key?'chTime':''}}" bindtap="Selection_time" data-index="{{key}}"> | |
53 | + <view> | |
54 | + <view class="fs26">{{it}}</view> | |
55 | + </view> | |
56 | + </view> | |
57 | + </block> | |
58 | + <block wx:else> | |
59 | + <view class="Time flex-center nochTime"> | |
60 | + <view> | |
61 | + <view class="fs26">{{it}}</view> | |
62 | + </view> | |
63 | + </view> | |
64 | + </block> | |
65 | + </view> | |
66 | + <view class="choice flex-center fs32" bindtap="navigateBack"> | |
67 | + <view>确定选择</view> | |
68 | + </view> | |
69 | + | |
70 | + </view> | |
71 | + | |
72 | + </view> | |
73 | + | |
74 | + </view> | |
75 | + | |
76 | +</view> | |
77 | +<warn id="warn"></warn> | |
0 | 78 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/beauty_deta.wxss
0 → 100644
1 | +.container { | |
2 | + border-top: 7rpx solid rgb(245, 245, 245); | |
3 | +} | |
4 | + | |
5 | +.backcolor { | |
6 | + position: absolute; | |
7 | + top: 0rpx; | |
8 | + left: 0rpx; | |
9 | + z-index: 0; | |
10 | + width: 100%; | |
11 | + height: 270rpx; | |
12 | + background-color: rgb(214, 1, 33); | |
13 | + | |
14 | +} | |
15 | + | |
16 | +.comments { | |
17 | + position: absolute; | |
18 | + top: 45rpx; | |
19 | + left: 0rpx; | |
20 | + z-index: 1; | |
21 | + padding: 0rpx 23rpx; | |
22 | +} | |
23 | + | |
24 | +.name { | |
25 | + font-weight: bold; | |
26 | + float: left; | |
27 | + width: 250rpx; | |
28 | +} | |
29 | + | |
30 | +.head { | |
31 | + width: 130rpx; | |
32 | + height: 130rpx; | |
33 | + border-radius: 50%; | |
34 | + float: right; | |
35 | + margin: 0rpx 15rpx; | |
36 | + /* border: 2rpx solid red; */ | |
37 | +} | |
38 | + | |
39 | +.introduce { | |
40 | + margin-top: 90rpx; | |
41 | + text-indent: 2em; | |
42 | + color: rgb(102, 102, 102); | |
43 | +} | |
44 | + | |
45 | +.Personal { | |
46 | + width: 640rpx; | |
47 | + height: 300rpx; | |
48 | + background-color: rgb(255, 255, 255); | |
49 | + border-radius: 5rpx; | |
50 | + box-shadow: 0rpx 2rpx 2rpx 2rpx rgb(250, 228, 230); | |
51 | + margin-bottom: 65rpx; | |
52 | + padding-top: 40rpx; | |
53 | + padding-left: 35rpx; | |
54 | + padding-right: 35rpx; | |
55 | +} | |
56 | + | |
57 | +.choice { | |
58 | + height: 70rpx; | |
59 | + background-color: rgb(214, 1, 33); | |
60 | + color: rgb(255, 255, 255); | |
61 | + margin-top: 30rpx; | |
62 | +} | |
63 | + | |
64 | +.scroll-h { | |
65 | + white-space: nowrap; | |
66 | + width: 704rpx; | |
67 | + overflow: visible; | |
68 | + height: 125rpx; | |
69 | + color: transparent; | |
70 | +} | |
71 | + | |
72 | +.scroll-item-h { | |
73 | + display: inline-block; | |
74 | + width: 172rpx; | |
75 | + text-align: center; | |
76 | + overflow: visible; | |
77 | + height: 70rpx; | |
78 | + padding: 15rpx 0rpx; | |
79 | +} | |
80 | +::-webkit-scrollbar{ | |
81 | + width: 0; | |
82 | + height: 0; | |
83 | + color: transparent; | |
84 | +} | |
85 | +.box { | |
86 | + width: 0px; | |
87 | + height: 0px; | |
88 | + margin-left: 15rpx; | |
89 | + border-top: 21rpx solid transparent; | |
90 | + border-right: 21rpx solid transparent; | |
91 | + border-left: 21rpx solid transparent; | |
92 | + display: inline-block; | |
93 | + transform: rotate(180deg); | |
94 | + border-bottom: 21rpx solid rgb(214, 1, 33); | |
95 | +} | |
96 | + | |
97 | +.bd { | |
98 | + /* border: 2rpx solid rgb(238, 238, 238); */ | |
99 | + background-color: rgb(255, 255, 255); | |
100 | + color: rgb(20, 20, 20); | |
101 | +} | |
102 | + | |
103 | +.chbd { | |
104 | + border: 2rpx solid rgb(214, 1, 33); | |
105 | + background-color: rgb(214, 1, 33); | |
106 | + color: rgb(255, 255, 255); | |
107 | +} | |
108 | + | |
109 | +.Times { | |
110 | + background-color: rgb(238, 243, 247); | |
111 | + margin-bottom: 30rpx; | |
112 | + padding:34rpx 27rpx; | |
113 | +} | |
114 | + | |
115 | +.Time { | |
116 | + border: 2rpx solid rgb(238, 238, 238); | |
117 | + width: 160rpx; | |
118 | + height: 70rpx; | |
119 | + background-color: rgb(255, 255, 255); | |
120 | + text-align: center; | |
121 | + padding-top: 15rpx; | |
122 | + padding-bottom: 15rpx; | |
123 | +} | |
124 | +.chTime{ | |
125 | + border-color: rgb(214, 1, 33); | |
126 | +} | |
127 | +.nochTime{ | |
128 | + color: rgb(174,177,177); | |
129 | + background-color: rgb(250,250,250); | |
130 | +} | |
131 | +.abs { | |
132 | + left: 55rpx; | |
133 | + bottom: -39rpx; | |
134 | +} | ... | ... |
packageA/pages/my_service/cosmetology_list.js
0 → 100644
1 | +var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + defimgurl: "/miniapp/images/no-head.jpg", | |
13 | + iurl: a.imghost, | |
14 | + cosmetology_list: [], //美容师列表 | |
15 | + is_cosmetology_read: 0, //是否有读过美容师接口,该属性用在没有美容师列表的排版 | |
16 | + curpage: 1, //当前分页数 | |
17 | + pageSize: 10, //页大小 | |
18 | + total: 0, //总数量 | |
19 | + ismore: 0, //是否加载完毕 | |
20 | + itemId: 0, //服务id, | |
21 | + storageId: 0, //线下门店id | |
22 | + projectId:"",//项目id | |
23 | + }, | |
24 | + onReachBottom: function() { | |
25 | + var th = this; | |
26 | + if (this.data.total <= th.data.pageSize) return; | |
27 | + if (this.data.ismore) return; | |
28 | + wx.showLoading({ | |
29 | + title: '加载中...', | |
30 | + }) | |
31 | + th.query_cology(); | |
32 | + }, | |
33 | + query_cology: function() { | |
34 | + var th = this; | |
35 | + var url = "/api/weshop/marketing/reservation/staff/pagenew"; | |
36 | + var itemId = th.data.itemId; //服务id | |
37 | + var storageId = th.data.storageId; | |
38 | + getApp().request.promiseGet(url, { | |
39 | + data: { | |
40 | + storeId: a.stoid, | |
41 | + userId: d.user_id, | |
42 | + serviceId: itemId, | |
43 | + storageId: storageId, | |
44 | + page: th.data.curpage, | |
45 | + pageSize: th.data.pageSize | |
46 | + } | |
47 | + }).then(res => { | |
48 | + wx.hideLoading(); | |
49 | + if (res.data.code == 0) { | |
50 | + th.data.curpage++; | |
51 | + var arr1 = th.data.cosmetology_list; | |
52 | + var arr2 = res.data.data; | |
53 | + var arr3 = [...arr1, ...arr2]; | |
54 | + | |
55 | + | |
56 | + th.setData({ | |
57 | + cosmetology_list: arr3, | |
58 | + total: res.data.data.total, | |
59 | + is_service_read: 1, | |
60 | + is_cosmetology_read:1 | |
61 | + }), wx.stopPullDownRefresh(); //停止下拉刷新 | |
62 | + } else { | |
63 | + th.setData({ | |
64 | + is_cosmetology_read:1, | |
65 | + ismore:1 | |
66 | + }) | |
67 | + } | |
68 | + }) | |
69 | + }, | |
70 | + //图片失败,默认图片 | |
71 | + bind_bnerr1: function(e) { | |
72 | + var _errImg = e.target.dataset.errorimg; | |
73 | + var _Img = e.target.dataset.img; | |
74 | + if (_Img != undefined) { | |
75 | + var _errObj = {}; | |
76 | + _errObj[_errImg] = "/miniapp/images/no-head.jpg"; | |
77 | + console.log(_errObj,"zzzzzzz"); | |
78 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
79 | + } | |
80 | + }, | |
81 | + /** | |
82 | + * 生命周期函数--监听页面加载 | |
83 | + */ | |
84 | + onLoad: function(options) { | |
85 | + var th = this; | |
86 | + th.setData({ | |
87 | + projectId: options.projectId, | |
88 | + itemId: options.itemId, | |
89 | + storageId: options.storageId | |
90 | + }) | |
91 | + }, | |
92 | + | |
93 | + /** | |
94 | + * 生命周期函数--监听页面显示 | |
95 | + */ | |
96 | + onShow: function() { | |
97 | + var th = this; | |
98 | + th.data.curpage++; | |
99 | + th.setData({ | |
100 | + cosmetology_list: [], | |
101 | + total: 0, | |
102 | + is_service_read: 0, | |
103 | + is_cosmetology_read:0 | |
104 | + }) | |
105 | + th.query_cology(); | |
106 | + }, | |
107 | + | |
108 | +}) | |
0 | 109 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/cosmetology_list.json
0 → 100644
packageA/pages/my_service/cosmetology_list.wxml
0 → 100644
1 | +<view class="container"> | |
2 | + <image class="appointment" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image> | |
3 | + | |
4 | + <!-- 总预约 --> | |
5 | + <view wx:if="{{cosmetology_list.length>0}}"> | |
6 | + <!-- 当个预约 --> | |
7 | + <view class="single" wx:for="{{cosmetology_list}}" wx:for-item="item"> | |
8 | + <!-- 个人属性 --> | |
9 | + <view class="flex-vertical-between"> | |
10 | + <view class="flex-vertical"> | |
11 | + <image class="portrait" src="{{(!item.PhotoUrl || item.PhotoUrl=='')?iurl+defimgurl:item.PhotoUrl}}" lazy-load="true" data-errorimg="cosmetology_list[{{index}}].PhotoUrl" binderror="bind_bnerr1" data-img="cosmetology_list[{{index}}].PhotoUrl"></image> | |
12 | + <view> | |
13 | + <!-- 用户名 --> | |
14 | + <view class="UserName ellipsis-1 fs32">{{item.StaffName}}</view> | |
15 | + <!-- 评价星数 --> | |
16 | + <view class="flex" style="margin-top:10rpx;"> | |
17 | + <image class="Stars" src="{{iurl}}{{key<item.Star || item.Star==''?'/miniapp/images/StarsredCk.png':'/miniapp/images/StarswhiteUnCk.png'}}" wx:for="{{item.Star==''?5:5}}" wx:for-index="key" wx:for-item="it"></image> | |
18 | + <!-- images/StarswhiteUnCk.png//白色星星地址 --> | |
19 | + </view> | |
20 | + <!-- 个人标签 --> | |
21 | + <view class="Labels fs22 flex" wx:if="{{item.EvaluationLabel!=''?true:false}} "> | |
22 | + <view wx:if="{{lab<3}}" class="flex-center Labelitem itone {{lab==1?'itwo':''}} {{lab==2?'ith':''}}" wx:for="{{item.EvaluationLabel}}" wx:for-item="it" wx:for-index="lab"> | |
23 | + <view class="ellipsis-1">{{it.LabelName}}</view> | |
24 | + </view> | |
25 | + </view> | |
26 | + </view> | |
27 | + </view> | |
28 | + | |
29 | + <!-- 预约状态 --> | |
30 | + <navigator class="flex-center gofu go" url="/pages/user/my_service/beauty_deta?StorageId={{item.StorageId}}&BeauticianID={{item.staffid}}&itemId={{itemId}}&iscos=1&modify=0&projectId={{projectId}}&StaffName={{item.StaffName}}"> | |
31 | + <view class="fs24">预约</view> | |
32 | + </navigator> | |
33 | + </view> | |
34 | + <view class="fs26 information"> | |
35 | + <block wx:if="{{item.Remark1!=''}}"> | |
36 | + <view class="ellipsis-3">{{item.Remark1}} | |
37 | + </view> | |
38 | + </block> | |
39 | + <block wx:else> | |
40 | + <view>暂无介绍</view> | |
41 | + </block> | |
42 | + </view> | |
43 | + </view> | |
44 | + <!-- 没有数据 --> | |
45 | + <!-- 加载完毕并且数据大于=页大小 --> | |
46 | + <view class="After_all flex-center" wx:if="{{ismore && cosmetology_list.length>=4}}"> | |
47 | + <view class="Line"></view> | |
48 | + <view class="end fs26 xc-black">到底了</view> | |
49 | + <view class="Line"></view> | |
50 | + </view> | |
51 | + </view> | |
52 | +</view> | |
53 | +<!-- 无美容师 --> | |
54 | +<view class="empty_order" wx:if="{{cosmetology_list.length<1 && is_cosmetology_read}}"> | |
55 | + <view class="flex-level"> | |
56 | + <image src="{{iurl}}miniapp/images/yyservice/no_beauty.png"></image> | |
57 | + </view> | |
58 | + <view class="flex-level fs30 xc-ash">暂无美容师</view> | |
59 | + <view class="flex-level"> | |
60 | + <navigator url="/pages/user/my_service/i_service" bindtap="goto"> | |
61 | + <view class="flex-center fs28 white">其他项目</view> | |
62 | + </navigator> | |
63 | + </view> | |
64 | +</view> | |
65 | +<warn id="warn"></warn> | |
0 | 66 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/cosmetology_list.wxss
0 → 100644
1 | +page{ | |
2 | + height: 100%; | |
3 | +} | |
4 | +.container{ | |
5 | + background-color: rgb(255,255,255); | |
6 | +} | |
7 | +.appointment { | |
8 | + width: 100%; | |
9 | + height: 305rpx; | |
10 | +} | |
11 | + | |
12 | +.single { | |
13 | + margin-left: 10rpx; | |
14 | + border-bottom: 1rpx solid rgb(229, 229, 229); | |
15 | + padding-bottom: 30rpx; | |
16 | + padding-left: 20rpx; | |
17 | + padding-right: 35rpx; | |
18 | + padding-top: 30rpx; | |
19 | +} | |
20 | + | |
21 | +.portrait { | |
22 | + width: 140rpx; | |
23 | + height: 140rpx; | |
24 | + border-radius: 50%; | |
25 | + margin-right: 30rpx; | |
26 | +} | |
27 | +.UserName{ | |
28 | + max-width: 250rpx; | |
29 | +} | |
30 | +.Stars { | |
31 | + width: 25rpx; | |
32 | + height: 25rpx; | |
33 | + margin-right: 7rpx; | |
34 | +} | |
35 | +.Labels{ | |
36 | + width: 100%; | |
37 | + margin-top: 15rpx; | |
38 | +} | |
39 | +.Label { | |
40 | + margin-top: 25rpx; | |
41 | +} | |
42 | + | |
43 | +.Labelitem { | |
44 | + width: 100rpx; | |
45 | + height: 30rpx; | |
46 | + border-radius: 20rpx; | |
47 | + line-height: 30rpx; | |
48 | + margin-right: 10rpx; | |
49 | + padding:0rpx 9rpx; | |
50 | +} | |
51 | + | |
52 | +.itone { | |
53 | + border: 2rpx solid rgb(22, 232, 131); | |
54 | + color: rgb(22, 232, 131); | |
55 | +} | |
56 | + | |
57 | +.itwo { | |
58 | + border: 2rpx solid rgb(92, 135, 248); | |
59 | + color: rgb(92, 135, 248); | |
60 | +} | |
61 | + | |
62 | +.ith { | |
63 | + border: 2rpx solid rgb(244, 143, 55); | |
64 | + color: rgb(244, 143, 55); | |
65 | +} | |
66 | + | |
67 | +.gofu { | |
68 | + width: 120rpx; | |
69 | + padding: 5rpx 0rpx; | |
70 | + border-radius: 25rpx; | |
71 | +} | |
72 | + | |
73 | +.go { | |
74 | + border: 1rpx solid rgb(196, 26, 46); | |
75 | + color: rgb(196, 26, 46); | |
76 | + background-color: rgb(255,255,255); | |
77 | +} | |
78 | + | |
79 | +.gofull { | |
80 | + border: 1rpx solid rgb(185, 185, 185); | |
81 | + color: rgb(185, 185, 185); | |
82 | + background-color: rgb(255,255,255); | |
83 | +} | |
84 | + | |
85 | +.information { | |
86 | + margin-top: 25rpx; | |
87 | + text-indent: 2em; | |
88 | + color: rgb(103, 103, 103); | |
89 | +} | |
90 | +/* 无订单 */ | |
91 | +.empty_order image { | |
92 | + width: 330rpx; | |
93 | + height: 280rpx; | |
94 | + margin-top: 120rpx; | |
95 | +} | |
96 | + | |
97 | +.empty_order .xc-ash { | |
98 | + margin-top: 10rpx; | |
99 | + font-weight: 600px; | |
100 | +} | |
101 | + | |
102 | +.empty_order navigator { | |
103 | + margin-top: 60rpx; | |
104 | + border-radius: 40rpx; | |
105 | +} | |
106 | + | |
107 | +.empty_order navigator view { | |
108 | + width: 247rpx; | |
109 | + height: 56rpx; | |
110 | + background-color: rgb(255, 72, 72); | |
111 | + border-radius: 40rpx; | |
112 | +} | |
113 | +.After_all { | |
114 | + height: 80rpx; | |
115 | +} | |
116 | + | |
117 | +.After_all .Line { | |
118 | + border-top: 3rpx solid rgb(0, 0, 0); | |
119 | + width: 130rpx; | |
120 | +} | |
121 | + | |
122 | +.After_all .end { | |
123 | + margin: 0rpx 15rpx; | |
124 | +} | ... | ... |
packageA/pages/my_service/hist_service.js
0 → 100644
1 | +var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + iurl: a.imghost, | |
13 | + isPickerShow: false, | |
14 | + isPickerRender: false, | |
15 | + startTime: "", | |
16 | + endTime: "", | |
17 | + pickerConfig: { | |
18 | + endDate: true, | |
19 | + column: "", | |
20 | + dateLimit: true, | |
21 | + initStartTime: "2019-01-01 12:32:44", | |
22 | + initEndTime: "2019-12-01 12:32:44", | |
23 | + limitStartTime: "1917-05-06 12:32:44", | |
24 | + limitEndTime: "2055-05-06 12:32:44" | |
25 | + }, | |
26 | + hist_List: [], //服务项目列表 | |
27 | + is_service_read: 0, | |
28 | + curpage: 1, //当前分页数 | |
29 | + pageSize: 15, //页大小 | |
30 | + total: 0, | |
31 | + ismore: 0, //是否加载完毕 | |
32 | + is_screen: 0, //是否通过筛选来选择历史服务 | |
33 | + is_reset: 0, //是否重复点击 | |
34 | + is_nav: 1, //是否显示导航栏 | |
35 | + }, | |
36 | + pickerShow: function() { | |
37 | + this.setData({ | |
38 | + isPickerShow: true, | |
39 | + isPickerRender: true, | |
40 | + chartHide: true | |
41 | + }); | |
42 | + }, | |
43 | + pickerHide: function() { | |
44 | + var th = this; | |
45 | + th.setData({ | |
46 | + isPickerShow: false, | |
47 | + chartHide: false | |
48 | + }); | |
49 | + }, | |
50 | + //--选择时间-- | |
51 | + setPickerTime: function(val) { | |
52 | + let data = val.detail, | |
53 | + gl_data = getApp().globalData, | |
54 | + th = this; | |
55 | + th.setData({ | |
56 | + startTime: data.startTime, | |
57 | + endTime: data.endTime, | |
58 | + val: 0, | |
59 | + distance: 0, | |
60 | + hist_List: [], | |
61 | + curpage: 1, | |
62 | + is_screen: 1, | |
63 | + is_nav: 1 | |
64 | + }); | |
65 | + th.query_hist(); | |
66 | + }, | |
67 | + /** | |
68 | + * 生命周期函数--监听页面加载 | |
69 | + */ | |
70 | + onLoad: function(options) { | |
71 | + var th = this; | |
72 | + th.query_hist(); | |
73 | + }, | |
74 | + /** | |
75 | + * 生命周期函数--监听页面显示 | |
76 | + */ | |
77 | + onShow: function() {}, | |
78 | + | |
79 | + /** | |
80 | + * 页面上拉触底事件的处理函数 | |
81 | + */ | |
82 | + onReachBottom: function() { | |
83 | + var th = this; | |
84 | + if (th.data.total <= th.data.pageSize) return false; | |
85 | + if (th.data.ismore) return false; | |
86 | + | |
87 | + wx.showLoading({ | |
88 | + title: '加载中...', | |
89 | + }) | |
90 | + th.query_hist(); | |
91 | + }, | |
92 | + //重置历史服务数据 | |
93 | + his_reset: function() { | |
94 | + var th = this; | |
95 | + var is_reset = th.data.is_reset; | |
96 | + if (is_reset == 0) { | |
97 | + th.setData({ | |
98 | + hist_List: [], | |
99 | + curpage: 1, | |
100 | + is_service_read: 0, | |
101 | + is_screen: 1, | |
102 | + is_reset: 1, | |
103 | + startTime: "", | |
104 | + endTime: "", | |
105 | + is_nav: 1 | |
106 | + }) | |
107 | + th.query_hist(); | |
108 | + } | |
109 | + }, | |
110 | + query_hist: function() { | |
111 | + | |
112 | + var th = this; | |
113 | + var startTime = th.data.startTime.substring(0, 10); //开始 | |
114 | + var endTime = th.data.endTime.substring(0, 10); //结束 | |
115 | + var url = "/api/weshop/marketing/reservation/history/reservation/page"; | |
116 | + getApp().request.promiseGet(url, { | |
117 | + data: { | |
118 | + storeId: a.stoid, | |
119 | + userId: d.user_id, | |
120 | + beginDate: startTime, | |
121 | + endDate: endTime, | |
122 | + page: th.data.curpage, | |
123 | + pageSize: th.data.pageSize | |
124 | + } | |
125 | + }).then(res => { | |
126 | + wx.hideLoading(); | |
127 | + th.setData({ | |
128 | + is_reset: 0 | |
129 | + }) | |
130 | + if (res.data.code == 0) { | |
131 | + th.data.curpage++; | |
132 | + var arr1 = th.data.hist_List; | |
133 | + var arr2 = res.data.data.pageData; | |
134 | + var arr3 = [...arr1, ...arr2]; | |
135 | + var ismore = 0; | |
136 | + if (arr3.length == res.data.total) ismore = 1 | |
137 | + th.setData({ | |
138 | + hist_List: arr3, | |
139 | + total: res.data.data.total, | |
140 | + ismore: ismore, | |
141 | + is_service_read: 1, | |
142 | + }), wx.stopPullDownRefresh(); //停止下拉刷新 | |
143 | + } else { | |
144 | + th.setData({ | |
145 | + is_service_read: 1, | |
146 | + is_screen: 0, | |
147 | + ismore: 1 | |
148 | + }) | |
149 | + if (startTime!="") { | |
150 | + th.setData({ | |
151 | + total:0 | |
152 | + }) | |
153 | + } | |
154 | + } | |
155 | + }) | |
156 | + } | |
157 | +}) | |
0 | 158 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/hist_service.json
0 → 100644
packageA/pages/my_service/hist_service.wxml
0 → 100644
1 | +<view class="{{isPickerRender==true?'container':''}}"> | |
2 | + <!-- 点击方法 --> | |
3 | + <view class="exption flex-vertical-between fs28" wx:if="{{is_nav || hist_List.length>0}}"> | |
4 | + <view class="flex"> | |
5 | + 共使用 | |
6 | + <view class="count">{{total}}</view> | |
7 | + 次服务 | |
8 | + </view> | |
9 | + <view class="flex"> | |
10 | + <view class="Resetfram flex-center" bindtap="his_reset"> | |
11 | + <view class="Reset">重置</view> | |
12 | + <image class="Resetsub" src="{{iurl}}/miniapp/images/reset.png"></image> | |
13 | + </view> | |
14 | + <view class="flex-center" bindtap='pickerShow'> | |
15 | + <view>筛选</view> | |
16 | + <view wx:if="{{true}}" class="box"></view> | |
17 | + </view> | |
18 | + </view> | |
19 | + </view> | |
20 | + | |
21 | + <!-- 总的服务列表 --> | |
22 | + <view class="items"> | |
23 | + <!-- 单个 --> | |
24 | + <view class="item flex-vertical-between" wx:for="{{hist_List}}"> | |
25 | + <!-- left --> | |
26 | + <view> | |
27 | + <view class="flex fs28"> | |
28 | + <view class="itemName ellipsis-1">{{item.ServiceName==''?'匿名':item.ServiceName}}</view> | |
29 | + <block wx:if="{{item.State==1 || item.State==4}}"> | |
30 | + <view>(服务美容师:</view> | |
31 | + </block> | |
32 | + <block wx:else> | |
33 | + <view>(预约美容师:</view> | |
34 | + </block> | |
35 | + <view class="itemUsna ellipsis-1">{{item.BeauticianName}}</view> | |
36 | + ) | |
37 | + </view> | |
38 | + <view class="fs24">{{item.ArrangeTime}}</view> | |
39 | + </view> | |
40 | + <!-- right --> | |
41 | + <view class="serState fs32"> | |
42 | + <view wx:if="{{item.State==0}}">未服务</view> | |
43 | + <view wx:if="{{item.State==1}}">已服务</view> | |
44 | + <view wx:if="{{item.State==2}}">已过期</view> | |
45 | + <view wx:if="{{item.State==3}}">已取消</view> | |
46 | + <view wx:if="{{item.State==4}}">已评价</view> | |
47 | + </view> | |
48 | + </view> | |
49 | + <!-- 没有数据 --> | |
50 | + <!-- 加载完毕并且数据大于=页大小 --> | |
51 | + <view class="After_all flex-center" wx:if="{{ismore && hist_List.length>=pageSize}}"> | |
52 | + <view class="Line"></view> | |
53 | + <view class="end fs26 xc-black">到底了</view> | |
54 | + <view class="Line"></view> | |
55 | + </view> | |
56 | + </view> | |
57 | +</view> | |
58 | +<view wx:if="{{hist_List.length<1 && startTime!=''}}" class="flex-center fs26 slot"> | |
59 | + <view>该时间段无预约记录</view> | |
60 | +</view> | |
61 | +<!-- 无历史服务 --> | |
62 | +<view class="empty_order" wx:if="{{hist_List.length<1 && is_service_read && startTime==''}}"> | |
63 | + <view class="flex-level"> | |
64 | + <image src="{{iurl}}miniapp/images/yyservice/no_history.png"></image> | |
65 | + </view> | |
66 | + <view class="flex-level fs30 xc-ash">暂无服务记录</view> | |
67 | + <view class="flex-level"> | |
68 | + <navigator url="/pages/user/my_service/i_service"> | |
69 | + <view class="flex-center fs32 white">前往使用</view> | |
70 | + </navigator> | |
71 | + </view> | |
72 | +</view> | |
73 | + | |
74 | + | |
75 | +<!-- 引用时间主键 --> | |
76 | +<timePicker pickerShow="{{isPickerShow}}" id="picker" wx:if="{{isPickerRender}}" bind:hidePicker="pickerHide" bind:setPickerTime="setPickerTime" config="{{pickerConfig}}"></timePicker> | |
77 | +<warn id="warn"></warn> | |
0 | 78 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/hist_service.wxss
0 → 100644
1 | +page { | |
2 | + height: 100%; | |
3 | +} | |
4 | + | |
5 | +.box { | |
6 | + width: 0px; | |
7 | + height: 0px; | |
8 | + margin-left: 15rpx; | |
9 | + border-top: 11rpx solid rgba(0, 0, 0, 0); | |
10 | + border-right: 10rpx solid rgba(0, 0, 0, 0); | |
11 | + border-left: 10rpx solid rgba(0, 0, 0, 0); | |
12 | + display: inline-block; | |
13 | + margin-bottom: 10rpx; | |
14 | + color: red; | |
15 | + transform: rotate(0deg); | |
16 | + border-bottom: 18rpx solid rgb(153, 153, 153); | |
17 | +} | |
18 | + | |
19 | +.exption { | |
20 | + padding: 0rpx 45rpx; | |
21 | + background-color: rgb(238, 238, 238); | |
22 | + height: 70rpx; | |
23 | + color: rgb(153, 153, 153); | |
24 | + position: fixed; | |
25 | + top:0rpx; | |
26 | + left: 0rpx; | |
27 | + width: 660rpx; | |
28 | +} | |
29 | + | |
30 | +.count { | |
31 | + margin: 0rpx 5rpx; | |
32 | +} | |
33 | + | |
34 | +.Resetfram { | |
35 | + margin-right: 40rpx; | |
36 | +} | |
37 | + | |
38 | +.Reset { | |
39 | + margin-right: 5rpx; | |
40 | +} | |
41 | + | |
42 | +.Resetsub { | |
43 | + width: 30rpx; | |
44 | + height: 30rpx; | |
45 | +} | |
46 | +.items{ | |
47 | + margin-top: 70rpx; | |
48 | +} | |
49 | +.item { | |
50 | + margin: 0rpx 25rpx; | |
51 | + padding: 0rpx 20rpx; | |
52 | + height: 100rpx; | |
53 | + border-bottom: 1rpx solid rgb(242, 242, 242); | |
54 | +} | |
55 | + | |
56 | +.itemName { | |
57 | + margin-right: 10rpx; | |
58 | + max-width: 130rpx; | |
59 | +} | |
60 | + | |
61 | +.itemUsna { | |
62 | + max-width: 150rpx; | |
63 | +} | |
64 | + | |
65 | +.serState { | |
66 | + color: rgb(255, 82, 125); | |
67 | +} | |
68 | + | |
69 | +.container { | |
70 | + position: fixed; | |
71 | + width: 100%; | |
72 | + top: 0rpx; | |
73 | +} | |
74 | + | |
75 | +/* 无历史服务 */ | |
76 | + | |
77 | +.empty_order { | |
78 | + height: 100%; | |
79 | + background-color: rgb(238, 238, 238); | |
80 | +} | |
81 | + | |
82 | +.empty_order image { | |
83 | + width: 329rpx; | |
84 | + height: 229rpx; | |
85 | + margin-top: 202rpx; | |
86 | +} | |
87 | + | |
88 | +.empty_order .xc-ash { | |
89 | + margin-top: 10rpx; | |
90 | + font-weight: 600px; | |
91 | +} | |
92 | + | |
93 | +.empty_order navigator { | |
94 | + margin-top: 65rpx; | |
95 | + border-radius: 40rpx; | |
96 | +} | |
97 | + | |
98 | +.empty_order navigator view { | |
99 | + width: 247rpx; | |
100 | + height: 65rpx; | |
101 | + background-color: rgb(255, 72, 72); | |
102 | + border-radius: 40rpx; | |
103 | +} | |
104 | + | |
105 | +.After_all { | |
106 | + height: 80rpx; | |
107 | +} | |
108 | + | |
109 | +.After_all .Line { | |
110 | + border-top: 3rpx solid rgb(0, 0, 0); | |
111 | + width: 130rpx; | |
112 | +} | |
113 | + | |
114 | +.After_all .end { | |
115 | + margin: 0rpx 15rpx; | |
116 | +} | |
117 | +.slot{ | |
118 | + color: rgb(153, 153, 153); | |
119 | + height:300rpx; | |
120 | + width:100%; | |
121 | +} | |
0 | 122 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/i_service.js
0 → 100644
1 | +var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + qr_code_object: { | |
13 | + val: "12121", | |
14 | + content: "请将二维码展示给核销员,服务更快捷!" | |
15 | + }, | |
16 | + iurl: a.imghost, | |
17 | + defimgurl: "/miniapp/images/yyservice/yyxmdefault.jpg", | |
18 | + service_List: [], //服务项目列表 | |
19 | + is_service_read: 0, | |
20 | + curpage: 1, //当前分页数 | |
21 | + pageSize: 10, //页大小 | |
22 | + total: 0, | |
23 | + ismore: 0, //是否加载完毕 | |
24 | + userinfo: null, | |
25 | + is_sub: 0, //是否重复提交预约 | |
26 | + }, | |
27 | + | |
28 | + /** | |
29 | + * 生命周期函数--监听页面加载 | |
30 | + */ | |
31 | + onLoad: function(options) { | |
32 | + var userinfo = getApp().globalData.userInfo; | |
33 | + if (userinfo == null) { | |
34 | + //界面必须使用warn 做ID,并调用 | |
35 | + return false; | |
36 | + } | |
37 | + this.setData({ | |
38 | + userinfo: userinfo | |
39 | + }); | |
40 | + var th = this; | |
41 | + th.query_service(); | |
42 | + }, | |
43 | + /** | |
44 | + * 生命周期函数--监听页面显示 | |
45 | + */ | |
46 | + onShow: function() { | |
47 | + var th = this; | |
48 | + var my_confirm = th.selectComponent("#my_confirm"); //组件的id | |
49 | + my_confirm.open_cancel(0); | |
50 | + }, | |
51 | + onReachBottom: function() { | |
52 | + var th = this; | |
53 | + if (this.data.total <= th.data.pageSize) return; | |
54 | + if (this.data.ismore) return; | |
55 | + | |
56 | + th.query_service(); | |
57 | + }, | |
58 | + //查询服务项目列表 | |
59 | + query_service: function() { | |
60 | + wx.showLoading({ | |
61 | + title: '加载中', | |
62 | + }) | |
63 | + var th = this; | |
64 | + var url = "/api/weshop/marketing/reservation/sm/page?State=1"; | |
65 | + getApp().request.promiseGet(url, { | |
66 | + data: { | |
67 | + storeId: a.stoid, | |
68 | + userId: d.user_id, | |
69 | + page: th.data.curpage, | |
70 | + pageSize: th.data.pageSize | |
71 | + } | |
72 | + }).then(res => { | |
73 | + wx.hideLoading(); | |
74 | + if (res.data.code == 0) { | |
75 | + th.data.curpage++; | |
76 | + var arr1 = th.data.service_List; | |
77 | + var arr2 = res.data.data.pageData; | |
78 | + var arr3 = [...arr1, ...arr2]; | |
79 | + var ismore = 0; | |
80 | + if (arr3.length == res.data.data.total) ismore = 1 | |
81 | + th.setData({ | |
82 | + service_List: arr3, | |
83 | + total: res.data.data.total, | |
84 | + ismore: ismore, | |
85 | + is_service_read: 1, | |
86 | + }), | |
87 | + wx.stopPullDownRefresh(); //停止下拉刷新 | |
88 | + } else { | |
89 | + th.setData({ | |
90 | + is_service_read: 1 | |
91 | + }) | |
92 | + } | |
93 | + }) | |
94 | + }, | |
95 | + /*-- 打开服务项目 --*/ | |
96 | + open_fw: function(e) { | |
97 | + wx.showLoading({ | |
98 | + title: '加载中', | |
99 | + }) | |
100 | + var th = this; | |
101 | + var url = e.currentTarget.dataset.url; | |
102 | + var service_id = e.currentTarget.dataset.service_id; //服务id | |
103 | + var project_id = e.currentTarget.dataset.project_id; | |
104 | + var ind = e.currentTarget.dataset.ind; | |
105 | + var item = this.data.service_List[ind]; | |
106 | + var ewm = "^" + th.data.userinfo.erpvipid + "|" + item.ProjectID + "|" + item.BuyType + "|TY01|"; | |
107 | + var tt = th.format_time(1); | |
108 | + ewm = ewm + tt; | |
109 | + th.data.qr_code_object.val = ewm; | |
110 | + th.data.qr_code_object.is_fw = 1; | |
111 | + var qc_com = th.selectComponent("#qc_com"); //组件的id | |
112 | + getApp().request.promiseGet("/api/weshop/marketing/reservation/reservation/check", { | |
113 | + data: { | |
114 | + serviceId: service_id, | |
115 | + storeId: a.stoid, | |
116 | + userId: d.user_id | |
117 | + } | |
118 | + }).then(res => { | |
119 | + wx.hideLoading(); | |
120 | + th.setData({ | |
121 | + is_sub: 0 | |
122 | + }) | |
123 | + if (res.data.data != null) { | |
124 | + var my_confirm = th.selectComponent("#my_confirm"); //组件的id | |
125 | + my_confirm.open_cancel(1); | |
126 | + my_confirm.open( | |
127 | + "已有预约记录!", | |
128 | + "预约详情", | |
129 | + "继续使用", | |
130 | + function() { | |
131 | + my_confirm.open_cancel(0); | |
132 | + var deta_url = "/pages/user/my_service/tment_details?number=" + res.data.data.Number; | |
133 | + wx.navigateTo({ | |
134 | + url: deta_url | |
135 | + }) | |
136 | + }, | |
137 | + function() { | |
138 | + my_confirm.open_cancel(0); | |
139 | + qc_com.open(th.data.qr_code_object) | |
140 | + } | |
141 | + | |
142 | + ) | |
143 | + | |
144 | + } else { | |
145 | + qc_com.open(th.data.qr_code_object) | |
146 | + } | |
147 | + }) | |
148 | + | |
149 | + }, | |
150 | + //图片失败,默认图片 | |
151 | + bind_bnerr1: function(e) { | |
152 | + var _errImg = e.target.dataset.errorimg; | |
153 | + var _Img = e.target.dataset.img; | |
154 | + if (_Img != undefined) { | |
155 | + var _errObj = {}; | |
156 | + _errObj[_errImg] = "/miniapp/images/no_cate_def.png"; | |
157 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
158 | + } | |
159 | + }, | |
160 | + format_time: function(isFull) { | |
161 | + var d = new Date(); | |
162 | + var m = d.getMonth() + 1; | |
163 | + if (m < 10) m = "0" + m; | |
164 | + var dd = d.getDate(); | |
165 | + if (dd < 10) dd = "0" + dd; | |
166 | + var fm = [d.getFullYear(), m, dd].join('-'); | |
167 | + if (isFull == 1) | |
168 | + fm = fm + ' ' + [d.getHours(), d.getMinutes(), d.getSeconds()].join(':') | |
169 | + return fm; | |
170 | + }, | |
171 | + //跳转到首页 | |
172 | + goto: function(e) { | |
173 | + var url = e.currentTarget.dataset.url; | |
174 | + getApp().goto(url); | |
175 | + }, | |
176 | + //校正是否可预约 | |
177 | + correcting: function(e) { | |
178 | + var th = this; | |
179 | + wx.showLoading({ | |
180 | + title: '加载中', | |
181 | + }) | |
182 | + if (th.data.is_sub == 0) { | |
183 | + th.setData({ | |
184 | + is_sub: 1 | |
185 | + }) | |
186 | + var url = e.currentTarget.dataset.url; | |
187 | + var service_id = e.currentTarget.dataset.service_id; //服务id | |
188 | + var project_id = e.currentTarget.dataset.project_id; | |
189 | + getApp().request.promiseGet("/api/weshop/marketing/reservation/reservation/check", { | |
190 | + data: { | |
191 | + serviceId: service_id, | |
192 | + storeId: a.stoid, | |
193 | + userId: d.user_id | |
194 | + } | |
195 | + }).then(res => { | |
196 | + wx.hideLoading(); | |
197 | + th.setData({ | |
198 | + is_sub: 0 | |
199 | + }) | |
200 | + if (res.data.code == 0) { | |
201 | + if (res.data.data != null) { | |
202 | + | |
203 | + var number = res.data.data.Number; | |
204 | + var my_confirm = th.selectComponent("#my_confirm"); //组件的id | |
205 | + my_confirm.open_cancel(1); | |
206 | + my_confirm.open( | |
207 | + "已有预约记录!", | |
208 | + "预约详情", | |
209 | + "继续预约", | |
210 | + function() { | |
211 | + my_confirm.open_cancel(0); | |
212 | + var deta_url = "/pages/user/my_service/tment_details?number=" + number; | |
213 | + wx.navigateTo({ | |
214 | + url: deta_url | |
215 | + }) | |
216 | + }, | |
217 | + function() { | |
218 | + my_confirm.open_cancel(0); | |
219 | + getApp().request.promiseGet("/api/weshop/marketing/reservation/reservation/sm/check", { | |
220 | + data: { | |
221 | + projectId: project_id, | |
222 | + serviceId: service_id, | |
223 | + storeId: a.stoid, | |
224 | + userId: d.user_id | |
225 | + } | |
226 | + }).then(res => { | |
227 | + if (res.data.code == 0) { | |
228 | + wx.navigateTo({ | |
229 | + url: url | |
230 | + }) | |
231 | + } else { | |
232 | + getApp().my_warnning(res.data.msg, 0, th); | |
233 | + } | |
234 | + }) | |
235 | + } | |
236 | + ) | |
237 | + } else { | |
238 | + wx.navigateTo({ | |
239 | + url: url, | |
240 | + }) | |
241 | + } | |
242 | + | |
243 | + } else { | |
244 | + getApp().my_warnning(res.data.msg, 0, th); | |
245 | + } | |
246 | + }) | |
247 | + } | |
248 | + }, | |
249 | + //关闭导航 | |
250 | + close: function () { | |
251 | + var th = this; | |
252 | + var nav_b = th.selectComponent("#nav_b"); //组件的id | |
253 | + nav_b.close_box(); | |
254 | + } | |
255 | + | |
256 | +}) | |
0 | 257 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/i_service.json
0 → 100644
1 | +{ | |
2 | + "navigationBarTitleText": "服务项目", | |
3 | + "usingComponents": { | |
4 | + "qr_code": "/components/qr_code/qr_code", | |
5 | + "warn": "/components/long_warn/long_warn", | |
6 | + "my_confirm": "/components/my_confirm/my_confirm", | |
7 | + "nav_b": "/components/nav_b/nav_b" | |
8 | + } | |
9 | +} | |
0 | 10 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/i_service.wxml
0 → 100644
1 | +<!-- 背景图片 --> | |
2 | +<view catchtap="close"> | |
3 | + <image class="backimage" src="{{iurl}}/miniapp/images/yyservice/backimage.png" lazy-load="true"></image> | |
4 | + <navigator class="History fs26" url="/packageA/pages/service_record/service_record" style="left:10px;right:auto;">服务记录</navigator> | |
5 | + <navigator class="History fs26" url="/pages/user/my_service/hist_service">历史预约</navigator> | |
6 | +</view> | |
7 | + | |
8 | +<!-- 预约内容 --> | |
9 | +<!-- 项目框架 --> | |
10 | +<view class="Serviceitems" catchtap="close"> | |
11 | + <!-- 单个项目 --> | |
12 | + <view class="rel" wx:for="{{service_List}}"> | |
13 | + <view class="abs"> | |
14 | + <!-- 皇冠log --> | |
15 | + <block wx:if="{{item.BuyType==4}}"> | |
16 | + <image class="equity_money" src="{{iurl}}/miniapp/images//yyservice/equity.png" lazy-load="true"></image> | |
17 | + </block> | |
18 | + <!-- 金钱log --> | |
19 | + <block wx:if="{{item.BuyType==1 || item.BuyType==2 }}"> | |
20 | + <image class="equity_money" src="{{iurl}}/miniapp/images/yyservice/money.png" lazy-load="true"></image> | |
21 | + </block> | |
22 | + <!-- 礼包log --> | |
23 | + <block wx:if="{{item.BuyType==3}}"> | |
24 | + <image class="equity_money" src="{{iurl}}/miniapp/images/yyservice/giftpackage.png" lazy-load="true"></image> | |
25 | + </block> | |
26 | + </view> | |
27 | + <view> | |
28 | + <view class="flex-center"> | |
29 | + <image class="itemimage" src="{{item.ImageUrl==''?iurl+defimgurl:item.ImageUrl}}" lazy-load="true" data-errorimg="service_List[{{index}}].ImageUrl" binderror="bind_bnerr1" data-img="{{item.ImageUrl}}"></image> | |
30 | + </view> | |
31 | + | |
32 | + <view class="flex-center itemName"> | |
33 | + <view class="fs32 Name ellipsis-1">{{item.ServiceName}}</view> | |
34 | + </view> | |
35 | + | |
36 | + <view class="flex-center fs24 itemCount"> | |
37 | + <view>剩余次数:</view> | |
38 | + <view>{{item.ObtainTimes}}</view> | |
39 | + </view> | |
40 | + | |
41 | + <view class="flex-center fs24 itemEffective"> | |
42 | + <view>有效期至</view> | |
43 | + <view class="Date">{{item.Validay==""?"长期有效":item.Validay}}</view> | |
44 | + </view> | |
45 | + | |
46 | + </view> | |
47 | + | |
48 | + | |
49 | + <view class="flex-center fs28 functionMax"> | |
50 | + <!-- <view class="flex-level Use" bindtap="open_fw" data-ind="{{index}}" data-service_id="{{item.ServiceID}}"> | |
51 | + <view>帮你预约</view> | |
52 | + </view> --> | |
53 | + <view class="flex-level btn" data-url="/packageA/pages/my_service/appment_main?service_id={{item.ServiceID}}&BuyType={{item.BuyType}}&ProjectID={{item.ProjectID}}&Validay={{item.Validay}}" bindtap="correcting" data-service_id="{{item.ServiceID}}" data-project_id="{{item.ProjectID}}"> | |
54 | + <view>帮你预约</view> | |
55 | + </view> | |
56 | + </view> | |
57 | + | |
58 | + <!-- <view class="pd20 t-c fs28 mgt20"> | |
59 | + <text class="btn" bindtap="goto" data-url="/pages/my_service/appment_main">帮你预约</text> | |
60 | + </view> --> | |
61 | + | |
62 | + <!-- <view class="flex-center fs28 functionMax"> | |
63 | + <view class="flex-level Use" bindtap="open_fw" data-ind="{{index}}" data-service_id="{{item.ServiceID}}"> | |
64 | + <view>立即使用</view> | |
65 | + </view> | |
66 | + <view wx:if="{{item.State>0}}" class="flex-level appointment yellow-b" data-url="/pages/user/my_service/appment_main?service_id={{item.ServiceID}}&BuyType={{item.BuyType}}&ProjectID={{item.ProjectID}}&Validay={{item.Validay}}" bindtap="correcting" data-service_id="{{item.ServiceID}}" data-project_id="{{item.ProjectID}}"> | |
67 | + <view>预约</view> | |
68 | + </view> | |
69 | + </view> --> | |
70 | + </view> | |
71 | + <!-- 没有数据 --> | |
72 | + <!-- 加载完毕并且数据大于=页大小 --> | |
73 | + <view class="After_all flex-center" wx:if="{{ismore && service_List.length>=6}}"> | |
74 | + <view class="Line"></view> | |
75 | + <view class="end fs26 xc-black">到底了</view> | |
76 | + <view class="Line"></view> | |
77 | + </view> | |
78 | + <!-- <view class="After_all flex-center" wx:if="{{ismore && service_List.length>=6}}">选择更多服务卡项,</view> --> | |
79 | +</view> | |
80 | +<!-- 无服务项目 --> | |
81 | +<view wx:if="{{service_List.length<1 && is_service_read}}"> | |
82 | + <!-- 遮住 --> | |
83 | + <view class="cover"></view> | |
84 | + <!-- 无历史服务 --> | |
85 | + <view class="empty_order" wx:if="{{true}}"> | |
86 | + <view class="flex-level"> | |
87 | + <image src="{{iurl}}miniapp/images/yyservice/no_history.png"></image> | |
88 | + </view> | |
89 | + <!-- <view class="flex-level fs30 xc-ash">暂无服务项目</view> --> | |
90 | + <view class="flex-level fs30 xc-ash">暂无服务卡项,<text class="ctb" data-url="/packageA/pages/cardList/cardList" bindtap="goto">立即购买!</text></view> | |
91 | + <view class="flex-level"> | |
92 | + <navigator data-url="/pages/user/index/index" bindtap="goto"> | |
93 | + <view class="flex-center fs28 white">回到首页</view> | |
94 | + </navigator> | |
95 | + </view> | |
96 | + </view> | |
97 | +</view> | |
98 | +<!-- 制作一个圆球导航 --> | |
99 | +<nav_b id="nav_b"></nav_b> | |
100 | +<!-- 弹出框扫描 --> | |
101 | +<qr_code id="qc_com"></qr_code> | |
102 | +<warn id="warn"></warn> | |
103 | +<my_confirm id="my_confirm"></my_confirm> | |
0 | 104 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/i_service.wxss
0 → 100644
1 | +page { | |
2 | + overflow-x: scroll; | |
3 | +} | |
4 | + | |
5 | +/* 背景定位 */ | |
6 | + | |
7 | +.backimage { | |
8 | + position: absolute; | |
9 | + top: 0rpx; | |
10 | + left: 0rpx; | |
11 | + z-index: 0; | |
12 | + width: 100%; | |
13 | + /* height: 100%; */ | |
14 | +} | |
15 | + | |
16 | +/* 历史服务定位 */ | |
17 | + | |
18 | +.History { | |
19 | + position: absolute; | |
20 | + top: 30rpx; | |
21 | + right: 20rpx; | |
22 | + z-index: 1; | |
23 | + color: rgb(255, 255, 255); | |
24 | +} | |
25 | + | |
26 | +.rel { | |
27 | + background-color: rgb(255, 255, 255); | |
28 | + width: 350rpx; | |
29 | + height: 430rpx; | |
30 | + border-radius: 20rpx; | |
31 | + display: inline-block; | |
32 | + margin-right: 15rpx; | |
33 | + margin-bottom: 20rpx; | |
34 | + box-shadow: 0rpx 3rpx 3rpx 3rpx rgb(233, 233, 233); | |
35 | +} | |
36 | + | |
37 | +.abs { | |
38 | + left: 10rpx; | |
39 | + top: 10rpx; | |
40 | +} | |
41 | + | |
42 | +.equity_money { | |
43 | + width: 50rpx; | |
44 | + height: 55rpx; | |
45 | +} | |
46 | + | |
47 | +.Serviceitems { | |
48 | + position: absolute; | |
49 | + top: 370rpx; | |
50 | + left: 0rpx; | |
51 | + z-index: 2; | |
52 | + padding-left: 18rpx; | |
53 | + padding-bottom: 20rpx; | |
54 | +} | |
55 | + | |
56 | +.itemimage { | |
57 | + width: 120rpx; | |
58 | + height: 120rpx; | |
59 | + border-radius: 50%; | |
60 | + margin-top: 30rpx; | |
61 | + margin-bottom: 20rpx; | |
62 | +} | |
63 | + | |
64 | +.itemName { | |
65 | + margin-bottom: 25rpx; | |
66 | + color: rgb(48, 48, 48); | |
67 | +} | |
68 | + | |
69 | +.itemName .Name { | |
70 | + max-width: 250rpx; | |
71 | + text-align: center; | |
72 | +} | |
73 | + | |
74 | +.itemCount { | |
75 | + margin-bottom: 5rpx; | |
76 | + color: rgb(177, 177, 177); | |
77 | + align-items: baseline; | |
78 | +} | |
79 | + | |
80 | +.itemEffective { | |
81 | + margin-bottom: 30rpx; | |
82 | + color: rgb(177, 177, 177); | |
83 | + align-items: baseline; | |
84 | +} | |
85 | + | |
86 | +.functionMax { | |
87 | + padding: 0rpx 25rpx; | |
88 | + color: rgb(254, 255, 255); | |
89 | +} | |
90 | + | |
91 | +.Use { | |
92 | + width: 170rpx; | |
93 | + height: 50rpx; | |
94 | + line-height: 50rpx; | |
95 | + border-radius: 25rpx; | |
96 | + background-color: red; | |
97 | +} | |
98 | + | |
99 | +.appointment { | |
100 | + width: 115rpx; | |
101 | + height: 50rpx; | |
102 | + line-height: 50rpx; | |
103 | + border-radius: 25rpx; | |
104 | + margin-left: 20rpx; | |
105 | +} | |
106 | + | |
107 | +.Date { | |
108 | + margin-left: 10rpx; | |
109 | +} | |
110 | + | |
111 | +/* 无服务项目 */ | |
112 | + | |
113 | +.cover { | |
114 | + position: fixed; | |
115 | + z-index: 1; | |
116 | + left: 0rpx; | |
117 | + top: 390rpx; | |
118 | + width: 100%; | |
119 | + height: 200rpx; | |
120 | + background-color: rgb(255, 255, 255); | |
121 | +} | |
122 | + | |
123 | +/* 无历史服务 */ | |
124 | + | |
125 | +.empty_order { | |
126 | + position: fixed; | |
127 | + left: 0rpx; | |
128 | + top: 500rpx; | |
129 | + z-index: 2; | |
130 | + width: 100%; | |
131 | +} | |
132 | + | |
133 | +.empty_order image { | |
134 | + width: 329rpx; | |
135 | + height: 229rpx; | |
136 | + margin-top: 80rpx; | |
137 | +} | |
138 | + | |
139 | +.empty_order .xc-ash { | |
140 | + margin-top: 10rpx; | |
141 | + font-weight: 600px; | |
142 | +} | |
143 | + | |
144 | +.empty_order navigator { | |
145 | + margin-top: 60rpx; | |
146 | + border-radius: 40rpx; | |
147 | +} | |
148 | + | |
149 | +.empty_order navigator view { | |
150 | + width: 247rpx; | |
151 | + height: 56rpx; | |
152 | + background-color: rgb(255, 72, 72); | |
153 | + border-radius: 40rpx; | |
154 | +} | |
155 | + | |
156 | +.After_all { | |
157 | + height: 80rpx; | |
158 | +} | |
159 | + | |
160 | +.After_all .Line { | |
161 | + border-top: 3rpx solid rgb(0, 0, 0); | |
162 | + width: 130rpx; | |
163 | +} | |
164 | + | |
165 | +.After_all .end { | |
166 | + margin: 0rpx 15rpx; | |
167 | +} | |
168 | + | |
169 | +.btn { | |
170 | + background-color: red; | |
171 | + padding: 10rpx 20rpx; | |
172 | + border-radius: 30rpx; | |
173 | +} | ... | ... |
packageA/pages/my_service/my_service.js
0 → 100644
packageA/pages/my_service/my_service.wxml
0 → 100644
packageA/pages/my_service/tment_details.js
0 → 100644
1 | +var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + url: a.url, | |
13 | + iurl: a.imghost, | |
14 | + tment_details: [], //预约详情 | |
15 | + number: "", //订单号 | |
16 | + arrangeTime: "", //预约年月日 | |
17 | + day: "", //判断是上午还是下午 | |
18 | + states: 3, //3为取消预约 | |
19 | + }, | |
20 | + //取消预约 | |
21 | + cancel_tment: function(e) { | |
22 | + var th = this; | |
23 | + var my_confirm = th.selectComponent("#my_confirm"); //组件的id | |
24 | + my_confirm.open( | |
25 | + "确定取消?", | |
26 | + "取消", | |
27 | + "确定", | |
28 | + function() { | |
29 | + my_confirm.open_cancel(0); | |
30 | + }, | |
31 | + function() { | |
32 | + var index = e.currentTarget.dataset.index; | |
33 | + var states = th.data.states; | |
34 | + var tment_details = th.data.tment_details; | |
35 | + var number = th.data.number; | |
36 | + var json = { | |
37 | + "number": number, | |
38 | + "storeId": a.stoid, | |
39 | + "states": states | |
40 | + }; | |
41 | + var data = JSON.stringify(json); | |
42 | + var url = th.data.url + "/api/weshop/marketing/reservation/reservation/update"; //预约接口地址 | |
43 | + wx.request({ | |
44 | + url: url, | |
45 | + data: data, | |
46 | + method: 'put', | |
47 | + header: { | |
48 | + 'content-type': 'application/json' | |
49 | + }, // 设置请求的 header | |
50 | + success: function(res) { | |
51 | + my_confirm.open_cancel(0); | |
52 | + if (res.data.code == 0) { | |
53 | + getApp().my_warnning("取消成功", 1, th); | |
54 | + var start = 'tment_details[' + 0 + '].State'; | |
55 | + th.setData({ | |
56 | + [start]: 3 | |
57 | + }) | |
58 | + } else { | |
59 | + getApp().my_warnning(res.data.msg, 0, th); | |
60 | + } | |
61 | + } | |
62 | + }) | |
63 | + } | |
64 | + ); | |
65 | + | |
66 | + }, | |
67 | + | |
68 | + /** | |
69 | + * 生命周期函数--监听页面加载 | |
70 | + */ | |
71 | + onLoad: function(options) { | |
72 | + var th = this; | |
73 | + th.setData({ | |
74 | + number: options.number | |
75 | + }) | |
76 | + }, | |
77 | + //查询美容师详情 | |
78 | + query_bea: function() { | |
79 | + var th = this; | |
80 | + var number = th.data.number; | |
81 | + var url = "/api/weshop/marketing/reservation/reservation/page"; | |
82 | + getApp().request.promiseGet(url, { | |
83 | + data: { | |
84 | + storeId: a.stoid, | |
85 | + userId: d.user_id, | |
86 | + number: number | |
87 | + } | |
88 | + }).then(res => { | |
89 | + wx.hideLoading(); | |
90 | + if (res.data.code == 0) { | |
91 | + var data = res.data.data.pageData; | |
92 | + var arrangeTime = data[0].ArrangeTime.substring(0, 11); | |
93 | + var day = data[0].ArrangeTime.substring(11, 16); | |
94 | + th.setData({ | |
95 | + tment_details: data, | |
96 | + arrangeTime: arrangeTime, | |
97 | + day: day | |
98 | + }) | |
99 | + | |
100 | + } else { | |
101 | + getApp().my_warnning(res.data.msg, 0, th); | |
102 | + } | |
103 | + }) | |
104 | + }, | |
105 | + //显示核销码 | |
106 | + code_show: function(e) { | |
107 | + var th = this; | |
108 | + //--获取成功的时候-- | |
109 | + var no = e.currentTarget.dataset.order_sn; | |
110 | + var qc_com = th.selectComponent("#qc_com"); //组件的id | |
111 | + var obj = { | |
112 | + val: no, | |
113 | + content: "请将二维码展示给核销员,使用更快捷" | |
114 | + }; | |
115 | + qc_com.open(obj) | |
116 | + }, | |
117 | + //跳到首页 | |
118 | + goto: function(e) { | |
119 | + var th = this; | |
120 | + wx.navigateTo({ | |
121 | + url: '/pages/index/index/index', | |
122 | + }) | |
123 | + }, | |
124 | + /** | |
125 | + * 生命周期函数--监听页面显示 | |
126 | + */ | |
127 | + onShow: function() { | |
128 | + var th = this; | |
129 | + th.query_bea(); | |
130 | + }, | |
131 | + //关闭导航 | |
132 | + close: function () { | |
133 | + var th = this; | |
134 | + var nav_b = th.selectComponent("#nav_b"); //组件的id | |
135 | + nav_b.close_box(); | |
136 | + } | |
137 | +}) | |
0 | 138 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_details.json
0 → 100644
1 | +{ | |
2 | + "navigationBarTitleText": "预约详情", | |
3 | + "usingComponents": { | |
4 | + "qr_code": "/components/qr_code/qr_code", | |
5 | + "warn": "/components/long_warn/long_warn", | |
6 | + "my_confirm": "/components/my_confirm/my_confirm", | |
7 | + "nav_b": "/components/nav_b/nav_b" | |
8 | + } | |
9 | +} | |
0 | 10 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_details.wxml
0 → 100644
1 | +<view class="container" wx:for="{{tment_details}}" wx:if="{{index<1}}" catchtap="close"> | |
2 | + <!-- 预约人的属性 --> | |
3 | + <view class="Subscriber padding"> | |
4 | + <!-- 状态栏 --> | |
5 | + <view class="statusBar fs32 flex-vertical-between lf"> | |
6 | + <view>预约状态:</view> | |
7 | + <view wx:if="{{item.State==0}}">未服务</view> | |
8 | + <view wx:if="{{item.State==1}}">已服务</view> | |
9 | + <view wx:if="{{item.State==2}}">已过期</view> | |
10 | + <view wx:if="{{item.State==3}}">已取消</view> | |
11 | + <view wx:if="{{item.State==4}}">已评价</view> | |
12 | + </view> | |
13 | + <view class="fs30"> | |
14 | + <view class="items lf"> | |
15 | + <!-- 预约订单 --> | |
16 | + <view class="flex-vertical bmt" bindtap="code_show" data-order_sn="{{number}}" wx:if="{{item.State==0}}"> | |
17 | + <view class="flex-vertical ai-bas"> | |
18 | + <view class="name">预约订单:</view> | |
19 | + <view class="ellipsis-1 value">{{number}}</view> | |
20 | + </view> | |
21 | + <image src="{{iurl}}miniapp/images/order/code.png" class="code"></image> | |
22 | + </view> | |
23 | + | |
24 | + <!-- 预约门店 --> | |
25 | + <view class="flex-vertical bmt ai-bas"> | |
26 | + <view class="name">预约门店:</view> | |
27 | + <view class="ellipsis-1 value">{{item.StorageName}}</view> | |
28 | + </view> | |
29 | + | |
30 | + <!-- 预约项目 --> | |
31 | + <view class="flex-vertical bmt ai-bas"> | |
32 | + <view class="name">预约项目:</view> | |
33 | + <view class="ellipsis-1 value">{{item.ServiceName}}</view> | |
34 | + </view> | |
35 | + | |
36 | + <!-- 预约时间 --> | |
37 | + <view class="flex-vertical bmt ai-bas"> | |
38 | + <view class="name">预约时间:</view> | |
39 | + <view class="date">{{arrangeTime}}</view> | |
40 | + <view>{{day}}</view> | |
41 | + </view> | |
42 | + </view> | |
43 | + <view class="bt"> | |
44 | + | |
45 | + <!-- 美容师 --> | |
46 | + <view class="flex-vertical bmt ai-bas"> | |
47 | + <view class="name flex-vertical-between"> | |
48 | + <block wx:if="{{item.State==1 || item.State==4}}"> | |
49 | + <view>服务美容师:</view> | |
50 | + </block> | |
51 | + <block wx:else> | |
52 | + <view>预约美容师:</view> | |
53 | + </block> | |
54 | + </view> | |
55 | + <view class="ellipsis-1 value">{{item.BeauticianName}}</view> | |
56 | + </view> | |
57 | + <!-- 预约人及联系方式 --> | |
58 | + <!-- 姓名 --> | |
59 | + <view class="flex-vertical bmt ai-bas"> | |
60 | + <view class="name flex-vertical-between"> | |
61 | + <view>预</view> | |
62 | + <view>约</view> | |
63 | + <view>人:</view> | |
64 | + </view> | |
65 | + <view class="ellipsis-1 value">{{item.VIPName}}</view> | |
66 | + </view> | |
67 | + <!-- 号码 --> | |
68 | + <view class="flex-vertical ai-bas"> | |
69 | + <view class="name flex-vertical-between"> | |
70 | + <view>手</view> | |
71 | + <view>机</view> | |
72 | + <view>号:</view> | |
73 | + </view> | |
74 | + <view>{{item.MobileTel}}</view> | |
75 | + </view> | |
76 | + </view> | |
77 | + </view> | |
78 | + | |
79 | + </view> | |
80 | + | |
81 | + <!-- 温馨提示内容 --> | |
82 | + <view class="Tips fs30 lf rel padding"> | |
83 | + <!-- 棒槌 --> | |
84 | + <view class="Stickl abs"></view> | |
85 | + <view class="Stickl Stickr abs"></view> | |
86 | + | |
87 | + <view class="Cozy flex-center" style="background-image: url({{iurl}}/miniapp/images/yyservice/icon.png);"> | |
88 | + <view>温馨提示</view> | |
89 | + </view> | |
90 | + <view>1.预约成功后需在指定时间前到达;</view> | |
91 | + <view>2.如有任何问题可致电咨询;</view> | |
92 | + <view>3.如需退约,需提前取消。</view> | |
93 | + </view> | |
94 | + <!-- submit栏 --> | |
95 | + <view class="subs flex-vertical-between fs32"> | |
96 | + <!-- 左边栏 --> | |
97 | + <view class="sub flex-center yellow-b" wx:if="{{item.State==0}}" bindtap="cancel_tment"> | |
98 | + <view class="yellow-b" data-index="{{index}}">取消预约</view> | |
99 | + </view> | |
100 | + <navigator wx:if="{{item.State>0}}" class="sub flex-center yellow-b" url="/pages/user/my_service/tment_order_list"> | |
101 | + <view class="yellow-b">我的服务</view> | |
102 | + </navigator> | |
103 | + <!-- 右边栏 --> | |
104 | + <navigator wx:if="{{item.State==0}}" class="sub rb flex-center" url="/pages/user/my_service/beauty_deta?BeauticianID={{item.BeauticianID}}&number={{item.Number}}&itemId={{item.ServiceID}}&modify=1&projectId={{item.ProjectID}}"> | |
105 | + <view>更改时间</view> | |
106 | + </navigator> | |
107 | + <navigator wx:if="{{item.State==1}}" class="sub rb flex-center" url="/pages/user/my_service/tment_eval?Number={{item.Number}}&evaluate={{0}}"> | |
108 | + <view>发表评价</view> | |
109 | + </navigator> | |
110 | + <navigator wx:if="{{item.State==4}}" class="sub rb flex-center" url="/pages/user/my_service/tment_eval?Number={{item.Number}}&evaluate={{1}}"> | |
111 | + <view>查看评价</view> | |
112 | + </navigator> | |
113 | + <navigator wx:if="{{item.State==2 || item.State==3}}" class="sub rb flex-center" url="/pages/user/my_service/appment_main?ProjectID={{item.ProjectID}}&BuyType={{item.BuyType}}&service_id={{item.ServiceID}}"> | |
114 | + <view>重新预约</view> | |
115 | + </navigator> | |
116 | + | |
117 | + </view> | |
118 | + | |
119 | +</view> | |
120 | + | |
121 | +<!-- 制作一个圆球导航 --> | |
122 | +<nav_b id="nav_b"></nav_b> | |
123 | +<my_confirm id="my_confirm"></my_confirm> | |
124 | +<!-- 弹出框扫描 --> | |
125 | +<qr_code id="qc_com"></qr_code> | |
126 | +<warn id="warn"></warn> | |
0 | 127 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_details.wxss
0 → 100644
1 | +page { | |
2 | + width: 100%; | |
3 | + background-color: rgb(238, 238, 238); | |
4 | +} | |
5 | + | |
6 | +/* 公用 */ | |
7 | + | |
8 | +.lf { | |
9 | + padding: 0rpx 40rpx; | |
10 | +} | |
11 | + | |
12 | +.bt { | |
13 | + margin: 0rpx 15rpx; | |
14 | + padding: 0rpx 25rpx; | |
15 | + border-top: 2rpx dashed rgb(238, 238, 238); | |
16 | + padding-top: 50rpx; | |
17 | + padding-bottom: 50rpx; | |
18 | +} | |
19 | + | |
20 | +.bmt { | |
21 | + margin-bottom: 35rpx; | |
22 | +} | |
23 | + | |
24 | +.name { | |
25 | + width: 160rpx; | |
26 | + margin-right: 25rpx; | |
27 | +} | |
28 | + | |
29 | +.value { | |
30 | + max-width: 390rpx; | |
31 | +} | |
32 | + | |
33 | +/* 公用 */ | |
34 | + | |
35 | +.container { | |
36 | + padding-bottom:70rpx; | |
37 | +} | |
38 | + | |
39 | +.padding{ | |
40 | + margin: 0rpx 20rpx; | |
41 | +} | |
42 | + | |
43 | +.Subscriber { | |
44 | + overflow: hidden; | |
45 | + margin-top: 25rpx; | |
46 | + background-color: rgb(255, 255, 255); | |
47 | + border-radius: 10rpx; | |
48 | +} | |
49 | + | |
50 | +.statusBar { | |
51 | + height: 80rpx; | |
52 | + background-color: rgb(214, 1, 33); | |
53 | + color: rgb(255, 255, 255); | |
54 | +} | |
55 | + | |
56 | +.date { | |
57 | + margin-right: 25rpx; | |
58 | +} | |
59 | + | |
60 | +.items { | |
61 | + margin: 40rpx 0rpx; | |
62 | +} | |
63 | + | |
64 | +.Tips { | |
65 | + margin-top: 20rpx; | |
66 | + padding-top: 35rpx; | |
67 | + height: 255rpx; | |
68 | + border-radius: 10rpx; | |
69 | + background-color: rgb(255, 255, 255); | |
70 | + margin-bottom: 50rpx; | |
71 | +} | |
72 | + | |
73 | +.Cozy { | |
74 | + width: 165rpx; | |
75 | + height: 43rpx; | |
76 | + margin-bottom: 20rpx; | |
77 | + color: rgb(255, 255, 255); | |
78 | + background-size: 100%; | |
79 | +} | |
80 | + | |
81 | +.subs { | |
82 | + width: 710rpx; | |
83 | + padding: 15rpx 20rpx; | |
84 | + position: fixed; | |
85 | + bottom:0rpx; | |
86 | + background-color: rgb(255,255,255); | |
87 | +} | |
88 | + | |
89 | +.sub { | |
90 | + width: 325rpx; | |
91 | + height: 65rpx; | |
92 | + border-radius: 30rpx; | |
93 | + color: rgb(255, 255, 255); | |
94 | +} | |
95 | +.code{ | |
96 | + margin-left: 10rpx; | |
97 | + width: 50rpx; | |
98 | + height: 50rpx; | |
99 | +} | |
100 | +.rb { | |
101 | + background-color: rgb(214, 1, 33); | |
102 | +} | |
103 | + | |
104 | +/* 棒槌 */ | |
105 | + | |
106 | +.Stickl { | |
107 | + width: 39rpx; | |
108 | + height: 10rpx; | |
109 | + background-color: rgb(153, 153, 153); | |
110 | + transform: rotate(270deg); | |
111 | + border-radius: 20rpx; | |
112 | + left: 95rpx; | |
113 | + top: -15rpx; | |
114 | +} | |
115 | + | |
116 | +.Stickr { | |
117 | + left: 590rpx; | |
118 | +} | ... | ... |
packageA/pages/my_service/tment_eval.js
0 → 100644
1 | + var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + url: a.url, //接口网址 | |
13 | + iurl: a.imghost, | |
14 | + defimgurl: "/miniapp/images/no-head.jpg", | |
15 | + stars_index: -1, //当前点击的星星下标 | |
16 | + labels: [], //星级标签数组 | |
17 | + sub_evaluate: 0, //是否评价成功 | |
18 | + proposal: "", //用户输入的建议 | |
19 | + proposal_size: 100, //评价意见和建议限定字数 | |
20 | + number: "", //订单单号 | |
21 | + beautician: "", //美容师信息 | |
22 | + fromType: "服务评价", //评价来源 | |
23 | + arrangeTime: "", //服务日期 | |
24 | + is_evaluate: 0, //是否评价 | |
25 | + EvaluateDatetime: "", //评价时间 | |
26 | + is_act:0, //是否能购获取图片 | |
27 | + actId:0, //活动ID | |
28 | + giftBagId:0, //礼包ID | |
29 | + | |
30 | + }, | |
31 | + //点击星级 | |
32 | + check_stars: function(e) { | |
33 | + var th = this; | |
34 | + var is_evaluate = th.data.is_evaluate; //0可点击 | |
35 | + if (is_evaluate == 0) { | |
36 | + var index = e.currentTarget.dataset.index; | |
37 | + var stars_index = th.data.stars_index; | |
38 | + if (index != stars_index) { | |
39 | + var url = "/api/weshop/marketing/reservation/star/label/list"; | |
40 | + getApp().request.promiseGet(url, { | |
41 | + data: { | |
42 | + Star: index + 1, | |
43 | + storeId: a.stoid | |
44 | + } | |
45 | + }).then(res => { | |
46 | + if (res.data.code == 0) { | |
47 | + th.setData({ | |
48 | + labels: res.data.data | |
49 | + }) | |
50 | + } else { | |
51 | + getApp().my_warnning(res.data.msg, 0, th); | |
52 | + return; | |
53 | + } | |
54 | + }) | |
55 | + th.setData({ | |
56 | + stars_index: index | |
57 | + }) | |
58 | + } | |
59 | + } | |
60 | + }, | |
61 | + //输入评价意见和建议 | |
62 | + input_proposal: function(e) { | |
63 | + var th = this; | |
64 | + var value = e.detail.value; | |
65 | + th.setData({ | |
66 | + proposal: value | |
67 | + }) | |
68 | + }, | |
69 | + //图片失败,默认图片 | |
70 | + bind_bnerr1: function (e) { | |
71 | + var th = this; | |
72 | + var _errImg = e.target.dataset.errorimg; | |
73 | + var _Img = e.target.dataset.img; | |
74 | + if (_Img != undefined) { | |
75 | + var _errObj = {}; | |
76 | + _errObj[_errImg] = "/miniapp/images/no-head.jpg"; | |
77 | + th.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
78 | + } | |
79 | + }, | |
80 | + //选择标签 | |
81 | + check_label: function(e) { | |
82 | + var th = this; | |
83 | + var evaluate = th.data.is_evaluate; //0为未评价,未评价才可点击标签 | |
84 | + if (evaluate == 0) { | |
85 | + var index = e.currentTarget.dataset.index; | |
86 | + var label_id = th.data.labels[index].check; | |
87 | + var labels = 'labels[' + index + '].check'; | |
88 | + if (label_id) { | |
89 | + label_id = 0 | |
90 | + } else { | |
91 | + label_id = 1 | |
92 | + } | |
93 | + th.setData({ | |
94 | + [labels]: label_id | |
95 | + }) | |
96 | + } | |
97 | + }, | |
98 | + //查询美容师信息 | |
99 | + query_bea: function() { | |
100 | + var th = this; | |
101 | + var url = "/api/weshop/marketing/reservation/reservation/page"; | |
102 | + var number = th.data.number; //订单编号 | |
103 | + getApp().request.promiseGet(url, { | |
104 | + data: { | |
105 | + storeId: a.stoid, | |
106 | + userId: d.user_id, | |
107 | + number: number | |
108 | + } | |
109 | + }).then(res => { | |
110 | + if (res.data.code == 0) { | |
111 | + var data = res.data.data.pageData; | |
112 | + var arrangeTime = data[0].ArrangeTime; | |
113 | + th.setData({ | |
114 | + beautician: data, | |
115 | + arrangeTime: arrangeTime | |
116 | + }) | |
117 | + } else { | |
118 | + getApp().my_warnning(res.data.msg, 0, th); | |
119 | + } | |
120 | + }) | |
121 | + }, | |
122 | + //获取预约评价 | |
123 | + evaluate_get: function() { | |
124 | + var th = this; | |
125 | + var url = "/api/weshop/evaluation/evaluate/get"; | |
126 | + getApp().request.promiseGet(url, { | |
127 | + data: { | |
128 | + number: th.data.number, | |
129 | + storeId: a.stoid | |
130 | + } | |
131 | + }).then(res => { | |
132 | + if (res.data.code == 0) { | |
133 | + th.setData({ | |
134 | + stars_index: res.data.data.Star-1, | |
135 | + labels: res.data.data.EvaluationList, | |
136 | + proposal: res.data.data.Remark, | |
137 | + EvaluateDatetime: res.data.data.EvaluateDatetime.substring(0, 19) | |
138 | + }) | |
139 | + } else { | |
140 | + getApp().my_warnning(res.data.msg, 0, th); | |
141 | + } | |
142 | + }) | |
143 | + }, | |
144 | + //提交评价 | |
145 | + evaluate_save: function() { | |
146 | + var th = this; | |
147 | + var stars = th.data.stars_index; //评价星级 | |
148 | + var proposal = th.data.proposal; | |
149 | + //判断是否评级 | |
150 | + if (stars < 0) { | |
151 | + getApp().my_warnning("请进行评分", 0, th); | |
152 | + return false; | |
153 | + } else if (proposal == "") { | |
154 | + getApp().my_warnning("给点建议呗", 0, th); | |
155 | + return false; | |
156 | + } | |
157 | + wx.showLoading({ | |
158 | + title: '加载中', | |
159 | + }) | |
160 | + var labels = th.data.labels; //星级标签数组 | |
161 | + var evaLabList = []; //用户选择的评价标签 | |
162 | + // 查询评价标签 | |
163 | + for (var i = 0; i < labels.length; i++) { | |
164 | + if (labels[i].check) { | |
165 | + evaLabList.push(labels[i].LabelName); | |
166 | + } | |
167 | + } | |
168 | + var url = th.data.url + "/api/weshop/evaluation/evaluate/insert"; | |
169 | + var posNo = th.data.number; //收银单号 | |
170 | + var proposal = th.data.proposal; //用户建议内容 | |
171 | + var fromType = th.data.fromType; //评价来源 | |
172 | + var json = { | |
173 | + "evaLabList": evaLabList, | |
174 | + "fromType": 2, | |
175 | + "number": posNo, | |
176 | + "remark": proposal, | |
177 | + "star": stars + 1, | |
178 | + "storeId": a.stoid | |
179 | + }; | |
180 | + var data = JSON.stringify(json); //转换成json格式 | |
181 | + wx.request({ | |
182 | + url: url, | |
183 | + data: data, | |
184 | + method: 'POST', | |
185 | + header: { | |
186 | + 'content-type': 'application/json' | |
187 | + }, // 设置请求的 header | |
188 | + success: function(res) { | |
189 | + wx.hideLoading(); | |
190 | + if (res.data.code == 0) { | |
191 | + getApp().my_warnning("评价成功", 1, th); | |
192 | + var namber=th.data.number; | |
193 | + setTimeout(function() { | |
194 | + wx.redirectTo({ | |
195 | + url: "/pages/user/my_service/tment_eval?Number="+namber+"&evaluate="+1 | |
196 | + }); | |
197 | + }, 2000); | |
198 | + } else { | |
199 | + getApp().my_warnning(res.data.msg, 0, th); | |
200 | + } | |
201 | + } | |
202 | + }) | |
203 | + | |
204 | + }, | |
205 | + //图片失败,默认图片 | |
206 | + bind_bnerr1: function(e) { | |
207 | + var th = this; | |
208 | + var _errImg = e.target.dataset.errorimg; | |
209 | + var _Img = e.target.dataset.img; | |
210 | + if (_Img != undefined) { | |
211 | + | |
212 | + var _errObj = {}; | |
213 | + _errObj[_errImg] = th.data.iurl+"/miniapp/images/no-head.jpg"; | |
214 | + th.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
215 | + } | |
216 | + }, | |
217 | + /** | |
218 | + * 生命周期函数--监听页面加载 | |
219 | + */ | |
220 | + onLoad: function(options) { | |
221 | + var th = this; | |
222 | + th.setData({ | |
223 | + number: options.Number, | |
224 | + is_evaluate: options.evaluate | |
225 | + }) | |
226 | + th.query_bea(); | |
227 | + th.judge_act(); | |
228 | + }, | |
229 | + | |
230 | + /** | |
231 | + * 生命周期函数--监听页面显示 | |
232 | + */ | |
233 | + onShow: function() { | |
234 | + var th = this; | |
235 | + var is_evaluate = th.data.is_evaluate; | |
236 | + if (is_evaluate == 1) { | |
237 | + th.evaluate_get(); | |
238 | + } | |
239 | + }, | |
240 | + //评价其他跳转 | |
241 | + evaluate_qt:function(){ | |
242 | + | |
243 | + wx.redirectTo({ | |
244 | + url: "/pages/user/my_service/tment_order_list?state="+2 | |
245 | + }); | |
246 | + }, | |
247 | + //点击领取礼包 | |
248 | + clike_lb:function(){ | |
249 | + | |
250 | + var id=this.data.actId; | |
251 | + var gifbagid = this.data.gifbagid; | |
252 | + console.log(id,"订单", this.data.number), | |
253 | + wx.redirectTo({ | |
254 | + url: "/pages/giftpack/evaluategift/evaluategift?actId="+id+ "&orderType=2&orderNumber="+this.data.number | |
255 | + }); | |
256 | + | |
257 | + }, | |
258 | + | |
259 | + //--评价有礼判断--- | |
260 | + judge_act: function () { | |
261 | + var th = this; | |
262 | + var url = "/api/weshop/marketing/comment/act/judge"; | |
263 | + getApp().request.promiseGet(url, { | |
264 | + data: { | |
265 | + orderNumber: th.data.number, | |
266 | + orderType: 2, | |
267 | + storeId: a.stoid, | |
268 | + userId: d.user_id | |
269 | + } | |
270 | + }).then(res => { | |
271 | + if (res.data.code == 0) { | |
272 | + var id = res.data.data.id; | |
273 | + var giftbagid = res.data.data.giftbagid; | |
274 | + th.setData({ | |
275 | + is_act: 1, | |
276 | + actId: id, | |
277 | + giftBagId: giftbagid | |
278 | + }) | |
279 | + } else{ | |
280 | + th.setData({ | |
281 | + is_act:0 | |
282 | + }) | |
283 | + } | |
284 | + }) | |
285 | + }, | |
286 | + | |
287 | +}) | |
0 | 288 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_eval.json
0 → 100644
packageA/pages/my_service/tment_eval.wxml
0 → 100644
1 | +<view class="container" wx:for="{{beautician}}" wx:if="{{index<1}}" wx:for-item="it"> | |
2 | + | |
3 | + <!-- 头像 --> | |
4 | + <view class="flex-center head"> | |
5 | + | |
6 | + <image class="headimg" src="{{it.PhotoUrl==''?iurl+defimgurl:it.PhotoUrl}}" lazy-load="true" data-errorimg="beautician[{{index}}].PhotoUrl" binderror="bind_bnerr1" data-img="beautician[{{index}}].PhotoUrl"></image> | |
7 | + </view> | |
8 | + | |
9 | + <!-- 姓名 --> | |
10 | + <view class="flex-level item"> | |
11 | + <view class="itemlf flex-level-right"> | |
12 | + <view class="fs32">服务美容师:</view> | |
13 | + </view> | |
14 | + <view class="itemlr fs30 ellipsis-1">{{it.BeauticianName}}</view> | |
15 | + </view> | |
16 | + | |
17 | + <!-- 项目 --> | |
18 | + <view class="flex-center item"> | |
19 | + <view class="itemlf fs32 flex-level-right">服务项目:</view> | |
20 | + <view class="itemlr fs30 ellipsis-1">{{it.ServiceName}}</view> | |
21 | + </view> | |
22 | + | |
23 | + <!-- 时间 --> | |
24 | + <view class="flex-center item"> | |
25 | + <view class="itemlf fs32 flex-level-right">服务时间:</view> | |
26 | + <view class="itemlr fs30">{{it.WriteTime}}</view> | |
27 | + </view> | |
28 | + | |
29 | + <!-- 评价时间 --> | |
30 | + <view class="flex-center" wx:if="{{is_evaluate==1}}"> | |
31 | + <view class="itemlf fs32 flex-level-right">评价时间:</view> | |
32 | + <view class="itemlr fs30">{{EvaluateDatetime}}</view> | |
33 | + </view> | |
34 | + | |
35 | + <!-- 设置虚线 --> | |
36 | + | |
37 | + <view class="flex-center"> | |
38 | + <view class="starss"> | |
39 | + <image class="stars" src="{{iurl}}{{key<=stars_index?'/miniapp/images/StarsredCk.png':'/miniapp/images/StarswhiteUnCk.png'}}" wx:for="{{5}}" bindtap="check_stars" data-index="{{key}}" wx:for-index="key"></image> | |
40 | + </view> | |
41 | + </view> | |
42 | + <view class="tea_labs"> | |
43 | + <view class="flex-center fs26"> | |
44 | + <block wx:if="{{is_evaluate==0}}"> | |
45 | + <textarea class="rel textarea" placeholder="写其他意见和建议" placeholder-class="fs24" maxlength="{{proposal_size}}" bindinput="input_proposal" value="{{proposal}}"> | |
46 | + <!-- 提示已输入多少数字 --> | |
47 | + <view if="{{is_evaluate==0}}" class="proposal abs">{{proposal.length}}/{{proposal_size}}</view> | |
48 | + </textarea> | |
49 | + </block> | |
50 | + <block wx:else> | |
51 | + <view wx:if="{{proposal!=''}}" class="textarea"> | |
52 | + {{proposal}} | |
53 | + </view> | |
54 | + </block> | |
55 | + </view> | |
56 | + | |
57 | + <view wx:if="{{labels.length>0 && is_evaluate==0}}" class="labels flex fs24 ellipsis-3"> | |
58 | + <view class="label {{item.check==1?'checklabel':''}} flex-center" wx:for="{{labels}}" bindtap="check_label" data-index="{{key}}" wx:for-index="key"> | |
59 | + <view class="ellipsis-1">{{item.LabelName}}</view> | |
60 | + </view> | |
61 | + | |
62 | + </view> | |
63 | + <view wx:if="{{labels.length>0 && is_evaluate==1}}" class="{{labels.length==1 || labels.length==2?'flex-center':''}}" style="width:100%;"> | |
64 | + <view class="labels flex fs24 ellipsis-3"> | |
65 | + <view class="label checklabel flex-center" wx:for="{{labels}}" bindtap="check_label" data-index="{{key}}" wx:for-index="key"> | |
66 | + <view class="ellipsis-1">{{item.LabelName}}</view> | |
67 | + </view> | |
68 | + | |
69 | + </view> | |
70 | + </view> | |
71 | + | |
72 | + </view> | |
73 | + | |
74 | + <view wx:if="{{is_evaluate==0}}" class="feedback flex-center fs28"> | |
75 | + <view>满意的话请打五星噢,谢谢您的支持!</view> | |
76 | + </view> | |
77 | + | |
78 | + <block wx:if="{{sub_evaluate}}"> | |
79 | + <view class="subSuccess"> | |
80 | + <view class="flex-center"> | |
81 | + <image class="Success" src="{{iurl}}/miniapp/images/yyservice/Success.png"></image> | |
82 | + </view> | |
83 | + <view class="fs36 flex-center"> | |
84 | + <view>评价成功</view> | |
85 | + </view> | |
86 | + </view> | |
87 | + </block> | |
88 | +</view> | |
89 | +<navigator wx:if="{{is_evaluate==0}}" class="Subs fs32 flex-center"> | |
90 | + <view class="Submission flex-center" bindtap="evaluate_save"> | |
91 | + <view>确认提交</view> | |
92 | + </view> | |
93 | +</navigator> | |
94 | +<view wx:else> | |
95 | + | |
96 | + | |
97 | +<view style="margin: auto;margin-bottom: 30rpx;" class="Submission flex-center" bindtap="evaluate_qt"> | |
98 | + <view>评价其他</view> | |
99 | + </view> | |
100 | + | |
101 | + <view wx:if="{{is_act==1}}" style="margin: auto;margin-bottom: 30rpx;" class="Submission flex-center yellow-b" bindtap="clike_lb"> | |
102 | + <view>点击领取礼品</view> | |
103 | + </view> | |
104 | + </view> | |
105 | +<warn id="warn"></warn> | |
0 | 106 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_eval.wxss
0 → 100644
1 | +.container { | |
2 | + border-top: 7rpx solid rgb(245, 245, 245); | |
3 | + padding-bottom: 100rpx; | |
4 | + background-color: rgb(255, 255, 255); | |
5 | +} | |
6 | + | |
7 | +.head { | |
8 | + height: 270rpx; | |
9 | +} | |
10 | + | |
11 | +.headimg { | |
12 | + width: 190rpx; | |
13 | + height: 190rpx; | |
14 | + border-radius: 50%; | |
15 | +} | |
16 | + | |
17 | +.item { | |
18 | + margin-bottom: 20rpx; | |
19 | +} | |
20 | + | |
21 | +.itemlf { | |
22 | + width: 195rpx; | |
23 | +} | |
24 | + | |
25 | +.itemlr { | |
26 | + width: 360rpx; | |
27 | +} | |
28 | + | |
29 | +.starss { | |
30 | + margin-top: 15rpx; | |
31 | + border-top: 3rpx dashed rgb(203, 203, 203); | |
32 | + padding-top: 25rpx; | |
33 | + padding-left: 15rpx; | |
34 | +} | |
35 | + | |
36 | +.stars { | |
37 | + width: 50rpx; | |
38 | + height: 50rpx; | |
39 | + margin-right: 20rpx; | |
40 | +} | |
41 | + | |
42 | +.datetime { | |
43 | + width: 190rpx; | |
44 | +} | |
45 | + | |
46 | +.tea_labs { | |
47 | + padding: 0rpx 56rpx; | |
48 | + margin-top: 20rpx; | |
49 | +} | |
50 | + | |
51 | +.proposal { | |
52 | + right: 20rpx; | |
53 | + bottom: 20rpx; | |
54 | + color: rgb(152, 152, 152); | |
55 | +} | |
56 | + | |
57 | +.textarea { | |
58 | + width: 100%; | |
59 | + height: 200rpx; | |
60 | + margin-top: 70rpx; | |
61 | + border: 2rpx solid rgb(203, 203, 203); | |
62 | + border-radius: 13rpx; | |
63 | + padding-top: 25rpx; | |
64 | + padding-left: 30rpx; | |
65 | + margin-bottom: 30rpx; | |
66 | + padding-right: 15rpx; | |
67 | + padding-bottom: 20rpx; | |
68 | +} | |
69 | + | |
70 | +.labels { | |
71 | + display: inline-block; | |
72 | + max-height: 240rxp; | |
73 | + line-height: 50rpx; | |
74 | + padding-left: 15rpx; | |
75 | +} | |
76 | + | |
77 | +.label { | |
78 | + padding: 0rpx 10rpx; | |
79 | + height: 48rpx; | |
80 | + line-height: 48rpx; | |
81 | + border: 2rpx solid rgb(218, 218, 218); | |
82 | + color: rgb(152, 152, 152); | |
83 | + border-radius: 5rpx; | |
84 | + margin-right: 20rpx; | |
85 | + width: 165rpx; | |
86 | + display: inline-block; | |
87 | + text-align: center; | |
88 | + margin-bottom: 10rpx; | |
89 | +} | |
90 | + | |
91 | +/* 选择标签的样式 */ | |
92 | + | |
93 | +.checklabel { | |
94 | + border: 2rpx solid rgb(214, 1, 33); | |
95 | + background-color: rgb(255, 231, 235); | |
96 | + color: rgb(214, 1, 33); | |
97 | +} | |
98 | + | |
99 | +.feedback { | |
100 | + color: rgb(152, 152, 152); | |
101 | + margin-bottom: 70rpx; | |
102 | +} | |
103 | + | |
104 | +.Subs { | |
105 | + background-color: rgb(255, 255, 255); | |
106 | + position: fixed; | |
107 | + width: 100%; | |
108 | + bottom: 40rpx; | |
109 | +} | |
110 | + | |
111 | +.Submission { | |
112 | + width: 400rpx; | |
113 | + height: 65rpx; | |
114 | + border-radius: 60rpx; | |
115 | + background-color: rgb(214, 1, 33); | |
116 | + color: rgb(255, 255, 255); | |
117 | +} | |
118 | +.Submission.yellow-b{ | |
119 | + background-color: #ffb03f; | |
120 | + | |
121 | +} | |
122 | + | |
123 | +.clonri { | |
124 | + margin: 0rpx; | |
125 | +} | |
126 | + | |
127 | +.subSuccess { | |
128 | + position: fixed; | |
129 | + z-index: 3; | |
130 | + top: 435rpx; | |
131 | + left: 66rpx; | |
132 | + background-color: #a6a6a6a4; | |
133 | + width: 615rpx; | |
134 | + height: 315rpx; | |
135 | + border-radius: 20rpx; | |
136 | + color: rgb(255, 255, 255); | |
137 | +} | |
138 | + | |
139 | +.Success { | |
140 | + width: 110rpx; | |
141 | + height: 110rpx; | |
142 | + margin-top: 50rpx; | |
143 | + margin-bottom: 45rpx; | |
144 | +} | ... | ... |
packageA/pages/my_service/tment_order_list.js
0 → 100644
1 | +var e = getApp(), | |
2 | + a = e.globalData.setting, | |
3 | + os = a, | |
4 | + t = e.request, | |
5 | + d = e.globalData; | |
6 | +Page({ | |
7 | + | |
8 | + /** | |
9 | + * 页面的初始数据 | |
10 | + */ | |
11 | + data: { | |
12 | + url: a.url, //接口网址 | |
13 | + iurl: a.imghost, //图片网址 | |
14 | + activeCategoryId: 0, //类别选中下标 | |
15 | + defimgurl: "/miniapp/images/yyservice/yyxmdefault.jpg", | |
16 | + categories: [{ | |
17 | + name: "全部", | |
18 | + id: 0 | |
19 | + }, { | |
20 | + name: "未服务", | |
21 | + id: 1 | |
22 | + }, { | |
23 | + name: "已服务", | |
24 | + id: 2 | |
25 | + }, { | |
26 | + name: "已过期", | |
27 | + id: 3 | |
28 | + }], | |
29 | + tm_order_list: [], //我的预约订单列表 | |
30 | + curpage: 1, //当前分页数 | |
31 | + pageSize: 10, //页大小 | |
32 | + total: 0, | |
33 | + ismore: 0, //是否加载完毕 | |
34 | + is_read: 0, //是否加载接口 | |
35 | + states: 4, //4为取消预约 | |
36 | + }, | |
37 | + | |
38 | + /** | |
39 | + * 生命周期函数--监听页面加载 | |
40 | + */ | |
41 | + onLoad: function(options) { | |
42 | + var state=options.state; | |
43 | + if (state != null && state != undefined && state!=""){ | |
44 | + this.setData({ activeCategoryId: state }); | |
45 | + } | |
46 | + | |
47 | + }, | |
48 | + changeTab: function(e) { | |
49 | + var th = this; | |
50 | + var id = e.currentTarget.dataset.id; | |
51 | + var activeCategoryId = th.data.activeCategoryId; | |
52 | + if (id != activeCategoryId) { | |
53 | + th.setData({ | |
54 | + activeCategoryId: id, | |
55 | + tm_order_list: [], | |
56 | + curpage: 1, | |
57 | + ismore: 0, | |
58 | + is_read: 0 | |
59 | + }) | |
60 | + th.query_orderList(); | |
61 | + } else { | |
62 | + return false; | |
63 | + } | |
64 | + }, | |
65 | + //显示核销码 | |
66 | + code_show: function(e) { | |
67 | + var th = this; | |
68 | + //--获取成功的时候-- | |
69 | + var no = e.currentTarget.dataset.order_sn; | |
70 | + var qc_com = th.selectComponent("#qc_com"); //组件的id | |
71 | + var obj = { | |
72 | + val: no, | |
73 | + content: "请将二维码展示给核销员,使用更快捷" | |
74 | + }; | |
75 | + qc_com.open(obj) | |
76 | + }, | |
77 | + query_orderList: function() { | |
78 | + wx.showLoading({ | |
79 | + title: '加载中', | |
80 | + }) | |
81 | + var th = this; | |
82 | + var url = "/api/weshop/marketing/reservation/reservation/page"; | |
83 | + | |
84 | + var state_index = th.data.activeCategoryId; | |
85 | + if (state_index == 0) { | |
86 | + state_index = ""; | |
87 | + } else { | |
88 | + --state_index; | |
89 | + } | |
90 | + th.setData({ | |
91 | + is_read: 0 | |
92 | + }) | |
93 | + getApp().request.promiseGet(url, { | |
94 | + data: { | |
95 | + storeId: a.stoid, | |
96 | + userId: d.user_id, | |
97 | + state: state_index, | |
98 | + page: th.data.curpage, | |
99 | + pageSize: th.data.pageSize | |
100 | + } | |
101 | + }).then(res => { | |
102 | + wx.hideLoading(); | |
103 | + if (res.data.code == 0) { | |
104 | + th.data.curpage++; | |
105 | + var arr1 = th.data.tm_order_list; | |
106 | + var arr2 = res.data.data.pageData; | |
107 | + var arr3 = [...arr1, ...arr2]; | |
108 | + for(var i = 0;i<arr3.length;i++){ | |
109 | + arr3[i].ArrangeTime = arr3[i].ArrangeTime.substring(0, 16); | |
110 | + } | |
111 | + var ismore = 0; | |
112 | + if (arr3.length == res.data.data.total) ismore = 1 | |
113 | + th.setData({ | |
114 | + tm_order_list: arr3, | |
115 | + total: res.data.data.total, | |
116 | + ismore: ismore, | |
117 | + is_read: 1 | |
118 | + }), wx.stopPullDownRefresh(); //停止下拉刷新 { | |
119 | + } else { | |
120 | + wx.hideLoading(); | |
121 | + th.setData({ | |
122 | + tm_order_list: [], | |
123 | + is_read: 1 | |
124 | + }) | |
125 | + } | |
126 | + }) | |
127 | + | |
128 | + }, | |
129 | + //取消预约 | |
130 | + cancel_tment: function(e) { | |
131 | + var th = this; | |
132 | + var th = this; | |
133 | + var my_confirm = th.selectComponent("#my_confirm"); //组件的id | |
134 | + my_confirm.open( | |
135 | + "确定取消?", | |
136 | + "取消", | |
137 | + "确定", | |
138 | + function() { | |
139 | + my_confirm.open_cancel(0); | |
140 | + }, | |
141 | + function() { | |
142 | + my_confirm.open_cancel(0); | |
143 | + var index = e.currentTarget.dataset.index; | |
144 | + var states = th.data.states; | |
145 | + var order_list = th.data.tm_order_list; | |
146 | + var number = order_list[index].Number; | |
147 | + var json = { | |
148 | + "number": number, | |
149 | + "storeId": a.stoid, | |
150 | + "states": 3 | |
151 | + }; | |
152 | + var data = JSON.stringify(json); | |
153 | + var url = th.data.url + "/api/weshop/marketing/reservation/reservation/update"; //预约接口地址 | |
154 | + wx.request({ | |
155 | + url: url, | |
156 | + data: data, | |
157 | + method: 'put', | |
158 | + header: { | |
159 | + 'content-type': 'application/json' | |
160 | + }, // 设置请求的 header | |
161 | + success: function(res) { | |
162 | + if (res.data.code == 0) { | |
163 | + getApp().my_warnning("取消成功", 1, th); | |
164 | + var id = th.data.activeCategoryId; | |
165 | + if (id == 1) { | |
166 | + order_list.splice(index, 1); | |
167 | + th.setData({ | |
168 | + tm_order_list: order_list | |
169 | + }) | |
170 | + } else { | |
171 | + var start = 'tm_order_list[' + index + '].State'; | |
172 | + th.setData({ | |
173 | + [start]: 3 | |
174 | + }) | |
175 | + } | |
176 | + wx.stopPullDownRefresh(); //停止下拉刷新 | |
177 | + } else { | |
178 | + getApp().my_warnning(res.data.msg, 0, th); | |
179 | + } | |
180 | + } | |
181 | + }) | |
182 | + }) | |
183 | + | |
184 | + }, | |
185 | + //图片失败,默认图片 | |
186 | + bind_bnerr1: function(e) { | |
187 | + var _errImg = e.target.dataset.errorimg; | |
188 | + var _Img = e.target.dataset.img; | |
189 | + if (_Img != undefined) { | |
190 | + var _errObj = {}; | |
191 | + _errObj[_errImg] = "/miniapp/images/no_cate_def.png"; | |
192 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
193 | + } | |
194 | + }, | |
195 | + /** | |
196 | + * 生命周期函数--监听页面显示 | |
197 | + */ | |
198 | + onShow: function() { | |
199 | + var th = this; | |
200 | + th.setData({ | |
201 | + curpage: 1, | |
202 | + total: 0, | |
203 | + ismore: 0, | |
204 | + is_read: 0, | |
205 | + tm_order_list: [] | |
206 | + }) | |
207 | + th.query_orderList(); | |
208 | + }, | |
209 | + | |
210 | + /** | |
211 | + * 页面上拉触底事件的处理函数 | |
212 | + */ | |
213 | + onReachBottom: function() { | |
214 | + var th = this; | |
215 | + if (th.data.total <= th.data.pageSize) return; | |
216 | + if (th.data.ismore) return; | |
217 | + | |
218 | + wx.showLoading({ | |
219 | + title: '加载中...', | |
220 | + }) | |
221 | + th.query_orderList(); | |
222 | + }, | |
223 | + //关闭导航 | |
224 | + close: function() { | |
225 | + var th = this; | |
226 | + var nav_b = th.selectComponent("#nav_b"); //组件的id | |
227 | + nav_b.close_box(); | |
228 | + } | |
229 | + | |
230 | +}) | |
0 | 231 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_order_list.json
0 → 100644
1 | +{ | |
2 | + "navigationBarTitleText": "我的预约", | |
3 | + "usingComponents": { | |
4 | + "qr_code": "/components/qr_code/qr_code", | |
5 | + "warn": "/components/long_warn/long_warn", | |
6 | + "my_confirm": "/components/my_confirm/my_confirm", | |
7 | + "nav_b": "/components/nav_b/nav_b" | |
8 | + } | |
9 | +} | |
0 | 10 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_order_list.wxml
0 → 100644
1 | +<view class="container" catchtap="close"> | |
2 | + <!-- 导航栏 --> | |
3 | + <view class="type-navbar padding flex-vertical fs30"> | |
4 | + <view class="type-box flex-center {{activeCategoryId==item.id?'chtypebox':''}}" wx:for="{{categories}}" bindtap="changeTab" data-id="{{item.id}}"> | |
5 | + <view>{{item.name}}</view> | |
6 | + </view> | |
7 | + </view> | |
8 | + <view class="itemMax"> | |
9 | + <!-- 预约项目 --> | |
10 | + <view wx:for="{{tm_order_list}}"> | |
11 | + <!-- 商品编号和状态 --> | |
12 | + <view class="Commodity_number flex-vertical-between fs26 padding"> | |
13 | + <!--商品编号 --> | |
14 | + <text class="order_number ellipsis-1" selectable='true'>订单编号:{{item.Number}}</text> | |
15 | + <!-- 订单状态 --> | |
16 | + <view class="flex-center state"> | |
17 | + <view wx:if="{{item.State==0}}">未服务</view> | |
18 | + <view wx:if="{{item.State==1}}">已服务</view> | |
19 | + <view wx:if="{{item.State==2}}">已过期</view> | |
20 | + <view wx:if="{{item.State==3}}">已取消</view> | |
21 | + <view wx:if="{{item.State==4}}">已评价</view> | |
22 | + </view> | |
23 | + </view> | |
24 | + | |
25 | + <!-- 项目属性 --> | |
26 | + <navigator class="items padding flex-vertical" url="/pages/user/my_service/tment_details?number={{item.Number}}"> | |
27 | + | |
28 | + <view class="flex-center fs26"> | |
29 | + <view class="itemimage"> | |
30 | + <image class="itemimage" src="{{item.ImageUrl==''?iurl+defimgurl:item.ImageUrl}}" lazy-load="true" data-errorimg="tm_order_list[{{index}}].ImageUrl" binderror="bind_bnerr1" data-img="{{item.ImageUrl}}"></image> | |
31 | + </view> | |
32 | + <!-- 项目内容 --> | |
33 | + <view class="details"> | |
34 | + <view class="item flex-vertical base"> | |
35 | + <view class="itemname flex-level-right">预约门店:</view> | |
36 | + <view class="itemvalue ellipsis-1">{{item.StorageName}}</view> | |
37 | + </view> | |
38 | + <view class="item flex-vertical base"> | |
39 | + <view class="itemname flex-level-right">预约项目:</view> | |
40 | + <view class="itemvalue ellipsis-1">{{item.ServiceName}}</view> | |
41 | + </view> | |
42 | + <view class="item flex-vertical base"> | |
43 | + <block wx:if="{{item.State==1 || item.State==4}}"> | |
44 | + <view class="itemname flex-level-right">服务美容师: | |
45 | + </view> | |
46 | + </block> | |
47 | + <block wx:else> | |
48 | + <view class="itemname flex-level-right">预约美容师: | |
49 | + </view> | |
50 | + </block> | |
51 | + <view class="itemvalue ellipsis-1">{{item.BeauticianName}}</view> | |
52 | + </view> | |
53 | + <view class="item flex-vertical base"> | |
54 | + <view class="itemname flex-level-right">预约时间:</view> | |
55 | + <view>{{item.ArrangeTime}}</view> | |
56 | + </view> | |
57 | + <view class="item flex-vertical base" wx:if="{{item.WriteTime==''?false:true}}"> | |
58 | + <view class="itemname flex-level-right">服务时间:</view> | |
59 | + <view>{{item.WriteTime}}</view> | |
60 | + </view> | |
61 | + </view> | |
62 | + | |
63 | + </view> | |
64 | + </navigator> | |
65 | + <view class="Unim flex-right-vertical fs26 padding"> | |
66 | + <image wx:if="{{item.State==0}}" src="{{iurl}}miniapp/images/order/code.png" class="code" bindtap="code_show" data-order_sn="{{item.Number}}"></image> | |
67 | + <block wx:if="{{item.State==0}}"> | |
68 | + <view class="Unimportance flex-level" data-index="{{index}}" bindtap="cancel_tment">取消预约</view> | |
69 | + </block> | |
70 | + <block wx:else> | |
71 | + <navigator url="/pages/user/my_service/tment_details?number={{item.Number}}" class="Unimportance flex-level">查看详情</navigator> | |
72 | + </block> | |
73 | + <navigator wx:if="{{item.State==0}}" class="important Unimportance flex-level" url="/pages/user/my_service/beauty_deta?BeauticianID={{item.BeauticianID}}&number={{item.Number}}&itemId={{item.ServiceID}}&modify=1&projectId={{item.ProjectID}}">更改时间</navigator> | |
74 | + <navigator wx:if="{{item.State==1}}" url="/pages/user/my_service/tment_eval?Number={{item.Number}}&evaluate={{0}}" class="important Unimportance flex-level">发表评价</navigator> | |
75 | + <navigator wx:if="{{item.State==2 || item.State==3}}" url="/pages/user/my_service/appment_main?ProjectID={{item.ProjectID}}&BuyType={{item.BuyType}}&service_id={{item.ServiceID}}" class="important Unimportance flex-level">重新预约</navigator> | |
76 | + <navigator wx:if="{{item.State==4}}" url="/pages/user/my_service/tment_eval?Number={{item.Number}}&evaluate={{1}}" class="important Unimportance flex-level">评价详情</navigator> | |
77 | + </view> | |
78 | + </view> | |
79 | + <view class="exactly flex-center fs26" wx:if="{{ismore && tm_order_list.length>=3}}"> | |
80 | + <view class="line"></view> | |
81 | + <view class="exactly_text">到底了</view> | |
82 | + <view class="line"></view> | |
83 | + </view> | |
84 | + </view> | |
85 | +</view> | |
86 | + | |
87 | +<!-- 无预约订单 --> | |
88 | +<view class="empty_order" wx:if="{{tm_order_list.length<1 && is_read}}" catchtap="close"> | |
89 | + <view class="flex-level"> | |
90 | + <image src="{{iurl}}miniapp/images/order/empty_order.png" lazy-load="true"></image> | |
91 | + </view> | |
92 | + <view class="flex-level fs30 xc-ash">无预约记录</view> | |
93 | + <view class="flex-level"> | |
94 | + <navigator url="/pages/user/my_service/i_service" bindtap="goto"> | |
95 | + <view class="flex-center fs32 white">立即预约</view> | |
96 | + </navigator> | |
97 | + </view> | |
98 | +</view> | |
99 | +<my_confirm id="my_confirm"></my_confirm> | |
100 | +<!-- 制作一个圆球导航 --> | |
101 | +<nav_b id="nav_b"></nav_b> | |
102 | +<!-- 弹出框扫描 --> | |
103 | +<qr_code id="qc_com"></qr_code> | |
104 | +<warn id="warn"></warn> | |
0 | 105 | \ No newline at end of file | ... | ... |
packageA/pages/my_service/tment_order_list.wxss
0 → 100644
1 | +page { | |
2 | + height: 100%; | |
3 | +} | |
4 | + | |
5 | +.container { | |
6 | + background-color: rgb(255, 255, 255); | |
7 | +} | |
8 | + | |
9 | +.type-navbar { | |
10 | + border-top: 3rpx solid rgb(221, 221, 221); | |
11 | + display: flex; | |
12 | + justify-content: space-between; | |
13 | + position: fixed; | |
14 | + background-color: rgb(255,255,255); | |
15 | + width:696rpx; | |
16 | +} | |
17 | +.itemMax{ | |
18 | + margin-top: 93rpx; | |
19 | +} | |
20 | + | |
21 | +.type-box { | |
22 | + height: 88rpx; | |
23 | + line-height: 88rpx; | |
24 | + padding: 0rpx 15rpx; | |
25 | + border-bottom: 5rpx solid rgb(255, 255, 255); | |
26 | +} | |
27 | + | |
28 | +.chtypebox { | |
29 | + border-bottom: 5rpx solid rgb(224, 18, 18); | |
30 | +} | |
31 | + | |
32 | +.Commodity_number { | |
33 | + height: 80rpx; | |
34 | + border-top: 13rpx solid rgb(245, 245, 245); | |
35 | +} | |
36 | + | |
37 | +.Commodity_number image { | |
38 | + width: 30rpx; | |
39 | + height: 32rpx; | |
40 | +} | |
41 | + | |
42 | +.padding { | |
43 | + padding: 0rpx 27rpx; | |
44 | +} | |
45 | + | |
46 | +.lin { | |
47 | + border-left: 2rpx solid rgb(211, 29, 54); | |
48 | + margin-left: 17rpx; | |
49 | + margin-right: 14rpx; | |
50 | + height: 40rpx; | |
51 | +} | |
52 | + | |
53 | +.order_number { | |
54 | + max-width: 550rpx; | |
55 | +} | |
56 | +.state{ | |
57 | + color: rgb(216,63,82); | |
58 | +} | |
59 | +.items { | |
60 | + border-top: 4rpx solid rgb(245, 245, 245); | |
61 | + border-bottom: 4rpx solid rgb(245, 245, 245); | |
62 | + height: 260rpx; | |
63 | +} | |
64 | +.code{ | |
65 | + width: 55rpx; | |
66 | + height: 55rpx; | |
67 | +} | |
68 | +.itemimage { | |
69 | + width: 190rpx; | |
70 | + height: 190rpx; | |
71 | + margin-right: 20rpx; | |
72 | + border-radius: 50%; | |
73 | + border: 1px solid #eee; | |
74 | +} | |
75 | + | |
76 | +.details { | |
77 | + height: 190rpx; | |
78 | +} | |
79 | + | |
80 | +.itemname { | |
81 | + width: 150rpx; | |
82 | + margin-right: 20rpx; | |
83 | +} | |
84 | + | |
85 | +.itemvalue { | |
86 | + max-width: 300rpx; | |
87 | +} | |
88 | + | |
89 | +.Unimportance { | |
90 | + width: 140rpx; | |
91 | + height: 40rpx; | |
92 | + line-height: 40rpx; | |
93 | + border-radius: 8rpx; | |
94 | + background-color: rgb(255, 255, 255); | |
95 | + margin-left: 20rpx; | |
96 | + border: 2rpx solid rgb(191, 191, 191); | |
97 | +} | |
98 | + | |
99 | +.important { | |
100 | + background-color: rgb(212, 28, 52); | |
101 | + border: 2rpx solid rgb(212, 28, 52); | |
102 | + color: rgb(255, 255, 255); | |
103 | +} | |
104 | + | |
105 | +.Unim { | |
106 | + height: 110rpx; | |
107 | +} | |
108 | + | |
109 | +.exactly { | |
110 | + height: 80rpx; | |
111 | + background-color: rgb(245, 245, 245); | |
112 | +} | |
113 | + | |
114 | +.exactly_text { | |
115 | + margin: 0rpx 15rpx; | |
116 | +} | |
117 | + | |
118 | +.line { | |
119 | + border-top: 2rpx solid rgb(0, 0, 0); | |
120 | + width: 130rpx; | |
121 | +} | |
122 | + | |
123 | +/* 无预约 */ | |
124 | + | |
125 | +.empty_order image { | |
126 | + width: 300rpx; | |
127 | + height: 280rpx; | |
128 | + margin-top: 202rpx; | |
129 | +} | |
130 | + | |
131 | +.empty_order .xc-ash { | |
132 | + margin-top: 10rpx; | |
133 | + font-weight: 600px; | |
134 | +} | |
135 | + | |
136 | +.empty_order navigator { | |
137 | + margin-top: 60rpx; | |
138 | + border-radius: 40rpx; | |
139 | +} | |
140 | + | |
141 | +.empty_order navigator view { | |
142 | + width: 247rpx; | |
143 | + height: 65rpx; | |
144 | + background-color: rgb(255, 72, 72); | |
145 | + border-radius: 40rpx; | |
146 | +} | |
147 | +.base{ | |
148 | + display: flex; | |
149 | + height: 38rpx; | |
150 | + line-height: 38rpx; | |
151 | + align-items: baseline; | |
152 | +} | |
0 | 153 | \ No newline at end of file | ... | ... |