Commit 9da1377f02ef38c299c7abda4629a32b51889f8f

Authored by pengye
1 parent b041dc18

邀请函模板9-17、公共标题

... ... @@ -70,7 +70,8 @@
"pages/reserve/shopHome",
"pages/customer/joinSeller",
"pages/customer/collectSeller",
"pages/customer/detail_owner_invitation_new"
"pages/customer/detail_owner_invitation_new",
"pages/customer/detail_owner_invitation9"
],
"requiredPrivateInfos": [
"getLocation",
... ...
// components/titleStyle/titleStyle.js
Component({
/**
* 组件的属性列表
*/
properties: {
titleStyleType: { //标题类型
type: String,
value: '1'
},
titleText: { //标题
type: String,
value: ''
},
isWhite: { //主题色
type: String,
value: ''
},
},
/**
* 组件的初始数据
*/
data: {
num1: [1, 2, 3, 4, 5, 6, 7, 8],
num2: [8, 7, 6, 5, 4, 3, 2, 1],
},
/**
* 组件的方法列表
*/
methods: {
}
})
\ No newline at end of file
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--components/titleStyle/titleStyle.wxml-->
<view class="{{isWhite}}">
<!-- -->
<view wx:if="{{titleStyleType == '1'}}" class="topic">
<block wx:for="{{num1}}" wx:key="index"><text class="text{{item}}"></text></block>
<text class="texts">{{titleText}}</text>
<block wx:for="{{num2}}" wx:key="index"><text class="text{{item}}"></text></block>
</view>
<view wx:if="{{titleStyleType == '2'}}" class="topic topic2">
<view class="titleLine2"></view>
<view class="drop"></view>
<text class="texts">{{titleText}}</text>
<view class="drop"></view>
<view class="titleLine2"></view>
</view>
<view wx:if="{{titleStyleType == '3'}}" class="topic topic3">
<view class="drop"></view>
<text class="texts">{{titleText}}</text>
<view class="titleLine3"></view>
</view>
<view wx:if="{{titleStyleType == '4'}}" class="topic topic4">
<view class="drop"></view>
<text class="texts">{{titleText}}</text>
</view>
<view wx:if="{{titleStyleType == '5'}}" class="topic topic5">
<view class="line1"></view>
<view class="textBox">
<view class="drop"></view>
<text class="texts">{{titleText}}</text>
<view class="drop"></view>
</view>
<view class="line2"></view>
</view>
<view wx:if="{{titleStyleType == '6'}}" class="topic topic6">
<text class="texts">{{titleText}}</text>
<view class="lineBox">
<view class="left"></view>
<view class="line6"></view>
<view class="right"></view>
</view>
</view>
<view wx:if="{{titleStyleType == '7'}}" class="topic topic7">
<text class="texts">{{titleText}}>>>></text>
</view>
<view wx:if="{{titleStyleType == '8'}}" class="topic topic8">
<text class="texts">{{titleText}}</text>
<image src="{{isWhite == 'pearlWhite' ? 'https://nosqn.colorcun.com/triangleWhite.png' : 'https://nosqn.colorcun.com/triangle.png'}}" mode="" />
<image src="{{isWhite == 'pearlWhite' ? 'https://nosqn.colorcun.com/triangleWhite.png' : 'https://nosqn.colorcun.com/triangle.png'}}" mode="" />
<image src="{{isWhite == 'pearlWhite' ? 'https://nosqn.colorcun.com/triangleWhite.png' : 'https://nosqn.colorcun.com/triangle.png'}}" mode="" />
</view>
<view wx:if="{{titleStyleType == '9'}}" class="topic">
<text class="texts">{{titleText}}</text>
</view>
<view wx:if="{{titleStyleType == '10'}}" class="topic topic10">
<text class="texts">{{titleText}}</text>
</view>
<view wx:if="{{titleStyleType == '11'}}" class="topic topic11">
<text class="texts">{{titleText}}</text>
</view>
<view wx:if="{{titleStyleType == '12'}}" class="topic topic12">
<text class="texts">{{titleText}}</text>
</view>
<view wx:if="{{titleStyleType == '13'}}" class="topic topic10 topic13">
<text class="texts">{{titleText}}</text>
</view>
</view>
\ No newline at end of file
... ...
/* components/titleStyle/titleStyle.wxss */
.topic {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 20rpx 40rpx 20rpx;
}
.topic .text1 {
width: 2rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text2 {
width: 4rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text3 {
width: 6rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text4 {
width: 10rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text5 {
width: 16rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text6 {
width: 26rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text7 {
width: 42rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text8 {
width: 68rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic .text9 {
width: 110rpx;
height: 6rpx;
background: #FFEFC5;
}
.topic3 .texts {
margin: 0 14rpx;
}
.titleLine2 {
flex: 1;
height: 4rpx;
background: #FFEFC5;
}
.drop {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background: #FFEFC5;
}
.topic2 .drop {
margin: 0 14rpx;
}
.texts {
font-family: PingFang SC;
font-weight: 500;
font-size: 40rpx;
color: #FFEFC5;
}
.titleLine3 {
flex: 1;
height: 4rpx;
background: #FFEFC5;
}
.topic4 {
justify-content: flex-start;
padding-bottom: 10rpx;
border-bottom: 4rpx solid #FFEFC5;
}
.topic4 .drop {
margin-right: 10rpx;
}
.topic5 {
flex-direction: column;
position: relative;
align-items: flex-start;
}
.topic5 .line1 {
width: 75%;
height: 4rpx;
background: #FFEFC5;
}
.topic5 .textBox {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 10rpx 0;
}
.topic5 .line2 {
width: 75%;
height: 4rpx;
position: absolute;
right: 0;
bottom: 0;
background: #FFEFC5;
}
.topic5 .textBox .texts {
margin: 0 10rpx;
}
.topic6 {
flex-direction: column;
}
.topic6 .lineBox {
width: 100%;
display: flex;
align-items: center;
}
.topic6 .line6 {
width: calc(100% - 32rpx);
height: 4rpx;
background: #FFEFC5;
}
.lineBox .left {
width: 0;
height: 0;
border-right: 16rpx solid #FFEFC5;
border-bottom: 16rpx solid transparent;
border-top: 16rpx solid transparent;
}
.lineBox .right {
width: 0;
height: 0;
border-left: 16rpx solid #FFEFC5;
border-top: 16rpx solid transparent;
border-bottom: 16rpx solid transparent;
}
.topic7 {
justify-content: flex-start;
padding-bottom: 10rpx;
border-bottom: 4rpx solid #FFEFC5;
}
.topic8 {
display: flex;
justify-content: flex-start;
align-items: center;
}
.topic8 image {
width: 20rpx;
height: 26rpx;
box-sizing: content-box !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
.topic8 image:nth-of-type(1) {
margin-left: 14rpx;
}
.topic10 .texts {
padding: 10rpx 40rpx;
background: #FFEFC5;
border-top-right-radius: 30rpx;
color: #000;
}
.topic11 {
background: url('https://nosqn.colorcun.com/titleStyle11.png') no-repeat;
background-size: 100% 100%;
justify-content: center;
padding: 10rpx 0;
}
.topic12 {
background: url('https://nosqn.colorcun.com/titleStyle12.png') no-repeat;
background-size: 100% 100%;
justify-content: center;
padding: 10rpx 0;
}
.topic11 .texts,
.topic12 .texts {
color: #000;
}
.topic13 {
border-bottom: 4rpx solid #FFEFC5;
}
.pearlWhite .topic .text1,
.pearlWhite .topic .text2,
.pearlWhite .topic .text3,
.pearlWhite .topic .text4,
.pearlWhite .topic .text5,
.pearlWhite .topic .text6,
.pearlWhite .topic .text7,
.pearlWhite .topic .text8,
.pearlWhite .topic .text9,
.pearlWhite .drop,
.pearlWhite .titleLine3,
.pearlWhite .topic5 .line1,
.pearlWhite .topic5 .line2,
.pearlWhite .topic6 .line6,
.pearlWhite .titleLine2 {
background: #578C69;
}
.pearlWhite .topic4,
.pearlWhite .topic7 {
border-bottom: 4rpx solid #578C69;
}
.pearlWhite .lineBox .left {
border-right: 16rpx solid #578C69;
}
.pearlWhite .lineBox .right {
border-left: 16rpx solid #578C69;
}
.pearlWhite .texts {
color: #578C69;
}
.pearlWhite .topic13 .texts {
color: #fff;
}
.pearlWhite .topic13 {
border-bottom: 4rpx solid #abc5b4;
}
.pearlWhite .topic10 .texts,
.pearlWhite .topic13 .texts {
background: #abc5b4;
color: #fff;
}
.pearlWhite .topic11 {
background: url(https://nosqn.colorcun.com/titleStyleWhite1.png) no-repeat;
background-size: 100% 100%;
justify-content: center;
padding: 10rpx 0;
}
.pearlWhite .topic12 {
background: url(https://nosqn.colorcun.com/titleStyleWhite2.png) no-repeat;
background-size: 100% 100%;
justify-content: center;
padding: 10rpx 0;
}
.pearlWhite .topic11 .texts,
.pearlWhite .topic12 .texts {
color: #fff;
}
\ No newline at end of file
... ...
// pages/customer/detail_owner_invitation9.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'
var plugin = requirePlugin("WechatSI");
import canvas from "./canvas"
Page({
/**
* 页面的初始数据
*/
data: {
options: {
tplid: ''
},
tableNum: 0,
detail: {},
staffinfo: {},
chef: {},
marketing: {},
home: {},
reserve: {},
signboard: {},
store: {},
recharge_data: {},
coupon_dataList: [],
current: 0,
seller: {
name: '',
tablesText: '',
date: '',
addr: ''
},
priceInfo: '',
scoreInfo: '',
discount: '',
certificate: '',
dataStr: Date.now() * 1 / 1000,
swich_phone: '0',
is_comments: '0',
is_user_comments: false,
tableinfo: [],
roomimage: [],
StyleType: '',
showMoreTip: true,
settingUrl: '',
inviteImgUrl: '',
themeColor: '',
screenHeight: '',
hasValueOrder: false, //商家是否开通提前点餐功能
hasValueCertificate: false, //商家是否开通优惠券功能
hasValueRecharge: false, //商家是否开通充值功能
hasValueBroadcast: false, //商家是否能播报,只有极速版不能播报
_attentionAnim: {},
isPlay: '1',
titleType: '', //标题样式
num1: [1, 2, 3, 4, 5, 6, 7, 8],
num2: [8, 7, 6, 5, 4, 3, 2, 1],
titleType: '', //标题样式
paymentStatus: '', //定金支付状态 1支付 0未支付
reserveData: {}, //自定义图文数据
toastBool: false, //支付定金提示框
toastText: '', //支付定金提示文字
paymentId: '', //定金id
wxml: null,
imgSrc: '', //canvas图片地址
},
tablestr: '',
urlsValue: [],
screenHeight: '',
attentionAnim: {},
audioCtx: '', //播报
timers: null, // 动画定时器
n: 0,
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.id = options.id
let param = {
options: options,
hasOwner: options.hasSellerShare == 1, //是否为发起人
}
param.tpls = [TP.tpls(options.tplid)]
console.log(param);
console.log(options);
this.setData(param)
mta.Page.init({
"appID": "500667280",
"eventID": "500667287",
"statPullDownFresh": true,
"statShareApp": true,
"statReachBottom": true,
"lauchOpts": options, //渠道分析
});
const systemInfo = wx.getSystemInfoSync();
this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
},
// 页面滚动事件
onPageScroll: function (event) {
const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
if (scrollTop < this.screenHeight) {
this.setData({
showMoreTip: true
});
} else {
this.setData({
showMoreTip: false
});
}
},
// 点击了解更多会员优惠政策
gotoFavourableList() {
let url = util.http_build_query({
sellerName: this.data.seller.name,
sellerid: this.data.seller.sid,
oid: this.data.detail.id,
types: '1'
}, '/pack-cookbook/pages/favourableList')
wx.navigateTo({
url
})
},
// 去评价
evaluateFun() {
let url = util.http_build_query({
sellerName: this.data.seller.name,
sellerid: this.data.seller.sid,
oid: this.data.detail.id,
types: '1',
previousPage: '1',
}, '/pages/pinglun/createOpinion')
wx.navigateTo({
url
})
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
return this.sharesetting();
},
/**
* 监听用户点击分享到朋友圈按钮的操作
*/
onShareTimeline() {
return this.sharesetting();
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
this.getDetail()
this.getText()
this.getPaymentStatus()
},
// 复制微信号
copyWeChat() {
if (this.data.staffinfo.wechat) {
wx.setClipboardData({
data: this.data.staffinfo.wechat,
success(res) {
wx.getClipboardData({
success(res) {
console.log(res.data) // data
}
})
}
})
} else {
console.log('无微信号')
}
},
// 拨打电话
call(e) {
const phone = e.currentTarget.dataset['phone'];
wx.reportMonitor('1012', 1)
wx.makePhoneCall({
phoneNumber: phone
})
},
// 跳转到商家入驻页
gotoJoinSeller() {
wx.navigateTo({
url: '/pages/customer/joinSeller',
})
},
// 导航
looklocation: function () {
wx.reportMonitor('1015', 1)
wx.openLocation({
latitude: Number(this.data.seller.lat),
longitude: Number(this.data.seller.long),
scale: 17,
address: this.data.seller.addr,
success: function (res) {
console.log(res)
}
})
},
// 获取包间图片列表
getroomimage(sellerid) {
App.Tables.GetTablesPhoto({
sellerid,
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', urlsArr)
console.log('roomimage', json.data)
}
})
},
// 预览包间图片
lookroom(e) {
const item = e.currentTarget.dataset['item'];
wx.previewImage({
current: item.url, // 当前显示图片的http链接
urls: this.urlsValue, // 需要预览的图片http链接列表
})
},
// 获取店铺详情
getDetail() {
App.Reserve.Detail({
openid: getApp().openid,
rid: this.data.options.id
}).then(res => {
let tablesText = '', //桌子信息
deskStr = '',
tableNum = 0;
let tableinfo = util.determine(res.data.tableinfo);
console.log('tableinfo', tableinfo);
res.data.tables.forEach((t, i) => {
tableNum += t.table_pnum * 1
tablesText += t.rname + t.name + (i == (res.data.tables.length - 1) ? '' : '、');
deskStr += t.name + (i == (res.data.tables.length - 1) ? '' : '、');
})
let tabaleids = [];
res.data.tables.forEach(t => {
tabaleids.push(t.id);
})
this.tablestr = tabaleids.toString();
let reserev = RS.reserve(res.data)
let dateSmart = util.unixtoTime(reserev.ddate, 'YYYY-MM-DD 星期WW');
let yearMonthDay = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日')
let yearMonth = util.unixtoTime(reserev.ddate, 'MM月DD日')
let dateStr = util.unixtoTime(reserev.ddate, 'HH点')
let dateStrDivide = util.unixtoTime(reserev.ddate, 'II分')
console.log('dateSmart', dateSmart);
this.setData({
detail: this.formatDatail(reserev, dateSmart),
tableNum,
tableinfo,
is_user_comments: res.data.is_user_comments,
seller: {
name: reserev.seller.sellername,
sid: reserev.sid,
date: dateSmart,
tablesText,
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],
soltName: reserev.soltName,
dateTime: util.unixtoTime(reserev.ddate, 'HH:II'),
time: util.unixtoTime(reserev.ddate, '星期WW HH:II'),
lat: reserev.seller.lat,
long: reserev.seller.long,
yearMonthDay,
yearMonth,
dateStr,
deskStr,
dateStrDivide: dateStrDivide == '00分' ? '' : dateStrDivide,
seller_tel: reserev.seller.seller_tel,
}
})
console.log('reserev reserev', reserev);
console.log('seller seller', this.data.seller);
console.log('detail detail', this.data.detail);
setTimeout(() => {
this.getstaffinfo(res.data.uid, reserev.sid);
this.getroomimage(reserev.sid)
this.getSellerVersionFun(reserev.sid);
this.painterBtn(reserev.seller.seller_image, reserev.seller.sellername, util.unixtoTime(reserev.ddate, 'MM月DD日'), util.unixtoTime(reserev.ddate, '周WW HH:II'));
}, 0);
}).catch(res => {
console.log(res, '详情请求失败');
})
},
// 获取商家版本,不是超能版或者没有开通对应模块,不显示
getSellerVersionFun(sellerid) {
App.SellerVersion.GetSellerVersion({
sellerid
}).then((res) => {
let data = res.data;
console.log('版本列表', data);
if (data && data.length > 0) {
data.sort((a, b) => b.cdate * 1 - a.cdate * 1);
// 获取店铺当前版本 (cdate最大最后一个充入的 && 当前时间有效 && 当前版本)
let obj = data.find(item => item.vtype == 1 || item.vtype == 2 || item.vtype == 4);
console.log('当前版本', {
...obj
});
// 提前点餐功能:超能版 || 有提前点餐模块
const hasValueOrder = obj.vtype == '1' || data.some(item => item.vid == '6');
// 优惠券功能:超能版 || 高级版 || 有优惠券模块
const hasValueCertificate = obj.vtype == '1' || obj.vtype == '4' || data.some(item => item.vid == '8');
// 充值功能:超能版 || 有充值模块
const hasValueRecharge = obj.vtype == '1' || data.some(item => item.vid == '9');
// 播报功能:超能版 || 标准版 || 标准版首年 || 高级版
const hasValueBroadcast = obj.vtype == '1' || obj.vid == '4' || obj.vid == '13' || obj.vtype == '4';
this.setData({
hasValueOrder,
hasValueCertificate,
hasValueRecharge,
hasValueBroadcast,
})
}
})
},
// 通过预订ID查收定金详情
getPaymentStatus() {
App.Reserve.GetReserveDepositByRid({
rid: this.data.options.id
}).then(res => {
if (res.ret == 200 && res.data && res.data.length > 0) {
let data = res.data[0];
this.setData({
paymentId: data.id,
paymentStatus: data.trade_state == 'SUCCESS' ? '1' : '0'
})
}
})
},
// 获取自定义图文内容
getText() {
App.Reserve.GetReserveImgText({
rid: this.data.options.id
}).then(res => {
if (res.ret == 200 && res.data) {
let data = res.data;
let content = util.determine(data.content)
console.log('contentcontentcontent', content);
this.setData({
reserveData: {
title: data.title || '',
content,
}
})
}
})
},
// 点击支付定金
paymentFun() {
let that = this;
App.PayOnline.CombineTransactionsByDeposit({
id: this.data.paymentId,
openid: getApp().openid,
}).then(res => {
if (res.ret == 200) {
wx.requestPayment({
timeStamp: res.data.timeStamp + '',
nonceStr: res.data.nonceStr,
package: res.data.package,
signType: res.data.signType,
paySign: res.data.paySign,
success(ress) {
console.log('微信支付结果', ress);
if (ress.errMsg == 'requestPayment:ok') {
console.log('支付成功', ress);
that.setData({
paymentStatus: '1',
toastBool: true,
toastText: '支付成功'
})
that.hideToast();
return
}
console.log('支付失败1', ress);
that.setData({
toastBool: true,
toastText: '支付失败,请重新支付'
})
that.hideToast();
},
fail(ress) {
console.log('支付失败2', ress);
that.setData({
toastBool: true,
toastText: '支付失败,请重新支付'
})
that.hideToast();
},
})
} else {
wx.showToast({
title: res.msg,
icon: 'none',
})
}
})
},
// 关闭支付失败或者成功弹框
hideToast() {
setTimeout(() => {
this.setData({
toastBool: false
})
}, 1500)
},
// 客户经理获取基本信息
getstaffinfo(uid, sid) {
console.log('sellerid', this.data.detail.seller.id);
App.Activity.GetCustomerActivityBaseinfo({
sellerid: this.data.detail.seller.id,
uid
}).then((json) => {
if (json.ret == 200) {
console.log('staffinfostaffinfostaffinfo', json.data)
this.setData({
staffinfo: json.data
})
this.getSellerTemplateConfFun(sid);
}
})
},
// 提前点餐
cookbook() {
if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) {
let data = {
rid: this.id,
oid: this.data.detail.order.id,
sellerName: this.data.seller.name,
sid: this.data.seller.sid,
identity: '1',
hasSuccess: '1',
}
wx.navigateTo({
url: `/pack-cookbook/pages/success_new?hasSuccess=${data.hasSuccess}&identity=${data.identity}&oid=${data.oid}&rid=${data.rid}&sellerName=${data.sellerName}&sid=${data.sid}`,
})
} 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,
sid: res.data.sellerid,
sellerName: this.data.seller.name,
identity: '1',
}, '/pack-cookbook/pages/index_new')
});
})
}
},
// 生成海报
painterBtn(img, sellerName, date, time) {
img = img.replace(/^http:/, "https:");
this.setData({
wxml: canvas({
imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
sellerName,
date,
time,
})
})
},
onImgOK(e) {
this.setData({
imgSrc: e.detail.path
})
console.log('海报生成成功', this.data.imgSrc);
},
// 分享
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.seller.name + ',点击可查看详情并导航到店',
path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
}
},
// 修改detail数据
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 ? '先生' : '女士')
} 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 = '邀请您共进午餐';
}
return detail;
},
// 获取商家设置营销信息
getSellerTemplateConfFun(sid) {
console.log(sid, 'sidsidsidsid');
App.Seller.GetSellerTemplateConf({
sid
}).then(res => {
let data = res.data
console.log('data', data);
let couponList = []
let settingUrl, inviteImgUrl, themeColor, StyleType, titleType, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store;
chef = util.determine(data.chef);
reserve = util.determine(data.reserve);
marketing = util.determine(data.marketing);
signboard = util.determine(data.signboard);
store = util.determine(data.store);
home = util.determine(data.home);
themeColor = data.lite_class || 'ultramarine';
StyleType = data.type;
if (StyleType == '9' || StyleType == '10' || StyleType == '11' || StyleType == '12') {
inviteImgUrl = 'https://nosqn.colorcun.com/inviteText.png';
} else {
inviteImgUrl = 'https://nosqn.colorcun.com/inviteText1.png';
}
settingUrl = StyleType == '12' ? 'https://nosqn.colorcun.com/template12.jpg' : 'https://nosqn.colorcun.com/template' + StyleType + '.png';
titleType = data.title_class;
swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : '';
if (marketing) {
is_comments = marketing.is_comments ? marketing.is_comments : '';
coupon = marketing.coupon_data ? util.determine(marketing.coupon_data) : '';
}
// is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示
if (coupon && util.getType(coupon) == 'object') {
couponList.push({
id: coupon.id
});
}
if (coupon && util.getType(coupon) == 'array') {
if (coupon.length > 0) {
coupon.forEach(item => {
couponList.push({
id: item.id
})
})
}
}
let obj = {
chef,
reserve,
marketing,
signboard,
store,
home,
coupon,
couponList,
swich_phone,
is_comments,
StyleType,
titleType,
themeColor,
settingUrl,
inviteImgUrl,
}
console.log('获取数据', {
...obj
});
// 根据券ID获取券详情
this.getActivityByIdFun(couponList, couponList.length)
// 根据充值ID获取充值详情
if (marketing && marketing.is_recharge && marketing.is_recharge == '1' && marketing.recharge_data) {
this.getRechargeDetail(marketing.recharge_data.id)
}
if (store && store.images && store.images.length > 0) store.images = util.determine(store.images);
if (reserve && reserve.park_info_images && reserve.park_info_images.length > 0) reserve.park_info_images = util.determine(reserve.park_info_images);
if (signboard && signboard.images && signboard.images.length > 0) signboard.images = util.determine(signboard.images);
this.setData({
chef,
marketing,
home,
reserve,
signboard,
store,
swich_phone,
is_comments,
StyleType,
titleType,
themeColor,
settingUrl,
inviteImgUrl,
})
// 开启语音播报
if (reserve && reserve.swich_voice == '1') {
this.setData({
isPlay: '1',
})
this.textToSpeechFun(reserve.voice_info)
}
}).catch(res => {
console.log('GetSellerTemplateConf请求失败');
})
},
// 再次预订
secondbook() {
wx.reportMonitor('1013', 1)
wx.redirectTo({
url: '../reserve/detail?id=' + this.data.detail.seller.id
})
},
// 文字转语音的方法
textToSpeechFun(voice_info) {
console.log('voice_info', voice_info);
let that = this;
let data = this.data;
let str = data.detail.sex == '1' ? '先生' : data.detail.sex == '2' ? '女士' : '';
const replacements = {
"{年月日}": data.seller.yearMonthDay,
"{月日}": data.seller.yearMonth,
"{餐段}": data.seller.soltName,
"{就餐时间}": data.seller.dateStr + data.seller.dateStrDivide,
"{包间名}": data.seller.deskStr,
"{区域名+包间名}": data.seller.tablesText,
"{经理名字}": data.staffinfo.name,
"{客人姓名}": data.detail.rname + str,
"{预订日期}": data.seller.yearMonthDay,
"{桌位}": data.seller.deskStr,
};
let newStr = voice_info.replace(/{预订日期}|{桌位}|{年月日}|{月日}|{餐段}|{就餐时间}|{包间名}|{区域名\+包间名}|{经理名字}|{客人姓名}/g, function (matched) {
return replacements[matched];
});
console.log('newStr', newStr);
plugin.textToSpeech({
lang: "zh_CN",
tts: true,
content: newStr,
success: function (res) {
that.filename = res.filename
that.speech()
},
fail: function (res) {
console.log("fail tts", res)
}
})
},
// 开启语音播报
speech() {
var attentionAnim = wx.createAnimation({
duration: 1000,
timingFunction: 'linear',
})
this.attentionAnim = attentionAnim
this.setData({
_attentionAnim: attentionAnim,
attentionAnim: attentionAnim.export()
})
this.audioCtx = wx.createInnerAudioContext()
this.audioCtx.src = this.filename
this.audioCtx.loop = true
this.audioCtx.play()
this.audioCtx.onPlay((e) => {
this.setData({
isPlay: this.audioCtx.paused ? '2' : '1'
})
})
this.audioCtx.onPause((e) => {
this.setData({
isPlay: this.audioCtx.paused ? '2' : '1'
})
})
clearInterval(this.timers)
this.animation()
},
// 持续旋转动画
animation() {
let that = this;
var time = setInterval(function () {
this.n = this.n + 1;
let attentionAnim = that.data._attentionAnim
attentionAnim.rotate(180 * (this.n)).step()
that.setData({
attentionAnim: attentionAnim.export(),
})
}.bind(this), 1000)
this.timers = time;
},
// 暂停/继续播放
stopMusic() {
if (this.data.isPlay == '2') { // 2 暂停状态
console.log("开始");
clearInterval(this.timers)
this.animation()
this.audioCtx.play() //开始
return;
}
if (this.data.isPlay == '1') { // 1 运行状态
console.log('暂停');
if (this.n % 2 != 0) {
this.n = this.n + 1;
let attentionAnim = this.data._attentionAnim;
attentionAnim.rotate(180 * this.n).step();
this.setData({
attentionAnim: attentionAnim.export(),
})
}
clearInterval(this.timers)
this.audioCtx.pause() //暂停
return;
}
},
// 根据充值ID获取充值详情
getRechargeDetail(id) {
App.Activity.GetNewRecharge({
id
}).then(res => {
let detail = res.data
let exp_date = res.data.exp_date ? JSON.parse(res.data.exp_date) : ''
let recharge_list = res.data.recharge_list ? JSON.parse(res.data.recharge_list) : ''
let priceInfo, scoreInfo, certificate;
detail.recharge_list = recharge_list;
detail.exp_date = exp_date;
if (recharge_list.is_price == '1') priceInfo = '会员充值满' + detail.recharge_money + '元赠送' + recharge_list.price + '元余额';
if (recharge_list.is_score == '1') scoreInfo = '会员充值满' + detail.recharge_money + '元赠送' + recharge_list.score + '积分';
if (recharge_list.is_coupons == '1' && recharge_list.coupons_names.length > 0) certificate = recharge_list.coupons_names.join('、');
this.setData({
recharge_data: detail,
scoreInfo,
priceInfo,
certificate
})
})
},
// 根据券ID获取券详情
getActivityByIdFun(ids, length) {
let coupon_dataList = [];
ids.forEach(i => {
App.Activity.GetActivityById({
id: i.id
}).then(res => {
if (res.data.length > 0) {
let detail = res.data[0];
detail.stringifyUse = detail.use ? JSON.stringify(detail.use) : '';
detail.exp_date = detail.exp_date ? util.determine(detail.exp_date) : '';
detail.use = detail.use ? util.determine(detail.use) : '';
if ((detail.use && (!detail.use.is_cash || detail.use.is_cash == '1'))) {
let cash = detail.use.cash * 1;
let price = detail.price * 1;
detail.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : '';
}
coupon_dataList.push(detail);
if (length === ids.length) {
this.setData({
coupon_dataList,
})
}
}
})
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
clearInterval(this.timers)
if (this.audioCtx) {
this.audioCtx.destroy(); // 释放音频资源
}
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
})
\ No newline at end of file
... ...
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "",
"usingComponents": {
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle"
}
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner_invitation9.wxml-->
<import src="../tpl/invitation"></import>
<scroll-view scroll-y class="viewBox viewBox{{StyleType}}">
<image wx:if="{{hasValueBroadcast && reserve && reserve.swich_voice && reserve.swich_voice=='1'}}" class="musicImg" src="{{isPlay=='1'?'https://qn.colorcun.com/open.svg':'https://qn.colorcun.com/close.svg'}}" bindtap="stopMusic" animation="{{attentionAnim}}" />
<view class="reservationInfo" style="background: url('{{settingUrl}}') no-repeat;background-size:cover;">
<view class="infoTop">
<view class="infoTopName">
<view class="font28r" wx:if="{{reserve && reserve.swich_slogan == '1' && home && home.slogan}}">{{home.slogan}}</view>
<view class="name">{{seller.name||reserve.seller_name}}</view>
</view>
<view class="imgBox">
<image class="inviteImg {{StyleType=='13' || StyleType=='14' ||StyleType=='15' ||StyleType=='16' || StyleType=='17'?'inviteImg1':''}}" src="{{inviteImgUrl}}" alt="" srcset="" />
</view>
</view>
<view class="bookInfo">
<view class="infoItem infoItemOne">
<view wx:if="{{reserve && reserve.swich_booking=='1' && reserve.book_info}}" class="contentData font28r bookData">{{reserve.book_info}}</view>
</view>
<view class="infoItem" wx:if="{{detail && detail.rnameStr && reserve && reserve.swich_customer == '1'}}">
<view class="label font28r">预订贵宾:</view>
<view class="contentData font36r">{{detail.rnameStr}}</view>
</view>
<view class="infoItem" wx:if="{{seller.date}}">
<view class="label font28r">用餐日期:</view>
<view class="contentData font36r">{{seller.date}}</view>
</view>
<view class="infoItem" wx:if="{{seller.soltName}}">
<view class="label font28r">用餐时间:</view>
<view class="contentData font36r">{{seller.soltName}}<text class="marLeft font36r">{{seller.dateTime}}</text></view>
</view>
<view class="infoItem" wx:if="{{seller.tablesText}}">
<view class="label font28r">用餐位置:</view>
<view class="contentData font36r">{{seller.tablesText}}</view>
</view>
<view wx:if="{{roomimage && roomimage.length>0}}" class="{{roomimage.length=='1'?'pageSpacing':'pageSpacing1'}}">
<view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
<image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
<text>{{item.name}}</text>
</view>
</view>
<view class="welcomeMsg font28r" wx:if="{{reserve && reserve.swich_welcome == '1' && marketing && marketing.wecomle}}">
{{marketing.wecomle}}
</view>
</view>
<view wx:if="{{titleType == '1'}}" class="separatrixOne">
<block wx:for="{{num1}}" wx:key="index"><text class="text{{item}}"></text></block>
<text class="text9"></text>
<block wx:for="{{num2}}" wx:key="index"><text class="text{{item}}"></text></block>
</view>
<view class="centerBox">
<view class="positioning">
<view class="positioningName">
<text class="font24r">地址:</text>
<text class="font24r positioningText">{{seller.addr || reserve.seller.map_address}}</text>
<button wx:if="{{seller.addr || reserve.seller.map_address}}" bindtap="looklocation" class="flex-cc font24r mapBtn">导航到店</button>
</view>
<text class="font24r" wx:if="{{seller.seller_tel}}">热线:{{seller.seller_tel}}</text>
</view>
<block wx:if="{{staffinfo && reserve.swich_manager=='1'}}">
<view class="handleInfo">
<image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
<view class="handle handlePhone">
<view class="handleName">专属服务:{{staffinfo.name}}</view>
<view class="handleBlower">服务电话:{{staffinfo.phone}}</view>
</view>
<view class="handle">
<view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="copyWeChat">复制微信</view>
<view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
</view>
</view>
</block>
</view>
</view>
<view class="preferentialCoupon" wx:if="{{hasValueCertificate && marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
<block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
<view class="preferentialItems" wx:if="{{dataStr<(item.etime*1) && item.status == '1'}}">
<view class="itemLeft">
<text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText font24r">{{item.discount}}折</text>
<view class="priceText" wx:if="{{item.price}}">
<view class="icons font40r">¥</view>{{item.price}}
</view>
</view>
<view class="itemRight">
<view class="btns">
<text class="font40r">{{item.aname}}</text>
<navigator url="/pack-activity/pack/buyCoupon?id={{item.id}}&name={{seller.name}}&use={{item.stringifyUse}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
<view class="font24r orderingFood">
抢购
</view>
</navigator>
</view>
<text wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">{{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}</text>
<view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
无限制{{item.desc?','+item.desc+'。':'。'}}
</view>
<view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
</view>
</view>
</view>
</block>
</view>
<view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">
<text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想<text class="font36r">吐槽</text>?戳这里填写意见!--></text>
<text wx:if="{{marketing.is_comments_coupon=='1'}}">想<text class="font36r">吐槽</text>?戳这里填写意见反馈赢好礼!</text>
<image src="https://nosqn.colorcun.com/evaluate2.png" mode="" />
</view>
<view class="reserveBox" wx:if="{{reserveData && (reserveData.title || reserveData.content)}}">
<view class="title font36r" wx:if="{{reserveData.title}}">{{reserveData.title}}</view>
<block wx:for="{{reserveData.content}}" wx:key="index">
<image class="items" wx:if="{{item.type =='1'}}" src="{{item.content}}" mode="widthFix" />
<text class="items font24r" wx:if="{{item.type == '2'}}">{{item.content}}</text>
</block>
</view>
<!-- 餐厅介绍 -->
<view class="introduce" wx:if="{{store}}">
<block wx:if="{{titleType}}">
<titleStyle titleStyleType="{{titleType}}" titleText="餐厅介绍"></titleStyle>
</block>
<image wx:if="{{marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')}}" src="{{marketing.logo?marketing.logo:''}}" mode="widthFix" />
<view class="labelBox" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
<text class="texts font32r">{{store.introduce}}
</text>
</view>
<image wx:if="{{home.image && (!home.id_first_image || home.id_first_image!='0')}}" src="{{home.image}}" class="homeImage" mode="widthFix"></image>
</view>
<!-- 用餐环境 -->
<view class="introduce">
<block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
<block wx:if="{{titleType}}">
<titleStyle titleStyleType="{{titleType}}" titleText="用餐环境"></titleStyle>
</block>
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
</block>
</block>
</view>
<!-- 主厨介绍 -->
<view class="introduce" wx:if="{{(!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0')}}">
<block wx:if="{{titleType}}">
<titleStyle titleStyleType="{{titleType}}" titleText="主厨介绍"></titleStyle>
</block>
<view class="labelBox" wx:if="{{!chef.is_introduce || chef.is_introduce!='0'}}">
<text class="texts">{{chef.introduce}}
</text>
</view>
<block wx:if="{{!chef.is_images || chef.is_images!='0'}}">
<image src="{{chef.image}}" mode="widthFix" />
</block>
</view>
<!-- 特色菜品 -->
<view class="introduce" wx:if="{{signboard && signboard.swich=='1' && signboard.images && signboard.images.length>0}}">
<block wx:if="{{titleType}}">
<titleStyle titleStyleType="{{titleType}}" titleText="特色菜品"></titleStyle>
</block>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
</block>
</view>
<!-- 停车指引 -->
<view class="introduce" wx:if="{{reserve && reserve.swich_park=='1' && (reserve.park_info || reserve.park_info_images)}}">
<block wx:if="{{titleType}}">
<titleStyle titleStyleType="{{titleType}}" titleText="停车指引"></titleStyle>
</block>
<view class="labelBox" wx:if="{{reserve.park_info}}">
<text class="texts">{{reserve.park_info}}
</text>
</view>
<block wx:for="{{reserve.park_info_images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="widthFix" />
</block>
</view>
<view class="introduce" wx:if="{{hasValueOrder && detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
<block wx:if="{{titleType}}">
<titleStyle titleStyleType="{{titleType}}" titleText="提前点餐"></titleStyle>
</block>
<view class="endStyle">
<view class="news font32r">
现在提前点菜下单,到店时无需等待服务员点餐,直接享受就餐服务^_^
</view>
<view wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}" bindtap="cookbook" class="book-item-font flex-cc font30r cook" style="position: relative;">
去点餐
</view>
</view>
</view>
<view class="introduce introduceBottom">
<block wx:if="{{hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
<block wx:if="{{titleType}}">
<titleStyle titleStyleType="{{titleType}}" titleText="会员招募"></titleStyle>
</block>
<view class="preferentialItems rechargeItems">
<view class="itemLeft">
<view class="itemTop font36r">
{{recharge_data.rname}}
</view>
<view class="itemBottom font24r" wx:if="{{priceInfo}}">
{{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
</view>
<view class="bottom font24r" wx:if="{{scoreInfo}}">
{{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
</view>
<view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
{{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+recharge_data.recharge_money+'元赠送'+certificate:''}}。
</view>
</view>
<navigator url="/pack-activity/pack/vipRecharge?id={{recharge_data.id}}&name={{seller.name}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
<view class="font24r orderingFood">
抢购
</view>
</navigator>
</view>
</block>
<view class="vips">
<view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
点击了解更多会员优惠政策
</view>
<text class="businessBox">
周到安排提供技术支持<text bindtap="call" data-phone="4000009690">4000009690</text>,餐厅入驻请点击<text bindtap="gotoJoinSeller" style="text-decoration: underline;">这里</text>
</text>
</view>
</view>
<view class="{{(!marketing || (marketing.is_transpond!='1' && marketing.is_online_book!='1'))?'more more1':'more'}}" wx:if="{{showMoreTip}}">
<view class="moreText">滑动查看更多</view>
<image src="https://qn.colorcun.com/jt1.png" mode="" />
</view>
<view class="toastBox" wx:if="{{toastBool}}">
{{toastText}}
</view>
</scroll-view>
<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="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="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
<button wx:if="{{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
... ...
/* pages/customer/detail_owner_invitation9.wxss */
@import "../tpl/tpls.wxss";
@font-face {
font-family: 'Abel';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/abel/v18/MwQ5bhbm2POE2V9BPQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.reservationInfo {
min-height: 200rpx;
padding-bottom: 20rpx;
position: relative;
color: #FFEFC5;
padding-top: 160rpx;
max-height: 1890rpx;
background-size: cover;
}
.reservationInfo .infoItem {
display: flex;
display: flex;
line-height: 70rpx;
font-family: PingFang SC;
align-items: center;
}
.marLeft {
margin-left: 10rpx;
}
.reservationInfo .infoItemOne {
flex-direction: column;
margin: 0 0 44rpx 0;
align-items: flex-start;
}
.bookInfo {
border-radius: 20rpx;
padding: 20rpx 20rpx 30rpx 20rpx;
margin: 0 40rpx;
}
.infoTopName {
padding: 10rpx 32rpx;
color: #FFEFC5;
font-family: PingFang SC;
font-weight: 600;
margin-bottom: 66rpx;
}
.infoTopName .name {
font-size: 56rpx;
margin-top: 16rpx;
}
.imgBox {
display: flex;
align-items: center;
justify-content: center;
}
.inviteImg {
width: 562rpx;
height: 330rpx;
}
.inviteImg1 {
width: 586rpx;
height: 336rpx;
}
.infoItemOne .contentData {
line-height: 48rpx;
}
.label {
flex-shrink: 0;
font-family: PingFang SC;
}
.contentData {
flex: 1;
line-height: 60rpx;
font-family: PingFang SC;
margin-left: 40rpx;
font-weight: 600;
}
.pageSpacing {
position: relative;
display: flex;
align-items: center;
white-space: nowrap;
width: auto;
overflow-x: scroll;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
padding: 10rpx 0 10rpx 116rpx;
margin-top: 20rpx;
}
.pageSpacing1 {
position: relative;
display: flex;
white-space: nowrap;
width: auto;
overflow-x: scroll;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
padding: 10rpx 0 10rpx 116rpx;
margin-top: 20rpx;
}
.imgs {
position: relative;
display: flex;
white-space: nowrap;
width: 470rpx;
height: 348rpx;
margin-right: 30rpx;
}
.imgs text {
background: #515151;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
height: 64rpx;
line-height: 64rpx;
width: 470rpx;
text-align: center;
border-bottom-left-radius: 16rpx;
border-bottom-right-radius: 16rpx;
}
.imageStyle {
display: inline-block;
width: 500rpx;
height: 348rpx;
border-radius: 16rpx;
}
.welcomeMsg {
margin: 44rpx 0 0 0;
font-family: PingFang SC;
}
.handleInfo {
display: flex;
justify-content: space-between;
align-items: center;
}
.headerimg {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
.handle {
display: flex;
flex-direction: column;
font-family: PingFang SC;
font-weight: 500;
font-size: 24rpx;
justify-content: space-between;
}
.handlePhone {
margin: 0 20rpx;
color: #FFEFC5;
margin: 0 20rpx;
width: 47%;
}
.handleName {
word-wrap: break-word;
text-align: left;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin-bottom: 20rpx;
}
.handleBlower {
word-wrap: break-word;
text-align: left;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.brownFont {
width: 130rpx;
padding: 8rpx 0;
color: #FFEFC5;
border: 2rpx solid #FFEFC5;
border-radius: 22rpx;
text-align: center;
}
.brownFont:nth-of-type(1) {
margin-bottom: 20rpx;
}
.centerBox {
border-radius: 20rpx;
margin: 26rpx 40rpx 0 40rpx;
padding: 26rpx 20rpx 20rpx 20rpx;
}
.positioning {
display: flex;
flex-direction: column;
box-sizing: border-box;
flex: 1;
color: #FFEFC5;
margin-bottom: 30rpx;
}
.positioning text:nth-of-type(1) {
flex-shrink: 0;
line-height: 50rpx;
}
.positioningName {
display: flex;
}
.positioningText {
line-height: 50rpx;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
margin: 0 10rpx;
}
.mapBtn {
flex-shrink: 0;
padding: 8rpx 16rpx;
margin-left: 10rpx;
height: 54rpx !important;
border: 2rpx solid #FFEFC5;
color: #FFEFC5;
height: 54rpx !important;
border-radius: 42rpx;
font-weight: 600;
background: transparent;
}
.introduce {
box-sizing: border-box;
padding: 60rpx 0 20rpx 0;
margin: 0 20rpx 20rpx 20rpx;
}
.introduceBottom {
margin-bottom: 180rpx;
}
.labelBox {
width: 100%;
display: flex;
position: relative;
}
.labelBox .texts {
line-height: 40rpx;
margin: 20rpx;
color: #FFEFC5;
font-family: PingFang SC;
max-height: 400rpx;
overflow: hidden;
white-space: pre-line;
word-wrap: break-word;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
font-weight: 500;
}
.introduce image {
width: 100%;
margin-bottom: 20rpx;
display: block !important;
vertical-align: top;
padding: 0 20rpx;
box-sizing: border-box;
}
.introduce image:nth-last-of-type(1) {
margin-bottom: 0;
}
.news {
color: #FFEFC5;
font-family: PingFang SC;
font-weight: 500;
line-height: 40rpx;
}
.endStyle {
margin: 0 20rpx 30rpx 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.preferentialCoupon {
padding: 40rpx 40rpx 0 40rpx;
}
.preferentialItems {
display: flex;
background: url('https://qn.colorcun.com/certificateBj1.png') no-repeat;
background-size: 100% 100%;
margin-bottom: 20rpx;
min-height: 160rpx;
padding-bottom: 10rpx;
}
.rechargeItems {
background: url('https://qn.colorcun.com/certificateBj2.png') no-repeat;
background-size: 100% 100%;
min-height: 160rpx;
display: flex;
justify-content: space-between;
align-items: center;
height: auto;
padding: 12rpx 0;
margin: 0 20rpx;
}
.itemLeft {
width: 30%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.rechargeItems .itemLeft {
width: 64%;
margin-left: 38rpx;
}
.discountText {
text-align: center;
color: #FFEFC5;
border-radius: 6rpx;
font-family: PingFang SC;
background: #FD4D59;
width: max-content;
padding: 6rpx;
position: absolute;
left: 16rpx;
top: 12rpx;
}
.priceText {
font-family: 'Abel';
color: #E34D59;
font-weight: 500;
font-size: 64rpx;
margin-top: 6rpx;
}
.priceText .icons {
font-family: 'Abel';
color: #FD4D59;
font-size: 40rpx;
}
.itemRight {
width: 70%;
padding-right: 10rpx;
margin-left: 18rpx;
}
.btns {
margin: 24rpx 20rpx 0 0;
display: flex;
justify-content: space-between;
}
.orderingFood {
padding: 0 40rpx;
border-radius: 22rpx;
text-align: center;
color: #0B0805;
border-radius: 20rpx;
line-height: 44rpx;
height: 44rpx;
background: transparent;
border: 2rpx solid #0B0805;
}
.bottom {
margin-top: 10rpx;
width: 100%;
color: #0B0805;
font-family: PingFang SC;
font-weight: 500;
display: -webkit-box;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-align: left;
}
.itemTop {
display: flex;
width: 100%;
align-items: center;
font-family: 'Abel';
color: #FD4D59;
margin-bottom: 10rpx;
}
.rechargeItems .orderingFood {
margin-right: 20rpx;
}
.itemBottom {
color: #0B0805;
font-family: PingFang SC;
font-weight: 500;
display: -webkit-box;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-align: left;
}
.priceText {
display: flex;
align-items: center;
justify-content: center;
}
.vips {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20rpx;
}
.favouredPolicy {
width: 45%;
color: #FFEFC5;
font-family: PingFang SC;
font-weight: 500;
border: 2rpx solid #FFEFC5;
border-radius: 22rpx;
text-align: center;
padding: 10rpx;
}
.sharewidth {
position: fixed;
left: 0;
bottom: 0;
height: 160rpx;
padding: 0 40rpx;
box-sizing: border-box;
z-index: 100;
justify-content: flex-end;
width: 100%;
}
.shareItem,
.moreBtn,
.paymenBtn {
width: inherit;
margin: 0;
background: transparent;
color: #FFEFC5;
border: 2rpx solid #FFEFC5;
height: 80rpx;
border-radius: 42rpx;
font-weight: 600;
margin-right: 20rpx;
}
.shareItem {
margin-right: 0;
background: #FFEFC5;
color: #0B0805;
}
.menu-item {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cook {
height: 94% !important;
background: transparent;
border: 2rpx solid #FFEFC5;
color: #FFEFC5;
border-radius: 32rpx;
font-weight: normal;
width: 38% !important;
margin-left: 18rpx;
}
.cook view {
color: #FFEFC5;
}
.bold {
font-weight: 500;
}
.evaluateBox {
margin: 60rpx 84rpx 72rpx 40rpx;
display: flex;
align-items: center;
justify-content: space-between;
color: #FFEFC5;
}
.evaluateBox image {
width: 64rpx;
height: 64rpx;
}
.evaluateBox text {
color: #FFEFC5;
font-size: 24rpx;
}
.evaluateBox text text {
font-size: 36rpx;
}
.more {
height: 80rpx;
width: 100%;
position: fixed;
bottom: 160rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: rgba(0, 0, 0, .4);
}
.more1 {
bottom: 40rpx;
}
.moreText {
color: #fff;
}
.more image {
width: 30rpx;
height: 30rpx;
}
.musicImg {
width: 62rpx;
height: 62rpx;
position: fixed !important;
right: 8%;
top: 22%;
z-index: 200;
}
.bookData {
margin-left: 0;
}
.businessBox {
color: #FFEFC5;
font-size: 24rpx;
font-family: PingFang SC;
}
.businessBox text {
color: #FD4D59;
}
.reserveBox {
margin: 20rpx;
background: #1b1816;
padding: 20rpx;
}
.reserveBox .title {
margin-bottom: 20rpx;
color: #FFEFC5;
font-family: PingFang SC;
}
.reserveBox .items {
width: 100%;
margin-bottom: 20rpx;
color: #FFEFC5;
font-family: PingFang SC;
display: block;
}
.toastBox {
width: fit-content;
position: fixed;
padding: 30rpx;
color: #fff;
background: rgba(0, 0, 0, .7);
font-size: 28rpx;
border-radius: 10rpx;
left: 50%;
z-index: 999;
top: 50%;
transform: translate(-50%, -50%);
}
.separatrixOne {
display: flex;
justify-content: space-between;
align-items: center;
margin: 40rpx;
}
.separatrixOne .text1 {
width: 2rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text2 {
width: 4rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text3 {
width: 6rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text4 {
width: 10rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text5 {
width: 16rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text6 {
width: 26rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text7 {
width: 42rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text8 {
width: 68rpx;
height: 6rpx;
background: #FFEFC5;
}
.separatrixOne .text9 {
width: 110rpx;
height: 6rpx;
background: #FFEFC5;
}
/* 模板9 */
.viewBox9 {
background: #23201e;
}
.viewBox9 .introduce {
background: #1b1816;
}
.viewBox9 .bookInfo,
.viewBox9 .centerBox {
background: rgba(11, 8, 5, 0.85);
}
.viewBox9 .btns text,
.viewBox9 .bottom,
.viewBox9 .itemBottom,
.viewBox9+.sharewidth .shareItem {
color: #0B0805;
}
.viewBox9 .orderingFood {
color: #0B0805;
border: 2rpx solid #0B0805;
}
.viewBox9+.sharewidth {
background: #0B0805;
}
/* 模板10 模板17 */
.viewBox10,
.viewBox17 {
background: #750100;
}
.viewBox10 .introduce {
background: rgba(164, 9, 5, 0.35);
}
.viewBox10 .bookInfo,
.viewBox10 .centerBox,
.viewBox17 .bookInfo,
.viewBox17 .centerBox {
background: rgba(117, 1, 0, 0.75);
}
.viewBox10 .btns text,
.viewBox10 .bottom,
.viewBox10 .itemBottom,
.viewBox10+.sharewidth .shareItem,
.viewBox17 .btns text,
.viewBox17 .bottom,
.viewBox17 .itemBottom,
.viewBox17+.sharewidth .shareItem {
color: #750100;
}
.viewBox10 .orderingFood,
.viewBox17 .orderingFood {
color: #750100;
border: 2rpx solid #750100;
}
.viewBox10+.sharewidth,
.viewBox17+.sharewidth {
background: #750100;
}
/* 模板11 */
.viewBox11,
.viewBox12 {
background: #0b1a67;
}
.viewBox11 .introduce,
.viewBox12 .introduce {
background: rgba(33, 74, 165, 0.3);
}
.viewBox11 .bookInfo,
.viewBox11 .centerBox {
background: rgba(33, 74, 165, 0.7);
}
.viewBox11 .btns text,
.viewBox11 .bottom,
.viewBox11 .itemBottom,
.viewBox11+.sharewidth .shareItem,
.viewBox12 .btns text,
.viewBox12 .bottom,
.viewBox12 .itemBottom,
.viewBox12+.sharewidth .shareItem {
color: #0B1A67;
}
.viewBox11 .orderingFood,
.viewBox12 .orderingFood {
color: #0B1A67;
border: 2rpx solid #0B1A67;
}
.viewBox11+.sharewidth,
.viewBox12+.sharewidth {
background: #0B1A67;
}
/* 模板12 */
.viewBox12 .bookInfo,
.viewBox12 .centerBox {
background: rgba(11, 26, 103, 0.85);
}
/* 模板13 模板15 */
.viewBox13,
.viewBox15 {
background: #0b3133;
}
.viewBox13 .introduce,
.viewBox15 .introduce {
background: rgba(33, 89, 96, 0.75);
}
.viewBox13 .bookInfo,
.viewBox13 .centerBox,
.viewBox13 .infoTopName,
.viewBox15 .bookInfo,
.viewBox15 .centerBox,
.viewBox15 .infoTopName {
background: rgba(33, 89, 96, 0.35);
}
.viewBox13 .btns text,
.viewBox13 .bottom,
.viewBox13 .itemBottom,
.viewBox13+.sharewidth .shareItem,
.viewBox15 .btns text,
.viewBox15 .bottom,
.viewBox15 .itemBottom,
.viewBox15+.sharewidth .shareItem {
color: #215960;
}
.viewBox13 .orderingFood,
.viewBox15 .orderingFood {
color: #215960;
border: 2rpx solid #215960;
}
.viewBox13+.sharewidth,
.viewBox15+.sharewidth {
background: #215960;
}
/* 模板14 模板16 */
.viewBox14,
.viewBox16 {
background: #1b1a23;
}
.viewBox14 .introduce,
.viewBox16 .introduce {
background: rgba(11, 8, 5, 0.75);
}
.viewBox14 .bookInfo,
.viewBox14 .centerBox,
.viewBox14 .infoTopName,
.viewBox16 .bookInfo,
.viewBox16 .centerBox,
.viewBox16 .infoTopName {
background: rgba(11, 8, 5, 0.35);
}
.viewBox14 .btns text,
.viewBox14 .bottom,
.viewBox14 .itemBottom,
.viewBox14+.sharewidth .shareItem,
.viewBox16 .btns text,
.viewBox16 .bottom,
.viewBox16 .itemBottom,
.viewBox16+.sharewidth .shareItem {
color: #0B0805;
}
.viewBox14 .orderingFood,
.viewBox16 .orderingFood {
color: #0B0805;
border: 2rpx solid #0B0805;
}
.viewBox14+.sharewidth,
.viewBox16+.sharewidth {
background: #0B0805;
}
/* 模板17 */
.viewBox17 .introduce {
background: #850402;
}
.viewBox17 .infoTopName {
background: rgba(117, 1, 0, 0.75);
}
\ No newline at end of file
... ...