Commit 5d7ca99ca706c2e4c2a61e36a9b1e72a26a37f2e

Authored by pengye
1 parent a8fa3018

模板8以及加珍珠白

... ... @@ -65,7 +65,8 @@
"pages/customer/detail_owner_invitation4",
"pages/customer/detail_owner_invitation5",
"pages/customer/detail_owner_invitation6",
"pages/customer/detail_owner_invitation7"
"pages/customer/detail_owner_invitation7",
"pages/customer/detail_owner_invitation8"
],
"requiredPrivateInfos": [
"getLocation",
... ...
// pages/customer/detail_owner1.js
// pages/customer/detail_owner_invitation1.js
var mta = require('mta-wechat-analysis')
import util from '../../utils/util';
import App from '../../utils/api';
... ...
<!--pages/customer/detail_owner1.wxml-->
<!--pages/customer/detail_owner_invitation1.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}}">
... ...
/* pages/customer/detail_customer.wxss1 */
/* pages/customer/detail_owner_invitation1.wxss1 */
@import "../tpl/tpls.wxss";
.pages {
... ...
<!--pages/customer/detail_owner_invitation2.wxml-->
<import src="../tpl/invitation"></import>
<nav hasHome backgroundColor="{{themeSixteen}}" class="navhome" place="{{true}}">
</nav>
<nav hasHome backgroundColor="{{themeSixteen}}" class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
<view class="positioningBox">
<view class="positioning" bindtap="looklocation">
... ...
<!--pages/customer/detail_owner_invitation3.wxml-->
<import src="../tpl/invitation"></import>
<nav hasHome class="navhome" place="{{true}}"></nav>
<nav hasHome class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
<view class="reservationInfo">
<view class="titleImg">
... ... @@ -62,7 +62,7 @@
</view>
<view class="positioning" bindtap="looklocation">
<view class="name">
<image src="https://qn.colorcun.com/mapIcon.png" mode="" />
<image src="{{themeColor=='pearlWhite'?'https://qn.colorcun.com/whiteAddress.png':'https://qn.colorcun.com/mapIcon.png'}}" mode="" />
<text class="font36r">{{seller.addr|| reserev.seller.map_address}}</text>
</view>
</view>
... ...
... ... @@ -723,4 +723,32 @@
.moroccanBlue .chefText,
.moroccanBlue .rubric {
color: #19516A;
}
/* 珍珠白 */
.pearlWhite .reservationInfo {
background: #fbf6f1;
}
.pearlWhite .rubric {
color: #0143A3;
}
.pearlWhite .handlePhone,
.pearlWhite .welcome,
.pearlWhite .begin,
.pearlWhite .title,
.pearlWhite .info,
.pearlWhite .reservationInfo .flex-11 {
color: #515151;
}
.pearlWhite .brownFont {
color: #515151;
border: 2rpx solid #515151;
}
.pearlWhite .positioning {
background: #515151;
color: #FBF6F1;
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner_invitation4.wxml-->
<nav hasHome class="navhome" place="{{true}}"></nav>
<nav hasHome class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
<view class="reservationInfo">
<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
... ...
... ... @@ -685,4 +685,19 @@
.moroccanBlue .chefText,
.moroccanBlue .rubric {
color: #19516A;
}
/* 珍珠白 */
.pearlWhite .reservationInfo {
background: #fbf6f1;
}
.pearlWhite .title,
.pearlWhite .infoBoxRight,
.pearlWhite .leftInfo {
color: #515151;
}
.pearlWhite .rubric {
color: #0143A3;
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner_invitation5.wxml-->
<nav hasHome class="navhome" place="{{true}}"></nav>
<nav hasHome class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
<view class="reservationInfo">
<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
... ... @@ -14,7 +14,7 @@
<view class="leftInfo font32r over">{{seller.tablesText}}</view>
<view class="leftInfo font32r" wx:if="{{detail.seller.phone}}">预订台 {{detail.seller.phone}}</view>
<view class="font32r addressInfo" bindtap="looklocation" wx:if="{{seller.addr|| reserev.seller.map_address}}">
<image src="https://qn.colorcun.com/whiteAddress.png" mode="" />
<image src="{{themeColor=='pearlWhite'?'https://qn.colorcun.com/mapIcon.png':'https://qn.colorcun.com/whiteAddress.png'}}" mode="" />
<text>{{seller.addr|| reserev.seller.map_address}}</text>
</view>
</view>
... ...
... ... @@ -672,4 +672,27 @@
.moroccanBlue .rubric {
color: #19516A;
}
/* 珍珠白 */
.pearlWhite .reservationInfo {
background: #fbf6f1;
}
.pearlWhite .handlePhone,
.pearlWhite .chefText,
.pearlWhite .title,
.pearlWhite .infoBoxRight,
.pearlWhite .leftInfo,
.pearlWhite .addressInfo {
color: #515151;
}
.pearlWhite .rubric {
color: #0143A3;
}
.pearlWhite .brownFont {
color: #515151;
border: 2rpx solid #515151;
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner_invitation6.wxml-->
<import src="../tpl/invitation"></import>
<nav hasHome class="navhome" place="{{true}}">
</nav>
<nav hasHome class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
<view class="titleImg">
<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
... ...
... ... @@ -722,7 +722,6 @@
background: #C67B3A;
}
.golden .title,
.golden .info {
color: #fff;
... ... @@ -733,8 +732,17 @@
background: #0143A3;
}
/* 摩洛哥蓝 */
.moroccanBlue .titleImg {
background: #19516A;
}
/* 珍珠白 */
.pearlWhite .titleImg {
background: #fbf6f1;
}
.pearlWhite .title,
.pearlWhite .info {
color: #515151;
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner_invitation7.wxml-->
<import src="../tpl/invitation"></import>
<nav hasHome class="navhome" place="{{true}}"></nav>
<nav hasHome class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
<view class="reservationInfo">
<image wx:if="{{home.image && (!home.id_first_image || home.id_first_image!='0')}}" src="{{home.image}}" class="homeImage" mode="aspectFill"></image>
... ...
... ... @@ -18,6 +18,7 @@
.centerBox {
text-align: center;
margin-top: 20rpx;
font-weight: 600;
}
.reservationInfo {
... ... @@ -680,4 +681,30 @@
.moroccanBlue .chefText,
.moroccanBlue .rubric {
color: #19516A;
}
/* 珍珠白 */
.pearlWhite .reservationInfo {
background: #fbf6f1;
}
.pearlWhite .chefText,
.pearlWhite .rubric {
color: #0143A3;
}
.pearlWhite .handlePhone,
.pearlWhite .welcome,
.pearlWhite .begin,
.pearlWhite .reservationInfo .flex-11 {
color: #515151;
}
.pearlWhite .brownFont {
color: #515151;
border: 2rpx solid #515151;
}
.pearlWhite .positioning {
background: #F8F9FD;
}
\ No newline at end of file
... ...
// pages/customer/detail_owner_invitation8.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'
Page({
/**
* 页面的初始数据
*/
data: {
options: {
tplid: ''
},
tableNum: 0,
detail: {},
staffinfo: {},
between: false,
chef: {},
marketing: {},
home: {},
reserve: {},
signboard: {},
store: {},
recharge_data: {},
coupon_dataList: [],
stringifyUse: '',
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: [],
StyleType: '',
showMoreTip: true,
themeColor: '',
screenHeight: '',
},
tablestr: '',
urlsValue: [],
screenHeight: '',
/**
* 生命周期函数--监听页面加载
*/
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()
},
// 复制微信号
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() {
wx.reportMonitor('1012', 1)
wx.makePhoneCall({
phoneNumber: this.data.staffinfo.phone
})
},
// 导航
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 = '', //桌子信息
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) ? '' : '、');
})
let tabaleids = [];
res.data.tables.forEach(t => {
tabaleids.push(t.id);
})
this.tablestr = tabaleids.toString();
let reserev = RS.reserve(res.data)
let dateSmart
if (res.data.type == 1) {
dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW')
if (res.data.is_set_ddate == 1) {
dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW')
} else {
dateSmart += ' ' + reserev.soltName
}
} else {
dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW')
}
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,
time: util.unixtoTime(reserev.ddate, '星期WW HH:II'),
lat: reserev.seller.lat,
long: reserev.seller.long,
}
})
console.log('reserev reserev', reserev);
console.log('seller seller', this.data.seller);
console.log('detail detail', this.data.detail);
setTimeout(() => {
this.getSellerTemplateConfFun(reserev.sid);
this.getstaffinfo(res.data.uid)
this.getroomimage(reserev.sid)
}, 0);
}).catch(res => {
console.log(res, '详情请求失败');
})
},
// 客户经理获取基本信息
getstaffinfo(uid) {
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
})
}
})
},
// 提前点餐
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')
});
})
}
},
// 分享
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;
}
console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);
return {
title: '邀请您于' + this.data.seller.date + '一起共进' + this.data.seller.soltName + '。点击查看详情',
path: util.http_build_query(parmdata, '/pages/customer/index'),
imageUrl: this.data.detail.seller.seller_image,
}
},
// 修改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 coupon_dataList = []
let themeColor, StyleType, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse;
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;
StyleType = data.type;
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') {
coupon.stringifyUse = JSON.stringify(coupon.use)
if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) {
let cash = coupon.use.cash * 1;
let price = coupon.price * 1;
console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1));
coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : '';
}
coupon_dataList.push(coupon);
}
if (coupon && util.getType(coupon) == 'array') {
if (coupon.length > 0) {
coupon.forEach(item => {
item.stringifyUse = JSON.stringify(item.use)
if ((!item.use.is_cash || item.use.is_cash == '1')) {
let cash = item.use.cash * 1;
let price = item.price * 1;
console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1));
item.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : '';
}
})
}
coupon_dataList = coupon;
}
let obj = {
chef,
reserve,
marketing,
signboard,
store,
home,
stringifyUse,
coupon,
coupon_dataList,
swich_phone,
is_comments,
StyleType,
themeColor,
}
console.log('获取数据', {
...obj
});
if (marketing && marketing.is_recharge == '1' && marketing.recharge_data) {
let recharge_data = marketing.recharge_data
recharge_list = marketing.recharge_data.recharge_list
if (recharge_list.is_price == '1') priceInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.price + '元余额';
if (recharge_list.is_score == '1') scoreInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.score + '积分';
if (recharge_list.is_coupons == '1' && recharge_data.recharge_list.coupons_names.length > 0) certificate = recharge_data.recharge_list.coupons_names.join('、');
console.log('scoreInfo', scoreInfo);
console.log('priceInfo', priceInfo);
this.setData({
recharge_data: marketing.recharge_data,
certificate
})
console.log('recharge_data', recharge_data);
}
this.setData({
coupon_dataList,
stringifyUse
})
if (store && store.images.length > 0) store.images = util.determine(store.images);
if (signboard && signboard.images) signboard.images = util.determine(signboard.images);
if (marketing && marketing.is_online_book == '1' && marketing.is_transpond == '1') {
this.setData({
between: true
})
}
this.setData({
chef,
marketing,
home,
reserve,
signboard,
store,
priceInfo,
scoreInfo,
swich_phone,
is_comments,
StyleType,
themeColor,
})
}).catch(res => {
console.log('GetSellerTemplateConf请求失败');
})
},
// 再次预订
secondbook() {
wx.reportMonitor('1013', 1)
wx.redirectTo({
url: '../reserve/detail?id=' + this.data.detail.seller.id
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
})
\ No newline at end of file
... ...
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "",
"usingComponents": {
"nav": "/components/nav/nav"
}
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner_invitation8.wxml-->
<import src="../tpl/invitation"></import>
<nav hasHome class="navhome" place="{{true}}">{{seller.name||reserve.seller_name}}</nav>
<scroll-view scroll-y class="{{themeColor}}">
<view class="reservationInfo">
<view class="infoImg">
<image wx:if="{{home.image && (!home.id_first_image || home.id_first_image!='0')}}" src="{{home.image}}" class="homeImage" mode="aspectFill"></image>
</view>
<view class="infoItem" wx:if="{{seller.date}}">
<view class="label font28r">【宴会日期】</view>
<view class="contentData font40r">{{seller.date}}</view>
</view>
<view class="infoItem" wx:if="{{seller.soltName}}">
<view class="label font28r">【宴会时间】</view>
<view class="contentData font40r">{{seller.soltName}}</view>
</view>
<view class="infoItem" wx:if="{{seller.tablesText}}">
<view class="label font28r">【宴会位置】</view>
<view class="contentData font40r">{{seller.tablesText}}</view>
</view>
<view class="infoItem" wx:if="{{detail.actual_pum || tableNum}}">
<view class="label font28r">【人数】</view>
<view class="contentData font40r">{{detail.actual_pum?detail.actual_pum:tableNum}}位</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>
<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>专属服务:{{staffinfo.name}}</view>
<view>服务电话:{{staffinfo.phone}}</view>
</view>
<view class="handle">
<view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
<view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="copyWeChat">复制微信号</view>
</view>
</view>
</block>
<view wx:if="{{marketing && marketing.wecomle}}" class="welcome font36r">
{{marketing.wecomle}}
</view>
<view class="positioning" bindtap="looklocation">
<view class="name">
<image src="https://qn.colorcun.com/address.png" mode="" />
<text class="font36r">{{seller.addr|| reserev.seller.map_address}}</text>
</view>
</view>
</view>
<view class="preferential" wx:if="{{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)}}">
<view class="itemLeft">
<view class="itemTop">
<text class="font28r">{{item.aname}}</text>
<view class="priceText font24r" wx:if="{{item.price}}">
<view class="icons font24r">¥</view>{{item.price}}
</view>
<!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
<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>
<view 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+'。':'。'}}
</view>
<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>
<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>
</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>
<text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽?戳这里填写意见反馈赢好礼!</text>
<image src="https://qn.colorcun.com/evaluate.png" mode="" />
</view>
<view class="introduce" wx:if="{{store}}">
<view class="imgMask">
<view class="IntroduceColor">
<view class="chefText font36r">餐厅介绍</view>
<view class="labelBox">
<text class="texts">{{store.introduce}}
</text>
</view>
</view>
<view class="chefText texts1 font36r">餐厅环境</view>
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="aspectFill" />
</block>
<view class="lines"></view>
</view>
</view>
<view class="introduce famousChefBox" wx:if="{{chef}}">
<view class="imgMask">
<view class="IntroduceColor">
<view class="chefText font36r">主厨介绍</view>
<view class="labelBox">
<text class="texts">{{chef.introduce}}
</text>
</view>
</view>
<image src="{{chef.image}}" mode="aspectFill" />
<view class="lines"></view>
</view>
</view>
<!-- 菜品展示 swich为1展示 -->
<view class="introduce vegetableBox" wx:if="{{signboard && signboard.swich=='1'}}">
<view class="imgMask">
<view class="IntroduceColor Introducepublic">
<view class="chefText font36r">特色菜品</view>
</view>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="aspectFill" />
</block>
<view class="lines"></view>
</view>
</view>
<view class="specialServices" wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
<view class="rubric">
提前点餐
</view>
<view class="news">
本店特为贵宾提供提前点餐服务,您现在可以选菜下单,到店就餐时无需等待服务员点餐,可以直接享受就餐服务^_^
</view>
<view class="endStyle">
<view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;">
<view wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}" class="menu-item menu-seller-item flex-ll" bindtap="cookbook">
去点餐
</view>
</view>
</view>
</view>
<view class="preferential" wx:if="{{marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}">
<view class="rubric rubric1">
特别优惠
</view>
<!-- 当前日期要大于限制结束日期 -->
<view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
<view class="itemLeft">
<view class="itemTop font28r">
<text>{{recharge_data.rname}}</text>
</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'?'会员充值满'+marketing.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>
</view>
<view class="vips">
<view wx:if="{{marketing.is_link}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
点击了解更多会员优惠政策
</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>
</scroll-view>
<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}">
<view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订
</view>
<button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人
</button>
</view>
\ No newline at end of file
... ...
/* pages/customer/detail_owner_invitation8.wxss */
@import "../tpl/tpls.wxss";
.homeImage {
width: 97%;
}
.infoImg {
display: flex;
justify-content: center;
}
.centerBox {
text-align: center;
margin-top: 20rpx;
}
.reservationInfo {
min-height: 200rpx;
padding-bottom: 20rpx;
position: relative;
color: #FBF6F1;
}
.reservationInfo .infoItem {
display: flex;
flex-direction: column;
margin: 0 40rpx;
display: flex;
line-height: 70rpx;
font-family: PingFang SC;
}
.label {
flex-shrink: 0;
font-family: PingFang SC;
}
.contentData {
flex: 1;
line-height: 60rpx;
font-family: PingFang SC;
margin-left: 80rpx;
}
.handleInfo {
margin: 50rpx 40rpx 42rpx 40rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.welcome {
text-align: center;
margin: 42rpx 40rpx 16rpx 40rpx;
font-weight: 500;
letter-spacing: 2rpx;
color: #FBF6F1;
}
.headerimg {
width: 140rpx;
height: 140rpx;
border-radius: 71rpx;
}
.handle {
display: flex;
flex-direction: column;
font-family: PingFang SC;
font-weight: 500;
font-size: 26rpx;
height: 110rpx;
justify-content: space-between;
}
.handlePhone {
height: 100rpx;
margin: 0 20rpx;
color: #fff;
margin: 0 20rpx;
width: 45%;
overflow-y: scroll;
}
.brownFont {
padding: 8rpx 16rpx;
color: #FBF6F1;
border: 2rpx solid #FBF6F1;
border-radius: 22rpx;
text-align: center;
width: 130rpx;
}
.brownFont:nth-of-type(1) {
margin-bottom: 10rpx;
}
.handle text {
margin-bottom: 20rpx;
}
.handle text:nth-of-type(2) {
margin-bottom: 0;
}
.positioning {
display: flex;
justify-content: center;
margin: 8rpx 30rpx 0 30rpx;
display: flex;
box-sizing: border-box;
flex-direction: column;
background: #FBF6F1;
padding: 20rpx;
border-radius: 16rpx;
flex: 1;
color: #000;
}
.positioning image {
width: 32rpx;
height: 38rpx;
margin-right: 20rpx;
}
.positioning .name {
width: 95%;
display: flex;
align-items: center;
font-family: PingFang SC;
font-size: 28rpx;
margin-top: 10rpx;
}
.positioning .name text {
line-height: 50rpx;
width: 100%;
}
.positioning .name text:nth-of-type(2) {
text-indent: 8rpx;
}
.introduce {
box-sizing: border-box;
}
.imgMask {
margin: 0 20rpx;
}
.lines {
height: 2rpx;
margin: 20rpx 20rpx 0 20rpx;
background-color: #DBDBDB;
}
.IntroduceColor {
margin: 0 20rpx;
}
.famousChefBox .labelBox {
border-bottom: none;
}
.labelBox {
width: 100%;
display: flex;
position: relative;
border-bottom: 2rpx solid #DBDBDB;
}
.labelBox .texts {
width: 90%;
line-height: 40rpx;
margin: 0 0 20rpx 20rpx;
color: #515151;
font-family: PingFang SC;
font-size: 20rpx;
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;
}
.labelBox .line1 {
margin: 0 0 0 16rpx;
}
.imgMask image {
width: 100%;
display: block;
}
.famousChefBox {
position: relative;
}
.Introducepublic {
display: flex;
flex-direction: column;
font-size: 28rpx;
line-height: 50rpx;
box-sizing: border-box;
}
.chefText {
font-family: PingFang SC;
font-weight: 500;
margin: 20rpx 0;
}
.texts1 {
margin: 20rpx 0 20rpx 20rpx;
}
.specialServices {
margin: 16rpx 40rpx;
border-bottom: 2rpx solid #DBDBDB;
}
.rubric {
font-family: PingFang SC;
font-weight: 500;
font-size: 36rpx;
margin-bottom: 10rpx;
}
.specialServices .news {
color: #515151;
font-family: PingFang SC;
font-weight: 500;
font-size: 24rpx;
line-height: 40rpx;
margin-left: 20rpx;
}
.endStyle {
display: flex;
justify-content: flex-end;
height: 54rpx;
margin: 20rpx 0;
}
.orderingFood {
padding: 0 26rpx;
border-radius: 22rpx;
text-align: center;
color: #fff;
border-radius: 32rpx;
margin: 20rpx 0;
line-height: 44rpx;
height: 44rpx;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
}
.preferential {
margin: 20rpx 40rpx;
}
.rubric1 {
margin-bottom: 20rpx;
}
.preferentialItems {
padding: 20rpx 30rpx 20rpx 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20rpx;
background: url('https://qn.colorcun.com/certificateBj.png') no-repeat;
background-size: 100% 100%;
}
.itemLeft {
width: 75%;
}
.itemTop {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 20rpx;
}
.itemBottom {
margin-top: 20rpx;
color: #515151;
font-family: PingFang SC;
font-weight: 500;
font-size: 20rpx;
display: -webkit-box;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-align: left;
}
.itemTop text:nth-of-type(1) {
max-width: 65%;
font-weight: 600;
color: #515151;
}
.itemTop .discountText {
text-align: center;
color: #E34D59;
border: 2rpx solid #E34D59;
border-radius: 6rpx;
margin: 0 10rpx 0 20rpx;
font-family: PingFang SC;
}
.itemTop .priceText {
color: #E34D59;
font-weight: 500;
}
.priceText {
display: flex;
align-items: center;
justify-content: center;
}
.priceText .icons {
margin-left: 18rpx;
color: #E34D59;
font-size: 20rpx;
}
.vips image {
height: 300rpx;
}
.vips {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 180rpx;
}
.favouredPolicy {
width: 45%;
color: #5C95D7;
font-family: PingFang SC;
font-weight: 500;
border: 2rpx solid #5C95D7;
border-radius: 22rpx;
text-align: center;
padding: 10rpx;
}
.all-button {
background: #FAFAFA;
height: 160rpx;
padding: 0 40rpx;
box-sizing: border-box;
z-index: 100;
justify-content: flex-end;
}
.between {
justify-content: space-between;
}
.centerBtn {
margin: 0 20rpx;
}
.second-book-button {
margin-right: 20rpx;
}
.book-item-font {
width: 25%;
border: 2rpx solid #0143A3;
color: #0143A3;
height: 46%;
border-radius: 42rpx;
font-weight: 600;
}
.shareItem {
width: 100%;
margin: 0;
background: #fafafa;
color: #0143A3;
border: 2rpx solid #0143A3;
}
.between .shareItem {
width: 100%;
margin: 0;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
color: #fff;
}
.sharewidth .shareItem {
width: 100% !important;
}
.between .shareItem {
width: 65% !important;
}
.book-item-font {
width: 40% !important;
}
.menu-item {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cook {
height: 94% !important;
background: #fff;
border: 2rpx solid #0143A3;
border-radius: 32rpx;
font-weight: normal;
width: 23% !important;
}
.bold {
font-weight: 500;
}
.evaluateBox {
margin: 20rpx 84rpx 20rpx 40rpx;
display: flex;
align-items: center;
justify-content: space-between;
color: #000;
}
.evaluateBox image {
width: 60rpx;
height: 70rpx;
}
.evaluateBox text {
color: #000;
font-size: 28rpx;
}
.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;
}
.pageSpacing {
position: relative;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
width: auto;
overflow-x: scroll;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
}
.pageSpacing1 {
position: relative;
display: flex;
white-space: nowrap;
width: auto;
overflow-x: scroll;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
padding-left: 116rpx;
}
.scroll-view {
white-space: nowrap;
width: 100%;
height: 100%;
}
.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;
}
.centerBox {
justify-content: center;
}
/* 黑蓝过渡 */
.blackBlueGradient .reservationInfo {
background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
}
.blackBlueGradient .chefText,
.blackBlueGradient .rubric {
color: #0143A3;
}
/* 石绿过渡 */
.stoneGreenGradient .reservationInfo {
background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%);
}
.stoneGreenGradient .chefText,
.stoneGreenGradient .rubric {
color: #206864;
}
/* 中国红过渡 */
.chinaRedGradient .reservationInfo {
background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%);
}
.chinaRedGradient .chefText,
.chinaRedGradient .rubric {
color: #86201B;
}
/* 群青过渡 */
.ultramarineGradient .reservationInfo {
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
}
.ultramarineGradient .chefText,
.ultramarineGradient .rubric {
color: #0143A3;
}
/* 深中国红 */
.crimson .reservationInfo {
background: #86201B;
}
.crimson .chefText,
.crimson .rubric {
color: #86201B;
}
/* 中国红 */
.chinaRed .reservationInfo {
background: #AF231C;
}
.chinaRed .chefText,
.chinaRed .rubric {
color: #AF231C;
}
/* 蓝采和 */
.lanCaiHe .reservationInfo {
background: #06436F;
}
.lanCaiHe .chefText,
.lanCaiHe .rubric {
color: #06436F;
}
/* 石绿 */
.stoneGreen .reservationInfo {
background: #206864;
}
.stoneGreen .chefText,
.stoneGreen .rubric {
color: #206864;
}
/* 姜黄 */
.turmeric .reservationInfo {
background: #B39437;
}
.turmeric .chefText,
.turmeric .rubric {
color: #B39437;
}
/* 苍黄 */
.greenishYellow .reservationInfo {
background: #C85306;
}
.greenishYellow .chefText,
.greenishYellow .rubric {
color: #C85306;
}
/* 金黄 */
.golden .reservationInfo {
background: #C67B3A;
}
.golden .chefText,
.golden .rubric {
color: #C67B3A;
}
/* 群青 */
.ultramarine .reservationInfo {
background: #0143A3;
}
.ultramarine .chefText,
.ultramarine .rubric {
color: #0143A3;
}
/* 摩洛哥蓝 */
.moroccanBlue .reservationInfo {
background: #19516A;
}
.moroccanBlue .chefText,
.moroccanBlue .rubric {
color: #19516A;
}
/* 珍珠白 */
.pearlWhite .reservationInfo {
background: #fbf6f1;
color: #515151;
border: 10rpx solid #fee4a7;
}
.pearlWhite .chefText,
.pearlWhite .rubric {
color: #0143A3;
}
.pearlWhite .handlePhone,
.pearlWhite .welcome {
color: #515151;
}
.pearlWhite .brownFont {
color: #515151;
border: 2rpx solid #515151;
}
.pearlWhite .positioning {
background: #F8F9FD;
}
\ No newline at end of file
... ...