Commit 8b5ee3a9f1a414554e2413c03085e460dfb1a180

Authored by pengye
1 parent 22b7f46e

邀请函用户截图加提示

Showing 38 changed files with 722 additions and 1536 deletions
... ... @@ -5,7 +5,6 @@
"pages/customer/detail_owner_part",
"pages/customer/detail_customer",
"pages/customer/detail_invitation",
"pages/customer/detail_owner_invitation",
"pages/customer/discount",
"pages/customer/invite",
"pages/customer/list",
... ...
// pages/customer/detail_owner.js
var mta = require('mta-wechat-analysis')
import util from '../../utils/util';
import App from '../../utils/api';
import TP from '../../utils/tpls';
import RS from '../../utils/reserveStatus'
const {regeneratorRuntime} = global
import ST from '../../utils/sms_tpls';
Page({
/**
* 页面的初始数据
*/
data: {
detail: null,
height: 667,
current: 0,
tpls: [],
seller: {
name: '',
room: '',
date: '',
addr: ''
},
options: {tplid: ''},
hasOwner: true,//是否为发起人
animation: 'animation',
couponhidden:true,
getcoupon:false,
menuhidden:true,
selecthidden:true,
morehidden:true,
openid:getApp().openid
},
id: null,
msgTpl:'',
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.id=options.id
let param={
options:options,
hasOwner:options.hasSellerShare==1,//是否为发起人
}
param.tpls=[TP.tpls(options.tplid)]
this.setData(param)
mta.Page.init({
"appID": "500667280",
"eventID": "500667287",
"statPullDownFresh": true,
"statShareApp": true,
"statReachBottom": true,
"lauchOpts": options, //渠道分析
});
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
//导航栏自适应
let systemInfo = wx.getSystemInfoSync();
let reg = /ios/i;
let pt = 20;//导航状态栏上内边距
let h = 44;//导航状态栏高度
if (reg.test(systemInfo.system)) {
pt = systemInfo.statusBarHeight;
h = 44;
} else {
pt = systemInfo.statusBarHeight;
h = 48;
}
this.setData({
statusBarHeight: pt,
titleBarHeight: h,
height: systemInfo.windowHeight
})
this.getDetail(getCurrentPages().length==1);
},
cloudsendmsg(){
wx.cloud.callFunction({
name:'sms',
data:{
content:'测试发送短信息年底是否会iv',
path:'index.html?id='+this.data.options.id+'&hasInvation=1&hasSellerShare=1&uid='+this.data.options.uid,
phoneNumberList:['15735929096']
},
success:(res)=>{
console.log('success',res)
},
fail:(fail)=>{
console.log('fail',res)
}
})
},
cli(){
wx.setClipboardData({
data: this.data.staffinfo.wechat,
success (res) {
wx.getClipboardData({
success (res) {
console.log(res.data) // data
}
})
}
})
},
call(){
wx.reportMonitor('1012', 1)
wx.makePhoneCall({
phoneNumber: this.data.staffinfo.phone
})
},
test(e){
console.log('ttttttttttttttt');
// App.Contact.UploadCustomerMedia({url:this.data.staffinfo.qrcode}).then((json)=>{
// if(json.ret==200) {
// console.log('json')
// }
// })
},
addwechat(){
// wx.previewImage({
// current: this.data.staffinfo.qrcode, // 当前显示图片的http链接
// urls: [this.data.staffinfo.qrcode] // 需要预览的图片http链接列表
// })
wx.reportMonitor('1011', 1)
util.cache('staffinfo',this.data.staffinfo);
wx.navigateTo({
url:'./wechat?qrcode='+this.data.staffinfo.qrcode
})
},
getstaffinfo(){
App.Activity.GetCustomerActivityBaseinfo({sellerid:this.data.detail.seller.id,uid:this.data.options.uid}).then((json)=>{
if(json.ret==200){
console.log(json)
this.setData({
staffinfo:json.data
})
}
})
},
getroomimage(){
App.Tables.GetTablesPhoto({sellerid:this.data.detail.seller.id,tableids:this.tablestr}).then((json)=>{
if(json.ret==200){
this.setData({
roomimage:json.data
})
var urlsArr=[];
json.data.forEach((v,i)=>{
urlsArr.push(v.url);
})
this.urlsValue=urlsArr;
console.log(urlsArr,'lllllll')
}
})
},
lookroom(){
wx.previewImage({
current: '', // 当前显示图片的http链接
urls: this.urlsValue, // 需要预览的图片http链接列表
})
},
secondbook(){
wx.reportMonitor('1013', 1)
if(this.data.list){
wx.navigateTo({
url:'./discount?sid='+this.data.detail.seller.id+'&id='+this.data.options.id
})
}else{
wx.redirectTo({
url:'../reserve/shopHome?id='+this.data.detail.seller.id
})
}
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
return this.sharesetting();
},
onShareTimeline(){
return this.sharesetting();
},
getDetail(fouce = false){
App.Reserve.Detail({
openid: getApp().openid,
rid: this.data.options.id
}, fouce).then(res => {
let tables=[],regions=[],tabaleids=[];
res.data.tables.forEach(t=>{
tables.push(t.name);
tabaleids.push(t.id);
if(regions.indexOf('t.rname')==-1){
regions.push(t.rname);
}
})
this.tablestr=tabaleids.toString();
let reserev=RS.reserve(res.data)
console.log('reserev',reserev)
let dateSmart
if(res.data.type==1){
dateSmart=util.unixtoTime(reserev.ddate,this.data.tpls[this.data.current].timeStrSmart[0])
if(res.data.is_set_ddate==1){
dateSmart+=' '+util.unixtoTime(reserev.ddate,this.data.tpls[this.data.current].timeStrSmart[1])
}else{
dateSmart+=' '+reserev.soltName
}
}else{
dateSmart=util.unixtoTime(reserev.ddate,this.data.tpls[this.data.current].timeStr)
}
this.setData({
detail: this.formatDatail(reserev,dateSmart),
seller:{
name:reserev.seller.sellername,
room:tables.join('、'),
date:dateSmart,
region:regions.join('、'),
addr:reserev.seller.real_address||reserev.seller.map_address,
image:reserev.image_url,
hasOwner:true,
type:reserev.type,
is_set_ddate:reserev.is_set_ddate,
hasUpTime:reserev.type==1 && reserev.hasRunning && reserev.status!=2,
tel:reserev.seller.seller_tel.split(',')[0]
}
})
if(this.data.detail.type==0 || this.data.detail.type==1){
this.getstaffinfo();
this.getroomimage();
this.getactivity();
}
/*
App.Reserve.SellerInfo({seller_id:reserev.seller.id}).then(async sc=>{
this.msgTpl=await ST.getTplMsg(reserev,sc.data.setting.template_code,sc.data)
console.log('this.msgTpl',this.msgTpl);
})*/
})
App.SendSMS.GetSmsContent({
rid:this.data.options.id,
}).then(res=>{
this.msgTpl=res.data.content
})
},
formatDatail(detail,dateSmart){
detail.rdateStr = dateSmart;
detail.tableFirst = detail.tables[0].name;
if (detail.tables.length > 1) {
detail.tableSubInfo = '等' + (detail.tables.length) + '个'
+ (detail.tables[0].tid == 2 ? '包间' : '');
}
if (detail.rname && detail.sex != 3) {
detail.rnameStr = detail.rname.substr(0, 1) + (detail.sex == 1 ? '先生' : detail.sex == 2 ? '女士' : detail.sex == 4 ? '贵宾' : '' )
} else {
detail.rnameStr = detail.rname
}
detail.eatStr = '邀请您共进晚餐';
let hi = util.unixtoTime(detail.ddate, 'HHII');
if (hi < '10:00') {
detail.eatStr = '邀请您共进早餐';
} else if (hi < '15:00') {
detail.eatStr = '邀请您共进午餐';
}
// if(!detail.cusman){
// detail.cusman='vking';
// detail.cusman_phone='15877556369';
// detail.cusman_account='wx:vking';
// }
//detail=RS.reserve(detail);
return detail;
},
showManager(){
if (this.data.detail.cusman_phone || this.data.detail.cusman_account) {
this.selectComponent('#manager').show();
}
},
looklocation: function () {
wx.reportMonitor('1015', 1)
wx.openLocation({
latitude: Number(this.data.detail.seller.lat),
longitude: Number(this.data.detail.seller.long),
scale: 17,
address: this.data.detail.seller.map_address,
success: function (res) {
console.log(res)
}
})
},
userinfo(){
if (!this.data.detail.hasCanSuccess) {
let userInfo = util.cache('userInfo');
if (userInfo) {
userInfo = JSON.stringify({
openid: getApp().openid,
avatar: userInfo.avatarUrl,
nickname: userInfo.nickName,
gender: userInfo.gender
})
}
App.Reserve.SetRelaSuccess({
rid: this.id,
openid: getApp().openid,
is_agree: 1,
userinfo: userInfo
}).then(res => {
App.Reserve.Detail({
openid: getApp().openid,
rid: this.id
}, 'clear')
wx.navigateTo({
//id={{detail.id}}&rdate={{detail.rdate}}
url: 'remind?id=' + this.id + '&rdate=' + this.data.detail.rdate,
});
})
} else {
// wx.navigateTo({
// url:'invite?id='+this.id,
// });
}
},
setUserInfoSuccess(){
util.toast('授权成功,可以继续转发', 'none');
},
toast(){
util.toast('本区域暂无配送人员', 'none');
},
reserveCancel(){
let userInfo = util.cache('userInfo');
if (userInfo) {
userInfo = JSON.stringify({
openid: getApp().openid,
avatar: userInfo.avatarUrl,
nickname: userInfo.nickName,
gender: userInfo.gender
})
}
App.Reserve.SetRelaSuccess({
rid: this.id,
openid: getApp().openid,
cancel: 'cancel',
is_agree: 0,
userinfo: userInfo
}).then(res => {
this.getDetail(true);
})
},
sharesetting(){
wx.reportMonitor('1017', 1)
let parmdata={
id:this.id,
fromid:getApp().openid,
hasInvitation:1,
tplid:this.data.options.tplid,
}
if(this.data.options.uid){
parmdata.uid=this.data.options.uid;
}
return {
title: this.data.tpls[0].shareTitle,
path: util.http_build_query(parmdata,'/pages/customer/index'),
imageUrl: this.data.tpls[0].shareImage,
}
},
cookbook(){
if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) {
wx.navigateTo({
url: util.http_build_query({
rid: this.id,
oid: this.data.detail.order.id,
identity: 1
}, '/pack-cookbook/pages/success')
});
} else {
App.Advance.CreateOrder({
rid: this.id,
openid: getApp().openid,
}).then(res => {
if (res.ret != 200) {
return util.toast(res.msg, 'none')
}
wx.navigateTo({
url: util.http_build_query({
rid: this.id,
oid: res.data.id,
identity: 1,
sid: res.data.sellerid
}, '/pack-cookbook/pages/index')
});
})
}
},
sendmsg(){
wx.setClipboardData({
data: this.msgTpl
})
},
upTime(){
this.selectComponent('#ddate').show();
},
ddateEvent(e){
console.log(e.detail.ddate)
this.getDetail(true)
},
gotoHome(){
wx.redirectTo({
url: '/pages/reserve/index_new'
})
},
load(e){
console.log(e,'care')
},
setcoupon(){
if(this.data.list && this.data.list.length>0){
let list=this.data.list,liststr=[];
list.forEach((v,i)=>{
liststr.push(v.id);
})
App.Activity.SetActivityAsReserve({aid:liststr.toString()}).then((json)=>{
if(json.ret==200){
this.setData({
getcoupon:true
})
}
})
}
},
tohref(){
let systemInfo = wx.getSystemInfoSync();
let reg = /ios/i;
if(reg.test(systemInfo.system)){
wx.showModal({
content:'关注"周到安排"公众号,及时获取更多优惠信息',
comfirmText:'去关注',
comfirmColor:'#5EB2FF',
cancelText:'取消',
cancelColor:'#999999',
success:(res)=>{
if(res.confirm){
wx.setClipboardData({
data: '周到安排',
success (res) {
wx.getClipboardData({
success (res) {
console.log(res.data) // data
}
})
}
})
}
}
})
}else{
wx.navigateTo({
url:'./care'
})
}
},
getactivity(){
App.Activity.GetActivityByRid({rid:this.id}).then((json)=>{
if(json.ret==200){
console.log(json.data);
this.setData({
list:json.data
})
this.setcoupon();
}
})
},
todetail(e){
let aid=e.currentTarget.dataset.id;
console.log(aid)
wx.navigateTo({
url:'../me/coupon_detail?aid='+aid
})
},
close(){
this.setData({
couponhidden:true,
})
},
checkout(){
if(this.data.detail.status==0){
this.selectComponent('#showModal').options({
header: '您点早啦!',
body: '商家分配包间后,您可以通过在线买单支付,无需到前台结账排队等发票。'
}).show();
}else{
wx.navigateTo({
url:util.http_build_query({
rid:this.data.detail.id,
sid:this.data.detail.sid
},'/pack-checkout/pages/index')
})
}
},
showmenu(){
this.setData({
menuhidden:false
})
},
hidemenu(){
this.setData({
menuhidden:true
})
},
noopen(e){
let mark=e.currentTarget.dataset.mark;
wx.showToast({
title:'该商家未开通'+(mark=='buy' ? '提前点餐' : '在线买单'),
duration:2000,
mask:true
})
},
noopenservice(){
wx.showToast({
title:'当前城市暂未开通该服务,敬请期待',
icon:'none'
})
},
showselect(){
wx.reportMonitor('1014', 1)
if(this.data.selecthidden==false){
this.closeselect();
}else{
this.setData({
selecthidden:false
})
}
},
closeselect(){
console.log('ttttt')
this.setData({
selecthidden:true
})
},
showmore(){
if(this.data.morehidden==false){
this.closemore();
}else{
this.setData({
morehidden:false
})
}
},
closemore(){
this.setData({
morehidden:true
})
},
cancelmodal(){
wx.showModal({
title:'取消预订',
content:'点击“确认取消”撤回当前预订,否则点击返回',
confirmColor:'#576B95',
confirmText:'确认取消',
cancelColor:'#999999',
cancelText:'返回',
success:(res)=>{
if(res.confirm){
this.cancelSubmit();
}
}
})
},
cancelSubmit(){
App.Reserve.Detail({
openid: getApp().openid,
rid: this.options.id
},'clear')
App.Customer.SetReserveStatusByUser({
rid:this.options.id,
desc:'',
}).then(res=>{
if(res.ret!=200){
return util.toast(res.msg,'none')
}
})
},
})
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "white",
"navigationBarTitleText":"订座详情",
"usingComponents": {
"userinfo": "/components/userinfo/userinfo",
"nav":"/components/nav/nav",
"formids":"/components/formids/formids",
"ddate":"/components/reserve/invitation/ddate",
"a2l":"/components/tips/add-to-lite",
"userinfo-share": "/components/userinfo/share",
"service":"/components/tips/service",
"showModal":"/components/tips/showModal/showModal"
}
}
\ No newline at end of file
<!--pages/customer/detail_owner.wxml-->
<wxs src="../../utils/util.wxs" module="util" />
<import src="../tpl/invitation"></import>
<nav backgroundColor="rgba(0,0,0,0)" hasHome style="position: fixed;z-index: 1;" class="navhome" place="{{true}}">
<!--
<service class="flex-rr" style="display: flex;flex-direction: row;" catchtap="catchtap">
<view class="service-view flex-vc">
<view class="service-icon"></view>
</view>
</service>
-->
</nav>
<!-- 内部预定 -->
<!-- detail.type==0 && detail.channel==2 -->
<block wx:if="{{detail}}">
<!-- <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;">
<view class="book-image flex-cc">
</view>
<view class="cover-conent flex-vc">
<view class="staff-info flex-lr">
<view class="staff-image" style="background: url({{staffinfo.photo}}) center center no-repeat;background-size: 100% auto;"></view>
<view class="flex-vl" style="padding-top: 16rpx;">
<view class="brown-font font34r font-bold" style="margin-bottom: 6rpx;">{{staffinfo.name}}</view>
<view class="brown-font font26r" style="margin-bottom: 6rpx;">{{staffinfo.position}}</view>
<view class="brown-font font26r" style="margin-bottom: 44rpx;">{{staffinfo.phone}}</view>
<view class="bg-light-brown book-concat flex-cc" style="margin-bottom: 20rpx;" bindtap="call">
<image src="http://sellershare.colorcun.com/share-call.png" class="book-concat-icon"></image>
<view class="brown-font font24r">电话</view>
</view>
<view class="bg-light-brown book-concat flex-cc" bindtap="addwechat">
<image src="http://sellershare.colorcun.com/share-wechat.png" class="book-concat-icon"></image>
<view class="brown-font font24r">微信</view>
</view>
</view>
<swiper class="seller-coupon" wx:if="{{list && list.length>0}}">
<swiper-item wx:for="{{list}}">
<view class="new-coupon-item flex-vl" data-id="{{item.id}}" catchtap="todetail">
<view class="font22r font-more font-bold" style="width:140rpx;display: block;">{{item.aname}}</view>
</view>
</swiper-item>
</swiper>
<block wx:else>
<view class="mask-line"></view>
</block>
</view>
<view class="order-info flex-vc">
<view class="order-decrote top-decrote" style="margin-bottom: 60rpx;"></view>
<view class="seller-name font34r font-bold brown-font">{{seller.name}}</view>
<view class="font26r smooth light-brown-font" style="margin-bottom: 12rpx;">已为您安排在包间</view>
<view class="room-info flex-cc">
<view class="room-decrote left-decrote"></view>
<view class="room-name font42r font-bold brown-font" style="font-size:42rpx;">{{seller.room}}</view>
<view class="room-decrote right-decrote"></view>
</view>
<view class="font24r smooth brown-font book-button bg-light-brown flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>
<view class="font28r smooth brown-font" style="margin-top: 60rpx;margin-bottom: 20rpx;">时间:{{seller.date}}</view>
<view class="font28r smooth brown-font">地址:{{seller.addr}}</view>
<view class="font24r smooth brown-font book-button bg-light-brown flex-cc" style="margin-bottom: 60rpx;" bindtap="lookLocation">一键导航</view>
<view class="order-decrote bottom-decrote"></view>
</view>
</view>
<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>
<block wx:elif="{{detail.hasCancel}}">
<view class="font32r white-font flex-cc" style="margin-bottom: 30rpx;">订座已取消</view>
</block>
<block wx:else="">
<view class="font32r white-font flex-cc" style="margin-bottom: 30rpx;">订座已完成</view>
</block>
<view class="font34r smooth flex-cc font-bold" style="width:140rpx;color:#ECC88F;margin: 0 auto;" bindtap="secondbook">再次预订</view>
</view> -->
<!-- <scroll-view class="last-bg" style="padding-top: {{statusBarHeight+titleBarHeight}}px;line-height: 1.4;height:{{height}}px;" scroll-y>
<view class="last-staff-info flex-lr">
<view class="last-staff-image" style="background: url({{staffinfo.photo}}) center center no-repeat;background-size: 100% auto;"></view>
<view class="last-staff-detail flex-vr" style="align-items: flex-end;">
<view class="white-font font60r">{{staffinfo.name}}</view>
<view class="white-font font32r">{{staffinfo.phone}}</view>
<view class="white-font font34r" style="margin-bottom: 20rpx;">{{staffinfo.position}}</view>
<view class="last-button-item flex-ll" style="margin-bottom: 20rpx;" bindtap="call">
<image src="http://sellershare.colorcun.com/last-book-call.png" class="last-icon"></image>
<view class="black-font font22r last-button-content flex-cc" >拨打电话</view>
</view>
<button class="last-button-item flex-ll" bindtap="addwechat">
<image src="http://sellershare.colorcun.com/last-book-wechat.png" class="last-icon"></image>
<view class="black-font font22r last-button-content flex-cc" >加我微信</view>
</button>
</view>
<swiper class="last-seller-coupon" wx:if="{{list && list.length>0}}">
<swiper-item wx:for="{{list}}">
<view class="last-new-coupon-item flex-vl" data-id="{{item.id}}" catchtap="todetail">
<view class="font22r font-more font-bold last-coupon-content" style="width:290rpx;display: block;">{{item.aname}}</view>
<view class="black-font font24r flex-cc last-use-button">立即使用</view>
</view>
</swiper-item>
</swiper>
</view>
<view class="last-order-info flex-vc">
<view class="font42r last-yellow-font" style="margin-bottom: 14rpx;">{{seller.name}}</view>
<view class="font42r last-yellow-font" style="margin-bottom: 26rpx;">{{seller.date}}</view>
<view class="white-font font32r" style="margin-bottom: 28rpx;">已为您安排在包间</view>
<view class="last-room-rect flex-cc">
<view class="font52r last-yellow-font font-bold">{{seller.room}}</view>
<view class="last-look-button last-comoon-button black-font font22r flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>
</view>
<view class="font28r last-yellow-font" style="margin-bottom: 10rpx;">{{seller.addr}}</view>
<view class="last-comoon-button black-font font22r flex-cc" style="margin-bottom: 60rpx;" bindtap="lookLocation">一键导航</view>
</view>
<button class="last-share-button font38r flex-cc font-bold" open-type="share" wx:if="{{!detail.hasOvered && !detail.hasCancel}}" catchtap="setUserInfoSuccess">转发好友</button>
<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>
<view style="height:40rpx;"></view>
</scroll-view> -->
<showModal id="showModal" confirmText="知道了" bindshowModal="showModal" cla="checkout"></showModal>
<scroll-view class="last-book-bg" style="line-height: 1.4;height:{{height}}px;" scroll-y>
<view style="height:{{statusBarHeight+titleBarHeight}}px;"></view>
<view class="book-flower" style="top:{{statusBarHeight+titleBarHeight}}px;"></view>
<view style="padding-left: 40rpx;box-sizing: border-box;">
<view class="last-book-staff flex-vr" style="align-items: flex-end;">
<image src="{{staffinfo.photo}}" class="book-staff-headerimg" mode="aspectFit"></image>
<view class="flex-rr" style="margin-bottom: 20rpx;">
<view class="flex-rr font26r yellow-font">客户经理:{{staffinfo.name}}</view>
<view class="book-staff-item-button flex-cc" bindtap="cli">
<image src="http://nosqn.colorcun.com/book-wechat.png" class="book-header-icon"></image>
<view class="font22r brown-font">复制微信号</view>
</view>
</view>
<view class="flex-rr">
<view class="flex-rr font26r yellow-font">{{staffinfo.phone ? staffinfo.phone : seller.tel}}</view>
<view class="book-staff-item-button flex-cc" bindtap="call">
<image src="http://nosqn.colorcun.com/book-phone.png" class="book-header-icon"></image>
<view class="font22r brown-font">拨打电话</view>
</view>
</view>
</view>
<view class="book-font"></view>
<view class="flex-lr" style="padding-right: 40rpx;box-sizing: border-box;align-items: flex-start;">
<view class="yellow-font font44r" style="max-width:428rpx;margin-bottom: 60rpx;">{{seller.name}}</view>
<!-- <view class="last-book-food flex-cc" bindtap="cookbook">
<view class="white-font font30r smooth" style="color: #043341;">提前点餐</view>
<image src="http://nosqn.colorcun.com/book-direction.png" style="width: 12rpx;height: 24rpx;margin-left: 10rpx;"></image>
<view class="notice"></view>
</view> -->
<block wx:if="{{detail.seller.is_open_order==1 && !detail.hasOvered && !detail.hasCancel}}">
<block wx:if="{{detail && detail.seller.is_open_order==1}}">
<view class="last-book-food flex-cc" bindtap="cookbook">
<view class="white-font font30r smooth" style="color: #043341;">提前点餐</view>
<image src="http://nosqn.colorcun.com/book-direction.png" style="width: 12rpx;height: 24rpx;margin-left: 10rpx;"></image>
<view class="notice"></view>
</view>
</block>
<block wx:else>
<view class="last-book-food flex-ll" bindtap="noopen" data-mark="buy">
<view class="white-font font30r smooth">提前点餐</view>
<image src="http://nosqn.colorcun.com/book-direction.png" style="width: 12rpx;height: 24rpx;margin-left: 10rpx;"></image>
<view class="notice"></view>
</view>
</block>
</block>
</view>
<view>
<view class="font26r" style="color: #C9BD89;margin-bottom: 20rpx;">已为您安排在包间</view>
<view class="font40r" style="color: #E8D47E;margin-bottom: 20rpx;">{{seller.region}}</view>
<view class="book-room-rect flex-cc">
<view class="font44r yellow-font">{{seller.room}}</view>
<view class="book-look-button brown-font font22r flex-cc" wx:if="{{roomimage && roomimage.length>0}}" bindtap="lookroom">浏览照片</view>
<view class="book-look-button gray-font font22r flex-cc" wx:else style="background: #CCCCCC;">浏览照片</view>
</view>
<view class="yellow-font font30r" style="margin-bottom: 24rpx;">时间:{{seller.date}}</view>
<view class="flex-lr" style="line-height: 1.2;padding-right: 40rpx;box-sizing: border-box;">
<view class="yellow-font font30r">地址:{{seller.addr}}</view>
<view class="loaction-button black-font font22r flex-cc" bindtap="looklocation">一键导航</view>
</view>
</view>
</view>
<view style="height: 240rpx;"></view>
</scroll-view>
<view class="all-button flex-lr">
<block wx:if="{{detail.hasCancel}}">
<view class="book-item-font flex-cc">
<image src="http://nosqn.colorcun.com/book-share-nouse-button.png" class="button-item-icon"></image>
<view class="font30r" style="color: #999999;">转发好友</view>
</view>
</block>
<block wx:else>
<button class="book-item-font flex-cc" open-type="share">
<image src="http://nosqn.colorcun.com/book-share-button.png" class="button-item-icon"></image>
<view class="font30r">转发好友</view>
</button>
</block>
<view class="book-item-font second-book-button flex-cc" bindtap="secondbook" style="position: relative;">
<image src="http://nosqn.colorcun.com/second-book.png" class="button-item-icon"></image>
<view class="font30r">再次预订</view>
<view class="notice" style="top: -10rpx;right: 0rpx;"></view>
</view>
<view class="line-border"></view>
<block wx:if="{{list}}">
<view class="book-notice flex-vc">
<view class="white-font font26r flex-cc">再次预订可享“{{list[0].aname}}”优惠</view>
<view class="angel"></view>
</view>
</block>
</view>
<view class="book-mask" hidden="{{selecthidden}}" bindtap="closeselect"></view>
<view class="book-buttons">
<view class="select-button white-font font28r flex-cc" bindtap="showselect">选项</view>
<view hidden="{{selecthidden}}">
<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>
<navigator class="select-item-button flex-cc white-font font24r" style="left: 150rpx;bottom:160rpx;" open-type="redirect" url="/pages/me/index">我的</navigator>
<block wx:if="{{detail.hasCancel}}">
<view class="select-item-button flex-cc gray-font font28r" style="left: 75rpx;bottom:30rpx;">取消订单</view>
</block>
<block wx:else>
<view class="select-item-button flex-cc white-font font24r" style="left: 75rpx;bottom:30rpx;" bindtap="cancelmodal">取消订单</view>
</block>
<!-- <view class="select-item-button flex-cc white-font font24r" style="left: 42rpx;bottom:10rpx;" bindtap="closeselect">返回</view> -->
</view>
</view>
<view class="book-mask" hidden="{{morehidden}}" bindtap="closemore"></view>
<view class="service-buttons">
<view class="more-button white-font font28r flex-vc" bindtap="showmore" hidden="true">更多<view>服务</view></view>
<view hidden="{{morehidden}}">
<view class="select-item-button flex-cc gray-font font24r" style="right: 39rpx;bottom:681rpx;" bindtap="noopenservice">酒水</view>
<view class="select-item-button flex-cc gray-font font24r" style="right: 136rpx;bottom:599rpx;" bindtap="noopenservice">代驾</view>
<view class="select-item-button flex-cc gray-font font24r" style="right: 136rpx;bottom:473rpx;" bindtap="noopenservice">酒店</view>
<view class="select-item-button flex-cc gray-font font24r" style="right: 39rpx;bottom:391rpx;" bindtap="noopenservice">茶楼沐足</view>
<!-- <view class="select-item-button flex-cc white-font font24r" style="right: 0rpx;bottom:368rpx;" bindtap="closemore">返回</view> -->
</view>
</view>
<block wx:if="{{detail.hasCancel}}">
<view class="cancel-mark"></view>
</block>
</block>
<block wx:else>
<block wx:if="{{detail}}">
<view class="pages bg-{{options.tplid}} flex-vc" style="height:{{height}}px;" wx:if="{{options.tplid}}">
<template is="tpl-{{options.tplid}}" data="{{seller,options,hasOwner,animation}}"></template>
<view class="opt-view flex-vc">
<block wx:if="{{!detail.hasOvered && !detail.hasCancel}}">
<button open-type="share" class="button-none flex-vc" catchtap="setUserInfoSuccess">
<view class="buts-share"></view>
</button>
</block>
<block wx:elif="{{detail.hasCancel}}">
<view class="opt-view-tip Medium">订座已取消</view>
</block>
<block wx:else="">
<view class="opt-view-tip Medium">订座已完成</view>
</block>
</view>
</view>
</block>
</block>
<!-- <view class="menu" wx:if="{{detail && detail.type==0 && detail.channel==2}}" bindtap="showmenu"></view> -->
<view class="menu-list flex-vl" style="justify-content: flex-end;" wx:if="{{detail && detail.type==0 && detail.channel==5}}" hidden="{{menuhidden}}" catchtap="hidemenu">
<view class="menu-item menu-seller-item flex-ll" catchtap="secondbook">
<view class="menu-item-image" style="background: url({{detail.seller.seller_image}}) center center no-repeat;background-size: cover;"></view>
<view class="white-font font30r smooth">{{seller.name}}</view>
<view class="click-icon"></view>
</view>
<view class="menu-item menu-seller-item flex-ll" bindtap="secondbook">
<view class="menu-item-image menu-item-book"></view>
<view class="white-font font30r smooth">再次预订</view>
</view>
<block wx:if="{{detail.seller.is_open_order==1 && !detail.hasOvered && !detail.hasCancel}}">
<block wx:if="{{detail && detail.seller.is_open_order==1}}">
<view class="menu-item menu-seller-item flex-ll" bindtap="cookbook">
<view class="menu-item-image menu-item-buy"></view>
<view class="white-font font30r smooth">提前点餐</view>
</view>
</block>
<block wx:else>
<view class="menu-item menu-seller-item flex-ll" bindtap="noopen" data-mark="buy">
<view class="menu-item-image menu-item-buy-nouse"></view>
<view class="gray-font font30r smooth">提前点餐</view>
</view>
</block>
<block wx:if="{{detail && detail.seller.isopen_md==1}}">
<view class="menu-item menu-seller-item flex-ll" bindtap="checkout">
<view class="menu-item-image menu-item-check"></view>
<view class="white-font font30r smooth">在线买单</view>
</view>
</block>
<block wx:else>
<view class="menu-item menu-seller-item flex-ll" bindtap="noopen" data-mark="checkout">
<view class="menu-item-image menu-item-check-nouse"></view>
<view class="gray-font font30r smooth">在线买单</view>
</view>
</block>
</block>
<view class="menu-item menu-seller-item flex-ll" bindtap="hidemenu">
<view class="menu-item-image menu-item-back"></view>
<view class="white-font font30r smooth">返回</view>
</view>
</view>
<view class="bottom flex-lr" wx:if="{{!detail.hasOvered && !detail.hasCancel && detail.channel!=5}}">
<view bindtap="gotoHome" class="dingbaojian flex-vc">
<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>
<view class="text">订包间</view>
</view>
<formids bindclick="sendmsg" class="diancan" style="{{detail.seller.is_open_order!=1 && detail.seller.is_open_wine!=1?'width:100%;':''}}">
<view class="buts-text flex-cc">
<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>
短信通知
</view>
</formids>
<userinfo binduserinfo="cookbook" class="diancan left-border" wx:if="{{detail.seller.is_open_order==1}}">
<view class="buts-text flex-cc">
<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>
提前点餐
</view>
</userinfo>
<block wx:if="{{detail.seller.is_open_wine==1}}">
<view class="vline" wx:if="{{detail.seller.is_open_order==1}}" ></view>
<formids bindclick="toast" class="jiushui">
<view class="buts-text flex-cc">
<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>
自带酒水
</view>
</formids>
</block>
</view>
<!--//商务-->
<template name="tpl-1">
<view class="flex-vc shangwu" bindtap="{{options.rid?'goEditor':''}}">
<template is="tpl-shangwu" data="{{...seller,options}}"></template>
</view>
</template>
<!--//温馨-->
<template name="tpl-2">
<template is="tpl-wenxin" data="{{...seller,options}}"></template>
</template>
<ddate id="ddate" order="{{detail}}" wx:if="{{detail}}" bindevent="ddateEvent"></ddate>
<a2l bindshow="a2lshow" bindhide="a2lshow" key="INVIT-OWNER"></a2l>
<!-- <view class="coupon" wx:if="{{list && list.length>0}}" hidden="{{couponhidden}}" bindtap="close">
<view class="coupon-content flex-vc" style="margin-top: -{{360+(list.length>2 ? 180 : 75*list.length+1)}}rpx;">
<view class="coupon-bg"></view>
<view class="coupon-info">
<view class="coupon-header flex-vc">
<view class="font-bold">恭喜您获得</view>
<view class="font32r">{{list.length}}张代金券</view>
</view>
<view class="coupon-list">
<view class="coupon-single flex-ll bg-white" wx:for="{{list}}">
<view class="flex-vl coupon-main" style="justify-content: center;">
<view class="font36r font-bold" style="color:#E84033;">{{item.aname}}</view>
<view class="gray-font font20r">有效期至{{util.unixtoTime(item.etime,'YYYY.MM.DD HH:II')}}</view>
</view>
<view class="flex-vc coupon-border">
<view class="circle circle-bottom bg-white"></view>
<view class="coupon-line"></view>
<view class="circle circle-top bg-white"></view>
</view>
<block wx:if="{{getcoupon}}">
<view class="flex-cc" style="padding-right: 15rpx;" data-id="{{item.id}}" catchtap="todetail">
<view class="use-button flex-cc font20r">去使用</view>
</view>
</block>
<block wx:else>
<view class="flex-cc" style="padding-right: 15rpx;">
<view class="use-button flex-cc font20r">领取</view>
</view>
</block>
</view>
</view>
<block wx:if="{{getcoupon}}">
<view class="coupon-button font24r smooth white-font flex-cc" catchtap="tohref">
<view style="position: relative;z-index: 0;">在我的-卡券中可查看,<text style="color:#FFC807;">前往查看</text></view>
</view>
</block>
<block wx:else>
<userinfo binduserinfo="setcoupon">
<view class="coupon-button font32r smooth white-font flex-cc get-button font-bold">立即领取</view>
</userinfo>
</block>
</view>
<view class="" style="padding: 20rpx;position: relative;top: -94rpx;" catchtap="close">
<image src="http://nosqn.colorcun.com/book-close.png" style="width: 60rpx;height: 60rpx;"></image>
</view>
</view>
</view> -->
/* pages/customer/detail_customer.wxss */
@import "../tpl/tpls.wxss";
.pages {
width: 100%;
background-size: 100%;
font-size: 34rpx;
position: fixed;
left: 0;
top: 0;
bottom: 0;
}
image {
width: 100%;
height: 100%;
}
.buts-share {
background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E5%8F%91%E9%82%80%E8%AF%B7%E5%87%BD.png");
}
.buts-share.customer {
background-image: url("http://nosqn.colorcun.com/manager-invitation/wx/%E7%A1%AE%E8%AE%A4%E6%94%B6%E5%88%B0.png");
}
.shangwu {
margin-top: 52rpx;
}
.shangwu .seller {
margin-bottom: 42rpx;
}
.shangwu .invit-logo.owner {
width: 380rpx;
height: 200rpx;
background-image: url("http://nosqn.colorcun.com/manager-invitation/wx2/%E9%A2%84%E8%AE%A2%E5%AE%89%E6%8E%92.png");
}
.shangwu .invit-logo.customer {
width: 352rpx;
height: 164rpx;
background-image: url("http://nosqn.colorcun.com/custom/lite-yd/image/invit-logo.png");
}
.wenxin-mask {
margin-top: 20rpx;
}
.wenxin-baitou {
margin-top: 20rpx;
}
.wenxin .seller {
margin-bottom: 22rpx;
}
.wenxin .invit-logo.owner {
width: 340rpx;
height: 184rpx;
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");
}
.wenxin .invit-logo.customer {
width: 344rpx;
height: 198rpx;
background-image: url("http://nosqn.colorcun.com/manager-invitation/wx/%E9%82%80%E8%AF%B7%E5%87%BD.png");
}
.bottom {
position: fixed;
bottom: 0;
height: 90rpx;
line-height: 90rpx;
background-color: #ECD9B7;
width: 100%;
font-size: 30rpx;
box-sizing: border-box;
}
.bottom .dingbaojian {
background-color: #262628;
color: #ECD9B7;
min-width: 160rpx;
height: 90rpx;
line-height: 90rpx;
border-top: 2rpx solid #ECD9B7;
box-sizing: border-box;
}
.bottom .dingbaojian .icon {
width: 30rpx;
height: 30rpx;
}
.bottom .dingbaojian .text {
height: 34rpx;
font-size: 24rpx;
color: rgba(236, 217, 183, 1);
line-height: 34rpx;
margin-top: 8rpx;
}
.bottom .sendmsg {
background-color: #262628;
color: #ECD9B7;
min-width: 25%;
}
.bottom .diancan {
text-align: center;
color: #794F28;
height: 66rpx;
line-height: 66rpx;
min-width: 33%;
width: 100%;
}
.bottom .diancan .buts-text {
height: 66rpx;
line-height: 66rpx;
}
.bottom .diancan.left-border {
border-left: 2rpx solid #D3BF9C;
}
.bottom .jiushui {
text-align: center;
color: #794F28;
height: 90rpx;
line-height: 90rpx;
min-width: 33%;
width: 70%;
}
.bottom .diancan .icon {
width: 40rpx;
height: 34rpx;
margin-right: 40rpx;
}
.bottom .jiushui .icon {
width: 32rpx;
height: 38rpx;
margin-right: 40rpx;
}
.buts-text {
height: 90rpx;
line-height: 90rpx;
}
.vline {
background-color: #D3BF9C;
width: 6rpx;
height: 66rpx;
min-width: 6rpx;
}
.opt-view-tip {
font-size: 30rpx;
color: #ccc;
}
.service-view {
width: 88rpx;
height: 64rpx;
background: rgba(0, 0, 0, 0.15);
border-radius: 50rpx;
border: 1rpx solid rgba(255, 255, 255, 0.25);
box-sizing: border-box;
margin-right: 20rpx;
}
.service-icon {
background-image: url("http://nosqn.colorcun.com/shead2.png");
background-size: 100% 100%;
width: 36rpx;
height: 36rpx;
}
.coupon {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
}
.coupon-content {
width: 658rpx;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin: auto;
}
.coupon-bg {
width: 658rpx;
height: 468rpx;
background: url(http://nosqn.colorcun.com/coupon.jpg) center center no-repeat;
background-size: contain;
}
.coupon-info {
width: 502rpx;
border-radius: 20rpx;
overflow: hidden;
background: #F65636;
position: relative;
top: -152rpx;
margin: 0 auto;
}
.coupon-header {
width: 100%;
height: 152rpx;
}
.coupon-header>view:first-child {
font-size: 48rpx;
}
.coupon-header>view {
background: linear-gradient(to bottom, #FFFFFF, #FAECA5);
-webkit-background-clip: text;
line-height: 1.4;
-webkit-text-fill-color: transparent;
}
.coupon-button {
width: 100%;
padding: 20rpx 0;
line-height: 34rpx;
position: relative;
}
.coupon-list {
width: 502rpx;
max-height: 360rpx;
overflow-y: scroll;
}
.coupon-single {
width: 452rpx;
height: 134rpx;
border-radius: 20rpx;
line-height: 1.4;
margin: 0 auto 16rpx;
background: #FFFFFF;
}
.coupon-main {
width: 310rpx;
height: 100%;
padding-left: 30rpx;
box-sizing: border-box;
}
.coupon-border {
width: 32rpx;
height: 100%;
}
.circle {
width: 20rpx;
height: 10rpx;
background: #F65636;
border: 2rpx solid #F65636;
}
.circle-top {
border-radius: 10rpx 10rpx 0 0;
}
.coupon-line {
width: 2rpx;
height: 114rpx;
background: rgba(246, 86, 54, .2);
}
.circle-bottom {
border-radius: 0 0 10rpx 10rpx;
}
.use-button {
width: 92rpx;
height: 44rpx;
border-radius: 22rpx;
background: #E84033;
color: #FFFFFF;
}
::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
.care {
width: 380px;
height: 84px;
/* position: absolute;
left: 0;
top: 0; */
/* padding-left: 100rpx; */
box-sizing: border-box;
background: #E84033;
}
.get-button {
background: transparent;
padding: 30rpx 0;
}
.menu {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
position: fixed;
left: 40rpx;
bottom: 80rpx;
background: url(http://nosqn.colorcun.com/invite_menu.png) center center no-repeat;
background-size: contain;
}
.menu-list {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .69);
z-index: 100;
padding-left: 40rpx;
padding-bottom: 40rpx;
box-sizing: border-box;
}
.menu-item {
height: 100rpx;
margin-bottom: 40rpx;
}
.menu-item-image {
width: 100rpx;
height: 100rpx;
margin-right: 20rpx;
border-radius: 50%;
}
/* .menu-item-book{
width: 100rpx;
height: 100rpx;
border-radius: 50%;
position: fixed;
left: 40rpx;
bottom: 80rpx;
background: url(http://nosqn.colorcun.com/invite_menu.png) center center no-repeat;
background-size: contain;
} */
.menu-list {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .69);
z-index: 100;
padding-left: 40rpx;
padding-bottom: 40rpx;
box-sizing: border-box;
}
.menu-item {
height: 100rpx;
margin-bottom: 40rpx;
}
.menu-item-image {
width: 100rpx;
height: 100rpx;
margin-right: 20rpx;
border-radius: 50%;
}
.menu-item-book {
background: url(http://nosqn.colorcun.com/menu-book.png) center center no-repeat;
background-size: contain;
}
.menu-item-buy {
background: url(http://nosqn.colorcun.com/menu-buy.png) center center no-repeat;
background-size: contain;
}
.menu-item-buy-nouse {
background: url(http://nosqn.colorcun.com/menu-buy-nouse.png) center center no-repeat;
background-size: contain;
}
.menu-item-check {
background: url(http://nosqn.colorcun.com/menu-check.png) center center no-repeat;
background-size: contain;
}
.menu-item-check-nouse {
background: url(http://nosqn.colorcun.com/menu-check-nouse.png) center center no-repeat;
background-size: contain;
}
.menu-item-back {
background: url(http://nosqn.colorcun.com/menu-back.png) center center no-repeat;
background-size: contain;
}
.click-icon {
width: 12rpx;
height: 12rpx;
border-top: 2rpx solid #FFFFFF;
border-right: 2rpx solid #FFFFFF;
transform: rotate(45deg);
margin-left: -6rpx;
}
.gray-font {
color: #999999;
}
.menu-item-buy {
background: url(http://nosqn.colorcun.com/menu-buy.png) center center no-repeat;
background-size: contain;
}
.menu-item-buy-nouse {
background: url(http://nosqn.colorcun.com/menu-buy-nouse.png) center center no-repeat;
background-size: contain;
}
.menu-item-check {
background: url(http://nosqn.colorcun.com/menu-check.png) center center no-repeat;
background-size: contain;
}
.menu-item-check-nouse {
background: url(http://nosqn.colorcun.com/menu-check-nouse.png) center center no-repeat;
background-size: contain;
}
.menu-item-back {
background: url(http://nosqn.colorcun.com/menu-back.png) center center no-repeat;
background-size: contain;
}
.click-icon {
width: 12rpx;
height: 12rpx;
border-top: 2rpx solid #FFFFFF;
border-right: 2rpx solid #FFFFFF;
transform: rotate(45deg);
margin-left: -6rpx;
}
.gray-font {
color: #999999;
}
.last-book-food {
width: 202rpx;
height: 62rpx;
background: linear-gradient(to right, #E1B275, #FEEFBC, #E1B275);
border-radius: 32rpx;
position: relative;
z-index: 100;
}
.notice {
width: 20rpx;
height: 20rpx;
border-radius: 50%;
position: absolute;
right: -10rpx;
top: 10rpx;
background: #E61010;
}
\ No newline at end of file
... ... @@ -68,6 +68,7 @@ Page({
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -91,7 +92,19 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
},
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
... ... @@ -494,6 +507,7 @@ Page({
// 分享
sharesetting() {
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -240,4 +240,16 @@
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -568,6 +568,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 深中国红 */
.crimson,
.crimson .positioningBox {
... ...
... ... @@ -68,6 +68,7 @@ Page({
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -91,7 +92,19 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
},
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
... ... @@ -494,6 +507,7 @@ Page({
// 分享
sharesetting() {
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -242,4 +242,16 @@
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -603,6 +603,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 深中国红 */
.crimson,
.crimson .positioningBox {
... ...
... ... @@ -68,6 +68,7 @@ Page({
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -91,7 +92,19 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
},
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
... ... @@ -494,6 +507,7 @@ Page({
// 分享
sharesetting() {
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -225,4 +225,16 @@
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -592,6 +592,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 深中国红 */
.crimson,
.crimson .positioningBox {
... ...
... ... @@ -67,6 +67,7 @@ Page({
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -90,7 +91,19 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
},
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
... ... @@ -493,6 +506,7 @@ Page({
// 分享
sharesetting() {
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -223,4 +223,16 @@
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -592,6 +592,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 深中国红 */
.crimson,
.crimson .positioningBox {
... ...
... ... @@ -66,6 +66,7 @@ Page({
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -89,6 +90,18 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
... ... @@ -444,6 +457,7 @@ Page({
},
sharesetting() {
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -4,6 +4,7 @@
"navigationBarTitleText": "",
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter"
"painter":"/components/painter/painter",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -279,9 +279,21 @@
{{toastText}}
</view>
</scroll-view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
<view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
\ No newline at end of file
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -723,6 +723,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 黑蓝过渡 */
.blackBlueGradient .titleImg {
background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
... ...
... ... @@ -68,6 +68,7 @@ Page({
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -91,7 +92,19 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
},
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
... ... @@ -494,6 +507,7 @@ Page({
// 分享
sharesetting() {
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -238,4 +238,16 @@
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -583,6 +583,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 深中国红 */
.crimson,
.crimson .positioningBox {
... ...
... ... @@ -68,6 +68,7 @@ Page({
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -91,7 +92,19 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
},
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
... ... @@ -493,6 +506,7 @@ Page({
// 分享
sharesetting() {
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -235,4 +235,16 @@
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -592,6 +592,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 深中国红 */
.crimson,
.crimson .positioningBox {
... ...
... ... @@ -75,7 +75,8 @@ Page({
attentionAnim: {},
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
n: 0,
modal:'',
/**
* 生命周期函数--监听页面加载
*/
... ... @@ -99,13 +100,19 @@ Page({
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
// wx.onUserCaptureScreen(function(res) {
// wx.showToast({
// icon:'none',
// title: '建议直接转发,分享给朋友!',
// })
// })
},
this.modal = this.selectComponent("#payModal"); //通过给组件所起的id调用组件
wx.onUserCaptureScreen((res)=> {
this.modal.showModal()
})
},
// 打开截屏弹框
showModal() {
this.modal.showModal()
},
// 关闭截屏弹框
closeModal() {
this.modal.closeModal()
},
// 页面滚动事件
onPageScroll: function (event) {
if(event.scrollTop>150){ //当页面滚动到某个位置时(这里设置为50),将导航栏背景颜色设置为白色
... ... @@ -518,7 +525,8 @@ Page({
},
// 分享
sharesetting() {
wx.reportMonitor('1017', 1)
wx.reportMonitor('1017', 1)
this.closeModal()
let parmdata = {
id: this.id,
fromid: getApp().openid,
... ...
... ... @@ -4,6 +4,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
}
}
\ No newline at end of file
... ...
... ... @@ -241,4 +241,16 @@
<view wx:if="{{detail.status !='4' && options.isOrder != '1' && paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
</view>
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
\ No newline at end of file
<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
<my-modal id="payModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">提示</view>
<view slot="modalContent">
<view class="explain">
检测到您正在截屏,建议直接把邀请函转发给朋友更有仪式感哦!
</view>
<view class="screenshotBtns">
<button class="font32r btnsLeft" bindtap="closeModal">关闭弹窗</button>
<button wx:if="{{detail.status !='4' && options.isOrder != '1' && marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r btnsRight" open-type="share">立即转发</button>
</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -708,6 +708,66 @@
z-index: 200;
}
#payModal {
display: flex;
align-items: center;
}
.titleModal {
width: 100%;
margin-top: 48rpx;
color: #000;
font-family: PingFang SC;
font-weight: 500;
font-size: 44rpx;
text-align: center;
}
.explain{
padding: 0 40rpx;
font-size: 30rpx;
color: #000;
line-height: 40rpx;
text-align: center;
}
.screenshotBtns{
width: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 52rpx 22rpx 0 22rpx;
}
.btnsLeft {
width: 43%;
border-radius: 42rpx;
background: #fff;
border: 2rpx solid #0346A5;
bottom: 10%;
color: #0346A5;
}
.btnsRight {
width: 43%;
border-radius: 42rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
bottom: 10%;
color: #fff;
}
.mymodal{
top: 30% !important;
width: 80% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.mymodal .mymodal-content {
height: auto !important;
}
/* 模板9 */
.viewBox9 {
background: #23201e;
... ...