Commit 155b069b99dd5343809dc9d8c4316d4c9bbf7474
1 parent
95209757
个人资料改版
Showing
3 changed files
with
1428 additions
and
212 deletions
pages/user/userinfo/userinfo.js
1 | 1 | function e(e, a, r) { |
2 | - return a in e ? Object.defineProperty(e, a, { | |
3 | - value: r, | |
4 | - enumerable: !0, | |
5 | - configurable: !0, | |
6 | - writable: !0 | |
7 | - }) : e[a] = r, e; | |
2 | + return a in e ? Object.defineProperty(e, a, { | |
3 | + value: r, | |
4 | + enumerable: !0, | |
5 | + configurable: !0, | |
6 | + writable: !0 | |
7 | + }) : e[a] = r, e; | |
8 | 8 | } |
9 | 9 | |
10 | -var a = getApp(), r = a.globalData.setting, | |
11 | - t = a.request, s = require("../../../utils/common.js"), util = require("../../../utils/util.js"); | |
10 | +var a = getApp(), | |
11 | + r = a.globalData.setting, | |
12 | + t = a.request, | |
13 | + s = require("../../../utils/common.js"), | |
14 | + util = require("../../../utils/util.js"); | |
15 | + | |
16 | +var timestamp = Date.parse(new Date()); | |
17 | +var date = new Date(timestamp); | |
12 | 18 | |
13 | 19 | Page({ |
14 | - data: { | |
15 | - url: r.url, | |
16 | - resourceUrl: r.resourceUrl, | |
17 | - iurl: r.imghost, | |
18 | - defaultAvatar: r.resourceUrl + "/static/images/user68.jpg", | |
19 | - user: null, | |
20 | - tc_hide:true, | |
21 | - stoname:"", | |
22 | - }, | |
23 | - onShow: function() { | |
24 | - var e = this; var req=t; | |
25 | - a.getUserInfo(function(a) { | |
26 | - var txt = util.formatTime(a.birthday,'yyyy-M-d'),arr = txt.split(' '); | |
27 | - a.birthday=arr[0]; | |
28 | - var txt2 = util.formatTime(a.reg_time, 'yyyy-M-d'), arr2 = txt.split(' '); | |
29 | - a.reg_time = arr2[0]; | |
30 | - req.get("/api/weshop/pickup/get/" + r.stoid + "/" + a.pickup_id, { | |
31 | - success: function (da) { | |
32 | - console.log('getsto'); | |
33 | - console.log(da); | |
34 | - //设置门店 | |
35 | - e.setData({ stoname: da.data.data.pickup_name}); | |
36 | - } | |
37 | - }) | |
38 | - e.setData({ | |
39 | - user: a | |
40 | - }); | |
41 | - }, !0); | |
42 | - }, | |
43 | - editUserInfo: function(e) { | |
44 | - var r = e.currentTarget.dataset.type; | |
45 | - if (("password" == r || "paypwd" == r) && !this.data.user.mobile) return a.showWarning("请先绑定手机号码"); | |
46 | - r && this.data.user && wx.navigateTo({ | |
47 | - url: "/pages/user/userinfo_edit/userinfo_edit?type=" + r | |
48 | - }); | |
49 | - }, | |
50 | - | |
51 | - /*--------------------修改头像---------------------*/ | |
52 | - changeAvatar: function() { | |
53 | - return false; | |
54 | - var r = this; | |
55 | - wx.chooseImage({ | |
56 | - count: 1, | |
57 | - sizeType: [ "compressed", "original" ], | |
58 | - sourceType: [ "camera", "album" ], | |
59 | - success: function(u) { | |
60 | - t.uploadFile(r.data.url + "/api/user/upload_headpic", { | |
61 | - filePath: u.tempFilePaths[0], | |
62 | - name: "head_pic", | |
63 | - success: function(t) { | |
64 | - var u = s.getFullUrl(t.data.result); | |
65 | - r.setData(e({}, "user.head_pic", u)), a.globalData.userInfo.head_pic = u, a.showSuccess("设置头像成功"); | |
20 | + data: { | |
21 | + phone:"", | |
22 | + url: r.url, | |
23 | + resourceUrl: r.resourceUrl, | |
24 | + iurl: r.imghost, | |
25 | + defaultAvatar: r.resourceUrl + "/static/images/user68.jpg", | |
26 | + user: null, | |
27 | + tc_hide: true, | |
28 | + stoname: "", | |
29 | + checkDate: false, | |
30 | + datet: "", | |
31 | + year: date.getFullYear(), | |
32 | + store: 0, | |
33 | + all_sto: "", | |
34 | + region_name: "", | |
35 | + def_pick_store: "", | |
36 | + sort_store: 0, //门店分类 | |
37 | + sec_sto: "", | |
38 | + more_store: 0, //选择门店 | |
39 | + choice_sort_store: 1, //选择分类门店 | |
40 | + more_store: 0, //选择门店 | |
41 | + lat: null, //维度 | |
42 | + lon: null, //经度 | |
43 | + fir_pick_index: 0, | |
44 | + sec_pick_index: 0, | |
45 | + is_gps: 1, | |
46 | + lon: 0, | |
47 | + only_pk: 0, | |
48 | + open_ind_store: 0, //哪里打开的门店列表的控制属性 | |
49 | + ispwhid:1,//是否隐藏密码显示 | |
50 | + isstcsp:1,//是否启动密码消费 | |
51 | + isGender:1,//什么性别 | |
52 | + iscalendar:1,//是否是农历 | |
53 | + }, | |
54 | + //是否启动密码消费 | |
55 | + isstcsp:function(){ | |
56 | + var th = this; | |
57 | + var isstcsp = th.data.isstcsp; | |
58 | + if (isstcsp==0){ | |
59 | + th.setData({ | |
60 | + isstcsp:1 | |
61 | + }) | |
62 | + }else{ | |
63 | + th.setData({ | |
64 | + isstcsp: 0 | |
65 | + }) | |
66 | + } | |
67 | + }, | |
68 | + //出生日期是否是农历 | |
69 | + iscalendar:function(){ | |
70 | + var th = this; | |
71 | + var iscalendar = th.data.iscalendar; | |
72 | + if (iscalendar == 0) { | |
73 | + th.setData({ | |
74 | + iscalendar: 1 | |
75 | + }) | |
76 | + } else { | |
77 | + th.setData({ | |
78 | + iscalendar: 0 | |
79 | + }) | |
80 | + } | |
81 | + }, | |
82 | + //性别 | |
83 | + isGender:function(){ | |
84 | + var th = this; | |
85 | + | |
86 | + var isGender = th.data.isGender; | |
87 | + if (isGender == 2) { | |
88 | + th.setData({ | |
89 | + isGender: 1 | |
90 | + }) | |
91 | + } else { | |
92 | + th.setData({ | |
93 | + isGender: 2 | |
94 | + }) | |
95 | + } | |
96 | + }, | |
97 | + //密码是否隐藏显示 | |
98 | + ispwhid:function(){ | |
99 | + var th = this; | |
100 | + var ispwhid = th.data.ispwhid; | |
101 | + if (ispwhid == 0) { | |
102 | + th.setData({ | |
103 | + ispwhid: 1 | |
104 | + }) | |
105 | + } else { | |
106 | + th.setData({ | |
107 | + ispwhid: 0 | |
108 | + }) | |
109 | + } | |
110 | + }, | |
111 | + checkDate: function() { | |
112 | + var th = this; | |
113 | + if (th.data.checkDate) { | |
114 | + th.setData({ | |
115 | + checkDate: false | |
116 | + }) | |
117 | + } else { | |
118 | + th.setData({ | |
119 | + checkDate: true | |
120 | + }) | |
121 | + } | |
122 | + }, | |
123 | + bindChange: function(e) { | |
124 | + this.setData({ | |
125 | + datet: e.detail.value, | |
126 | + }); | |
127 | + }, | |
128 | + //---点击二级之后的选择--- | |
129 | + choose_for_store: function(e) { | |
130 | + var index_c = e.currentTarget.dataset.ind; | |
131 | + | |
132 | + this.setData({ | |
133 | + sec_pick_index: index_c, | |
134 | + fir_pick_index: index_c | |
135 | + }) | |
136 | + }, | |
137 | + //确定def_pick为选择的门店 | |
138 | + sure_pick: function(e) { | |
139 | + var th = this; | |
140 | + var item = null; | |
141 | + var openindstore = th.data.open_ind_store; | |
142 | + | |
143 | + if (th.data.choice_sort_store == 0) { | |
144 | + var index = th.data.fir_pick_index; | |
145 | + if (th.data.is_show_sto_cat == 1) { | |
146 | + item = th.data.def_pickpu_list[index]; | |
147 | + } else { | |
148 | + item = th.data.only_pk[index]; //当没有门店分类的时候 | |
149 | + } | |
150 | + | |
151 | + } else { | |
152 | + var index = th.data.sec_pick_index; | |
153 | + item = th.data.sec_sto.s_arr[index]; | |
154 | + } | |
155 | + | |
156 | + console.log("选择门店刷新", "def_pick_store", item); | |
157 | + th.setData({ | |
158 | + def_pick_store: item, | |
159 | + sto_sele_name: item.pickup_name, | |
160 | + sto_sele_id: item.pickup_id, | |
161 | + sto_sele_distr: item.distr_type, | |
162 | + store: 0, | |
163 | + choice_sort_store: 0, | |
164 | + fir_pick_index: 0 | |
165 | + }); | |
166 | + | |
167 | + if (openindstore == 1) { | |
168 | + th.setData({ | |
169 | + openSpecModal: !0, | |
170 | + openSpecModal_ind: openindstore, | |
171 | + }); | |
172 | + } else if (openindstore == 2) { | |
173 | + th.setData({ | |
174 | + openSpecModal: !0, | |
175 | + openSpecModal_ind: openindstore, | |
176 | + | |
177 | + openSpecModal_pt: 1 | |
178 | + }); | |
179 | + } | |
180 | + }, | |
181 | + choose_for_store_fir: function(e) { | |
182 | + var index_c = e.currentTarget.dataset.ind; | |
183 | + | |
184 | + this.setData({ | |
185 | + fir_pick_index: index_c | |
186 | + }) | |
187 | + }, | |
188 | + wait_for_store_config: function() { | |
189 | + var th = this; | |
190 | + wx.getLocation({ | |
191 | + type: 'wgs84', | |
192 | + success: function(res) { | |
193 | + th.data.lat = res.latitude; | |
194 | + th.data.lon = res.longitude; | |
195 | + th.data.is_get_local_ok = 1; | |
196 | + }, | |
197 | + fail: function(res) { | |
198 | + if (res.errCode == 2) { | |
199 | + th.setData({ | |
200 | + is_gps: 0 | |
201 | + }); | |
202 | + if (th.data.is_gps == 0) { | |
203 | + getApp().confirmBox("请开启GPS定位", null, 10000, !1); | |
204 | + } | |
205 | + | |
206 | + } else { | |
207 | + th.setData({ | |
208 | + is_gps: "3" | |
209 | + }); | |
210 | + } | |
211 | + | |
212 | + th.data.is_get_local_ok = 1; | |
213 | + } | |
214 | + }) | |
215 | + }, | |
216 | + onclickstore: function() { | |
217 | + var th = this; | |
218 | + if (th.data.store == 0) { | |
219 | + this.setData({ | |
220 | + store: 1 | |
221 | + }) | |
222 | + } else { | |
223 | + this.setData({ | |
224 | + store: 0 | |
225 | + }) | |
226 | + } | |
227 | + var dd = { | |
228 | + store_id: r.stoid, | |
229 | + isstop: 0, | |
230 | + pageSize: 300 | |
231 | + } | |
232 | + th.setData({ | |
233 | + sort_store: 1 | |
234 | + }); | |
235 | + var i = getApp().request; | |
236 | + //如果有距离的话 | |
237 | + if (th.data.lat != null) { | |
238 | + dd.lat = th.data.lat; | |
239 | + dd.lon = th.data.lon; | |
240 | + } | |
241 | + //----------获取门店---------------- | |
242 | + getApp().request.promiseGet("/api/weshop/pickup/list", { | |
243 | + data: dd, | |
244 | + }).then(res => { | |
245 | + var e = res; | |
246 | + if (e.data.code == 0) { | |
247 | + //-- 如果有默认选择门店的时候,要把默认门店放在第一位 -- | |
248 | + if (th.data.def_pick_store) { | |
249 | + for (var k = 0; k < e.data.data.pageData.length; k++) { | |
250 | + if (e.data.data.pageData[k].pickup_id == th.data.def_pick_store.pickup_id) { | |
251 | + e.data.data.pageData.splice(k, 1); //删除 | |
252 | + break; | |
253 | + } | |
254 | + } | |
255 | + e.data.data.pageData.splice(0, 0, th.data.def_pick_store); //添加 | |
256 | + } | |
257 | + | |
258 | + //单总量超出5个的时候 | |
259 | + if (e.data.data.total > 5) { | |
260 | + i.get("/api/weshop/storagecategory/page", { | |
261 | + data: { | |
262 | + store_id: r.stoid, | |
263 | + is_show: 1, | |
264 | + pageSize: 300 | |
265 | + }, | |
266 | + success: function(ee) { | |
267 | + if (ee.data.code == 0) { | |
268 | + if (ee.data.data.pageData.length > 0) { | |
269 | + var def_arr = new Array(); | |
270 | + var ishas = 0; | |
271 | + //-- 开始就看5个门店 -- | |
272 | + for (var k = 0; k < 5; k++) { | |
273 | + if (k == e.data.data.pageData.length) break; | |
274 | + def_arr.push(e.data.data.pageData[k]); | |
275 | + } | |
276 | + | |
277 | + th.setData({ | |
278 | + def_pickpu_list: def_arr, | |
279 | + pickpu_list: ee.data.data.pageData | |
280 | + }); | |
281 | + var sto_cate = ee.data.data.pageData; | |
282 | + var sto_arr = e.data.data.pageData; | |
283 | + var newarr = new Array(); | |
284 | + var qita = new Array(); | |
285 | + | |
286 | + //----要进行门店分组-------- | |
287 | + for (var i = 0; i < sto_arr.length; i++) { | |
288 | + //找一下这个门店有没有在分类数组内 | |
289 | + var find2 = 0, | |
290 | + find2name = ""; | |
291 | + for (var m = 0; m < sto_cate.length; m++) { | |
292 | + if (sto_arr[i].category_id == sto_cate[m].cat_id) { | |
293 | + find2 = sto_cate[m].cat_id; | |
294 | + find2name = sto_cate[m].cat_name; | |
295 | + break; | |
296 | + } | |
297 | + } | |
298 | + | |
299 | + if (newarr.length > 0) { | |
300 | + var find = 0; | |
301 | + //如果有找到,那门店就在这个分组内,否则,分类就要排在其他 | |
302 | + if (find2 != 0) { | |
303 | + for (var ii = 0; ii < newarr.length; ii++) { | |
304 | + if (sto_arr[i].category_id == newarr[ii].cat_id) { | |
305 | + newarr[ii].s_arr.push(sto_arr[i]); | |
306 | + find = 1; | |
307 | + break; | |
308 | + } | |
309 | + } | |
310 | + if (find == 0) { | |
311 | + var arr0 = new Array(); | |
312 | + arr0.push(sto_arr[i]); | |
313 | + var item = { | |
314 | + cat_id: find2, | |
315 | + name: find2name, | |
316 | + s_arr: arr0 | |
317 | + }; | |
318 | + newarr.push(item); | |
319 | + } | |
320 | + } else { | |
321 | + qita.push(sto_arr[i]); | |
322 | + } | |
323 | + } else { | |
324 | + //如果有找到,那门店就在这个分组内,否则,分类就要排在其他 | |
325 | + if (find2 != 0) { | |
326 | + var arr0 = new Array(); | |
327 | + arr0.push(sto_arr[i]); | |
328 | + var item = { | |
329 | + cat_id: find2, | |
330 | + name: find2name, | |
331 | + s_arr: arr0 | |
332 | + }; | |
333 | + newarr.push(item); | |
334 | + } else { | |
335 | + qita.push(sto_arr[i]); | |
336 | + } | |
66 | 337 | } |
338 | + } | |
339 | + | |
340 | + //----安排其他的分类----- | |
341 | + if (qita.length > 0) { | |
342 | + var item = { | |
343 | + cat_id: -1, | |
344 | + name: "其他", | |
345 | + s_arr: qita | |
346 | + }; | |
347 | + newarr.push(item); | |
348 | + } | |
349 | + th.setData({ | |
350 | + is_show_sto_cat: 1, | |
351 | + all_sto: newarr | |
352 | + }); | |
353 | + | |
354 | + } else { | |
355 | + th.setData({ | |
356 | + is_show_sto_cat: -1, | |
357 | + only_pk: e.data.data.pageData | |
358 | + }); | |
359 | + } | |
360 | + } else { | |
361 | + th.setData({ | |
362 | + is_show_sto_cat: -1, | |
363 | + only_pk: e.data.data.pageData | |
67 | 364 | }); |
365 | + } | |
68 | 366 | } |
367 | + }); | |
368 | + } else { | |
369 | + th.setData({ | |
370 | + is_show_sto_cat: 0, | |
371 | + only_pk: e.data.data.pageData | |
372 | + }); | |
373 | + } | |
374 | + } | |
375 | + }, 200) | |
376 | + console.log(th.data.all_sto + 'eeee'); | |
377 | + }, | |
378 | + //选择更多门店 | |
379 | + more_store: function() { | |
380 | + this.setData({ | |
381 | + sort_store: 1 | |
382 | + }); | |
383 | + }, | |
384 | + //---选择分类门店--- | |
385 | + choice_sort_store: function(e) { | |
386 | + var index = e.currentTarget.dataset.index; | |
387 | + var region_name = e.currentTarget.dataset.region; | |
388 | + var item = this.data.all_sto[index]; | |
389 | + this.setData({ | |
390 | + region_name: region_name, | |
391 | + sort_store: 0, | |
392 | + choice_sort_store: 1, | |
393 | + sec_sto: item, | |
394 | + sec_pick_index: 0 | |
395 | + }); | |
396 | + }, | |
397 | + // 返回按钮 | |
398 | + returns: function() { | |
399 | + this.setData({ | |
400 | + sort_store: 0, | |
401 | + choice_sort_store: 0 | |
402 | + }); | |
403 | + }, | |
404 | + //身份证号严格校验 | |
405 | + IdentityIDCard: function(e) { | |
406 | + var code = e.detail.value; | |
407 | + //身份证号前两位代表区域 | |
408 | + var city = { | |
409 | + 11: "北京", | |
410 | + 12: "天津", | |
411 | + 13: "河北", | |
412 | + 14: "山西", | |
413 | + 15: "内蒙古", | |
414 | + 21: "辽宁", | |
415 | + 22: "吉林", | |
416 | + 23: "黑龙江 ", | |
417 | + 31: "上海", | |
418 | + 32: "江苏", | |
419 | + 33: "浙江", | |
420 | + 34: "安徽", | |
421 | + 35: "福建", | |
422 | + 36: "江西", | |
423 | + 37: "山东", | |
424 | + 41: "河南", | |
425 | + 42: "湖北 ", | |
426 | + 43: "湖南", | |
427 | + 44: "广东", | |
428 | + 45: "广西", | |
429 | + 46: "海南", | |
430 | + 50: "重庆", | |
431 | + 51: "四川", | |
432 | + 52: "贵州", | |
433 | + 53: "云南", | |
434 | + 54: "西藏 ", | |
435 | + 61: "陕西", | |
436 | + 62: "甘肃", | |
437 | + 63: "青海", | |
438 | + 64: "宁夏", | |
439 | + 65: "新疆", | |
440 | + 71: "台湾", | |
441 | + 81: "香港", | |
442 | + 82: "澳门", | |
443 | + 91: "国外 " | |
444 | + }; | |
445 | + //身份证格式正则表达式 | |
446 | + var idCardReg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i; | |
447 | + var errorMess = ""; //错误提示信息 | |
448 | + var isPass = true; //身份证验证是否通过(true通过、false未通过) | |
449 | + | |
450 | + //如果身份证不满足格式正则表达式 | |
451 | + if (!code || !idCardReg.test(code)) { | |
452 | + console.log("您输入的身份证号格式有误!"); | |
453 | + errorMess = "您输入的身份证号格式有误!"; | |
454 | + isPass = false; | |
455 | + } | |
456 | + | |
457 | + //区域数组中不包含需验证的身份证前两位 | |
458 | + else if (!city[code.substr(0, 2)]) { | |
459 | + errorMess = "您输入的身份证地址编码有误!"; | |
460 | + isPass = false; | |
461 | + } else { | |
462 | + //18位身份证需要验证最后一位校验位 | |
463 | + if (code.length == 18) { | |
464 | + code = code.split(''); | |
465 | + //∑(ai×Wi)(mod 11) | |
466 | + //加权因子 | |
467 | + var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; | |
468 | + //校验位 | |
469 | + var parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2]; | |
470 | + var sum = 0; | |
471 | + var ai = 0; | |
472 | + var wi = 0; | |
473 | + for (var i = 0; i < 17; i++) { | |
474 | + ai = code[i]; | |
475 | + wi = factor[i]; | |
476 | + sum += ai * wi; | |
477 | + } | |
478 | + var last = parity[sum % 11]; | |
479 | + if (parity[sum % 11] != code[17]) { | |
480 | + errorMess = "您输入的身份证号不存在!"; | |
481 | + isPass = false; | |
482 | + } | |
483 | + } | |
484 | + } | |
485 | + var returnParam = { | |
486 | + 'errorMess': errorMess, | |
487 | + 'isPass': isPass | |
488 | + } | |
489 | + if (errorMess != "") { | |
490 | + wx.showModal({ | |
491 | + title: errorMess, | |
492 | + content: '', | |
493 | + showCancel: false, | |
494 | + confirmText: '确定', | |
495 | + confirmColor: '', | |
496 | + success: function(res) {}, | |
497 | + fail: function(res) {}, | |
498 | + complete: function(res) {}, | |
499 | + }) | |
500 | + } | |
501 | + return returnParam; | |
502 | + }, | |
503 | + //------初始化加载---------- | |
504 | + onLoad: function(t) { | |
505 | + var th = this; | |
506 | + th.setData({ | |
507 | + isGender:th.data.user.sex | |
508 | + })//设置性别 | |
509 | + }, | |
510 | + onShow: function() { | |
511 | + | |
512 | + this.wait_for_store_config(); | |
513 | + var e = this; | |
514 | + var req = t; | |
515 | + a.getUserInfo(function(a) { | |
516 | + var txt = util.formatTime(a.birthday, 'yyyy-M-d'), | |
517 | + arr = txt.split(' '); | |
518 | + a.birthday = arr[0]; | |
519 | + var txt2 = util.formatTime(a.reg_time, 'yyyy-M-d'), | |
520 | + arr2 = txt.split(' '); | |
521 | + a.reg_time = arr2[0]; | |
522 | + if (a.pickup_id!=null) { | |
523 | + req.get("/api/weshop/pickup/get/" + r.stoid + "/" + a.pickup_id, { | |
524 | + success: function(da) { | |
525 | + console.log('getsto'); | |
526 | + console.log(da); | |
527 | + //设置门店 | |
528 | + e.setData({ | |
529 | + stoname: da.data.data.pickup_name | |
530 | + }); | |
531 | + } | |
532 | + }) | |
533 | + } | |
534 | + var phone = ""; | |
535 | + phone+=a.mobile.substr(0, 3)+"****"; | |
536 | + phone += a.mobile.substr(7, 12); | |
537 | + e.setData({ | |
538 | + phone:phone, | |
539 | + user: a | |
540 | + }); | |
541 | + e.setData({ | |
542 | + isGender:e.data.user.sex | |
543 | + }) | |
544 | + }, !0); | |
545 | + }, | |
546 | + | |
547 | + editUserInfo: function(e) { | |
548 | + var r = e.currentTarget.dataset.type; | |
549 | + if (("password" == r || "paypwd" == r) && !this.data.user.mobile) return a.showWarning("请先绑定手机号码"); | |
550 | + r && this.data.user && wx.navigateTo({ | |
551 | + url: "/pages/user/userinfo_edit/userinfo_edit?type=" + r | |
552 | + }); | |
553 | + }, | |
554 | + | |
555 | + /*--------------------修改头像---------------------*/ | |
556 | + changeAvatar: function() { | |
557 | + return false; | |
558 | + var r = this; | |
559 | + wx.chooseImage({ | |
560 | + count: 1, | |
561 | + sizeType: ["compressed", "original"], | |
562 | + sourceType: ["camera", "album"], | |
563 | + success: function(u) { | |
564 | + t.uploadFile(r.data.url + "/api/user/upload_headpic", { | |
565 | + filePath: u.tempFilePaths[0], | |
566 | + name: "head_pic", | |
567 | + success: function(t) { | |
568 | + var u = s.getFullUrl(t.data.result); | |
569 | + r.setData(e({}, "user.head_pic", u)), a.globalData.userInfo.head_pic = u, a.showSuccess("设置头像成功"); | |
570 | + } | |
69 | 571 | }); |
70 | - }, | |
572 | + } | |
573 | + }); | |
574 | + }, | |
71 | 575 | |
72 | 576 | |
73 | 577 | //------卡片的显示和关闭-------- |
74 | - show_tc: function () { | |
578 | + show_tc: function() { | |
75 | 579 | this.setData({ |
76 | 580 | tc_hide: false, |
77 | 581 | }); |
78 | 582 | }, |
79 | - hide_tc: function () { | |
583 | + hide_tc: function() { | |
80 | 584 | this.setData({ |
81 | 585 | tc_hide: true, |
82 | 586 | }); | ... | ... |
pages/user/userinfo/userinfo.wxml
1 | +<wxs module="filters" src="../../../utils/filter.wxs"></wxs> | |
1 | 2 | <view class="container"> |
2 | - <view class="user-container"> | |
3 | - <view bindtap="changeAvatar" class="user-head"> | |
4 | - <view class="user-txt">头像</view> | |
5 | - <image class="user_headimg" src="{{user.head_pic?user.head_pic:defaultAvatar}}"></image> | |
6 | - </view> | |
7 | - <view bindtap="editUserInfo1" class="user-name" data-type="nickname"> | |
8 | - <view class="user-name-txt">昵称</view> | |
9 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
10 | - <view class="user-txt-right one-line">{{user.nickname}}</view> | |
11 | - </view> | |
12 | - <view bindtap="editUserInfo1" class="user-name" data-type="sex"> | |
13 | - <view class="user-name-txt">性别</view> | |
14 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
15 | - <view class="user-txt-right">{{user.sex?user.sex==1?'男':'女':'保密'}}</view> | |
16 | - </view> | |
17 | - | |
18 | - <view bindtap="editUserInfo1" class="user-name" data-type="sex"> | |
19 | - <view class="user-name-txt">生日</view> | |
20 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
21 | - <view class="user-txt-right">{{user.birthday}}</view> | |
22 | - </view> | |
23 | 3 | |
4 | + <!-- 头像,昵称,多个卡 --> | |
5 | + <view class="head flex-space-between"> | |
6 | + <view class="flex-center"> | |
24 | 7 | |
25 | - <view bindtap="editUserInfo1" class="user-name mt" data-type="nickname"> | |
26 | - <view class="user-name-txt">姓名</view> | |
27 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
28 | - <view class="user-txt-right one-line" wx:if="{{user.vipname}}">{{user.vipname}}</view> | |
8 | + <view class="flex-center"> | |
9 | + <image class="Headportrait" src="{{user.head_pic}}"></image> | |
10 | + </view> | |
11 | + <view class="flex-center vipmax"> | |
12 | + <view> | |
13 | + <view class="fs32"> | |
14 | + <view class="ellipsis-1 Nickname">{{user.nickname}} | |
15 | + </view> | |
16 | + </view> | |
17 | + | |
18 | + <view class="flex-center fs22 vip"> | |
19 | + <navigator url=""> | |
20 | + <view class="flex-center AncrownMax"> | |
21 | + <image class="Ancrown" src="{{iurl}}/miniapp/images/userqy/user_userqy_huang.png"></image> | |
22 | + <view>黑卡会员</view> | |
23 | + </view> | |
24 | + </navigator> | |
25 | + <navigator url="/pages/user/plus/plus"> | |
26 | + <view class="flex-center plusMax"> | |
27 | + <image class="fuls" src="{{iurl}}/miniapp/images/userinfo/userinfo/privilege_t.png"></image> | |
28 | + <view>PULS会员</view> | |
29 | + </view> | |
30 | + </navigator> | |
31 | + </view> | |
29 | 32 | </view> |
33 | + </view> | |
34 | + </view> | |
35 | + <view class="flex ai_and"> | |
36 | + <view class="flex-level ai_and" style="background-image:url({{iurl}}/miniapp/images/userinfo/userinfo/code.png);width:170rpx;height:140rpx;background-size:100%;" bindtap="show_tc"> | |
37 | + <view class="fs26 code" style="color:rgb(255,255,255);margin-left:9rpx;">我的二维码</view> | |
38 | + </view> | |
39 | + </view> | |
40 | + </view> | |
30 | 41 | |
31 | - <view bindtap="editUserInfo1" class="user-name" data-type="nickname"> | |
32 | - <view class="user-name-txt">身份证</view> | |
33 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
34 | - <view class="user-txt-right one-line" wx:if="{{user.idcard}}">{{user.idcard}}</view> | |
42 | + <view class="user-container"> | |
43 | + <view class="Bbottom"> | |
44 | + <view bindtap="changeAvatar" class="user-head flex-vertical-between"> | |
45 | + <view class="user-txt">卡号</view> | |
46 | + <view class="user-txt-right">{{user.erpvipno}} | |
35 | 47 | </view> |
36 | - <view bindtap="editUserInfo1" class="user-name" data-type="mobile"> | |
37 | - <view class="user-name-txt">电话</view> | |
38 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
39 | - <view class="user-txt-right">{{user.mobile}}</view> | |
48 | + </view> | |
49 | + <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> | |
50 | + <view class="flex-center" bindtap="isstcsp"> | |
51 | + <view>消费密码</view> | |
52 | + <view class="flex-center cmleft"> | |
53 | + <block wx:if="{{isstcsp}}"> | |
54 | + <icon size="20" type="success" color="rgb(212,2,31)"></icon> | |
55 | + </block> | |
56 | + <block wx:else> | |
57 | + <icon size="20" type="success" color="rgb(0, 0, 0, 0.4)"></icon> | |
58 | + </block> | |
59 | + <view class="Mleft">启动密码消费</view> | |
60 | + </view> | |
40 | 61 | </view> |
41 | - <view bindtap="editUserInfo1" class="user-name" data-type="mobile"> | |
42 | - <view class="user-name-txt">地址</view> | |
43 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
44 | - <view class="user-txt-right" wx:if="{{user.address}}">{{user.address}}</view> | |
62 | + <!-- 是否显示密码 --> | |
63 | + <view class="flex"> | |
64 | + <block wx:if="{{ispwhid}}"> | |
65 | + <input class="fs28 hion user-txt-right" maxlength="6" value="{{user.paypwd.length>0?user.paypwd:'******'}}" type="number" password="true"/> | |
66 | + </block> | |
67 | + <block wx:else> | |
68 | + <input class="fs20 hion user-txt-right" maxlength="6" value="{{user.paypwd.length>0?user.paypwd:'未设置'}}" type="number"/> | |
69 | + </block> | |
70 | + <block wx:if="{{ispwhid}}"> | |
71 | + <image class="eye" src="{{iurl}}/miniapp/images/userinfo/userinfo/Eye.png" bindtap="ispwhid"></image> | |
72 | + </block> | |
73 | + <block wx:else> | |
74 | + <image class="eye" src="../../../images/open_eye.png" bindtap="ispwhid"></image> | |
75 | + </block> | |
45 | 76 | </view> |
46 | - | |
47 | - <view bindtap="editUserInfo1" class="user-name" data-type="email"> | |
48 | - <view class="user-name-txt">所属门店</view> | |
49 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
50 | - <view class="user-txt-right one-line">{{stoname}}</view> | |
77 | + </view> | |
78 | + <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> | |
79 | + <view>性别</view> | |
80 | + <view class="flex" wx:if="{{isGender!=0}}"> | |
81 | + <view class="flex-center {{isGender==1?'Gendercheck':'Gender'}}" bindtap="isGender"> | |
82 | + <block wx:if="{{isGender==1}}"> | |
83 | + <image class="GenderImage" src="{{iurl}}/miniapp/images/userinfo/userinfo/malealready.png"></image> | |
84 | + </block> | |
85 | + <block wx:else> | |
86 | + <image class="GenderImage" src="../../../images/userinfo/malenot.png"></image> | |
87 | + </block> | |
88 | + <view class="fs24">男</view> | |
89 | + </view> | |
90 | + <view class="flex-center {{isGender==2?'Gendercheck':'Gender'}}" bindtap="isGender"> | |
91 | + <block wx:if="{{isGender==2}}"> | |
92 | + <image class="GenderImage" src="{{iurl}}/miniapp/images/userinfo/userinfo/femalealready.png"></image> | |
93 | + </block> | |
94 | + <block wx:else> | |
95 | + <image class="GenderImage" src="{{iurl}}/miniapp/images/userinfo/userinfo/femalenot.png"></image> | |
96 | + </block> | |
97 | + <view class="fs26">女</view> | |
98 | + </view> | |
51 | 99 | </view> |
52 | - <!-- <view bindtap="editUserInfo1" class="user-change" data-type="password"> | |
53 | - <view class="user-name-txt">修改密码</view> | |
54 | - <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> | |
100 | + <view class="user-txt-right" wx:if="{{isGender==0}}" bindtap="isGender">保密</view> | |
101 | + </view> | |
102 | + | |
103 | + <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> | |
104 | + <view>出生日期</view> | |
105 | + | |
106 | + | |
107 | + <view class="flex flex-vertical-between fs28 Birth"> | |
108 | + <view class="flex" bindtap="iscalendar"> | |
109 | + <block wx:if="{{iscalendar}}"> | |
110 | + <view class="flex-center"> | |
111 | + <icon size="20" type="success" color="rgb(212,2,31)"></icon> | |
112 | + </view> | |
113 | + </block> | |
114 | + <block wx:else> | |
115 | + <icon size="20" type="success" color="rgb(0, 0, 0, 0.4)"></icon> | |
116 | + </block> | |
117 | + <view class="flex-center"> | |
118 | + <view class="Mleft">农历</view> | |
119 | + </view> | |
120 | + </view> | |
121 | + <view class="user-txt-right"> | |
122 | + <!-- 填充数据的时候要判断是否已经有出生日期,有值的话就不可修改 --> | |
123 | + <picker bindchange='bindChange' value="{{datet}}" mode="date" | |
124 | + start="{{year-70}}-1-1" end="{{year}}-12-31"> | |
125 | + <view>{{datet==""?user.birthday:datet}}</view> | |
126 | + </picker> | |
127 | + </view> | |
55 | 128 | </view> |
56 | - <view bindtap="editUserInfo1" class="user-name" data-type="paypwd"> | |
57 | - <view class="user-name-txt">支付密码</view> | |
58 | - <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> | |
59 | - </view> --> | |
60 | - <navigator class="user-name mt" url="/pages/user/address_list/address_list"> | |
61 | - <view class="user-name-txt">收货地址</view> | |
62 | - <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> | |
63 | - </navigator> | |
64 | - <view bindtap='show_tc' class="user-name" data-type="email"> | |
65 | - <view class="user-name-txt">我的二维码名片</view> | |
66 | - <image class="arrow-right" src="{{iurl}}/miniapp/images/user/code.png"></image> | |
129 | + </view> | |
130 | + </view> | |
131 | + <view class="Bbottom"> | |
132 | + <view bindtap="editUserInfo1" class="user-name mt flex-vertical-between" data-type="nickname"> | |
133 | + <view class="user-name-txt">姓名</view> | |
134 | + <input class="user-txt-right" style="text-indent:300rpx;" placeholder="{{user.vipname.length>0?user.vipname:'*姓名'}}"/> | |
135 | + </view> | |
136 | + | |
137 | + <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> | |
138 | + <view class="user-name-txt">身份证</view> | |
139 | + <block wx:if="{{user.idcard.length>0}}"> | |
140 | + <view class="user-txt-right">{{user.idcard}}</view> | |
141 | + </block> | |
142 | + <block wx:else> | |
143 | + <input class="user-txt-right" bindblur="IdentityIDCard" value="" type="idcard" maxlength="18" placeholder="*身份证" /> | |
144 | + </block> | |
145 | + </view> | |
146 | + <navigator url="/pages/user/Change_phone/Change_phone?mobile={{user.mobile}}" class="user-name flex-vertical-between" data-type="mobile"> | |
147 | + <view class="user-name-txt">更换手机</view> | |
148 | + <view class="flex-center user-txt-right"> | |
149 | + <view class="flex">{{phone}}</view> | |
150 | + <view class="angle">∟</view> | |
67 | 151 | </view> |
68 | - <view bindtap="editUserInfo1" class="user-name" data-type="email"> | |
69 | - <view class="user-name-txt">绑定的时间</view> | |
70 | - <!-- <image class="arrow-right" src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> --> | |
71 | - <view class="user-txt-right one-line">{{user.reg_time}}</view> | |
152 | + </navigator> | |
153 | + <view class="user-name flex-vertical-between" data-type="mobile"> | |
154 | + <view class="user-name-txt">地址</view> | |
155 | + <block wx:if="{{user.address.length>0}}"> | |
156 | + <view>{{user.address}}</view> | |
157 | + </block> | |
158 | + <block wx:else> | |
159 | + <input maxlength="30" class="user-txt-right" placeholder="*地址" style=" text-indent: 370rpx;" /> | |
160 | + </block> | |
161 | + </view> | |
162 | + | |
163 | + <view bindtap="onclickstore" class="user-name flex-vertical-between" data-type="email"> | |
164 | + <view class="user-name-txt">所属门店</view> | |
165 | + <view class="flex-center user-txt-right"> | |
166 | + <view class="one-line">{{def_pick_store.pickup_name}}</view> | |
167 | + <view class="angle">∟</view> | |
72 | 168 | </view> |
169 | + </view> | |
73 | 170 | </view> |
171 | + <navigator class="user-name mt flex-vertical-between" url="/pages/user/address_list/address_list"> | |
172 | + <view class="user-name-txt">收货地址</view> | |
173 | + <view class="flex-center user-txt-right"> | |
174 | + <view class="flex">{{user.address_id}}</view> | |
175 | + <view class="angle">∟</view> | |
176 | + </view> | |
177 | + </navigator> | |
178 | + <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="email"> | |
179 | + <view class="user-name-txt">绑定的时间</view> | |
180 | + <view class="user-txt-right one-line">{{user.reg_time}}</view> | |
181 | + </view> | |
182 | + </view> | |
183 | +</view> | |
184 | +<!-- 确认修改按钮 --> | |
185 | +<view class="flex-center confirm"> | |
186 | + <view class="flex-center fs30 confirmtext"> | |
187 | + <view>确认修改</view> | |
188 | + </view> | |
74 | 189 | </view> |
75 | 190 | |
76 | 191 | <!--弹出层内容,其中的“我知道”中绑定让弹出层消失的函数:bindtap="hide"--> |
77 | 192 | <view class="tc_view" hidden='{{tc_hide}}' bindtap='hide_tc'> |
78 | 193 | <view class="modal-box" hidden="{{flag}}" bindtap="hide"></view> |
79 | 194 | <view class="modal-body"> |
80 | - <view class="modal-content"> | |
81 | - <view class="flex"> | |
82 | - <image src="{{user.head_pic}}" class="hd_img"></image> | |
83 | - <view class="ctent_txt"> | |
84 | - <view class='txt1'>{{user.nickname}} | |
85 | - <image wx:if="{{user.sex==2}}" class="arrow-right" src="{{iurl}}/miniapp/images/user/wum.png"></image> | |
86 | - <image wx:else class="arrow-right" src="{{iurl}}/miniapp/images/user/man.png"></image> | |
87 | - </view> | |
88 | - <view class='txt2' wx:if="{{user.address}}">{{user.address}}</view> | |
89 | - </view> | |
90 | - </view> | |
91 | - <view class="m_ta"> | |
92 | - <image class='g_img' src='https://mshop.yolipai.net//index.php?m=Home&c=Index&a=qr_code&data={{user.mobile}}'></image> | |
93 | - </view> | |
94 | - <view class="s_sao">扫一扫上面的二维码图案,即可消费</view> | |
195 | + <view class="modal-content"> | |
196 | + <view class="flex"> | |
197 | + <image src="{{user.head_pic}}" class="hd_img"></image> | |
198 | + <view class="ctent_txt"> | |
199 | + <view class='txt1'>{{user.nickname}} | |
200 | + <image wx:if="{{user.sex==2}}" class="arrow-right" src="{{iurl}}/miniapp/images/user/wum.png"></image> | |
201 | + <image wx:else class="arrow-right" src="{{iurl}}/miniapp/images/user/man.png"></image> | |
202 | + </view> | |
203 | + <view class='txt2' wx:if="{{user.address}}">{{user.address}}</view> | |
204 | + </view> | |
95 | 205 | </view> |
206 | + <view class="m_ta"> | |
207 | + <image class='g_img' src='https://mshop.yolipai.net//index.php?m=Home&c=Index&a=qr_code&data={{user.mobile}}'></image> | |
208 | + </view> | |
209 | + <view class="s_sao">扫一扫上面的二维码图案,即可消费</view> | |
210 | + </view> | |
96 | 211 | </view> |
97 | 212 | </view> |
213 | + | |
214 | +<!-- 选择门店的弹框,1.1版最新的 --> | |
215 | +<block wx:if="{{store==1}}"> | |
216 | + <view class="mongolia-layer" bindtap="onclickstore"></view> | |
217 | + <view class="popup-frame"> | |
218 | + <block wx:if="{{sort_store==0}}"> | |
219 | + <!-- 头部 标题 --> | |
220 | + <view class="popup-top flex-space-between"> | |
221 | + <text class="fs32 nearby_store">{{choice_sort_store==0?'附近的门店':region_name}}</text> | |
222 | + <view> | |
223 | + <view> | |
224 | + <icon bindtap="onclickstore" class="modal-closes" color="black" size="22" type="cancel"></icon> | |
225 | + </view> | |
226 | + <view class="felx choose_more" bindtap="more_store"> | |
227 | + <text class="fs26 red-co" wx:if="{{is_show_sto_cat}}">{{choice_sort_store==0?'更多门店':'返回'}}</text> | |
228 | + <view class="bg_rights"></view> | |
229 | + </view> | |
230 | + </view> | |
231 | + </view> | |
232 | + <!-- 门店列表,最外层的门店列表,一开始 --> | |
233 | + <view class="store-list"> | |
234 | + <!--如果还没有点击更多门店的时候 --> | |
235 | + <block wx:if="{{choice_sort_store==0}}"> | |
236 | + <!-- 需要for循环 --> | |
237 | + <block wx:if="is_show_sto_cat==1"> | |
238 | + <view class="store_choose flex" wx:for="{{def_pickpu_list}}" bindtap="choose_for_store_fir" data-ind="{{index}}"> | |
239 | + <view class="store flex-vertical"> | |
240 | + <!-- 需要点击事件 --> | |
241 | + <block wx:if="{{index==fir_pick_index}}"> | |
242 | + <view class="circle white xc-hook fs20 red-b">Г</view> | |
243 | + </block> | |
244 | + <block wx:else> | |
245 | + <view class="circle xc-hooks"></view> | |
246 | + </block> | |
247 | + <view class="address-frame xc-ash"> | |
248 | + <view class="flex-vertical-between butttem5"> | |
249 | + <view class="flex xc-ash"> | |
250 | + <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view> | |
251 | + </view> | |
252 | + <view> | |
253 | + <view class="distance fs24 address-val" wx:if="{{item.distance!=null}}"> | |
254 | + 距离:{{item.distance>1000?filters.toFix(item.distance/1000,2)+'km':filters.toFix(item.distance,0)+"m"}}</view> | |
255 | + </view> | |
256 | + </view> | |
257 | + <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view> | |
258 | + </view> | |
259 | + </view> | |
260 | + </view> | |
261 | + </block> | |
262 | + <block wx:else> | |
263 | + <view class="store_choose flex" wx:for="{{only_pk}}" bindtap="choose_for_store_fir" data-ind="{{index}}"> | |
264 | + <view class="store flex-vertical"> | |
265 | + <!-- 需要点击事件 --> | |
266 | + <block wx:if="{{index==fir_pick_index}}"> | |
267 | + <view class="circle white xc-hook fs20 red-b">Г</view> | |
268 | + </block> | |
269 | + <block wx:else> | |
270 | + <view class="circle xc-hooks"></view> | |
271 | + </block> | |
272 | + | |
273 | + <view class="address-frame xc-ash"> | |
274 | + <view class="flex-vertical-between "> | |
275 | + <view class="flex xc-ash"> | |
276 | + <view class="fs30 xc-black3 address_name">{{item.pickup_name}}</view> | |
277 | + </view> | |
278 | + <view> | |
279 | + <view class="distance fs24 address-val" wx:if="{{item.distance!=null}}">距离:{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}} | |
280 | + </view> | |
281 | + </view> | |
282 | + </view> | |
283 | + <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view> | |
284 | + </view> | |
285 | + </view> | |
286 | + </view> | |
287 | + </block> | |
288 | + </block> | |
289 | + <block wx:else> | |
290 | + <!-- 如果是点击选择门店分类后显示分类下的门店 --> | |
291 | + <view class="store_choose flex" wx:for="{{sec_sto.s_arr}}" data-ind="{{index}}" bindtap="choose_for_store"> | |
292 | + <view class="store flex-vertical"> | |
293 | + <!-- 需要点击事件 --> | |
294 | + <block wx:if="{{index==sec_pick_index}}"> | |
295 | + <view class="circle white xc-hook fs20 red-b">Г</view> | |
296 | + </block> | |
297 | + <block wx:else> | |
298 | + <view class="circle xc-hooks"></view> | |
299 | + </block> | |
300 | + | |
301 | + <view class="address-frame xc-ash"> | |
302 | + <view class="flex-vertical-between "> | |
303 | + <view class="flex xc-ash"> | |
304 | + <view class="fs28 xc-black3 address_name">{{item.pickup_name}}</view> | |
305 | + </view> | |
306 | + <view> | |
307 | + <view class="distance fs24 address-val" wx:if="{{item.distance!=null}}"> 距离:{{item.distance>1000?filters.toFix(item.distance/1000,2)+"km":filters.toFix(item.distance,0)+"m"}}</view> | |
308 | + </view> | |
309 | + </view> | |
310 | + <view class="fs24 xc-ash-9f">地址:{{item.fulladdress}}</view> | |
311 | + </view> | |
312 | + </view> | |
313 | + </view> | |
314 | + </block> | |
315 | + | |
316 | + </view> | |
317 | + | |
318 | + <!-- 门店列表底部 --> | |
319 | + <view class="store-bottom-frame"> | |
320 | + <view class="store-bottom flex-center"> | |
321 | + <view class="determine red-b fs30 white t-c" bindtap="sure_pick" data-openindstore="{{open_ind_store}}">确定</view> | |
322 | + <!-- <view class="default t-c fs28" bindtap="set_def_pick" data-openindstore="{{open_ind_store}}">设为默认</view> --> | |
323 | + </view> | |
324 | + </view> | |
325 | + | |
326 | + </block> | |
327 | + | |
328 | + | |
329 | + <block wx:else> | |
330 | + <view class="popup-top flex-space-between"> | |
331 | + <text class="fs32 nearby_store">门店分类选择</text> | |
332 | + <view> | |
333 | + <view> | |
334 | + <icon bindtap="onclickstore" class="modal-closes" color="black" size="22" type="cancel"></icon> | |
335 | + </view> | |
336 | + </view> | |
337 | + </view> | |
338 | + <view class="sort_store_list"> | |
339 | + | |
340 | + <view class="sort-store-frame" wx:for="{{all_sto}}" data-index="{{index}}" bindtap="choice_sort_store" data-region="{{item.name}}"> | |
341 | + <view class="sort-store flex-vertical-between"> | |
342 | + <view class="fs30" di>{{item.name}}</view> | |
343 | + <view class="black_rights-frame"> | |
344 | + <view class="black_rights"></view> | |
345 | + </view> | |
346 | + </view> | |
347 | + </view> | |
348 | + | |
349 | + </view> | |
350 | + </block> | |
351 | + </view> | |
352 | +</block> | |
98 | 353 | \ No newline at end of file | ... | ... |
pages/user/userinfo/userinfo.wxss
1 | +.container{ | |
2 | + padding-bottom:165rpx; | |
3 | +} | |
1 | 4 | .user-container { |
2 | - font-size: 30rpx; | |
5 | + font-size: 30rpx; | |
6 | +} | |
7 | +input{ | |
8 | + width: 450rpx; | |
9 | +} | |
10 | +.head { | |
11 | + height: 220rpx; | |
12 | + border-bottom: 6rpx solid rgb(245, 245, 245); | |
13 | + border-top: 2rpx solid rgb(245, 245, 245); | |
14 | + background-size: 100%; | |
15 | +} | |
16 | +.angle{ | |
17 | + transform: rotate(225deg); | |
18 | + font-size: 24rpx; | |
19 | + margin-top: 2rpx; | |
20 | +} | |
21 | +.Headportrait { | |
22 | + width: 145rpx; | |
23 | + height: 145rpx; | |
24 | + border-radius: 50%; | |
25 | + margin-left: 40rpx; | |
3 | 26 | } |
4 | 27 | |
5 | -.user-head { | |
6 | - width: 100%; | |
7 | - height: 200rpx; | |
8 | - position: relative; | |
9 | - background-color: white; | |
28 | +.vip { | |
29 | + margin-top: 30rpx; | |
30 | + color: rgb(255, 255, 255); | |
10 | 31 | } |
11 | 32 | |
12 | -.user-txt { | |
13 | - float: left; | |
14 | - margin-left: 40rpx; | |
15 | - margin-top: 80rpx; | |
16 | - color: #666; | |
33 | +.AncrownMax { | |
34 | + background-color: rgb(57, 57, 57); | |
35 | + width: 150rpx; | |
36 | + height: 36rpx; | |
37 | + border-radius: 20rpx; | |
38 | + margin-right: 20rpx; | |
39 | + line-height: 36rpx; | |
40 | +} | |
41 | +.Nickname{ | |
42 | + max-width:170rpx; | |
43 | +} | |
44 | +.Ancrown { | |
45 | + width: 30rpx; | |
46 | + height: 30rpx; | |
47 | + margin-right: 5rpx; | |
48 | +} | |
49 | + | |
50 | +.plusMax { | |
51 | + background-color: rgb(212, 58, 30); | |
52 | + width: 150rpx; | |
53 | + height: 36rpx; | |
54 | + border-radius: 20rpx; | |
55 | + line-height: 36rpx; | |
56 | +} | |
57 | + | |
58 | +.fuls { | |
59 | + width: 25rpx; | |
60 | + height: 25rpx; | |
61 | + margin-right: 5rpx; | |
62 | +} | |
63 | + | |
64 | +.Bbottom { | |
65 | + border-bottom: 6rpx solid rgb(245, 245, 245); | |
66 | +} | |
67 | + | |
68 | +.Mleft { | |
69 | + margin-left: 8rpx; | |
70 | +} | |
71 | + | |
72 | +.Birth { | |
73 | + width: 500rpx; | |
74 | +} | |
75 | + | |
76 | +.Gendercheck { | |
77 | + width: 90rpx; | |
78 | + height: 35rpx; | |
79 | + border: 2rpx solid rgb(212, 2, 31); | |
80 | + color: rgb(212, 2, 31); | |
81 | + border-radius: 20rpx; | |
82 | + margin-left: 15rpx; | |
83 | +} | |
84 | + | |
85 | +.Gender { | |
86 | + width: 90rpx; | |
87 | + height: 35rpx; | |
88 | + border: 2rpx solid rgb(153, 153, 153); | |
89 | + color: rgb(153, 153, 153); | |
90 | + border-radius: 20rpx; | |
91 | + margin-left: 15rpx; | |
92 | +} | |
93 | + | |
94 | +.GenderImage { | |
95 | + width: 25rpx; | |
96 | + height: 25rpx; | |
97 | + margin-right: 10rpx; | |
98 | +} | |
99 | +.confirm{ | |
100 | + width: 100%; | |
101 | + position:fixed; | |
102 | + left: 0rpx; | |
103 | + bottom: 0rpx; | |
104 | + height: 130rpx; | |
105 | + background-color: rgb(255,255,255); | |
106 | +} | |
107 | + | |
108 | +.confirmtext { | |
109 | + width: 495rpx; | |
110 | + height: 65rpx; | |
111 | + color: rgb(255, 255, 255); | |
112 | + background-color: rgb(214, 1, 33); | |
113 | + border-radius: 35rpx; | |
114 | +} | |
115 | + | |
116 | +.cmleft { | |
117 | + margin-left: 45rpx; | |
118 | +} | |
119 | + | |
120 | +.hion { | |
121 | + width:85rpx; | |
122 | + margin-top: 3rpx; | |
123 | + margin-right: 5rpx; | |
124 | +} | |
125 | + | |
126 | +.eye { | |
127 | + width: 50rpx; | |
128 | + height: 50rpx; | |
129 | +} | |
130 | + | |
131 | +.user-head { | |
132 | + height: 95rpx; | |
133 | + background-color: white; | |
134 | + margin: 0rpx 20rpx; | |
135 | + border-bottom: 2rpx solid rgb(245, 245, 245); | |
136 | + padding: 0rpx 20rpx; | |
137 | + padding-top: 20rpx; | |
17 | 138 | } |
18 | 139 | |
19 | 140 | .user_headimg { |
20 | - height: 140rpx; | |
21 | - width: 140rpx; | |
22 | - border-radius: 70rpx; | |
23 | - float: right; | |
24 | - margin-right: 30rpx; | |
25 | - margin-top: 25rpx; | |
141 | + height: 140rpx; | |
142 | + width: 140rpx; | |
143 | + border-radius: 70rpx; | |
26 | 144 | } |
27 | 145 | |
28 | 146 | .user-name { |
29 | - width: 100%; | |
30 | - height: 100rpx; | |
31 | - margin-top: 2rpx; | |
32 | - background-color: white; | |
147 | + height: 95rpx; | |
148 | + margin-top: 2rpx; | |
149 | + background-color: white; | |
150 | + margin: 0rpx 20rpx; | |
151 | + border-bottom: 2rpx solid rgb(245, 245, 245); | |
152 | + padding: 0rpx 20rpx; | |
33 | 153 | } |
34 | -.user-name.mt{ margin-top: 20rpx;} | |
35 | 154 | |
36 | -.user-name-txt { | |
37 | - float: left; | |
38 | - margin-left: 40rpx; | |
39 | - margin-top: 30rpx; | |
40 | - color: #666; | |
155 | +.user-name.mt { | |
156 | + margin-top: 20rpx; | |
41 | 157 | } |
42 | 158 | |
43 | -.user-txt-right { | |
44 | - float: right; | |
45 | - margin-top: 30rpx; | |
46 | - margin-right: 30rpx; | |
47 | - font-sise:34rpx | |
159 | +.address { | |
160 | + max-width: 300rpx; | |
161 | +} | |
162 | + | |
163 | +.Receiving_goods { | |
164 | + width: 330rpx; | |
48 | 165 | } |
49 | 166 | |
50 | 167 | .user-change { |
51 | - width: 100%; | |
52 | - height: 100rpx; | |
53 | - margin-top: 20rpx; | |
54 | - background-color: white; | |
168 | + width: 100%; | |
169 | + height: 100rpx; | |
170 | + margin-top: 20rpx; | |
171 | + background-color: white; | |
55 | 172 | } |
56 | 173 | |
57 | 174 | .one-line { |
58 | - white-space: nowrap; | |
59 | - word-break: keep-all; | |
60 | - overflow: hidden; | |
175 | + white-space: nowrap; | |
176 | + word-break: keep-all; | |
177 | + overflow: hidden; | |
178 | +} | |
179 | + | |
180 | +/*---弹出层---*/ | |
181 | + | |
182 | +.modal-box { | |
183 | + position: fixed; | |
184 | + width: 100%; | |
185 | + height: 100%; | |
186 | + top: 0px; | |
187 | + background: rgba(0, 0, 0, 0.4); | |
188 | + overflow: hidden; | |
189 | +} | |
190 | + | |
191 | +.modal-body { | |
192 | + position: fixed; | |
193 | + top: 80rpx; | |
194 | + left: 0; | |
195 | + z-index: 100; | |
196 | + background: #fff; | |
197 | + margin-left: 73rpx; | |
198 | + width: 600rpx; | |
199 | + height: 860rpx; | |
200 | + border-radius: 8px; | |
201 | + text-align: center; | |
202 | +} | |
203 | + | |
204 | +.modal-content { | |
205 | + width: 480rpx; | |
206 | + margin: 0 auto; | |
207 | + margin-top: 60rpx; | |
208 | + overflow: hidden; | |
209 | +} | |
210 | + | |
211 | +.modal-content .hd_img { | |
212 | + width: 170rpx; | |
213 | + height: 170rpx; | |
214 | + border-radius: 5px; | |
215 | +} | |
216 | + | |
217 | +.ctent_txt { | |
218 | + margin-left: 30rpx; | |
219 | + text-align: left; | |
220 | +} | |
221 | + | |
222 | +.txt1 { | |
223 | + font-size: 34rpx; | |
224 | + font-weight: bold; | |
225 | +} | |
226 | + | |
227 | +.txt2 { | |
228 | + font-size: 30rpx; | |
229 | + color: #999; | |
230 | + margin-top: 20rpx; | |
61 | 231 | } |
62 | 232 | |
63 | 233 | .arrow-right { |
64 | - width: 30rpx; | |
65 | - height: 30rpx; | |
66 | - margin-right: 30rpx; | |
67 | - float: right; | |
68 | - margin-top: 20rpx; | |
234 | + width: 30rpx; | |
235 | + height: 30rpx; | |
236 | + margin-left: 10rpx; | |
69 | 237 | } |
70 | 238 | |
239 | +.code { | |
240 | + margin-bottom: 10rpx; | |
241 | +} | |
71 | 242 | |
72 | -/*---弹出层---*/ | |
73 | -.modal-box{ | |
74 | - position:fixed; width:100%;height:100%; | |
75 | - top:0px; background:rgba(0,0,0,0.4); | |
243 | +.user-txt-right { | |
244 | + color: rgb(153, 153, 153); | |
245 | + font-size: 28rpx; | |
246 | +} | |
247 | + | |
248 | +.user-txt { | |
249 | + font-size: 32rpx; | |
250 | +} | |
251 | + | |
252 | +.m_ta { | |
253 | + margin-top: 50rpx; | |
254 | +} | |
255 | + | |
256 | +.g_img { | |
257 | + width: 480rpx; | |
258 | + height: 480rpx; | |
259 | +} | |
260 | + | |
261 | +.s_sao { | |
262 | + font-size: 27rpx; | |
263 | + margin-top: 25rpx; | |
264 | +} | |
265 | + | |
266 | +.order-ico1 { | |
267 | + width: 80rpx; | |
268 | + height: 46rpx; | |
269 | + margin-left: 40rpx; | |
270 | + margin-right: 20rpx; | |
271 | + color: rgba(0, 0, 0, 0.4); | |
272 | +} | |
273 | + | |
274 | +.f_btn { | |
275 | + font-size: 24rpx; | |
276 | + padding: 0 12rpx; | |
277 | + margin-right: 26rpx; | |
278 | + margin-top: -10rpx; | |
279 | +} | |
280 | + | |
281 | +.order-ico3 { | |
282 | + width: 54rpx; | |
283 | + height: 40rpx; | |
284 | + margin-left: 40rpx; | |
285 | + margin-right: 20rpx; | |
286 | +} | |
287 | + | |
288 | +.wh1001 { | |
289 | + width: 62rpx; | |
290 | + height: 100%; | |
291 | +} | |
292 | + | |
293 | +.wh1002 { | |
294 | + width: 76rpx; | |
295 | + height: 100%; | |
296 | +} | |
297 | + | |
298 | +.order-ico.cla { | |
299 | + width: 32rpx; | |
300 | +} | |
301 | + | |
302 | +.order-ico.cla2 { | |
303 | + width: 42rpx; | |
304 | + margin-left: 34rpx; | |
305 | +} | |
306 | + | |
307 | +.order-ico.cla3 { | |
308 | + width: 40rpx; | |
309 | + margin-left: 36rpx; | |
310 | +} | |
311 | +/* 日期控件 */ | |
312 | +.pi{ | |
313 | + width:200rpx; | |
314 | + height:auto; | |
315 | + margin-left:10rpx; | |
316 | +} | |
317 | +.vipmax{ | |
318 | + margin-left: 20rpx; | |
319 | +} | |
320 | + | |
321 | + | |
322 | +/* 门店地址 */ | |
323 | +.xc-address_frame{ | |
324 | + border-top:1rpx solid #eee; | |
325 | + width: 100%; | |
326 | + height: auto; | |
327 | +} | |
328 | +.on_height{ | |
329 | +height: 90rpx; | |
330 | +} | |
331 | +.sn_height{ | |
332 | + height: 170rpx; | |
333 | +} | |
334 | +.xc-address_frame .address_frame{ | |
335 | + width: 92%; | |
336 | +padding-left: 10rpx; | |
337 | +margin: auto; | |
338 | + | |
339 | +} | |
340 | +.stores-img{ | |
341 | +width: 40rpx; | |
342 | + height: 35rpx; | |
343 | + margin-right: 10rpx; | |
344 | +} | |
345 | +.shop_name{ | |
346 | + margin-right: 10rpx; | |
347 | +} | |
348 | +.address{ | |
349 | + width: 87%; | |
350 | + margin-top: 5rpx; | |
351 | + margin-bottom: 5rpx; | |
352 | +} | |
353 | +.distance{ | |
354 | + padding-left: 15rpx; | |
355 | + padding-right: 15rpx; | |
356 | + background: #eee; | |
357 | + border-radius: 20rpx; | |
358 | + margin-right: 5rpx; | |
359 | + color: #999; | |
360 | + height: 38rpx; | |
361 | +line-height: 38rpx; | |
362 | + | |
363 | +} | |
364 | +/* 选择门店的弹窗 */ | |
365 | +.mongolia-layer{ | |
366 | + position: fixed; | |
367 | +left: 0; | |
368 | +top: 0; | |
369 | +right: 0; | |
370 | +bottom: 0; | |
371 | +z-index: 11; | |
372 | +background: rgba(0,0,0,0.4); | |
373 | +width: 100%; | |
374 | +height: 91.9%; | |
375 | + | |
376 | +} | |
377 | +.popup-frame{ | |
378 | + position: fixed; | |
379 | +bottom:-1rpx; | |
380 | +z-index: 20; | |
381 | +background: white; | |
382 | +width: 100%; | |
383 | +border-radius: 20rpx 20rpx 0 0; | |
384 | +height: 72%; | |
385 | +} | |
386 | +.popup-top{ | |
387 | + border-bottom: 1rpx solid #eee; | |
388 | + height: 155rpx; | |
389 | + width: 95%; | |
390 | + margin: auto; | |
391 | + line-height: 155rpx; | |
392 | + | |
393 | +} | |
394 | +.bg_rights{ | |
395 | + border-top: 2rpx solid ; | |
396 | + border-right: 2rpx solid ; | |
397 | + transform: rotate(45deg); | |
398 | + display:inline-block; | |
399 | + width:15rpx;height:15rpx; | |
400 | + border-color:#da0b31; | |
401 | +} | |
402 | +.modal-closes { | |
403 | + position: absolute; | |
404 | + right: 30rpx; | |
405 | + top: 20rpx; | |
406 | + height: 50rpx; | |
407 | + line-height: 50rpx; | |
408 | +} | |
409 | +.choose_more{ | |
410 | + margin-top: 40rpx; | |
411 | + padding-right: 20rpx; | |
412 | + | |
413 | +} | |
414 | +.choose_mores{ | |
415 | + margin-top: 30rpx; | |
416 | + margin-right: 15rpx; | |
417 | + | |
418 | +} | |
419 | +.store-list{ | |
420 | + width: 95%; | |
421 | + height: 72%; | |
422 | + overflow-y: scroll; | |
423 | + margin: auto; | |
424 | +} | |
425 | +.store-list .store_choose{ | |
426 | + width: 100%; | |
427 | + height: 120rpx; | |
428 | + line-height: 125rpx; | |
429 | + border-bottom: 1rpx solid #eee; | |
430 | + | |
431 | +} | |
432 | +.store-list .store_choose .store{ | |
433 | +width: 100%; | |
434 | +margin: auto; | |
435 | +line-height: 37rpx; | |
436 | +padding-left: 20rpx; | |
437 | + | |
438 | +} | |
439 | +.xc-hook{ | |
440 | + width: 33rpx; | |
441 | + height: 33rpx; | |
442 | + transform: rotate(-145deg); | |
443 | +line-height: 37rpx; | |
444 | +text-align: center; | |
445 | +} | |
446 | + .xc-hooks{ | |
447 | + width: 30rpx; | |
448 | + height: 30rpx; | |
449 | + border: 1rpx solid #999; | |
450 | + } | |
451 | + .address-frame{ | |
452 | + width: 93%; | |
453 | +margin-left: 7rpx; | |
454 | + | |
455 | + } | |
456 | + .nearby_store{ | |
457 | +margin-left: 17rpx; | |
458 | + } | |
459 | + .address_name{ | |
460 | + margin-right: 10rpx; | |
461 | + | |
462 | + } | |
463 | + .address-val{ | |
464 | + height: 38rpx; | |
465 | +line-height: 38rpx; | |
466 | + | |
467 | + } | |
468 | + .store-bottom{ | |
469 | + width: 85%; | |
470 | + margin: auto; | |
471 | + height: 70rpx; | |
472 | + } | |
473 | + .determine{ | |
474 | + width: 320rpx; | |
475 | + height: 55rpx; | |
476 | + border-radius: 50rpx; | |
477 | + line-height: 55rpx; | |
478 | + } | |
479 | + .default{ | |
480 | + width: 260rpx; | |
481 | + height: 55rpx; | |
482 | + border:3rpx solid #c8c8c8; | |
483 | + border-radius: 50rpx; | |
484 | + line-height: 55rpx; | |
485 | + } | |
486 | + .store-bottom-frame{ | |
487 | + width: 95%; | |
488 | + margin: auto; | |
489 | + | |
490 | + } | |
491 | + /* 门店分类列表 */ | |
492 | +.sort_store_list{ | |
493 | + height: 82%; | |
76 | 494 | overflow: hidden; |
495 | + overflow-y: scroll; | |
496 | + width: 95%; | |
497 | + margin: auto; | |
77 | 498 | } |
78 | -.modal-body{ | |
79 | - position:fixed;top:80rpx;left: 0; z-index: 100; | |
80 | - background: #fff; margin-left: 73rpx; | |
81 | - width: 600rpx; | |
82 | - height: 860rpx; | |
83 | - border-radius: 8px; text-align: center; | |
84 | -} | |
85 | -.modal-content{width: 480rpx; margin: 0 auto; margin-top: 60rpx; overflow: hidden } | |
86 | -.modal-content .hd_img{ width:170rpx; height: 170rpx;border-radius:5px } | |
87 | -.ctent_txt{ margin-left: 30rpx; text-align: left} | |
88 | -.txt1{font-size: 34rpx; font-weight: bold} | |
89 | -.txt2{font-size: 30rpx; color:#999; margin-top: 20rpx } | |
90 | -.arrow-right{ width: 40rpx; height: 40rpx; position: relative;top:10rpx; margin-left: 20rpx;} | |
91 | - | |
92 | -.m_ta{margin-top:50rpx; } | |
93 | -.g_img{ width: 480rpx; height: 480rpx} | |
94 | -.s_sao{font-size: 27rpx; margin-top: 25rpx} | |
95 | -.order-ico1{ width: 80rpx;height: 46rpx; margin-left: 40rpx;margin-right: 20rpx;} | |
96 | -.f_btn{font-size:24rpx; padding: 0 12rpx; margin-right: 26rpx; margin-top: -10rpx} | |
97 | -.order-ico3{ width: 54rpx;height: 40rpx; margin-left: 40rpx;margin-right: 20rpx;} | |
98 | - | |
99 | -.wh1001{ width: 62rpx; height: 100%;} | |
100 | -.wh1002{ width: 76rpx; height: 100%;} | |
101 | -.order-ico.cla{width: 32rpx;} | |
102 | -.order-ico.cla2{width: 42rpx;margin-left: 34rpx;} | |
103 | -.order-ico.cla3{width: 40rpx; margin-left: 36rpx;} | |
499 | +.sort_store_list .sort-store-frame{ | |
500 | + width: 100%; | |
501 | +height: 100rpx; | |
502 | +line-height:100rpx; | |
503 | +border-bottom: 1rpx solid #eee; | |
504 | + | |
505 | +} | |
506 | +.sort_store_list .sort-store-frame .sort-store{ | |
507 | + width: 94.5%; | |
508 | + margin: auto; | |
509 | +} | |
510 | +.black_rights-frame{ | |
511 | +width: 50%; | |
512 | +} | |
513 | +.black_rights-frame .black_rights{ | |
514 | + border-top: 3rpx solid; | |
515 | +border-right: 3rpx solid; | |
516 | +transform: rotate(45deg); | |
517 | +display: inline-block; | |
518 | +width: 20rpx; | |
519 | +height: 20rpx; | |
520 | +} | |
521 | +.xc-val-money{ | |
522 | + height:80rpx; | |
523 | +} | |
524 | + | |
525 | +.xc-distance-bottom{ | |
526 | + margin-bottom: 40rpx; | |
527 | +} | |
528 | +.xc-distance-top{ | |
529 | +margin-top: 10rpx; | |
530 | +} | |
531 | +.xc-width{ | |
532 | + width: 100%; | |
533 | +} | |
534 | +.right-arrow{ width: 15rpx; height:15rpx; | |
535 | + border-top: 2rpx solid #d70026; | |
536 | + border-right: 2rpx solid #d70026; | |
537 | + transform: rotate(45deg);display:inline-block; | |
538 | + margin-bottom:3rpx; | |
539 | +} | |
540 | +.xc-goods-attribute{ | |
541 | + border-bottom: 1px solid #eee; | |
542 | +padding-bottom: 15px; | |
543 | +margin-bottom:40rpx; | |
544 | +} | |
545 | +.xc-val-fream{ | |
546 | + width: 105rpx; | |
547 | +} | |
548 | +.is_stock{ | |
549 | +width: 58%; | |
550 | +height: 70rpx; | |
551 | +border-radius: 55rpx; | |
552 | +} | |
553 | +.select_store_height{ | |
554 | + height: 50rpx; | |
555 | +} | |
556 | +.butttem5{ | |
557 | + margin-bottom: 5rpx; | |
558 | +} | |
559 | + | |
560 | +.s_btn{ margin-top: 25rpx; } | |
104 | 561 | \ No newline at end of file | ... | ... |