模板8以及加珍珠白

@@ -65,7 +65,8 @@
         "pages/customer/detail_owner_invitation4",
         "pages/customer/detail_owner_invitation4",
         "pages/customer/detail_owner_invitation5",
         "pages/customer/detail_owner_invitation5",
         "pages/customer/detail_owner_invitation6",
         "pages/customer/detail_owner_invitation6",
-        "pages/customer/detail_owner_invitation7"
+        "pages/customer/detail_owner_invitation7",
+        "pages/customer/detail_owner_invitation8"
     ],
     ],
     "requiredPrivateInfos": [
     "requiredPrivateInfos": [
         "getLocation",
         "getLocation",

-// pages/customer/detail_owner1.js
+// pages/customer/detail_owner_invitation1.js
 var mta = require('mta-wechat-analysis')
 var mta = require('mta-wechat-analysis')
 import util from '../../utils/util';
 import util from '../../utils/util';
 import App from '../../utils/api';
 import App from '../../utils/api';

-<!--pages/customer/detail_owner1.wxml-->
+<!--pages/customer/detail_owner_invitation1.wxml-->
 <wxs src="../../utils/util.wxs" module="util" />
 <wxs src="../../utils/util.wxs" module="util" />
 <import src="../../tpl/invitation"></import>
 <import src="../../tpl/invitation"></import>
 <nav backgroundColor="rgba(0,0,0,0)" hasHome style="position: fixed;z-index: 1;" class="navhome" place="{{true}}">
 <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";
 @import "../tpl/tpls.wxss";
 
 
 .pages {
 .pages {

 <!--pages/customer/detail_owner_invitation2.wxml-->
 <!--pages/customer/detail_owner_invitation2.wxml-->
 <import src="../tpl/invitation"></import>
 <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}}">
 <scroll-view scroll-y class="{{themeColor}}">
 	<view class="positioningBox">
 	<view class="positioningBox">
 		<view class="positioning" bindtap="looklocation">
 		<view class="positioning" bindtap="looklocation">

 <!--pages/customer/detail_owner_invitation3.wxml-->
 <!--pages/customer/detail_owner_invitation3.wxml-->
 <import src="../tpl/invitation"></import>
 <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}}">
 <scroll-view scroll-y class="{{themeColor}}">
 	<view class="reservationInfo">
 	<view class="reservationInfo">
 		<view class="titleImg">
 		<view class="titleImg">
@@ -62,7 +62,7 @@
 		</view>
 		</view>
 		<view class="positioning" bindtap="looklocation">
 		<view class="positioning" bindtap="looklocation">
 			<view class="name">
 			<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>
 				<text class="font36r">{{seller.addr|| reserev.seller.map_address}}</text>
 			</view>
 			</view>
 		</view>
 		</view>

@@ -723,4 +723,32 @@
 .moroccanBlue .chefText,
 .moroccanBlue .chefText,
 .moroccanBlue .rubric {
 .moroccanBlue .rubric {
 	color: #19516A;
 	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;
 }
 }

 <!--pages/customer/detail_owner_invitation4.wxml-->
 <!--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}}">
 <scroll-view scroll-y class="{{themeColor}}">
 	<view class="reservationInfo">
 	<view class="reservationInfo">
 		<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
 		<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 .chefText,
 .moroccanBlue .rubric {
 .moroccanBlue .rubric {
 	color: #19516A;
 	color: #19516A;
+}
+
+/* 珍珠白 */
+.pearlWhite .reservationInfo {
+	background: #fbf6f1;
+}
+
+.pearlWhite .title,
+.pearlWhite .infoBoxRight,
+.pearlWhite .leftInfo {
+	color: #515151;
+}
+
+.pearlWhite .rubric {
+	color: #0143A3;
 }
 }

 <!--pages/customer/detail_owner_invitation5.wxml-->
 <!--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}}">
 <scroll-view scroll-y class="{{themeColor}}">
 	<view class="reservationInfo">
 	<view class="reservationInfo">
 		<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
 		<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 over">{{seller.tablesText}}</view>
 				<view class="leftInfo font32r" wx:if="{{detail.seller.phone}}">预订台 {{detail.seller.phone}}</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}}">
 				<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>
 					<text>{{seller.addr|| reserev.seller.map_address}}</text>
 				</view>
 				</view>
 			</view>
 			</view>

@@ -672,4 +672,27 @@
 
 
 .moroccanBlue .rubric {
 .moroccanBlue .rubric {
 	color: #19516A;
 	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;
 }
 }

 <!--pages/customer/detail_owner_invitation6.wxml-->
 <!--pages/customer/detail_owner_invitation6.wxml-->
 <import src="../tpl/invitation"></import>
 <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}}">
 <scroll-view scroll-y class="{{themeColor}}">
 	<view class="titleImg">
 	<view class="titleImg">
 		<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
 		<image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>

@@ -722,7 +722,6 @@
 	background: #C67B3A;
 	background: #C67B3A;
 }
 }
 
 
-
 .golden .title,
 .golden .title,
 .golden .info {
 .golden .info {
 	color: #fff;
 	color: #fff;
@@ -733,8 +732,17 @@
 	background: #0143A3;
 	background: #0143A3;
 }
 }
 
 
-
 /* 摩洛哥蓝 */
 /* 摩洛哥蓝 */
 .moroccanBlue .titleImg {
 .moroccanBlue .titleImg {
 	background: #19516A;
 	background: #19516A;
+}
+
+/* 珍珠白 */
+.pearlWhite .titleImg {
+	background: #fbf6f1;
+}
+
+.pearlWhite .title,
+.pearlWhite .info {
+	color: #515151;
 }
 }

 <!--pages/customer/detail_owner_invitation7.wxml-->
 <!--pages/customer/detail_owner_invitation7.wxml-->
 <import src="../tpl/invitation"></import>
 <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}}">
 <scroll-view scroll-y class="{{themeColor}}">
 	<view class="reservationInfo">
 	<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>
 		<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 {
 .centerBox {
 	text-align: center;
 	text-align: center;
 	margin-top: 20rpx;
 	margin-top: 20rpx;
+	font-weight: 600;
 }
 }
 
 
 .reservationInfo {
 .reservationInfo {
@@ -680,4 +681,30 @@
 .moroccanBlue .chefText,
 .moroccanBlue .chefText,
 .moroccanBlue .rubric {
 .moroccanBlue .rubric {
 	color: #19516A;
 	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;
 }
 }

+// 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() {
+
+	},
+})

+{
+    "navigationBarBackgroundColor": "#ffffff",
+    "navigationBarTextStyle": "white",
+    "navigationBarTitleText": "",
+    "usingComponents": {
+      "nav": "/components/nav/nav"
+    }
+  }

+<!--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>

+/* 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;
+}