xt / xcx-book · Commits

Go to a project

Commit 8b5ee3a9f1a414554e2413c03085e460dfb1a180

Authored by pengye
1 parent 22b7f46e
build: skipped

邀请函用户截图加提示

Inline Side-by-side
Showing 38 changed files with 722 additions and 1536 deletions
@@ -5,7 +5,6 @@ @@ -5,7 +5,6 @@
5 "pages/customer/detail_owner_part", 5 "pages/customer/detail_owner_part",
6 "pages/customer/detail_customer", 6 "pages/customer/detail_customer",
7 "pages/customer/detail_invitation", 7 "pages/customer/detail_invitation",
8 - "pages/customer/detail_owner_invitation",  
9 "pages/customer/discount", 8 "pages/customer/discount",
10 "pages/customer/invite", 9 "pages/customer/invite",
11 "pages/customer/list", 10 "pages/customer/list",
1 -// pages/customer/detail_owner.js  
2 -var mta = require('mta-wechat-analysis')  
3 -import util from '../../utils/util';  
4 -import App from '../../utils/api';  
5 -import TP from '../../utils/tpls';  
6 -import RS from '../../utils/reserveStatus'  
7 -const {regeneratorRuntime} = global  
8 -import ST from '../../utils/sms_tpls';  
9 -Page({  
10 -  
11 - /**  
12 - * 页面的初始数据  
13 - */  
14 - data: {  
15 - detail: null,  
16 - height: 667,  
17 - current: 0,  
18 - tpls: [],  
19 - seller: {  
20 - name: '',  
21 - room: '',  
22 - date: '',  
23 - addr: ''  
24 - },  
25 - options: {tplid: ''},  
26 - hasOwner: true,//是否为发起人  
27 - animation: 'animation',  
28 - couponhidden:true,  
29 - getcoupon:false,  
30 - menuhidden:true,  
31 - selecthidden:true,  
32 - morehidden:true,  
33 - openid:getApp().openid  
34 - },  
35 - id: null,  
36 - msgTpl:'',  
37 - /**  
38 - * 生命周期函数--监听页面加载  
39 - */  
40 - onLoad: function (options) {  
41 - this.id=options.id  
42 - let param={  
43 - options:options,  
44 - hasOwner:options.hasSellerShare==1,//是否为发起人  
45 - }  
46 - param.tpls=[TP.tpls(options.tplid)]  
47 - this.setData(param)  
48 - mta.Page.init({  
49 - "appID": "500667280",  
50 - "eventID": "500667287",  
51 - "statPullDownFresh": true,  
52 - "statShareApp": true,  
53 - "statReachBottom": true,  
54 - "lauchOpts": options, //渠道分析  
55 - });  
56 - },  
57 -  
58 - /**  
59 - * 生命周期函数--监听页面初次渲染完成  
60 - */  
61 - onReady: function () {  
62 -  
63 - },  
64 -  
65 - /**  
66 - * 生命周期函数--监听页面显示  
67 - */  
68 - onShow: function () {  
69 - //导航栏自适应  
70 - let systemInfo = wx.getSystemInfoSync();  
71 - let reg = /ios/i;  
72 - let pt = 20;//导航状态栏上内边距  
73 - let h = 44;//导航状态栏高度  
74 - if (reg.test(systemInfo.system)) {  
75 - pt = systemInfo.statusBarHeight;  
76 - h = 44;  
77 - } else {  
78 - pt = systemInfo.statusBarHeight;  
79 - h = 48;  
80 - }  
81 - this.setData({  
82 - statusBarHeight: pt,  
83 - titleBarHeight: h,  
84 - height: systemInfo.windowHeight  
85 - })  
86 - this.getDetail(getCurrentPages().length==1);  
87 - },  
88 - cloudsendmsg(){  
89 - wx.cloud.callFunction({  
90 - name:'sms',  
91 - data:{  
92 - content:'测试发送短信息年底是否会iv',  
93 - path:'index.html?id='+this.data.options.id+'&hasInvation=1&hasSellerShare=1&uid='+this.data.options.uid,  
94 - phoneNumberList:['15735929096']  
95 -  
96 - },  
97 - success:(res)=>{  
98 - console.log('success',res)  
99 - },  
100 - fail:(fail)=>{  
101 - console.log('fail',res)  
102 - }  
103 - })  
104 - },  
105 -  
106 -cli(){  
107 - wx.setClipboardData({  
108 - data: this.data.staffinfo.wechat,  
109 - success (res) {  
110 - wx.getClipboardData({  
111 - success (res) {  
112 - console.log(res.data) // data  
113 - }  
114 - })  
115 - }  
116 - })  
117 -},  
118 -  
119 - call(){  
120 - wx.reportMonitor('1012', 1)  
121 - wx.makePhoneCall({  
122 - phoneNumber: this.data.staffinfo.phone  
123 - })  
124 - },  
125 - test(e){  
126 - console.log('ttttttttttttttt');  
127 - // App.Contact.UploadCustomerMedia({url:this.data.staffinfo.qrcode}).then((json)=>{  
128 - // if(json.ret==200) {  
129 - // console.log('json')  
130 - // }  
131 - // })  
132 - },  
133 - addwechat(){  
134 - // wx.previewImage({  
135 - // current: this.data.staffinfo.qrcode, // 当前显示图片的http链接  
136 - // urls: [this.data.staffinfo.qrcode] // 需要预览的图片http链接列表  
137 - // })  
138 - wx.reportMonitor('1011', 1)  
139 - util.cache('staffinfo',this.data.staffinfo);  
140 - wx.navigateTo({  
141 - url:'./wechat?qrcode='+this.data.staffinfo.qrcode  
142 - })  
143 -  
144 - },  
145 - getstaffinfo(){  
146 - App.Activity.GetCustomerActivityBaseinfo({sellerid:this.data.detail.seller.id,uid:this.data.options.uid}).then((json)=>{  
147 - if(json.ret==200){  
148 - console.log(json)  
149 - this.setData({  
150 - staffinfo:json.data  
151 - })  
152 - }  
153 - })  
154 - },  
155 - getroomimage(){  
156 - App.Tables.GetTablesPhoto({sellerid:this.data.detail.seller.id,tableids:this.tablestr}).then((json)=>{  
157 - if(json.ret==200){  
158 - this.setData({  
159 - roomimage:json.data  
160 - })  
161 - var urlsArr=[];  
162 - json.data.forEach((v,i)=>{  
163 - urlsArr.push(v.url);  
164 - })  
165 - this.urlsValue=urlsArr;  
166 - console.log(urlsArr,'lllllll')  
167 - }  
168 - })  
169 - },  
170 - lookroom(){  
171 - wx.previewImage({  
172 - current: '', // 当前显示图片的http链接  
173 - urls: this.urlsValue, // 需要预览的图片http链接列表  
174 - })  
175 - },  
176 - secondbook(){  
177 - wx.reportMonitor('1013', 1)  
178 - if(this.data.list){  
179 - wx.navigateTo({  
180 - url:'./discount?sid='+this.data.detail.seller.id+'&id='+this.data.options.id  
181 - })  
182 - }else{  
183 - wx.redirectTo({  
184 - url:'../reserve/shopHome?id='+this.data.detail.seller.id  
185 - })  
186 - }  
187 -  
188 - },  
189 - /**  
190 - * 生命周期函数--监听页面隐藏  
191 - */  
192 - onHide: function () {  
193 -  
194 - },  
195 -  
196 - /**  
197 - * 生命周期函数--监听页面卸载  
198 - */  
199 - onUnload: function () {  
200 -  
201 - },  
202 -  
203 - /**  
204 - * 用户点击右上角分享  
205 - */  
206 - onShareAppMessage: function () {  
207 - return this.sharesetting();  
208 - },  
209 - onShareTimeline(){  
210 - return this.sharesetting();  
211 - },  
212 - getDetail(fouce = false){  
213 - App.Reserve.Detail({  
214 - openid: getApp().openid,  
215 - rid: this.data.options.id  
216 - }, fouce).then(res => {  
217 - let tables=[],regions=[],tabaleids=[];  
218 - res.data.tables.forEach(t=>{  
219 - tables.push(t.name);  
220 - tabaleids.push(t.id);  
221 - if(regions.indexOf('t.rname')==-1){  
222 - regions.push(t.rname);  
223 - }  
224 -  
225 - })  
226 - this.tablestr=tabaleids.toString();  
227 - let reserev=RS.reserve(res.data)  
228 - console.log('reserev',reserev)  
229 - let dateSmart  
230 - if(res.data.type==1){  
231 - dateSmart=util.unixtoTime(reserev.ddate,this.data.tpls[this.data.current].timeStrSmart[0])  
232 - if(res.data.is_set_ddate==1){  
233 - dateSmart+=' '+util.unixtoTime(reserev.ddate,this.data.tpls[this.data.current].timeStrSmart[1])  
234 - }else{  
235 - dateSmart+=' '+reserev.soltName  
236 - }  
237 - }else{  
238 - dateSmart=util.unixtoTime(reserev.ddate,this.data.tpls[this.data.current].timeStr)  
239 - }  
240 - this.setData({  
241 - detail: this.formatDatail(reserev,dateSmart),  
242 - seller:{  
243 - name:reserev.seller.sellername,  
244 - room:tables.join('、'),  
245 - date:dateSmart,  
246 - region:regions.join('、'),  
247 - addr:reserev.seller.real_address||reserev.seller.map_address,  
248 - image:reserev.image_url,  
249 - hasOwner:true,  
250 - type:reserev.type,  
251 - is_set_ddate:reserev.is_set_ddate,  
252 - hasUpTime:reserev.type==1 && reserev.hasRunning && reserev.status!=2,  
253 - tel:reserev.seller.seller_tel.split(',')[0]  
254 - }  
255 - })  
256 - if(this.data.detail.type==0 || this.data.detail.type==1){  
257 - this.getstaffinfo();  
258 - this.getroomimage();  
259 - this.getactivity();  
260 - }  
261 -  
262 - /*  
263 - App.Reserve.SellerInfo({seller_id:reserev.seller.id}).then(async sc=>{  
264 - this.msgTpl=await ST.getTplMsg(reserev,sc.data.setting.template_code,sc.data)  
265 - console.log('this.msgTpl',this.msgTpl);  
266 - })*/  
267 - })  
268 - App.SendSMS.GetSmsContent({  
269 - rid:this.data.options.id,  
270 - }).then(res=>{  
271 - this.msgTpl=res.data.content  
272 - })  
273 - },  
274 - formatDatail(detail,dateSmart){  
275 - detail.rdateStr = dateSmart;  
276 - detail.tableFirst = detail.tables[0].name;  
277 - if (detail.tables.length > 1) {  
278 - detail.tableSubInfo = '等' + (detail.tables.length) + '个'  
279 - + (detail.tables[0].tid == 2 ? '包间' : '');  
280 - }  
281 - if (detail.rname && detail.sex != 3) {  
282 - detail.rnameStr = detail.rname.substr(0, 1) + (detail.sex == 1 ? '先生' : detail.sex == 2 ? '女士' : detail.sex == 4 ? '贵宾' : '' )  
283 - } else {  
284 - detail.rnameStr = detail.rname  
285 - }  
286 - detail.eatStr = '邀请您共进晚餐';  
287 - let hi = util.unixtoTime(detail.ddate, 'HHII');  
288 - if (hi < '10:00') {  
289 - detail.eatStr = '邀请您共进早餐';  
290 - } else if (hi < '15:00') {  
291 - detail.eatStr = '邀请您共进午餐';  
292 - }  
293 -  
294 - // if(!detail.cusman){  
295 - // detail.cusman='vking';  
296 - // detail.cusman_phone='15877556369';  
297 - // detail.cusman_account='wx:vking';  
298 - // }  
299 - //detail=RS.reserve(detail);  
300 - return detail;  
301 - },  
302 - showManager(){  
303 - if (this.data.detail.cusman_phone || this.data.detail.cusman_account) {  
304 - this.selectComponent('#manager').show();  
305 - }  
306 -  
307 - },  
308 - looklocation: function () {  
309 - wx.reportMonitor('1015', 1)  
310 - wx.openLocation({  
311 - latitude: Number(this.data.detail.seller.lat),  
312 - longitude: Number(this.data.detail.seller.long),  
313 - scale: 17,  
314 - address: this.data.detail.seller.map_address,  
315 - success: function (res) {  
316 - console.log(res)  
317 - }  
318 - })  
319 - },  
320 - userinfo(){  
321 - if (!this.data.detail.hasCanSuccess) {  
322 - let userInfo = util.cache('userInfo');  
323 - if (userInfo) {  
324 - userInfo = JSON.stringify({  
325 - openid: getApp().openid,  
326 - avatar: userInfo.avatarUrl,  
327 - nickname: userInfo.nickName,  
328 - gender: userInfo.gender  
329 - })  
330 - }  
331 - App.Reserve.SetRelaSuccess({  
332 - rid: this.id,  
333 - openid: getApp().openid,  
334 - is_agree: 1,  
335 - userinfo: userInfo  
336 - }).then(res => {  
337 - App.Reserve.Detail({  
338 - openid: getApp().openid,  
339 - rid: this.id  
340 - }, 'clear')  
341 - wx.navigateTo({  
342 - //id={{detail.id}}&rdate={{detail.rdate}}  
343 - url: 'remind?id=' + this.id + '&rdate=' + this.data.detail.rdate,  
344 - });  
345 - })  
346 - } else {  
347 - // wx.navigateTo({  
348 - // url:'invite?id='+this.id,  
349 - // });  
350 - }  
351 - },  
352 - setUserInfoSuccess(){  
353 - util.toast('授权成功，可以继续转发', 'none');  
354 - },  
355 - toast(){  
356 - util.toast('本区域暂无配送人员', 'none');  
357 - },  
358 - reserveCancel(){  
359 - let userInfo = util.cache('userInfo');  
360 - if (userInfo) {  
361 - userInfo = JSON.stringify({  
362 - openid: getApp().openid,  
363 - avatar: userInfo.avatarUrl,  
364 - nickname: userInfo.nickName,  
365 - gender: userInfo.gender  
366 - })  
367 - }  
368 - App.Reserve.SetRelaSuccess({  
369 - rid: this.id,  
370 - openid: getApp().openid,  
371 - cancel: 'cancel',  
372 - is_agree: 0,  
373 - userinfo: userInfo  
374 - }).then(res => {  
375 - this.getDetail(true);  
376 - })  
377 - },  
378 - sharesetting(){  
379 - wx.reportMonitor('1017', 1)  
380 - let parmdata={  
381 - id:this.id,  
382 - fromid:getApp().openid,  
383 - hasInvitation:1,  
384 - tplid:this.data.options.tplid,  
385 - }  
386 - if(this.data.options.uid){  
387 - parmdata.uid=this.data.options.uid;  
388 - }  
389 - return {  
390 - title: this.data.tpls[0].shareTitle,  
391 - path: util.http_build_query(parmdata,'/pages/customer/index'),  
392 - imageUrl: this.data.tpls[0].shareImage,  
393 - }  
394 - },  
395 - cookbook(){  
396 - if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) {  
397 - wx.navigateTo({  
398 - url: util.http_build_query({  
399 - rid: this.id,  
400 - oid: this.data.detail.order.id,  
401 - identity: 1  
402 - }, '/pack-cookbook/pages/success')  
403 - });  
404 - } else {  
405 - App.Advance.CreateOrder({  
406 - rid: this.id,  
407 - openid: getApp().openid,  
408 - }).then(res => {  
409 - if (res.ret != 200) {  
410 - return util.toast(res.msg, 'none')  
411 - }  
412 - wx.navigateTo({  
413 - url: util.http_build_query({  
414 - rid: this.id,  
415 - oid: res.data.id,  
416 - identity: 1,  
417 - sid: res.data.sellerid  
418 - }, '/pack-cookbook/pages/index')  
419 - });  
420 - })  
421 - }  
422 - },  
423 - sendmsg(){  
424 - wx.setClipboardData({  
425 - data: this.msgTpl  
426 - })  
427 - },  
428 - upTime(){  
429 - this.selectComponent('#ddate').show();  
430 - },  
431 - ddateEvent(e){  
432 - console.log(e.detail.ddate)  
433 - this.getDetail(true)  
434 - },  
435 - gotoHome(){  
436 - wx.redirectTo({  
437 - url: '/pages/reserve/index_new'  
438 - })  
439 - },  
440 - load(e){  
441 - console.log(e,'care')  
442 - },  
443 - setcoupon(){  
444 - if(this.data.list && this.data.list.length>0){  
445 - let list=this.data.list,liststr=[];  
446 - list.forEach((v,i)=>{  
447 - liststr.push(v.id);  
448 - })  
449 - App.Activity.SetActivityAsReserve({aid:liststr.toString()}).then((json)=>{  
450 - if(json.ret==200){  
451 - this.setData({  
452 - getcoupon:true  
453 - })  
454 - }  
455 - })  
456 - }  
457 - },  
458 - tohref(){  
459 - let systemInfo = wx.getSystemInfoSync();  
460 - let reg = /ios/i;  
461 - if(reg.test(systemInfo.system)){  
462 - wx.showModal({  
463 - content:'关注"周到安排"公众号,及时获取更多优惠信息',  
464 - comfirmText:'去关注',  
465 - comfirmColor:'#5EB2FF',  
466 - cancelText:'取消',  
467 - cancelColor:'#999999',  
468 - success:(res)=>{  
469 - if(res.confirm){  
470 - wx.setClipboardData({  
471 - data: '周到安排',  
472 - success (res) {  
473 - wx.getClipboardData({  
474 - success (res) {  
475 - console.log(res.data) // data  
476 - }  
477 - })  
478 - }  
479 - })  
480 - }  
481 - }  
482 - })  
483 - }else{  
484 - wx.navigateTo({  
485 - url:'./care'  
486 - })  
487 - }  
488 -  
489 - },  
490 - getactivity(){  
491 - App.Activity.GetActivityByRid({rid:this.id}).then((json)=>{  
492 - if(json.ret==200){  
493 - console.log(json.data);  
494 - this.setData({  
495 - list:json.data  
496 - })  
497 - this.setcoupon();  
498 - }  
499 - })  
500 - },  
501 - todetail(e){  
502 - let aid=e.currentTarget.dataset.id;  
503 - console.log(aid)  
504 - wx.navigateTo({  
505 - url:'../me/coupon_detail?aid='+aid  
506 - })  
507 - },  
508 - close(){  
509 - this.setData({  
510 - couponhidden:true,  
511 - })  
512 - },  
513 - checkout(){  
514 - if(this.data.detail.status==0){  
515 - this.selectComponent('#showModal').options({  
516 - header: '您点早啦！',  
517 - body: '商家分配包间后，您可以通过在线买单支付，无需到前台结账排队等发票。'  
518 - }).show();  
519 - }else{  
520 - wx.navigateTo({  
521 - url:util.http_build_query({  
522 - rid:this.data.detail.id,  
523 - sid:this.data.detail.sid  
524 - },'/pack-checkout/pages/index')  
525 - })  
526 - }  
527 - },  
528 - showmenu(){  
529 - this.setData({  
530 - menuhidden:false  
531 - })  
532 - },  
533 - hidemenu(){  
534 - this.setData({  
535 - menuhidden:true  
536 - })  
537 - },  
538 - noopen(e){  
539 - let mark=e.currentTarget.dataset.mark;  
540 - wx.showToast({  
541 - title:'该商家未开通'+(mark=='buy' ? '提前点餐' : '在线买单'),  
542 - duration:2000,  
543 - mask:true  
544 - })  
545 - },  
546 - noopenservice(){  
547 - wx.showToast({  
548 - title:'当前城市暂未开通该服务，敬请期待',  
549 - icon:'none'  
550 - })  
551 - },  
552 - showselect(){  
553 - wx.reportMonitor('1014', 1)  
554 - if(this.data.selecthidden==false){  
555 - this.closeselect();  
556 - }else{  
557 - this.setData({  
558 - selecthidden:false  
559 - })  
560 - }  
561 - },  
562 - closeselect(){  
563 - console.log('ttttt')  
564 - this.setData({  
565 - selecthidden:true  
566 - })  
567 - },  
568 - showmore(){  
569 - if(this.data.morehidden==false){  
570 - this.closemore();  
571 - }else{  
572 - this.setData({  
573 - morehidden:false  
574 - })  
575 - }  
576 -  
577 - },  
578 - closemore(){  
579 - this.setData({  
580 - morehidden:true  
581 - })  
582 - },  
583 - cancelmodal(){  
584 - wx.showModal({  
585 - title:'取消预订',  
586 - content:'点击“确认取消”撤回当前预订，否则点击返回',  
587 - confirmColor:'#576B95',  
588 - confirmText:'确认取消',  
589 - cancelColor:'#999999',  
590 - cancelText:'返回',  
591 - success:(res)=>{  
592 - if(res.confirm){  
593 - this.cancelSubmit();  
594 - }  
595 - }  
596 -  
597 - })  
598 - },  
599 - cancelSubmit(){  
600 - App.Reserve.Detail({  
601 - openid: getApp().openid,  
602 - rid: this.options.id  
603 - },'clear')  
604 - App.Customer.SetReserveStatusByUser({  
605 - rid:this.options.id,  
606 - desc:'',  
607 - }).then(res=>{  
608 - if(res.ret!=200){  
609 - return util.toast(res.msg,'none')  
610 - }  
611 - })  
612 - },  
613 -})  
1 -{  
2 - "navigationBarBackgroundColor": "#ffffff",  
3 - "navigationBarTextStyle": "white",  
4 - "navigationBarTitleText":"订座详情",  
5 - "usingComponents": {  
6 - "userinfo": "/components/userinfo/userinfo",  
7 - "nav":"/components/nav/nav",  
8 - "formids":"/components/formids/formids",  
9 - "ddate":"/components/reserve/invitation/ddate",  
10 - "a2l":"/components/tips/add-to-lite",  
11 - "userinfo-share": "/components/userinfo/share",  
12 - "service":"/components/tips/service",  
13 - "showModal":"/components/tips/showModal/showModal"  
14 - }  
15 -}  
1 -<!--pages/customer/detail_owner.wxml-->  
2 -<wxs src="../../utils/util.wxs" module="util" />  
3 -<import src="../tpl/invitation"></import>  
4 -<nav backgroundColor="rgba(0,0,0,0)" hasHome style="position: fixed;z-index: 1;" class="navhome" place="{{true}}">  
5 - <!--  
6 - <service class="flex-rr" style="display: flex;flex-direction: row;" catchtap="catchtap">  
7 - <view class="service-view flex-vc">  
8 - <view class="service-icon"></view>  
9 - </view>  
10 - </service>  
11 - -->  
12 -</nav>  
13 -<!-- 内部预定 -->  
14 -<!-- detail.type==0 && detail.channel==2 -->  
15 -<block wx:if="{{detail}}">  
16 - <!-- <view class="pages bg-1" style="max-height:{{height}}px;overflow-y: scroll;padding-top: {{statusBarHeight+titleBarHeight}}px;line-height: 1.4;padding-bottom: 60rpx;">  
17 - <view class="book-image flex-cc">  
18 - </view>  
19 - <view class="cover-conent flex-vc">  
20 - <view class="staff-info flex-lr">  
21 - <view class="staff-image" style="background: url({{staffinfo.photo}}) center center no-repeat;background-size: 100% auto;"></view>  
22 - <view class="flex-vl" style="padding-top: 16rpx;">  
23 - <view class="brown-font font34r font-bold" style="margin-bottom: 6rpx;">{{staffinfo.name}}</view>  
24 - <view class="brown-font font26r" style="margin-bottom: 6rpx;">{{staffinfo.position}}</view>  
25 - <view class="brown-font font26r" style="margin-bottom: 44rpx;">{{staffinfo.phone}}</view>  
26 - <view class="bg-light-brown book-concat flex-cc" style="margin-bottom: 20rpx;" bindtap="call">  
27 - <image src="http://sellershare.colorcun.com/share-call.png" class="book-concat-icon"></image>  
28 - <view class="brown-font font24r">电话</view>  
29 - </view>  
30 - <view class="bg-light-brown book-concat flex-cc" bindtap="addwechat">  
31 - <image src="http://sellershare.colorcun.com/share-wechat.png" class="book-concat-icon"></image>  
32 - <view class="brown-font font24r">微信</view>  
33 - </view>  
34 - </view>  
35 - <swiper class="seller-coupon" wx:if="{{list && list.length>0}}">  
36 - <swiper-item wx:for="{{list}}">  
37 - <view class="new-coupon-item flex-vl" data-id="{{item.id}}" catchtap="todetail">  
38 - <view class="font22r font-more font-bold" style="width:140rpx;display: block;">{{item.aname}}</view>  
39 - </view>  
40 - </swiper-item>  
41 - </swiper>  
42 - <block wx:else>  
43 - <view class="mask-line"></view>  
44 - </block>  
45 - </view>  
46 - <view class="order-info flex-vc">  
47 - <view class="order-decrote top-decrote" style="margin-bottom: 60rpx;"></view>  
48 - <view class="seller-name font34r font-bold brown-font">{{seller.name}}</view>  
49 - <view class="font26r smooth light-brown-font" style="margin-bottom: 12rpx;">已为您安排在包间</view>  
50 - <view class="room-info flex-cc">  
51 - <view class="room-decrote left-decrote"></view>  
52 - <view class="room-name font42r font-bold brown-font" style="font-size:42rpx;">{{seller.room}}</view>  
53 - <view class="room-decrote right-decrote"></view>  
54 - </view>  
55 - <view class="font24r smooth brown-font book-button bg-light-brown flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>  
56 - <view class="font28r smooth brown-font" style="margin-top: 60rpx;margin-bottom: 20rpx;">时间：{{seller.date}}</view>  
57 - <view class="font28r smooth brown-font">地址：{{seller.addr}}</view>  
58 - <view class="font24r smooth brown-font book-button bg-light-brown flex-cc" style="margin-bottom: 60rpx;" bindtap="lookLocation">一键导航</view>  
59 - <view class="order-decrote bottom-decrote"></view>  
60 - </view>  
61 - </view>  
62 - <button open-type="share" class="font32r font-bold main-button book-button font-bold flex-cc" wx:if="{{!detail.hasOvered && !detail.hasCancel}}" catchtap="setUserInfoSuccess">转发好友</button>  
63 - <block wx:elif="{{detail.hasCancel}}">  
64 - <view class="font32r white-font flex-cc" style="margin-bottom: 30rpx;">订座已取消</view>  
65 - </block>  
66 - <block wx:else="">  
67 - <view class="font32r white-font flex-cc" style="margin-bottom: 30rpx;">订座已完成</view>  
68 - </block>  
69 - <view class="font34r smooth flex-cc font-bold" style="width:140rpx;color:#ECC88F;margin: 0 auto;" bindtap="secondbook">再次预订</view>  
70 - </view> -->  
71 - <!-- <scroll-view class="last-bg" style="padding-top: {{statusBarHeight+titleBarHeight}}px;line-height: 1.4;height:{{height}}px;" scroll-y>  
72 - <view class="last-staff-info flex-lr">  
73 - <view class="last-staff-image" style="background: url({{staffinfo.photo}}) center center no-repeat;background-size: 100% auto;"></view>  
74 - <view class="last-staff-detail flex-vr" style="align-items: flex-end;">  
75 - <view class="white-font font60r">{{staffinfo.name}}</view>  
76 - <view class="white-font font32r">{{staffinfo.phone}}</view>  
77 - <view class="white-font font34r" style="margin-bottom: 20rpx;">{{staffinfo.position}}</view>  
78 - <view class="last-button-item flex-ll" style="margin-bottom: 20rpx;" bindtap="call">  
79 - <image src="http://sellershare.colorcun.com/last-book-call.png" class="last-icon"></image>  
80 - <view class="black-font font22r last-button-content flex-cc" >拨打电话</view>  
81 - </view>  
82 - <button class="last-button-item flex-ll" bindtap="addwechat">  
83 - <image src="http://sellershare.colorcun.com/last-book-wechat.png" class="last-icon"></image>  
84 - <view class="black-font font22r last-button-content flex-cc" >加我微信</view>  
85 - </button>  
86 - </view>  
87 - <swiper class="last-seller-coupon" wx:if="{{list && list.length>0}}">  
88 - <swiper-item wx:for="{{list}}">  
89 - <view class="last-new-coupon-item flex-vl" data-id="{{item.id}}" catchtap="todetail">  
90 - <view class="font22r font-more font-bold last-coupon-content" style="width:290rpx;display: block;">{{item.aname}}</view>  
91 - <view class="black-font font24r flex-cc last-use-button">立即使用</view>  
92 - </view>  
93 - </swiper-item>  
94 - </swiper>  
95 - </view>  
96 - <view class="last-order-info flex-vc">  
97 - <view class="font42r last-yellow-font" style="margin-bottom: 14rpx;">{{seller.name}}</view>  
98 - <view class="font42r last-yellow-font" style="margin-bottom: 26rpx;">{{seller.date}}</view>  
99 - <view class="white-font font32r" style="margin-bottom: 28rpx;">已为您安排在包间</view>  
100 - <view class="last-room-rect flex-cc">  
101 - <view class="font52r last-yellow-font font-bold">{{seller.room}}</view>  
102 - <view class="last-look-button last-comoon-button black-font font22r flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>  
103 - </view>  
104 - <view class="font28r last-yellow-font" style="margin-bottom: 10rpx;">{{seller.addr}}</view>  
105 - <view class="last-comoon-button black-font font22r flex-cc" style="margin-bottom: 60rpx;" bindtap="lookLocation">一键导航</view>  
106 - </view>  
107 - <button class="last-share-button font38r flex-cc font-bold" open-type="share" wx:if="{{!detail.hasOvered && !detail.hasCancel}}" catchtap="setUserInfoSuccess">转发好友</button>  
108 - <view class="font24r last-yellow-font" style="width:140rpx;padding: 0 20rpx;box-sizing: border-box;margin: 0 auto;" bindtap="sendmsg" wx:if="{{!detail.hasOvered && !detail.hasCancel}}">短信通知</view>  
109 - <view style="height:40rpx;"></view>  
110 - </scroll-view> -->  
111 - <showModal id="showModal" confirmText="知道了" bindshowModal="showModal" cla="checkout"></showModal>  
112 - <scroll-view class="last-book-bg" style="line-height: 1.4;height:{{height}}px;" scroll-y>  
113 - <view style="height:{{statusBarHeight+titleBarHeight}}px;"></view>  
114 - <view class="book-flower" style="top:{{statusBarHeight+titleBarHeight}}px;"></view>  
115 - <view style="padding-left: 40rpx;box-sizing: border-box;">  
116 - <view class="last-book-staff flex-vr" style="align-items: flex-end;">  
117 - <image src="{{staffinfo.photo}}" class="book-staff-headerimg" mode="aspectFit"></image>  
118 - <view class="flex-rr" style="margin-bottom: 20rpx;">  
119 - <view class="flex-rr font26r yellow-font">客户经理：{{staffinfo.name}}</view>  
120 - <view class="book-staff-item-button flex-cc" bindtap="cli">  
121 - <image src="http://nosqn.colorcun.com/book-wechat.png" class="book-header-icon"></image>  
122 - <view class="font22r brown-font">复制微信号</view>  
123 - </view>  
124 - </view>  
125 - <view class="flex-rr">  
126 - <view class="flex-rr font26r yellow-font">{{staffinfo.phone ? staffinfo.phone : seller.tel}}</view>  
127 - <view class="book-staff-item-button flex-cc" bindtap="call">  
128 - <image src="http://nosqn.colorcun.com/book-phone.png" class="book-header-icon"></image>  
129 - <view class="font22r brown-font">拨打电话</view>  
130 - </view>  
131 - </view>  
132 - </view>  
133 - <view class="book-font"></view>  
134 - <view class="flex-lr" style="padding-right: 40rpx;box-sizing: border-box;align-items: flex-start;">  
135 - <view class="yellow-font font44r" style="max-width:428rpx;margin-bottom: 60rpx;">{{seller.name}}</view>  
136 - <!-- <view class="last-book-food flex-cc" bindtap="cookbook">  
137 - <view class="white-font font30r smooth" style="color: #043341;">提前点餐</view>  
138 - <image src="http://nosqn.colorcun.com/book-direction.png" style="width: 12rpx;height: 24rpx;margin-left: 10rpx;"></image>  
139 - <view class="notice"></view>  
140 - </view> -->  
141 - <block wx:if="{{detail.seller.is_open_order==1 && !detail.hasOvered && !detail.hasCancel}}">  
142 - <block wx:if="{{detail && detail.seller.is_open_order==1}}">  
143 - <view class="last-book-food flex-cc" bindtap="cookbook">  
144 - <view class="white-font font30r smooth" style="color: #043341;">提前点餐</view>  
145 - <image src="http://nosqn.colorcun.com/book-direction.png" style="width: 12rpx;height: 24rpx;margin-left: 10rpx;"></image>  
146 - <view class="notice"></view>  
147 - </view>  
148 - </block>  
149 - <block wx:else>  
150 - <view class="last-book-food flex-ll" bindtap="noopen" data-mark="buy">  
151 - <view class="white-font font30r smooth">提前点餐</view>  
152 - <image src="http://nosqn.colorcun.com/book-direction.png" style="width: 12rpx;height: 24rpx;margin-left: 10rpx;"></image>  
153 - <view class="notice"></view>  
154 - </view>  
155 - </block>  
156 - </block>  
157 - </view>  
158 -  
159 - <view>  
160 - <view class="font26r" style="color: #C9BD89;margin-bottom: 20rpx;">已为您安排在包间</view>  
161 - <view class="font40r" style="color: #E8D47E;margin-bottom: 20rpx;">{{seller.region}}</view>  
162 - <view class="book-room-rect flex-cc">  
163 - <view class="font44r yellow-font">{{seller.room}}</view>  
164 - <view class="book-look-button brown-font font22r flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>  
165 - <view class="book-look-button gray-font font22r flex-cc" wx:else style="background: #CCCCCC;">浏览照片</view>  
166 - </view>  
167 - <view class="yellow-font font30r" style="margin-bottom: 24rpx;">时间：{{seller.date}}</view>  
168 - <view class="flex-lr" style="line-height: 1.2;padding-right: 40rpx;box-sizing: border-box;">  
169 - <view class="yellow-font font30r">地址：{{seller.addr}}</view>  
170 - <view class="loaction-button black-font font22r flex-cc" bindtap="looklocation">一键导航</view>  
171 - </view>  
172 -  
173 - </view>  
174 - </view>  
175 - <view style="height: 240rpx;"></view>  
176 - </scroll-view>  
177 - <view class="all-button flex-lr">  
178 - <block wx:if="{{detail.hasCancel}}">  
179 - <view class="book-item-font flex-cc">  
180 - <image src="http://nosqn.colorcun.com/book-share-nouse-button.png" class="button-item-icon"></image>  
181 - <view class="font30r" style="color: #999999;">转发好友</view>  
182 - </view>  
183 - </block>  
184 - <block wx:else>  
185 - <button class="book-item-font flex-cc" open-type="share">  
186 - <image src="http://nosqn.colorcun.com/book-share-button.png" class="button-item-icon"></image>  
187 - <view class="font30r">转发好友</view>  
188 - </button>  
189 - </block>  
190 - <view class="book-item-font second-book-button flex-cc" bindtap="secondbook" style="position: relative;">  
191 - <image src="http://nosqn.colorcun.com/second-book.png" class="button-item-icon"></image>  
192 - <view class="font30r">再次预订</view>  
193 - <view class="notice" style="top: -10rpx;right: 0rpx;"></view>  
194 - </view>  
195 - <view class="line-border"></view>  
196 - <block wx:if="{{list}}">  
197 - <view class="book-notice flex-vc">  
198 - <view class="white-font font26r flex-cc">再次预订可享“{{list[0].aname}}”优惠</view>  
199 - <view class="angel"></view>  
200 - </view>  
201 - </block>  
202 - </view>  
203 - <view class="book-mask" hidden="{{selecthidden}}" bindtap="closeselect"></view>  
204 - <view class="book-buttons">  
205 - <view class="select-button white-font font28r flex-cc" bindtap="showselect">选项</view>  
206 - <view hidden="{{selecthidden}}">  
207 - <navigator class="select-item-button flex-cc white-font font24r" style="left: 75rpx;bottom:290rpx;" open-type="redirect" url="/pages/customer/index?islove=custom">首页</navigator>  
208 - <navigator class="select-item-button flex-cc white-font font24r" style="left: 150rpx;bottom:160rpx;" open-type="redirect" url="/pages/me/index">我的</navigator>  
209 - <block wx:if="{{detail.hasCancel}}">  
210 - <view class="select-item-button flex-cc gray-font font28r" style="left: 75rpx;bottom:30rpx;">取消订单</view>  
211 - </block>  
212 - <block wx:else>  
213 - <view class="select-item-button flex-cc white-font font24r" style="left: 75rpx;bottom:30rpx;" bindtap="cancelmodal">取消订单</view>  
214 - </block>  
215 - <!-- <view class="select-item-button flex-cc white-font font24r" style="left: 42rpx;bottom:10rpx;" bindtap="closeselect">返回</view> -->  
216 - </view>  
217 - </view>  
218 - <view class="book-mask" hidden="{{morehidden}}" bindtap="closemore"></view>  
219 - <view class="service-buttons">  
220 - <view class="more-button white-font font28r flex-vc" bindtap="showmore" hidden="true">更多<view>服务</view></view>  
221 - <view hidden="{{morehidden}}">  
222 - <view class="select-item-button flex-cc gray-font font24r" style="right: 39rpx;bottom:681rpx;" bindtap="noopenservice">酒水</view>  
223 - <view class="select-item-button flex-cc gray-font font24r" style="right: 136rpx;bottom:599rpx;" bindtap="noopenservice">代驾</view>  
224 - <view class="select-item-button flex-cc gray-font font24r" style="right: 136rpx;bottom:473rpx;" bindtap="noopenservice">酒店</view>  
225 - <view class="select-item-button flex-cc gray-font font24r" style="right: 39rpx;bottom:391rpx;" bindtap="noopenservice">茶楼沐足</view>  
226 - <!-- <view class="select-item-button flex-cc white-font font24r" style="right: 0rpx;bottom:368rpx;" bindtap="closemore">返回</view> -->  
227 - </view>  
228 - </view>  
229 - <block wx:if="{{detail.hasCancel}}">  
230 - <view class="cancel-mark"></view>  
231 - </block>  
232 -</block>  
233 -<block wx:else>  
234 - <block wx:if="{{detail}}">  
235 - <view class="pages bg-{{options.tplid}} flex-vc" style="height:{{height}}px;" wx:if="{{options.tplid}}">  
236 - <template is="tpl-{{options.tplid}}" data="{{seller,options,hasOwner,animation}}"></template>  
237 - <view class="opt-view flex-vc">  
238 - <block wx:if="{{!detail.hasOvered && !detail.hasCancel}}">  
239 - <button open-type="share" class="button-none flex-vc" catchtap="setUserInfoSuccess">  
240 - <view class="buts-share"></view>  
241 - </button>  
242 - </block>  
243 - <block wx:elif="{{detail.hasCancel}}">  
244 - <view class="opt-view-tip Medium">订座已取消</view>  
245 - </block>  
246 - <block wx:else="">  
247 - <view class="opt-view-tip Medium">订座已完成</view>  
248 - </block>  
249 - </view>  
250 - </view>  
251 - </block>  
252 -  
253 -</block>  
254 -<!-- <view class="menu" wx:if="{{detail && detail.type==0 && detail.channel==2}}" bindtap="showmenu"></view> -->  
255 -<view class="menu-list flex-vl" style="justify-content: flex-end;" wx:if="{{detail && detail.type==0 && detail.channel==5}}" hidden="{{menuhidden}}" catchtap="hidemenu">  
256 - <view class="menu-item menu-seller-item flex-ll" catchtap="secondbook">  
257 - <view class="menu-item-image" style="background: url({{detail.seller.seller_image}}) center center no-repeat;background-size: cover;"></view>  
258 - <view class="white-font font30r smooth">{{seller.name}}</view>  
259 - <view class="click-icon"></view>  
260 - </view>  
261 - <view class="menu-item menu-seller-item flex-ll" bindtap="secondbook">  
262 - <view class="menu-item-image menu-item-book"></view>  
263 - <view class="white-font font30r smooth">再次预订</view>  
264 - </view>  
265 - <block wx:if="{{detail.seller.is_open_order==1 && !detail.hasOvered && !detail.hasCancel}}">  
266 - <block wx:if="{{detail && detail.seller.is_open_order==1}}">  
267 - <view class="menu-item menu-seller-item flex-ll" bindtap="cookbook">  
268 - <view class="menu-item-image menu-item-buy"></view>  
269 - <view class="white-font font30r smooth">提前点餐</view>  
270 - </view>  
271 - </block>  
272 - <block wx:else>  
273 - <view class="menu-item menu-seller-item flex-ll" bindtap="noopen" data-mark="buy">  
274 - <view class="menu-item-image menu-item-buy-nouse"></view>  
275 - <view class="gray-font font30r smooth">提前点餐</view>  
276 - </view>  
277 - </block>  
278 - <block wx:if="{{detail && detail.seller.isopen_md==1}}">  
279 - <view class="menu-item menu-seller-item flex-ll" bindtap="checkout">  
280 - <view class="menu-item-image menu-item-check"></view>  
281 - <view class="white-font font30r smooth">在线买单</view>  
282 - </view>  
283 - </block>  
284 - <block wx:else>  
285 - <view class="menu-item menu-seller-item flex-ll" bindtap="noopen" data-mark="checkout">  
286 - <view class="menu-item-image menu-item-check-nouse"></view>  
287 - <view class="gray-font font30r smooth">在线买单</view>  
288 - </view>  
289 - </block>  
290 - </block>  
291 - <view class="menu-item menu-seller-item flex-ll" bindtap="hidemenu">  
292 - <view class="menu-item-image menu-item-back"></view>  
293 - <view class="white-font font30r smooth">返回</view>  
294 - </view>  
295 -</view>  
296 -<view class="bottom flex-lr" wx:if="{{!detail.hasOvered && !detail.hasCancel && detail.channel!=5}}">  
297 -  
298 - <view bindtap="gotoHome" class="dingbaojian flex-vc">  
299 - <image src="http://nosqn.colorcun.com/reserve/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20191114105901.png" class="icon"></image>  
300 - <view class="text">订包间</view>  
301 - </view>  
302 - <formids bindclick="sendmsg" class="diancan" style="{{detail.seller.is_open_order!=1 && detail.seller.is_open_wine!=1?'width:100%;':''}}">  
303 - <view class="buts-text flex-cc">  
304 - <image src="http://nosqn.colorcun.com/reserve/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_201911141059011.png" class="icon"></image>  
305 - 短信通知  
306 - </view>  
307 - </formids>  
308 - <userinfo binduserinfo="cookbook" class="diancan left-border" wx:if="{{detail.seller.is_open_order==1}}">  
309 - <view class="buts-text flex-cc">  
310 - <image src="http://nosqn.colorcun.com/manager-invitation/wx2/%E6%8F%90%E5%89%8D%E7%82%B9%E9%A4%90.png" class="icon"></image>  
311 - 提前点餐  
312 - </view>  
313 - </userinfo>  
314 - <block wx:if="{{detail.seller.is_open_wine==1}}">  
315 - <view class="vline" wx:if="{{detail.seller.is_open_order==1}}" ></view>  
316 - <formids bindclick="toast" class="jiushui">  
317 - <view class="buts-text flex-cc">  
318 - <image src="http://nosqn.colorcun.com/manager-invitation/wx2/%E8%87%AA%E5%B8%A6%E9%85%92%E6%B0%B4.png" class="icon"></image>  
319 - 自带酒水  
320 - </view>  
321 - </formids>  
322 - </block>  
323 -</view>  
324 -<!--//商务-->  
325 -<template name="tpl-1">  
326 - <view class="flex-vc shangwu" bindtap="{{options.rid?'goEditor':''}}">  
327 - <template is="tpl-shangwu" data="{{...seller,options}}"></template>  
328 - </view>  
329 -</template>  
330 -  
331 -<!--//温馨-->  
332 -<template name="tpl-2">  
333 - <template is="tpl-wenxin" data="{{...seller,options}}"></template>  
334 -</template>  
335 -<ddate id="ddate" order="{{detail}}" wx:if="{{detail}}" bindevent="ddateEvent"></ddate>  
336 -<a2l bindshow="a2lshow" bindhide="a2lshow" key="INVIT-OWNER"></a2l>  
337 -  
338 -<!-- <view class="coupon" wx:if="{{list && list.length>0}}" hidden="{{couponhidden}}" bindtap="close">  
339 - <view class="coupon-content flex-vc" style="margin-top: -{{360+(list.length>2 ? 180 : 75*list.length+1)}}rpx;">  
340 - <view class="coupon-bg"></view>  
341 - <view class="coupon-info">  
342 - <view class="coupon-header flex-vc">  
343 - <view class="font-bold">恭喜您获得</view>  
344 - <view class="font32r">{{list.length}}张代金券</view>  
345 - </view>  
346 - <view class="coupon-list">  
347 - <view class="coupon-single flex-ll bg-white" wx:for="{{list}}">  
348 - <view class="flex-vl coupon-main" style="justify-content: center;">  
349 - <view class="font36r font-bold" style="color:#E84033;">{{item.aname}}</view>  
350 - <view class="gray-font font20r">有效期至{{util.unixtoTime(item.etime,'YYYY.MM.DD HH:II')}}</view>  
351 - </view>  
352 - <view class="flex-vc coupon-border">  
353 - <view class="circle circle-bottom bg-white"></view>  
354 - <view class="coupon-line"></view>  
355 - <view class="circle circle-top bg-white"></view>  
356 - </view>  
357 - <block wx:if="{{getcoupon}}">  
358 - <view class="flex-cc" style="padding-right: 15rpx;" data-id="{{item.id}}" catchtap="todetail">  
359 - <view class="use-button flex-cc font20r">去使用</view>  
360 - </view>  
361 - </block>  
362 - <block wx:else>  
363 - <view class="flex-cc" style="padding-right: 15rpx;">  
364 - <view class="use-button flex-cc font20r">领取</view>  
365 - </view>  
366 - </block>  
367 - </view>  
368 - </view>  
369 - <block wx:if="{{getcoupon}}">  
370 - <view class="coupon-button font24r smooth white-font flex-cc" catchtap="tohref">  
371 - <view style="position: relative;z-index: 0;">在我的-卡券中可查看，<text style="color:#FFC807;">前往查看</text></view>  
372 - </view>  
373 - </block>  
374 - <block wx:else>  
375 - <userinfo binduserinfo="setcoupon">  
376 - <view class="coupon-button font32r smooth white-font flex-cc get-button font-bold">立即领取</view>  
377 - </userinfo>  
378 -  
379 - </block>  
380 - </view>  
381 - <view class="" style="padding: 20rpx;position: relative;top: -94rpx;" catchtap="close">  
382 - <image src="http://nosqn.colorcun.com/book-close.png" style="width: 60rpx;height: 60rpx;"></image>  
383 - </view>  
384 - </view>  
385 -</view> -->  
386 -  
1 -/* pages/customer/detail_customer.wxss */  
2 -@import "../tpl/tpls.wxss";  
3 -  
4 -.pages {  
5 - width: 100%;  
6 - background-size: 100%;  
7 - font-size: 34rpx;  
8 - position: fixed;  
9 - left: 0;  
10 - top: 0;  
11 - bottom: 0;  
12 -}  
13 -  
14 -image {  
15 - width: 100%;  
16 - height: 100%;  
17 -}  
18 -  
19 -.buts-share {  
20 - background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E5%8F%91%E9%82%80%E8%AF%B7%E5%87%BD.png");  
21 -}  
22 -  
23 -.buts-share.customer {  
24 - background-image: url("http://nosqn.colorcun.com/manager-invitation/wx/%E7%A1%AE%E8%AE%A4%E6%94%B6%E5%88%B0.png");  
25 -}  
26 -  
27 -.shangwu {  
28 - margin-top: 52rpx;  
29 -}  
30 -  
31 -.shangwu .seller {  
32 - margin-bottom: 42rpx;  
33 -}  
34 -  
35 -.shangwu .invit-logo.owner {  
36 - width: 380rpx;  
37 - height: 200rpx;  
38 - background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92.png");  
39 -}  
40 -  
41 -.shangwu .invit-logo.customer {  
42 - width: 352rpx;  
43 - height: 164rpx;  
44 - background-image: url("http://nosqn.colorcun.com/custom/lite-yd/image/invit-logo.png");  
45 -}  
46 -  
47 -  
48 -.wenxin-mask {  
49 - margin-top: 20rpx;  
50 -}  
51 -  
52 -.wenxin-baitou {  
53 - margin-top: 20rpx;  
54 -}  
55 -  
56 -.wenxin .seller {  
57 - margin-bottom: 22rpx;  
58 -}  
59 -  
60 -.wenxin .invit-logo.owner {  
61 - width: 340rpx;  
62 - height: 184rpx;  
63 - background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92-%E6%B8%A9%E9%A6%A8.png");  
64 -}  
65 -  
66 -.wenxin .invit-logo.customer {  
67 - width: 344rpx;  
68 - height: 198rpx;  
69 - background-image: url("http://nosqn.colorcun.com/manager-invitation/wx/%E9%82%80%E8%AF%B7%E5%87%BD.png");  
70 -}  
71 -  
72 -.bottom {  
73 - position: fixed;  
74 - bottom: 0;  
75 - height: 90rpx;  
76 - line-height: 90rpx;  
77 - background-color: #ECD9B7;  
78 - width: 100%;  
79 - font-size: 30rpx;  
80 - box-sizing: border-box;  
81 -}  
82 -  
83 -.bottom .dingbaojian {  
84 - background-color: #262628;  
85 - color: #ECD9B7;  
86 - min-width: 160rpx;  
87 - height: 90rpx;  
88 - line-height: 90rpx;  
89 - border-top: 2rpx solid #ECD9B7;  
90 - box-sizing: border-box;  
91 -}  
92 -  
93 -.bottom .dingbaojian .icon {  
94 - width: 30rpx;  
95 - height: 30rpx;  
96 -}  
97 -  
98 -.bottom .dingbaojian .text {  
99 - height: 34rpx;  
100 - font-size: 24rpx;  
101 - color: rgba(236, 217, 183, 1);  
102 - line-height: 34rpx;  
103 - margin-top: 8rpx;  
104 -}  
105 -  
106 -.bottom .sendmsg {  
107 - background-color: #262628;  
108 - color: #ECD9B7;  
109 - min-width: 25%;  
110 -}  
111 -  
112 -.bottom .diancan {  
113 - text-align: center;  
114 - color: #794F28;  
115 - height: 66rpx;  
116 - line-height: 66rpx;  
117 - min-width: 33%;  
118 - width: 100%;  
119 -}  
120 -  
121 -.bottom .diancan .buts-text {  
122 - height: 66rpx;  
123 - line-height: 66rpx;  
124 -}  
125 -  
126 -.bottom .diancan.left-border {  
127 - border-left: 2rpx solid #D3BF9C;  
128 -}  
129 -  
130 -.bottom .jiushui {  
131 - text-align: center;  
132 - color: #794F28;  
133 - height: 90rpx;  
134 - line-height: 90rpx;  
135 - min-width: 33%;  
136 - width: 70%;  
137 -}  
138 -  
139 -.bottom .diancan .icon {  
140 - width: 40rpx;  
141 - height: 34rpx;  
142 - margin-right: 40rpx;  
143 -}  
144 -  
145 -.bottom .jiushui .icon {  
146 - width: 32rpx;  
147 - height: 38rpx;  
148 - margin-right: 40rpx;  
149 -}  
150 -  
151 -.buts-text {  
152 - height: 90rpx;  
153 - line-height: 90rpx;  
154 -}  
155 -  
156 -.vline {  
157 - background-color: #D3BF9C;  
158 - width: 6rpx;  
159 - height: 66rpx;  
160 - min-width: 6rpx;  
161 -}  
162 -  
163 -.opt-view-tip {  
164 - font-size: 30rpx;  
165 - color: #ccc;  
166 -}  
167 -  
168 -.service-view {  
169 - width: 88rpx;  
170 - height: 64rpx;  
171 - background: rgba(0, 0, 0, 0.15);  
172 - border-radius: 50rpx;  
173 - border: 1rpx solid rgba(255, 255, 255, 0.25);  
174 - box-sizing: border-box;  
175 - margin-right: 20rpx;  
176 -}  
177 -  
178 -.service-icon {  
179 - background-image: url("http://nosqn.colorcun.com/shead2.png");  
180 - background-size: 100% 100%;  
181 - width: 36rpx;  
182 - height: 36rpx;  
183 -}  
184 -  
185 -.coupon {  
186 - position: fixed;  
187 - left: 0;  
188 - right: 0;  
189 - top: 0;  
190 - bottom: 0;  
191 - background: rgba(0, 0, 0, .5);  
192 -}  
193 -  
194 -.coupon-content {  
195 - width: 658rpx;  
196 - position: absolute;  
197 - left: 0;  
198 - right: 0;  
199 - top: 50%;  
200 - margin: auto;  
201 -}  
202 -  
203 -.coupon-bg {  
204 - width: 658rpx;  
205 - height: 468rpx;  
206 - background: url(http://nosqn.colorcun.com/coupon.jpg) center center no-repeat;  
207 - background-size: contain;  
208 -}  
209 -  
210 -.coupon-info {  
211 - width: 502rpx;  
212 - border-radius: 20rpx;  
213 - overflow: hidden;  
214 - background: #F65636;  
215 - position: relative;  
216 - top: -152rpx;  
217 - margin: 0 auto;  
218 -}  
219 -  
220 -.coupon-header {  
221 - width: 100%;  
222 - height: 152rpx;  
223 -}  
224 -  
225 -.coupon-header>view:first-child {  
226 - font-size: 48rpx;  
227 -}  
228 -  
229 -.coupon-header>view {  
230 - background: linear-gradient(to bottom, #FFFFFF, #FAECA5);  
231 - -webkit-background-clip: text;  
232 - line-height: 1.4;  
233 - -webkit-text-fill-color: transparent;  
234 -}  
235 -  
236 -.coupon-button {  
237 - width: 100%;  
238 - padding: 20rpx 0;  
239 - line-height: 34rpx;  
240 - position: relative;  
241 -}  
242 -  
243 -.coupon-list {  
244 - width: 502rpx;  
245 - max-height: 360rpx;  
246 - overflow-y: scroll;  
247 -}  
248 -  
249 -.coupon-single {  
250 - width: 452rpx;  
251 - height: 134rpx;  
252 - border-radius: 20rpx;  
253 - line-height: 1.4;  
254 - margin: 0 auto 16rpx;  
255 - background: #FFFFFF;  
256 -}  
257 -  
258 -.coupon-main {  
259 - width: 310rpx;  
260 - height: 100%;  
261 - padding-left: 30rpx;  
262 - box-sizing: border-box;  
263 -}  
264 -  
265 -.coupon-border {  
266 - width: 32rpx;  
267 - height: 100%;  
268 -}  
269 -  
270 -.circle {  
271 - width: 20rpx;  
272 - height: 10rpx;  
273 - background: #F65636;  
274 - border: 2rpx solid #F65636;  
275 -}  
276 -  
277 -.circle-top {  
278 - border-radius: 10rpx 10rpx 0 0;  
279 -}  
280 -  
281 -.coupon-line {  
282 - width: 2rpx;  
283 - height: 114rpx;  
284 - background: rgba(246, 86, 54, .2);  
285 -}  
286 -  
287 -.circle-bottom {  
288 - border-radius: 0 0 10rpx 10rpx;  
289 -}  
290 -  
291 -.use-button {  
292 - width: 92rpx;  
293 - height: 44rpx;  
294 - border-radius: 22rpx;  
295 - background: #E84033;  
296 - color: #FFFFFF;  
297 -}  
298 -  
299 -::-webkit-scrollbar {  
300 - display: none;  
301 - /* Chrome Safari */  
302 -}  
303 -  
304 -.care {  
305 - width: 380px;  
306 - height: 84px;  
307 - /* position: absolute;  
308 - left: 0;  
309 - top: 0; */  
310 - /* padding-left: 100rpx; */  
311 - box-sizing: border-box;  
312 - background: #E84033;  
313 -}  
314 -  
315 -.get-button {  
316 - background: transparent;  
317 - padding: 30rpx 0;  
318 -}  
319 -  
320 -.menu {  
321 - width: 100rpx;  
322 - height: 100rpx;  
323 - border-radius: 50%;  
324 - position: fixed;  
325 - left: 40rpx;  
326 - bottom: 80rpx;  
327 - background: url(http://nosqn.colorcun.com/invite_menu.png) center center no-repeat;  
328 - background-size: contain;  
329 -}  
330 -  
331 -.menu-list {  
332 - position: fixed;  
333 - left: 0;  
334 - right: 0;  
335 - top: 0;  
336 - bottom: 0;  
337 - background: rgba(0, 0, 0, .69);  
338 - z-index: 100;  
339 - padding-left: 40rpx;  
340 - padding-bottom: 40rpx;  
341 - box-sizing: border-box;  
342 -}  
343 -  
344 -.menu-item {  
345 - height: 100rpx;  
346 - margin-bottom: 40rpx;  
347 -}  
348 -  
349 -.menu-item-image {  
350 - width: 100rpx;  
351 - height: 100rpx;  
352 - margin-right: 20rpx;  
353 - border-radius: 50%;  
354 -}  
355 -  
356 -/* .menu-item-book{  
357 - width: 100rpx;  
358 - height: 100rpx;  
359 - border-radius: 50%;  
360 - position: fixed;  
361 - left: 40rpx;  
362 - bottom: 80rpx;  
363 - background: url(http://nosqn.colorcun.com/invite_menu.png) center center no-repeat;  
364 - background-size: contain;  
365 -} */  
366 -.menu-list {  
367 - position: fixed;  
368 - left: 0;  
369 - right: 0;  
370 - top: 0;  
371 - bottom: 0;  
372 - background: rgba(0, 0, 0, .69);  
373 - z-index: 100;  
374 - padding-left: 40rpx;  
375 - padding-bottom: 40rpx;  
376 - box-sizing: border-box;  
377 -}  
378 -  
379 -.menu-item {  
380 - height: 100rpx;  
381 - margin-bottom: 40rpx;  
382 -}  
383 -  
384 -.menu-item-image {  
385 - width: 100rpx;  
386 - height: 100rpx;  
387 - margin-right: 20rpx;  
388 - border-radius: 50%;  
389 -}  
390 -  
391 -.menu-item-book {  
392 - background: url(http://nosqn.colorcun.com/menu-book.png) center center no-repeat;  
393 - background-size: contain;  
394 -}  
395 -  
396 -.menu-item-buy {  
397 - background: url(http://nosqn.colorcun.com/menu-buy.png) center center no-repeat;  
398 - background-size: contain;  
399 -}  
400 -  
401 -.menu-item-buy-nouse {  
402 - background: url(http://nosqn.colorcun.com/menu-buy-nouse.png) center center no-repeat;  
403 - background-size: contain;  
404 -}  
405 -  
406 -.menu-item-check {  
407 - background: url(http://nosqn.colorcun.com/menu-check.png) center center no-repeat;  
408 - background-size: contain;  
409 -}  
410 -  
411 -.menu-item-check-nouse {  
412 - background: url(http://nosqn.colorcun.com/menu-check-nouse.png) center center no-repeat;  
413 - background-size: contain;  
414 -}  
415 -  
416 -.menu-item-back {  
417 - background: url(http://nosqn.colorcun.com/menu-back.png) center center no-repeat;  
418 - background-size: contain;  
419 -}  
420 -  
421 -.click-icon {  
422 - width: 12rpx;  
423 - height: 12rpx;  
424 - border-top: 2rpx solid #FFFFFF;  
425 - border-right: 2rpx solid #FFFFFF;  
426 - transform: rotate(45deg);  
427 - margin-left: -6rpx;  
428 -}  
429 -  
430 -.gray-font {  
431 - color: #999999;  
432 -}  
433 -  
434 -.menu-item-buy {  
435 - background: url(http://nosqn.colorcun.com/menu-buy.png) center center no-repeat;  
436 - background-size: contain;  
437 -}  
438 -  
439 -.menu-item-buy-nouse {  
440 - background: url(http://nosqn.colorcun.com/menu-buy-nouse.png) center center no-repeat;  
441 - background-size: contain;  
442 -}  
443 -  
444 -.menu-item-check {  
445 - background: url(http://nosqn.colorcun.com/menu-check.png) center center no-repeat;  
446 - background-size: contain;  
447 -}  
448 -  
449 -.menu-item-check-nouse {  
450 - background: url(http://nosqn.colorcun.com/menu-check-nouse.png) center center no-repeat;  
451 - background-size: contain;  
452 -}  
453 -  
454 -.menu-item-back {  
455 - background: url(http://nosqn.colorcun.com/menu-back.png) center center no-repeat;  
456 - background-size: contain;  
457 -}  
458 -  
459 -.click-icon {  
460 - width: 12rpx;  
461 - height: 12rpx;  
462 - border-top: 2rpx solid #FFFFFF;  
463 - border-right: 2rpx solid #FFFFFF;  
464 - transform: rotate(45deg);  
465 - margin-left: -6rpx;  
466 -}  
467 -  
468 -.gray-font {  
469 - color: #999999;  
470 -}  
471 -  
472 -.last-book-food {  
473 - width: 202rpx;  
474 - height: 62rpx;  
475 - background: linear-gradient(to right, #E1B275, #FEEFBC, #E1B275);  
476 - border-radius: 32rpx;  
477 - position: relative;  
478 - z-index: 100;  
479 -}  
480 -  
481 -.notice {  
482 - width: 20rpx;  
483 - height: 20rpx;  
484 - border-radius: 50%;  
485 - position: absolute;  
486 - right: -10rpx;  
487 - top: 10rpx;  
488 - background: #E61010;  
489 -}  
@@ -68,6 +68,7 @@ Page({ @@ -68,6 +68,7 @@ Page({
68 audioCtx: '', //播报 68 audioCtx: '', //播报
69 timers: null, // 动画定时器 69 timers: null, // 动画定时器
70 n: 0, 70 n: 0,
  71 + modal:'',
71 /** 72 /**
72 * 生命周期函数--监听页面加载 73 * 生命周期函数--监听页面加载
73 */ 74 */
@@ -91,7 +92,19 @@ Page({ @@ -91,7 +92,19 @@ Page({
91 }); 92 });
92 const systemInfo = wx.getSystemInfoSync(); 93 const systemInfo = wx.getSystemInfoSync();
93 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 94 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
94 - }, 95 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  96 + wx.onUserCaptureScreen((res)=> {
  97 + this.showModal()
  98 + })
  99 + },
  100 + // 打开截屏弹框
  101 + showModal() {
  102 + this.modal.showModal()
  103 + },
  104 + // 关闭截屏弹框
  105 + closeModal() {
  106 + this.modal.closeModal()
  107 + },
95 // 页面滚动事件 108 // 页面滚动事件
96 onPageScroll: function (event) { 109 onPageScroll: function (event) {
97 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 110 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
@@ -494,6 +507,7 @@ Page({ @@ -494,6 +507,7 @@ Page({
494 // 分享 507 // 分享
495 sharesetting() { 508 sharesetting() {
496 wx.reportMonitor('1017', 1) 509 wx.reportMonitor('1017', 1)
  510 + this.closeModal()
497 let parmdata = { 511 let parmdata = {
498 id: this.id, 512 id: this.id,
499 fromid: getApp().openid, 513 fromid: getApp().openid,
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 "painter":"/components/painter/painter", 7 "painter":"/components/painter/painter",
8 - "titleStyle":"/components/titleStyle/titleStyle" 8 + "titleStyle":"/components/titleStyle/titleStyle",
  9 + "my-modal": "/components/modal/modal"
9 } 10 }
10 } 11 }
@@ -240,4 +240,16 @@ @@ -240,4 +240,16 @@
240 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 240 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
241 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 241 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
242 </view> 242 </view>
243 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
  243 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  244 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  245 + <view slot="modalName" class="titleModal">提示</view>
  246 + <view slot="modalContent">
  247 + <view class="explain">
  248 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  249 + </view>
  250 + <view class="screenshotBtns">
  251 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  252 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  253 + </view>
  254 + </view>
  255 +</my-modal>
@@ -568,6 +568,66 @@ @@ -568,6 +568,66 @@
568 z-index: 200; 568 z-index: 200;
569 } 569 }
570 570
  571 +#payModal {
  572 + display: flex;
  573 + align-items: center;
  574 +}
  575 +
  576 +.titleModal {
  577 + width: 100%;
  578 + margin-top: 48rpx;
  579 + color: #000;
  580 + font-family: PingFang SC;
  581 + font-weight: 500;
  582 + font-size: 44rpx;
  583 + text-align: center;
  584 +}
  585 +
  586 +.explain{
  587 + padding: 0 40rpx;
  588 + font-size: 30rpx;
  589 + color: #000;
  590 + line-height: 40rpx;
  591 + text-align: center;
  592 +}
  593 +
  594 +.screenshotBtns{
  595 + width: 100%;
  596 + display: flex;
  597 + justify-content: space-between;
  598 + box-sizing: border-box;
  599 + padding: 52rpx 22rpx 0 22rpx;
  600 +}
  601 +
  602 +.btnsLeft {
  603 + width: 43%;
  604 + border-radius: 42rpx;
  605 + background: #fff;
  606 + border: 2rpx solid #0346A5;
  607 + bottom: 10%;
  608 + color: #0346A5;
  609 +}
  610 +
  611 +.btnsRight {
  612 + width: 43%;
  613 + border-radius: 42rpx;
  614 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  615 + bottom: 10%;
  616 + color: #fff;
  617 +}
  618 +
  619 +.mymodal{
  620 + top: 30% !important;
  621 + width: 80% !important;
  622 + margin: 0 auto !important;
  623 + left: 0 !important;
  624 + right: 0 !important;
  625 +}
  626 +
  627 +.mymodal .mymodal-content {
  628 + height: auto !important;
  629 +}
  630 +
571 /* 深中国红 */ 631 /* 深中国红 */
572 .crimson, 632 .crimson,
573 .crimson .positioningBox { 633 .crimson .positioningBox {
@@ -68,6 +68,7 @@ Page({ @@ -68,6 +68,7 @@ Page({
68 audioCtx: '', //播报 68 audioCtx: '', //播报
69 timers: null, // 动画定时器 69 timers: null, // 动画定时器
70 n: 0, 70 n: 0,
  71 + modal:'',
71 /** 72 /**
72 * 生命周期函数--监听页面加载 73 * 生命周期函数--监听页面加载
73 */ 74 */
@@ -91,7 +92,19 @@ Page({ @@ -91,7 +92,19 @@ Page({
91 }); 92 });
92 const systemInfo = wx.getSystemInfoSync(); 93 const systemInfo = wx.getSystemInfoSync();
93 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 94 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
94 - }, 95 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  96 + wx.onUserCaptureScreen((res)=> {
  97 + this.showModal()
  98 + })
  99 + },
  100 + // 打开截屏弹框
  101 + showModal() {
  102 + this.modal.showModal()
  103 + },
  104 + // 关闭截屏弹框
  105 + closeModal() {
  106 + this.modal.closeModal()
  107 + },
95 // 页面滚动事件 108 // 页面滚动事件
96 onPageScroll: function (event) { 109 onPageScroll: function (event) {
97 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 110 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
@@ -494,6 +507,7 @@ Page({ @@ -494,6 +507,7 @@ Page({
494 // 分享 507 // 分享
495 sharesetting() { 508 sharesetting() {
496 wx.reportMonitor('1017', 1) 509 wx.reportMonitor('1017', 1)
  510 + this.closeModal()
497 let parmdata = { 511 let parmdata = {
498 id: this.id, 512 id: this.id,
499 fromid: getApp().openid, 513 fromid: getApp().openid,
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 "painter":"/components/painter/painter", 7 "painter":"/components/painter/painter",
8 - "titleStyle":"/components/titleStyle/titleStyle" 8 + "titleStyle":"/components/titleStyle/titleStyle",
  9 + "my-modal": "/components/modal/modal"
9 } 10 }
10 } 11 }
@@ -242,4 +242,16 @@ @@ -242,4 +242,16 @@
242 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 242 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
243 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 243 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
244 </view> 244 </view>
245 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
  245 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  246 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  247 + <view slot="modalName" class="titleModal">提示</view>
  248 + <view slot="modalContent">
  249 + <view class="explain">
  250 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  251 + </view>
  252 + <view class="screenshotBtns">
  253 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  254 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  255 + </view>
  256 + </view>
  257 +</my-modal>
@@ -603,6 +603,66 @@ @@ -603,6 +603,66 @@
603 z-index: 200; 603 z-index: 200;
604 } 604 }
605 605
  606 +#payModal {
  607 + display: flex;
  608 + align-items: center;
  609 +}
  610 +
  611 +.titleModal {
  612 + width: 100%;
  613 + margin-top: 48rpx;
  614 + color: #000;
  615 + font-family: PingFang SC;
  616 + font-weight: 500;
  617 + font-size: 44rpx;
  618 + text-align: center;
  619 +}
  620 +
  621 +.explain{
  622 + padding: 0 40rpx;
  623 + font-size: 30rpx;
  624 + color: #000;
  625 + line-height: 40rpx;
  626 + text-align: center;
  627 +}
  628 +
  629 +.screenshotBtns{
  630 + width: 100%;
  631 + display: flex;
  632 + justify-content: space-between;
  633 + box-sizing: border-box;
  634 + padding: 52rpx 22rpx 0 22rpx;
  635 +}
  636 +
  637 +.btnsLeft {
  638 + width: 43%;
  639 + border-radius: 42rpx;
  640 + background: #fff;
  641 + border: 2rpx solid #0346A5;
  642 + bottom: 10%;
  643 + color: #0346A5;
  644 +}
  645 +
  646 +.btnsRight {
  647 + width: 43%;
  648 + border-radius: 42rpx;
  649 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  650 + bottom: 10%;
  651 + color: #fff;
  652 +}
  653 +
  654 +.mymodal{
  655 + top: 30% !important;
  656 + width: 80% !important;
  657 + margin: 0 auto !important;
  658 + left: 0 !important;
  659 + right: 0 !important;
  660 +}
  661 +
  662 +.mymodal .mymodal-content {
  663 + height: auto !important;
  664 +}
  665 +
606 /* 深中国红 */ 666 /* 深中国红 */
607 .crimson, 667 .crimson,
608 .crimson .positioningBox { 668 .crimson .positioningBox {
@@ -68,6 +68,7 @@ Page({ @@ -68,6 +68,7 @@ Page({
68 audioCtx: '', //播报 68 audioCtx: '', //播报
69 timers: null, // 动画定时器 69 timers: null, // 动画定时器
70 n: 0, 70 n: 0,
  71 + modal:'',
71 /** 72 /**
72 * 生命周期函数--监听页面加载 73 * 生命周期函数--监听页面加载
73 */ 74 */
@@ -91,7 +92,19 @@ Page({ @@ -91,7 +92,19 @@ Page({
91 }); 92 });
92 const systemInfo = wx.getSystemInfoSync(); 93 const systemInfo = wx.getSystemInfoSync();
93 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 94 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
94 - }, 95 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  96 + wx.onUserCaptureScreen((res)=> {
  97 + this.showModal()
  98 + })
  99 + },
  100 + // 打开截屏弹框
  101 + showModal() {
  102 + this.modal.showModal()
  103 + },
  104 + // 关闭截屏弹框
  105 + closeModal() {
  106 + this.modal.closeModal()
  107 + },
95 // 页面滚动事件 108 // 页面滚动事件
96 onPageScroll: function (event) { 109 onPageScroll: function (event) {
97 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 110 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
@@ -494,6 +507,7 @@ Page({ @@ -494,6 +507,7 @@ Page({
494 // 分享 507 // 分享
495 sharesetting() { 508 sharesetting() {
496 wx.reportMonitor('1017', 1) 509 wx.reportMonitor('1017', 1)
  510 + this.closeModal()
497 let parmdata = { 511 let parmdata = {
498 id: this.id, 512 id: this.id,
499 fromid: getApp().openid, 513 fromid: getApp().openid,
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 "painter":"/components/painter/painter", 7 "painter":"/components/painter/painter",
8 - "titleStyle":"/components/titleStyle/titleStyle" 8 + "titleStyle":"/components/titleStyle/titleStyle",
  9 + "my-modal": "/components/modal/modal"
9 } 10 }
10 } 11 }
@@ -225,4 +225,16 @@ @@ -225,4 +225,16 @@
225 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 225 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
226 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 226 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
227 </view> 227 </view>
228 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
  228 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  229 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  230 + <view slot="modalName" class="titleModal">提示</view>
  231 + <view slot="modalContent">
  232 + <view class="explain">
  233 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  234 + </view>
  235 + <view class="screenshotBtns">
  236 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  237 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  238 + </view>
  239 + </view>
  240 +</my-modal>
@@ -592,6 +592,66 @@ @@ -592,6 +592,66 @@
592 z-index: 200; 592 z-index: 200;
593 } 593 }
594 594
  595 +#payModal {
  596 + display: flex;
  597 + align-items: center;
  598 +}
  599 +
  600 +.titleModal {
  601 + width: 100%;
  602 + margin-top: 48rpx;
  603 + color: #000;
  604 + font-family: PingFang SC;
  605 + font-weight: 500;
  606 + font-size: 44rpx;
  607 + text-align: center;
  608 +}
  609 +
  610 +.explain{
  611 + padding: 0 40rpx;
  612 + font-size: 30rpx;
  613 + color: #000;
  614 + line-height: 40rpx;
  615 + text-align: center;
  616 +}
  617 +
  618 +.screenshotBtns{
  619 + width: 100%;
  620 + display: flex;
  621 + justify-content: space-between;
  622 + box-sizing: border-box;
  623 + padding: 52rpx 22rpx 0 22rpx;
  624 +}
  625 +
  626 +.btnsLeft {
  627 + width: 43%;
  628 + border-radius: 42rpx;
  629 + background: #fff;
  630 + border: 2rpx solid #0346A5;
  631 + bottom: 10%;
  632 + color: #0346A5;
  633 +}
  634 +
  635 +.btnsRight {
  636 + width: 43%;
  637 + border-radius: 42rpx;
  638 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  639 + bottom: 10%;
  640 + color: #fff;
  641 +}
  642 +
  643 +.mymodal{
  644 + top: 30% !important;
  645 + width: 80% !important;
  646 + margin: 0 auto !important;
  647 + left: 0 !important;
  648 + right: 0 !important;
  649 +}
  650 +
  651 +.mymodal .mymodal-content {
  652 + height: auto !important;
  653 +}
  654 +
595 /* 深中国红 */ 655 /* 深中国红 */
596 .crimson, 656 .crimson,
597 .crimson .positioningBox { 657 .crimson .positioningBox {
@@ -67,6 +67,7 @@ Page({ @@ -67,6 +67,7 @@ Page({
67 audioCtx: '', //播报 67 audioCtx: '', //播报
68 timers: null, // 动画定时器 68 timers: null, // 动画定时器
69 n: 0, 69 n: 0,
  70 + modal:'',
70 /** 71 /**
71 * 生命周期函数--监听页面加载 72 * 生命周期函数--监听页面加载
72 */ 73 */
@@ -90,7 +91,19 @@ Page({ @@ -90,7 +91,19 @@ Page({
90 }); 91 });
91 const systemInfo = wx.getSystemInfoSync(); 92 const systemInfo = wx.getSystemInfoSync();
92 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 93 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
93 - }, 94 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  95 + wx.onUserCaptureScreen((res)=> {
  96 + this.showModal()
  97 + })
  98 + },
  99 + // 打开截屏弹框
  100 + showModal() {
  101 + this.modal.showModal()
  102 + },
  103 + // 关闭截屏弹框
  104 + closeModal() {
  105 + this.modal.closeModal()
  106 + },
94 // 页面滚动事件 107 // 页面滚动事件
95 onPageScroll: function (event) { 108 onPageScroll: function (event) {
96 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 109 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
@@ -493,6 +506,7 @@ Page({ @@ -493,6 +506,7 @@ Page({
493 // 分享 506 // 分享
494 sharesetting() { 507 sharesetting() {
495 wx.reportMonitor('1017', 1) 508 wx.reportMonitor('1017', 1)
  509 + this.closeModal()
496 let parmdata = { 510 let parmdata = {
497 id: this.id, 511 id: this.id,
498 fromid: getApp().openid, 512 fromid: getApp().openid,
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 "painter":"/components/painter/painter", 7 "painter":"/components/painter/painter",
8 - "titleStyle":"/components/titleStyle/titleStyle" 8 + "titleStyle":"/components/titleStyle/titleStyle",
  9 + "my-modal": "/components/modal/modal"
9 } 10 }
10 } 11 }
@@ -223,4 +223,16 @@ @@ -223,4 +223,16 @@
223 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 223 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
224 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 224 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
225 </view> 225 </view>
226 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
  226 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  227 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  228 + <view slot="modalName" class="titleModal">提示</view>
  229 + <view slot="modalContent">
  230 + <view class="explain">
  231 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  232 + </view>
  233 + <view class="screenshotBtns">
  234 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  235 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  236 + </view>
  237 + </view>
  238 +</my-modal>
@@ -592,6 +592,66 @@ @@ -592,6 +592,66 @@
592 z-index: 200; 592 z-index: 200;
593 } 593 }
594 594
  595 +#payModal {
  596 + display: flex;
  597 + align-items: center;
  598 +}
  599 +
  600 +.titleModal {
  601 + width: 100%;
  602 + margin-top: 48rpx;
  603 + color: #000;
  604 + font-family: PingFang SC;
  605 + font-weight: 500;
  606 + font-size: 44rpx;
  607 + text-align: center;
  608 +}
  609 +
  610 +.explain{
  611 + padding: 0 40rpx;
  612 + font-size: 30rpx;
  613 + color: #000;
  614 + line-height: 40rpx;
  615 + text-align: center;
  616 +}
  617 +
  618 +.screenshotBtns{
  619 + width: 100%;
  620 + display: flex;
  621 + justify-content: space-between;
  622 + box-sizing: border-box;
  623 + padding: 52rpx 22rpx 0 22rpx;
  624 +}
  625 +
  626 +.btnsLeft {
  627 + width: 43%;
  628 + border-radius: 42rpx;
  629 + background: #fff;
  630 + border: 2rpx solid #0346A5;
  631 + bottom: 10%;
  632 + color: #0346A5;
  633 +}
  634 +
  635 +.btnsRight {
  636 + width: 43%;
  637 + border-radius: 42rpx;
  638 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  639 + bottom: 10%;
  640 + color: #fff;
  641 +}
  642 +
  643 +.mymodal{
  644 + top: 30% !important;
  645 + width: 80% !important;
  646 + margin: 0 auto !important;
  647 + left: 0 !important;
  648 + right: 0 !important;
  649 +}
  650 +
  651 +.mymodal .mymodal-content {
  652 + height: auto !important;
  653 +}
  654 +
595 /* 深中国红 */ 655 /* 深中国红 */
596 .crimson, 656 .crimson,
597 .crimson .positioningBox { 657 .crimson .positioningBox {
@@ -66,6 +66,7 @@ Page({ @@ -66,6 +66,7 @@ Page({
66 audioCtx: '', //播报 66 audioCtx: '', //播报
67 timers: null, // 动画定时器 67 timers: null, // 动画定时器
68 n: 0, 68 n: 0,
  69 + modal:'',
69 /** 70 /**
70 * 生命周期函数--监听页面加载 71 * 生命周期函数--监听页面加载
71 */ 72 */
@@ -89,6 +90,18 @@ Page({ @@ -89,6 +90,18 @@ Page({
89 }); 90 });
90 const systemInfo = wx.getSystemInfoSync(); 91 const systemInfo = wx.getSystemInfoSync();
91 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 92 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
  93 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  94 + wx.onUserCaptureScreen((res)=> {
  95 + this.showModal()
  96 + })
  97 + },
  98 + // 打开截屏弹框
  99 + showModal() {
  100 + this.modal.showModal()
  101 + },
  102 + // 关闭截屏弹框
  103 + closeModal() {
  104 + this.modal.closeModal()
92 }, 105 },
93 // 页面滚动事件 106 // 页面滚动事件
94 onPageScroll: function (event) { 107 onPageScroll: function (event) {
@@ -444,6 +457,7 @@ Page({ @@ -444,6 +457,7 @@ Page({
444 }, 457 },
445 sharesetting() { 458 sharesetting() {
446 wx.reportMonitor('1017', 1) 459 wx.reportMonitor('1017', 1)
  460 + this.closeModal()
447 let parmdata = { 461 let parmdata = {
448 id: this.id, 462 id: this.id,
449 fromid: getApp().openid, 463 fromid: getApp().openid,
@@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 - "painter":"/components/painter/painter" 7 + "painter":"/components/painter/painter",
  8 + "my-modal": "/components/modal/modal"
8 } 9 }
9 } 10 }
@@ -279,9 +279,21 @@ @@ -279,9 +279,21 @@
279 {{toastText}} 279 {{toastText}}
280 </view> 280 </view>
281 </scroll-view> 281 </scroll-view>
282 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
283 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 282 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
284 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 283 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
285 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 284 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
286 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 285 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
287 -</view>  
  286 +</view>
  287 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  288 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  289 + <view slot="modalName" class="titleModal">提示</view>
  290 + <view slot="modalContent">
  291 + <view class="explain">
  292 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  293 + </view>
  294 + <view class="screenshotBtns">
  295 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  296 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  297 + </view>
  298 + </view>
  299 +</my-modal>
@@ -723,6 +723,66 @@ @@ -723,6 +723,66 @@
723 z-index: 200; 723 z-index: 200;
724 } 724 }
725 725
  726 +#payModal {
  727 + display: flex;
  728 + align-items: center;
  729 +}
  730 +
  731 +.titleModal {
  732 + width: 100%;
  733 + margin-top: 48rpx;
  734 + color: #000;
  735 + font-family: PingFang SC;
  736 + font-weight: 500;
  737 + font-size: 44rpx;
  738 + text-align: center;
  739 +}
  740 +
  741 +.explain{
  742 + padding: 0 40rpx;
  743 + font-size: 30rpx;
  744 + color: #000;
  745 + line-height: 40rpx;
  746 + text-align: center;
  747 +}
  748 +
  749 +.screenshotBtns{
  750 + width: 100%;
  751 + display: flex;
  752 + justify-content: space-between;
  753 + box-sizing: border-box;
  754 + padding: 52rpx 22rpx 0 22rpx;
  755 +}
  756 +
  757 +.btnsLeft {
  758 + width: 43%;
  759 + border-radius: 42rpx;
  760 + background: #fff;
  761 + border: 2rpx solid #0346A5;
  762 + bottom: 10%;
  763 + color: #0346A5;
  764 +}
  765 +
  766 +.btnsRight {
  767 + width: 43%;
  768 + border-radius: 42rpx;
  769 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  770 + bottom: 10%;
  771 + color: #fff;
  772 +}
  773 +
  774 +.mymodal{
  775 + top: 30% !important;
  776 + width: 80% !important;
  777 + margin: 0 auto !important;
  778 + left: 0 !important;
  779 + right: 0 !important;
  780 +}
  781 +
  782 +.mymodal .mymodal-content {
  783 + height: auto !important;
  784 +}
  785 +
726 /* 黑蓝过渡 */ 786 /* 黑蓝过渡 */
727 .blackBlueGradient .titleImg { 787 .blackBlueGradient .titleImg {
728 background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%); 788 background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
@@ -68,6 +68,7 @@ Page({ @@ -68,6 +68,7 @@ Page({
68 audioCtx: '', //播报 68 audioCtx: '', //播报
69 timers: null, // 动画定时器 69 timers: null, // 动画定时器
70 n: 0, 70 n: 0,
  71 + modal:'',
71 /** 72 /**
72 * 生命周期函数--监听页面加载 73 * 生命周期函数--监听页面加载
73 */ 74 */
@@ -91,7 +92,19 @@ Page({ @@ -91,7 +92,19 @@ Page({
91 }); 92 });
92 const systemInfo = wx.getSystemInfoSync(); 93 const systemInfo = wx.getSystemInfoSync();
93 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 94 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
94 - }, 95 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  96 + wx.onUserCaptureScreen((res)=> {
  97 + this.showModal()
  98 + })
  99 + },
  100 + // 打开截屏弹框
  101 + showModal() {
  102 + this.modal.showModal()
  103 + },
  104 + // 关闭截屏弹框
  105 + closeModal() {
  106 + this.modal.closeModal()
  107 + },
95 // 页面滚动事件 108 // 页面滚动事件
96 onPageScroll: function (event) { 109 onPageScroll: function (event) {
97 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 110 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
@@ -494,6 +507,7 @@ Page({ @@ -494,6 +507,7 @@ Page({
494 // 分享 507 // 分享
495 sharesetting() { 508 sharesetting() {
496 wx.reportMonitor('1017', 1) 509 wx.reportMonitor('1017', 1)
  510 + this.closeModal()
497 let parmdata = { 511 let parmdata = {
498 id: this.id, 512 id: this.id,
499 fromid: getApp().openid, 513 fromid: getApp().openid,
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 "painter":"/components/painter/painter", 7 "painter":"/components/painter/painter",
8 - "titleStyle":"/components/titleStyle/titleStyle" 8 + "titleStyle":"/components/titleStyle/titleStyle",
  9 + "my-modal": "/components/modal/modal"
9 } 10 }
10 } 11 }
@@ -238,4 +238,16 @@ @@ -238,4 +238,16 @@
238 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 238 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
239 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 239 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
240 </view> 240 </view>
241 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
  241 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  242 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  243 + <view slot="modalName" class="titleModal">提示</view>
  244 + <view slot="modalContent">
  245 + <view class="explain">
  246 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  247 + </view>
  248 + <view class="screenshotBtns">
  249 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  250 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  251 + </view>
  252 + </view>
  253 +</my-modal>
@@ -583,6 +583,66 @@ @@ -583,6 +583,66 @@
583 z-index: 200; 583 z-index: 200;
584 } 584 }
585 585
  586 +#payModal {
  587 + display: flex;
  588 + align-items: center;
  589 +}
  590 +
  591 +.titleModal {
  592 + width: 100%;
  593 + margin-top: 48rpx;
  594 + color: #000;
  595 + font-family: PingFang SC;
  596 + font-weight: 500;
  597 + font-size: 44rpx;
  598 + text-align: center;
  599 +}
  600 +
  601 +.explain{
  602 + padding: 0 40rpx;
  603 + font-size: 30rpx;
  604 + color: #000;
  605 + line-height: 40rpx;
  606 + text-align: center;
  607 +}
  608 +
  609 +.screenshotBtns{
  610 + width: 100%;
  611 + display: flex;
  612 + justify-content: space-between;
  613 + box-sizing: border-box;
  614 + padding: 52rpx 22rpx 0 22rpx;
  615 +}
  616 +
  617 +.btnsLeft {
  618 + width: 43%;
  619 + border-radius: 42rpx;
  620 + background: #fff;
  621 + border: 2rpx solid #0346A5;
  622 + bottom: 10%;
  623 + color: #0346A5;
  624 +}
  625 +
  626 +.btnsRight {
  627 + width: 43%;
  628 + border-radius: 42rpx;
  629 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  630 + bottom: 10%;
  631 + color: #fff;
  632 +}
  633 +
  634 +.mymodal{
  635 + top: 30% !important;
  636 + width: 80% !important;
  637 + margin: 0 auto !important;
  638 + left: 0 !important;
  639 + right: 0 !important;
  640 +}
  641 +
  642 +.mymodal .mymodal-content {
  643 + height: auto !important;
  644 +}
  645 +
586 /* 深中国红 */ 646 /* 深中国红 */
587 .crimson, 647 .crimson,
588 .crimson .positioningBox { 648 .crimson .positioningBox {
@@ -68,6 +68,7 @@ Page({ @@ -68,6 +68,7 @@ Page({
68 audioCtx: '', //播报 68 audioCtx: '', //播报
69 timers: null, // 动画定时器 69 timers: null, // 动画定时器
70 n: 0, 70 n: 0,
  71 + modal:'',
71 /** 72 /**
72 * 生命周期函数--监听页面加载 73 * 生命周期函数--监听页面加载
73 */ 74 */
@@ -91,7 +92,19 @@ Page({ @@ -91,7 +92,19 @@ Page({
91 }); 92 });
92 const systemInfo = wx.getSystemInfoSync(); 93 const systemInfo = wx.getSystemInfoSync();
93 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 94 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
94 - }, 95 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  96 + wx.onUserCaptureScreen((res)=> {
  97 + this.showModal()
  98 + })
  99 + },
  100 + // 打开截屏弹框
  101 + showModal() {
  102 + this.modal.showModal()
  103 + },
  104 + // 关闭截屏弹框
  105 + closeModal() {
  106 + this.modal.closeModal()
  107 + },
95 // 页面滚动事件 108 // 页面滚动事件
96 onPageScroll: function (event) { 109 onPageScroll: function (event) {
97 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 110 const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
@@ -493,6 +506,7 @@ Page({ @@ -493,6 +506,7 @@ Page({
493 // 分享 506 // 分享
494 sharesetting() { 507 sharesetting() {
495 wx.reportMonitor('1017', 1) 508 wx.reportMonitor('1017', 1)
  509 + this.closeModal()
496 let parmdata = { 510 let parmdata = {
497 id: this.id, 511 id: this.id,
498 fromid: getApp().openid, 512 fromid: getApp().openid,
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 "painter":"/components/painter/painter", 7 "painter":"/components/painter/painter",
8 - "titleStyle":"/components/titleStyle/titleStyle" 8 + "titleStyle":"/components/titleStyle/titleStyle",
  9 + "my-modal": "/components/modal/modal"
9 } 10 }
10 } 11 }
@@ -235,4 +235,16 @@ @@ -235,4 +235,16 @@
235 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 235 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
236 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 236 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
237 </view> 237 </view>
238 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
  238 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  239 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  240 + <view slot="modalName" class="titleModal">提示</view>
  241 + <view slot="modalContent">
  242 + <view class="explain">
  243 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  244 + </view>
  245 + <view class="screenshotBtns">
  246 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  247 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  248 + </view>
  249 + </view>
  250 +</my-modal>
@@ -592,6 +592,66 @@ @@ -592,6 +592,66 @@
592 z-index: 200; 592 z-index: 200;
593 } 593 }
594 594
  595 +#payModal {
  596 + display: flex;
  597 + align-items: center;
  598 +}
  599 +
  600 +.titleModal {
  601 + width: 100%;
  602 + margin-top: 48rpx;
  603 + color: #000;
  604 + font-family: PingFang SC;
  605 + font-weight: 500;
  606 + font-size: 44rpx;
  607 + text-align: center;
  608 +}
  609 +
  610 +.explain{
  611 + padding: 0 40rpx;
  612 + font-size: 30rpx;
  613 + color: #000;
  614 + line-height: 40rpx;
  615 + text-align: center;
  616 +}
  617 +
  618 +.screenshotBtns{
  619 + width: 100%;
  620 + display: flex;
  621 + justify-content: space-between;
  622 + box-sizing: border-box;
  623 + padding: 52rpx 22rpx 0 22rpx;
  624 +}
  625 +
  626 +.btnsLeft {
  627 + width: 43%;
  628 + border-radius: 42rpx;
  629 + background: #fff;
  630 + border: 2rpx solid #0346A5;
  631 + bottom: 10%;
  632 + color: #0346A5;
  633 +}
  634 +
  635 +.btnsRight {
  636 + width: 43%;
  637 + border-radius: 42rpx;
  638 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  639 + bottom: 10%;
  640 + color: #fff;
  641 +}
  642 +
  643 +.mymodal{
  644 + top: 30% !important;
  645 + width: 80% !important;
  646 + margin: 0 auto !important;
  647 + left: 0 !important;
  648 + right: 0 !important;
  649 +}
  650 +
  651 +.mymodal .mymodal-content {
  652 + height: auto !important;
  653 +}
  654 +
595 /* 深中国红 */ 655 /* 深中国红 */
596 .crimson, 656 .crimson,
597 .crimson .positioningBox { 657 .crimson .positioningBox {
@@ -75,7 +75,8 @@ Page({ @@ -75,7 +75,8 @@ Page({
75 attentionAnim: {}, 75 attentionAnim: {},
76 audioCtx: '', //播报 76 audioCtx: '', //播报
77 timers: null, // 动画定时器 77 timers: null, // 动画定时器
78 - n: 0, 78 + n: 0,
  79 + modal:'',
79 /** 80 /**
80 * 生命周期函数--监听页面加载 81 * 生命周期函数--监听页面加载
81 */ 82 */
@@ -99,13 +100,19 @@ Page({ @@ -99,13 +100,19 @@ Page({
99 }); 100 });
100 const systemInfo = wx.getSystemInfoSync(); 101 const systemInfo = wx.getSystemInfoSync();
101 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 102 this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
102 - // wx.onUserCaptureScreen(function(res) {  
103 - // wx.showToast({  
104 - // icon:'none',  
105 - // title: '建议直接转发，分享给朋友！',  
106 - // })  
107 - // })  
108 - }, 103 + this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
  104 + wx.onUserCaptureScreen((res)=> {
  105 + this.modal.showModal()
  106 + })
  107 + },
  108 + // 打开截屏弹框
  109 + showModal() {
  110 + this.modal.showModal()
  111 + },
  112 + // 关闭截屏弹框
  113 + closeModal() {
  114 + this.modal.closeModal()
  115 + },
109 // 页面滚动事件 116 // 页面滚动事件
110 onPageScroll: function (event) { 117 onPageScroll: function (event) {
111 if(event.scrollTop>150){ //当页面滚动到某个位置时（这里设置为50），将导航栏背景颜色设置为白色 118 if(event.scrollTop>150){ //当页面滚动到某个位置时（这里设置为50），将导航栏背景颜色设置为白色
@@ -518,7 +525,8 @@ Page({ @@ -518,7 +525,8 @@ Page({
518 }, 525 },
519 // 分享 526 // 分享
520 sharesetting() { 527 sharesetting() {
521 - wx.reportMonitor('1017', 1) 528 + wx.reportMonitor('1017', 1)
  529 + this.closeModal()
522 let parmdata = { 530 let parmdata = {
523 id: this.id, 531 id: this.id,
524 fromid: getApp().openid, 532 fromid: getApp().openid,
@@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
4 "usingComponents": { 4 "usingComponents": {
5 "nav": "/components/nav/nav", 5 "nav": "/components/nav/nav",
6 "painter":"/components/painter/painter", 6 "painter":"/components/painter/painter",
7 - "titleStyle":"/components/titleStyle/titleStyle" 7 + "titleStyle":"/components/titleStyle/titleStyle",
  8 + "my-modal": "/components/modal/modal"
8 } 9 }
9 } 10 }
@@ -241,4 +241,16 @@ @@ -241,4 +241,16 @@
241 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 241 <view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
242 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 242 <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
243 </view> 243 </view>
244 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
  244 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
  245 +<my-modal id="payModal" fadeStyle="slideUp" height="240px">
  246 + <view slot="modalName" class="titleModal">提示</view>
  247 + <view slot="modalContent">
  248 + <view class="explain">
  249 + 检测到您正在截屏，建议直接把邀请函转发给朋友更有仪式感哦！
  250 + </view>
  251 + <view class="screenshotBtns">
  252 + <button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
  253 + <button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
  254 + </view>
  255 + </view>
  256 +</my-modal>
@@ -708,6 +708,66 @@ @@ -708,6 +708,66 @@
708 z-index: 200; 708 z-index: 200;
709 } 709 }
710 710
  711 +#payModal {
  712 + display: flex;
  713 + align-items: center;
  714 +}
  715 +
  716 +.titleModal {
  717 + width: 100%;
  718 + margin-top: 48rpx;
  719 + color: #000;
  720 + font-family: PingFang SC;
  721 + font-weight: 500;
  722 + font-size: 44rpx;
  723 + text-align: center;
  724 +}
  725 +
  726 +.explain{
  727 + padding: 0 40rpx;
  728 + font-size: 30rpx;
  729 + color: #000;
  730 + line-height: 40rpx;
  731 + text-align: center;
  732 +}
  733 +
  734 +.screenshotBtns{
  735 + width: 100%;
  736 + display: flex;
  737 + justify-content: space-between;
  738 + box-sizing: border-box;
  739 + padding: 52rpx 22rpx 0 22rpx;
  740 +}
  741 +
  742 +.btnsLeft {
  743 + width: 43%;
  744 + border-radius: 42rpx;
  745 + background: #fff;
  746 + border: 2rpx solid #0346A5;
  747 + bottom: 10%;
  748 + color: #0346A5;
  749 +}
  750 +
  751 +.btnsRight {
  752 + width: 43%;
  753 + border-radius: 42rpx;
  754 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  755 + bottom: 10%;
  756 + color: #fff;
  757 +}
  758 +
  759 +.mymodal{
  760 + top: 30% !important;
  761 + width: 80% !important;
  762 + margin: 0 auto !important;
  763 + left: 0 !important;
  764 + right: 0 !important;
  765 +}
  766 +
  767 +.mymodal .mymodal-content {
  768 + height: auto !important;
  769 +}
  770 +
711 /* 模板9 */ 771 /* 模板9 */
712 .viewBox9 { 772 .viewBox9 {
713 background: #23201e; 773 background: #23201e;