xt / xcx-book · Commits

Go to a project

Commit a580e9213b4710576f601b1942ae76caa9fc298e

Authored by pengye
1 parent c604c33c
build: skipped

新邀请函样式2页面

Inline Side-by-side
Showing 5 changed files with 1144 additions and 1 deletions
@@ -59,7 +59,8 @@ @@ -59,7 +59,8 @@
59 "pages/me/coupon_news", 59 "pages/me/coupon_news",
60 "pages/me/wananchi", 60 "pages/me/wananchi",
61 "pages/pinglun/createOpinion", 61 "pages/pinglun/createOpinion",
62 - "pages/pinglun/opinionSuccess" 62 + "pages/pinglun/opinionSuccess",
  63 + "pages/customer/detail_owner_invitation_new_style"
63 ], 64 ],
64 "requiredPrivateInfos": [ 65 "requiredPrivateInfos": [
65 "getLocation", 66 "getLocation",
  1 +// pages/customer/detail_owner_invitation_new.js
  2 +var mta = require('mta-wechat-analysis')
  3 +import util from '../../utils/util';
  4 +import App from '../../utils/api';
  5 +import TP from '../../utils/tpls';
  6 +import RS from '../../utils/reserveStatus'
  7 +Page({
  8 + /**
  9 + * 页面的初始数据
  10 + */
  11 + data: {
  12 + options: {
  13 + tplid: ''
  14 + },
  15 + tableNum: 0,
  16 + detail: {},
  17 + staffinfo: {},
  18 + between: false,
  19 + id: null,
  20 + msgTpl: '',
  21 + chef: {},
  22 + marketing: {},
  23 + home: {},
  24 + reserve: {},
  25 + signboard: {},
  26 + store: {},
  27 + recharge_data: {},
  28 + coupon_dataList: [],
  29 + homeColor: '',
  30 + stringifyUse: '',
  31 + current: 0,
  32 + theme: 'blackGold', //blue green blackGold
  33 + seller: {
  34 + name: '',
  35 + tablesText: '',
  36 + date: '',
  37 + addr: ''
  38 + },
  39 + priceInfo: '',
  40 + scoreInfo: '',
  41 + discount: '',
  42 + certificate: '',
  43 + dataStr: Date.now() * 1 / 1000,
  44 + swich_phone: '0',
  45 + is_comments: '0',
  46 + is_user_comments: false,
  47 + tableinfo: [],
  48 + },
  49 + tablestr: '',
  50 + urlsValue: [],
  51 + /**
  52 + * 生命周期函数--监听页面加载
  53 + */
  54 + onLoad(options) {
  55 + this.id = options.id
  56 + let param = {
  57 + options: options,
  58 + hasOwner: options.hasSellerShare == 1, //是否为发起人
  59 + }
  60 + param.tpls = [TP.tpls(options.tplid)]
  61 + console.log(param);
  62 + console.log(options);
  63 + this.setData(param)
  64 + mta.Page.init({
  65 + "appID": "500667280",
  66 + "eventID": "500667287",
  67 + "statPullDownFresh": true,
  68 + "statShareApp": true,
  69 + "statReachBottom": true,
  70 + "lauchOpts": options, //渠道分析
  71 + });
  72 + },
  73 + // 点击了解更多会员优惠政策
  74 + gotoFavourableList() {
  75 + let url = util.http_build_query({
  76 + sellerName: this.data.seller.name,
  77 + sellerid: this.data.seller.sid,
  78 + oid: this.data.detail.id,
  79 + types: '1'
  80 + }, '/pack-cookbook/pages/favourableList')
  81 + wx.navigateTo({
  82 + url
  83 + })
  84 + },
  85 + // 去评价
  86 + evaluateFun() {
  87 + let url = util.http_build_query({
  88 + sellerName: this.data.seller.name,
  89 + sellerid: this.data.seller.sid,
  90 + oid: this.data.detail.id,
  91 + types: '1',
  92 + }, '/pages/pinglun/createOpinion')
  93 + wx.navigateTo({
  94 + url
  95 + })
  96 + },
  97 + /**
  98 + * 用户点击右上角分享
  99 + */
  100 + onShareAppMessage: function () {
  101 + return this.sharesetting();
  102 + },
  103 + onShareTimeline() {
  104 + return this.sharesetting();
  105 + },
  106 + /**
  107 + * 生命周期函数--监听页面显示
  108 + */
  109 + onShow: function () {
  110 + this.getDetail()
  111 + },
  112 + cli() {
  113 + if (this.data.staffinfo.wechat) {
  114 + wx.setClipboardData({
  115 + data: this.data.staffinfo.wechat,
  116 + success(res) {
  117 + wx.getClipboardData({
  118 + success(res) {
  119 + console.log(res.data) // data
  120 + }
  121 + })
  122 + }
  123 + })
  124 + } else {
  125 + console.log('无微信号')
  126 + }
  127 + },
  128 + call() {
  129 + wx.reportMonitor('1012', 1)
  130 + wx.makePhoneCall({
  131 + phoneNumber: this.data.staffinfo.phone
  132 + })
  133 + },
  134 + looklocation: function () {
  135 + wx.reportMonitor('1015', 1)
  136 + wx.openLocation({
  137 + latitude: Number(this.data.seller.lat),
  138 + longitude: Number(this.data.seller.long),
  139 + scale: 17,
  140 + address: this.data.seller.addr,
  141 + success: function (res) {
  142 + console.log(res)
  143 + }
  144 + })
  145 + },
  146 + getroomimage(sellerid) {
  147 + App.Tables.GetTablesPhoto({
  148 + sellerid,
  149 + tableids: this.tablestr
  150 + }).then((json) => {
  151 + if (json.ret == 200) {
  152 + this.setData({
  153 + roomimage: json.data
  154 + })
  155 + var urlsArr = [];
  156 + json.data.forEach((v, i) => {
  157 + urlsArr.push(v.url);
  158 + })
  159 + this.urlsValue = urlsArr;
  160 + console.log('urlsArr', urlsArr)
  161 + console.log('roomimage', json.data)
  162 + }
  163 + })
  164 + },
  165 + lookroom(e) {
  166 + const item = e.currentTarget.dataset['item'];
  167 + wx.previewImage({
  168 + current: item.url, // 当前显示图片的http链接
  169 + urls: this.urlsValue, // 需要预览的图片http链接列表
  170 + })
  171 + },
  172 + getDetail() {
  173 + App.Reserve.Detail({
  174 + openid: getApp().openid,
  175 + rid: this.data.options.id
  176 + }).then(res => {
  177 + let tablesText = '', //桌子信息
  178 + tableNum = 0;
  179 + let tableinfo = util.determine(res.data.tableinfo);
  180 + console.log('tableinfo', tableinfo);
  181 + res.data.tables.forEach((t, i) => {
  182 + tableNum += t.table_pnum * 1
  183 + tablesText += t.rname + t.name + (i == (res.data.tables.length - 1) ? '' : '、');
  184 + })
  185 + let tabaleids = [];
  186 + res.data.tables.forEach(t => {
  187 + tabaleids.push(t.id);
  188 + })
  189 + this.tablestr = tabaleids.toString();
  190 + let reserev = RS.reserve(res.data)
  191 + let dateSmart
  192 + if (res.data.type == 1) {
  193 + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY')
  194 + if (res.data.is_set_ddate == 1) {
  195 + dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY')
  196 + } else {
  197 + dateSmart += ' ' + reserev.soltName
  198 + }
  199 + } else {
  200 + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY')
  201 + }
  202 + console.log('dateSmart', dateSmart);
  203 + this.setData({
  204 + detail: this.formatDatail(reserev, dateSmart),
  205 + tableNum,
  206 + tableinfo,
  207 + is_user_comments: res.data.is_user_comments,
  208 + seller: {
  209 + name: reserev.seller.sellername,
  210 + sid: reserev.sid,
  211 + date: dateSmart,
  212 + tablesText,
  213 + addr: reserev.seller.real_address || reserev.seller.map_address,
  214 + image: reserev.image_url,
  215 + hasOwner: true,
  216 + type: reserev.type,
  217 + is_set_ddate: reserev.is_set_ddate,
  218 + hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2,
  219 + tel: reserev.seller.seller_tel.split(',')[0],
  220 + soltName: reserev.soltName,
  221 + aa: util.unixtoTime(reserev.ddate, '星期WW HH:II'),
  222 + lat: reserev.seller.lat,
  223 + long: reserev.seller.long,
  224 + }
  225 + })
  226 + console.log('reserev reserev', reserev);
  227 + console.log('seller seller', this.data.seller);
  228 + console.log('detail detail', this.data.detail);
  229 + setTimeout(() => {
  230 + this.getSellerTemplateConfFun(reserev.sid);
  231 + this.getstaffinfo(res.data.uid)
  232 + this.getroomimage(reserev.sid)
  233 + }, 0);
  234 + }).catch(res => {
  235 + console.log(res, '详情请求失败');
  236 + })
  237 + },
  238 + getstaffinfo(uid) {
  239 + console.log('sellerid', this.data.detail.seller.id);
  240 + App.Activity.GetCustomerActivityBaseinfo({
  241 + sellerid: this.data.detail.seller.id,
  242 + uid
  243 + }).then((json) => {
  244 + if (json.ret == 200) {
  245 + console.log('staffinfostaffinfostaffinfo', json.data)
  246 + this.setData({
  247 + staffinfo: json.data
  248 + })
  249 + }
  250 + })
  251 + },
  252 + cookbook() {
  253 + if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) {
  254 + let data = {
  255 + rid: this.id,
  256 + oid: this.data.detail.order.id,
  257 + sellerName: this.data.seller.name,
  258 + sid: this.data.seller.sid,
  259 + identity: '1',
  260 + hasSuccess: '1',
  261 + }
  262 + wx.navigateTo({
  263 + url: `/pack-cookbook/pages/success_new?hasSuccess=${data.hasSuccess}&identity=${data.identity}&oid=${data.oid}&rid=${data.rid}&sellerName=${data.sellerName}&sid=${data.sid}`,
  264 + })
  265 + } else {
  266 + App.Advance.CreateOrder({
  267 + rid: this.id,
  268 + openid: getApp().openid,
  269 + }).then(res => {
  270 + if (res.ret != 200) {
  271 + return util.toast(res.msg, 'none')
  272 + }
  273 + wx.navigateTo({
  274 + url: util.http_build_query({
  275 + rid: this.id,
  276 + oid: res.data.id,
  277 + sid: res.data.sellerid,
  278 + sellerName: this.data.seller.name,
  279 + identity: '1',
  280 + }, '/pack-cookbook/pages/index_new')
  281 + });
  282 + })
  283 + }
  284 + },
  285 + sharesetting() {
  286 + wx.reportMonitor('1017', 1)
  287 + let parmdata = {
  288 + id: this.id,
  289 + fromid: getApp().openid,
  290 + hasInvitation: 1,
  291 + tplid: this.data.options.tplid
  292 + }
  293 + if (this.data.options.uid) {
  294 + parmdata.uid = this.data.options.uid;
  295 + }
  296 + console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);
  297 + return {
  298 + title: '邀请您于' + this.data.seller.date + '一起共进' + this.data.seller.soltName + '。点击查看详情',
  299 + path: util.http_build_query(parmdata, '/pages/customer/index'),
  300 + imageUrl: this.data.detail.seller.seller_image,
  301 + }
  302 + },
  303 + formatDatail(detail, dateSmart) {
  304 + detail.rdateStr = dateSmart;
  305 + detail.tableFirst = detail.tables[0].name;
  306 + if (detail.tables.length > 1) {
  307 + detail.tableSubInfo = '等' + (detail.tables.length) + '个' +
  308 + (detail.tables[0].tid == 2 ? '包间' : '');
  309 + }
  310 + if (detail.rname && detail.sex != 3) {
  311 + detail.rnameStr = detail.rname.substr(0, 1) + (detail.sex == 1 ? '先生' : '女士')
  312 + } else {
  313 + detail.rnameStr = detail.rname
  314 + }
  315 + detail.eatStr = '邀请您共进晚餐';
  316 + let hi = util.unixtoTime(detail.ddate, 'HHII');
  317 + if (hi < '10:00') {
  318 + detail.eatStr = '邀请您共进早餐';
  319 + } else if (hi < '15:00') {
  320 + detail.eatStr = '邀请您共进午餐';
  321 + }
  322 + return detail;
  323 + },
  324 + getSellerTemplateConfFun(sid) {
  325 + console.log(sid, 'sidsidsidsid');
  326 + App.Seller.GetSellerTemplateConf({
  327 + sid
  328 + }).then(res => {
  329 + let data = res.data
  330 + console.log('data', data);
  331 + let coupon_dataList = []
  332 + let home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, homeColor, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse;
  333 + chef = util.determine(data.chef);
  334 + reserve = util.determine(data.reserve);
  335 + marketing = util.determine(data.marketing);
  336 + signboard = util.determine(data.signboard);
  337 + store = util.determine(data.store);
  338 + home = util.determine(data.home);
  339 + swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : '';
  340 + if (marketing) {
  341 + is_comments = marketing.is_comments ? marketing.is_comments : '';
  342 + coupon = marketing.coupon_data ? util.determine(marketing.coupon_data) : '';
  343 + }
  344 + // is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示
  345 + if (coupon && util.getType(coupon) == 'object') {
  346 + coupon.stringifyUse = JSON.stringify(coupon.use)
  347 + if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) {
  348 + let cash = coupon.use.cash * 1;
  349 + let price = coupon.price * 1;
  350 + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2));
  351 + coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : '';
  352 + }
  353 + coupon_dataList.push(coupon);
  354 + }
  355 + if (coupon && util.getType(coupon) == 'array') {
  356 + if (coupon.length > 0) {
  357 + coupon.forEach(item => {
  358 + item.stringifyUse = JSON.stringify(item.use)
  359 + if ((!item.use.is_cash || item.use.is_cash == '1')) {
  360 + let cash = item.use.cash * 1;
  361 + let price = item.price * 1;
  362 + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2));
  363 + item.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : '';
  364 + }
  365 + })
  366 + }
  367 + coupon_dataList = coupon;
  368 + }
  369 + let obj = {
  370 + chef,
  371 + reserve,
  372 + marketing,
  373 + signboard,
  374 + store,
  375 + home,
  376 + stringifyUse,
  377 + coupon,
  378 + coupon_dataList,
  379 + swich_phone,
  380 + is_comments,
  381 + }
  382 + console.log('获取数据', {
  383 + ...obj
  384 + });
  385 + if (marketing && marketing.is_recharge == '1' && marketing.recharge_data) {
  386 + let recharge_data = marketing.recharge_data
  387 + recharge_list = marketing.recharge_data.recharge_list
  388 + if (recharge_list.is_price == '1') priceInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.price + '元余额';
  389 + if (recharge_list.is_score == '1') scoreInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.score + '积分';
  390 + if (recharge_list.is_coupons == '1' && recharge_data.recharge_list.coupons_names.length > 0) certificate = recharge_data.recharge_list.coupons_names.join('、');
  391 + console.log('scoreInfo', scoreInfo);
  392 + console.log('priceInfo', priceInfo);
  393 + this.setData({
  394 + recharge_data: marketing.recharge_data,
  395 + certificate
  396 + })
  397 + console.log('recharge_data', recharge_data);
  398 + }
  399 + this.setData({
  400 + coupon_dataList,
  401 + stringifyUse
  402 + })
  403 + if (store && store.images.length > 0) store.images = util.determine(store.images);
  404 + if (signboard && signboard.images) signboard.images = util.determine(signboard.images);
  405 + if (marketing && marketing.is_online_book == '1' && marketing.is_transpond == '1') {
  406 + this.setData({
  407 + between: true
  408 + })
  409 + }
  410 + if (home && home.red && home.green && home.blue && home.alpha) {
  411 + homeColor = home.red + ',' + home.green + ',' + home.blue + ',' + home.alpha
  412 + } else {
  413 + homeColor = '67,142,147,1'
  414 + }
  415 + console.log('homeColor', homeColor);
  416 + this.setData({
  417 + chef,
  418 + marketing,
  419 + home,
  420 + reserve,
  421 + signboard,
  422 + store,
  423 + homeColor, //home主题颜色
  424 + priceInfo,
  425 + scoreInfo,
  426 + swich_phone,
  427 + is_comments,
  428 + })
  429 + if (home && home.red == '1' && home.green == '67' && home.blue == '163') {
  430 + this.setData({
  431 + theme: 'blue'
  432 + })
  433 + }
  434 + if (home && home.red == '67' && home.green == '142' && home.blue == '147') {
  435 + this.setData({
  436 + theme: 'green'
  437 + })
  438 + }
  439 + if (home && home.red == '12' && home.green == '15' && home.blue == '14') {
  440 + this.setData({
  441 + theme: 'blackGold'
  442 + })
  443 + }
  444 + }).catch(res => {
  445 + this.setData({
  446 + theme: 'green',
  447 + homeColor: '67,142,147,1'
  448 + })
  449 + console.log(this.data.homeColor, 'GetSellerTemplateConf请求失败');
  450 + })
  451 + },
  452 + // 再次预订
  453 + secondbook() {
  454 + wx.reportMonitor('1013', 1)
  455 + wx.redirectTo({
  456 + url: '../reserve/detail?id=' + this.data.detail.seller.id
  457 + })
  458 + },
  459 + /**
  460 + * 生命周期函数--监听页面隐藏
  461 + */
  462 + onHide() {
  463 +
  464 + },
  465 +
  466 + /**
  467 + * 生命周期函数--监听页面卸载
  468 + */
  469 + onUnload() {
  470 +
  471 + },
  472 +
  473 + /**
  474 + * 页面相关事件处理函数--监听用户下拉动作
  475 + */
  476 + onPullDownRefresh() {
  477 +
  478 + },
  479 +
  480 + /**
  481 + * 页面上拉触底事件的处理函数
  482 + */
  483 + onReachBottom() {
  484 +
  485 + },
  486 +})
  1 +{
  2 + "navigationBarBackgroundColor": "#ffffff",
  3 + "navigationBarTextStyle": "white",
  4 + "navigationBarTitleText": "",
  5 + "usingComponents": {
  6 + "nav": "/components/nav/nav"
  7 + }
  8 +}
  1 +<!--pages/customer/detail_owner_invitation_new_style.wxml-->
  2 +<nav hasHome class="navhome" place="{{true}}"></nav>
  3 +<scroll-view class="last-book-bg" style="line-height: 1.4;height:{{height}}px;" scroll-y>
  4 + <view class="titleImg" style="background: rgba({{homeColor}});">
  5 + <image src="{{theme=='green'?'https://qn.colorcun.com/1571679628800_.pic.jpg':theme=='blue'?'https://qn.colorcun.com/1561679628784_.pic.jpg':theme=='blackGold'?'https://qn.colorcun.com/1551679628682_.pic.jpg':''}}" class="titleIcon"></image>
  6 + <image src="https://qn.colorcun.com/bj.png" class="bjIcon"></image>
  7 + <view class="infoBox">
  8 + <view class="left">
  9 + <view class="title">{{seller.name}}</view>
  10 + <view class="leftLine"></view>
  11 + <view class="leftInfo font28r">{{seller.date}} {{seller.soltName}}</view>
  12 + <view class="leftInfo font28r">{{seller.aa}}</view>
  13 + <view class="leftInfo font28r">{{seller.tablesText}}</view>
  14 + </view>
  15 + <view class="line"></view>
  16 + <view class="right">
  17 + <text>邀请函</text>
  18 + </view>
  19 + </view>
  20 + <view wx:if="{{roomimage && roomimage.length>0}}" class="page-section-spacing">
  21 + <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
  22 + <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
  23 + <text>{{item.name}}</text>
  24 + </view>
  25 + </view>
  26 + </view>
  27 + <view class="positioning">
  28 + <text>地址：{{seller.addr?seller.addr:reserev.seller.map_address}}</text>
  29 + <view class="font24r orderingFood" bindtap="looklocation">
  30 + 导航
  31 + </view>
  32 + </view>
  33 + <block wx:if="{{staffinfo && reserve.swich_manager=='1'}}">
  34 + <view class="handleInfo">
  35 + <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
  36 + <view class="handle handlePhone">
  37 + <view>专属服务：{{staffinfo.name}}</view>
  38 + <view>服务电话：{{staffinfo.phone}}</view>
  39 + </view>
  40 + <view class="handle">
  41 + <view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
  42 + <view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="cli">复制微信号</view>
  43 + </view>
  44 + </view>
  45 + </block>
  46 + <view class="botomBor font36r">
  47 + 恭候您的光临！
  48 + </view>
  49 + <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
  50 + <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
  51 + <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}">
  52 + <view class="left">
  53 + <view class="top">
  54 + <text>{{item.aname}}</text>
  55 + <view class="price" wx:if="{{item.price}}">
  56 + <view class="icons">￥</view>{{item.price}}
  57 + </view>
  58 + <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
  59 + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount">{{item.discount}}折</text>
  60 + </view>
  61 + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom">
  62 + {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?'，'+item.desc+'。':'。'}}
  63 + </view>
  64 + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom">
  65 + 无限制{{item.desc?'，'+item.desc+'。':'。'}}
  66 + </view>
  67 + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom">
  68 + 会员生日当天可用{{item.desc?'，'+item.desc+'。':'。'}}
  69 + </view>
  70 + </view>
  71 + <navigator url="/pack-activity/pack/buyCoupon?id={{item.id}}&name={{seller.name}}&use={{item.stringifyUse}}&sid={{seller.sid}}&oid={{detail.id}}&types=1" hover-class="navigator-hover">
  72 + <view class="font24r orderingFood">
  73 + 去抢购
  74 + </view>
  75 + </navigator>
  76 + </view>
  77 + </block>
  78 + </view>
  79 + <view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">
  80 + <text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想吐槽？戳这里填写意见！--></text>
  81 + <text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽？戳这里填写意见反馈赢好礼！</text>
  82 + <image src="https://qn.colorcun.com/evaluate.png" mode="" />
  83 + </view>
  84 + <block wx:if="{{store}}">
  85 + <view class="imgMask">
  86 + <view class="IntroduceColor">
  87 + <view class="text font36r">餐厅介绍</view>
  88 + <view class="labelBox font24r">
  89 + {{store.introduce}}
  90 + </view>
  91 + </view>
  92 + <view class="text font36r">餐厅环境</view>
  93 + <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
  94 + <image src="{{item}}" mode="aspectFill" />
  95 + </block>
  96 + </view>
  97 + </block>
  98 + <block wx:if="{{chef}}">
  99 + <view class="imgMask">
  100 + <view class="IntroduceColor noneBor">
  101 + <view class="text font36r">主厨介绍</view>
  102 + <view class="labelBox font24r">
  103 + {{chef.introduce}}
  104 + </view>
  105 + </view>
  106 + <image src="{{chef.image}}" mode="aspectFill" />
  107 + </view>
  108 + </block>
  109 + <block wx:if="{{signboard && signboard.swich=='1'}}">
  110 + <view class="imgMask">
  111 + <view class="IntroduceColor noneBor">
  112 + <view class="text font36r">特色菜品</view>
  113 + </view>
  114 + <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
  115 + <image src="{{item}}" mode="aspectFill" />
  116 + </block>
  117 + </view>
  118 + </block>
  119 + <view class="specialServices" wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
  120 + <view class="rubric">
  121 + 特供服务
  122 + </view>
  123 + <view class="news">
  124 + 本店特为贵宾提供提前点餐服务，您现在可以选菜下单，到店就餐时无需等待服务员点餐，可以直接享受就餐服务^_^
  125 + </view>
  126 + <view class="endStyle">
  127 + <view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;">
  128 + <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">
  129 + 去点餐
  130 + </view>
  131 + </view>
  132 + </view>
  133 + </view>
  134 + <view class="preferential" wx:if="{{marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}">
  135 + <view class="rubric rubric1">
  136 + 特别优惠
  137 + </view>
  138 + <!-- 当前日期要大于限制结束日期 -->
  139 + <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)))}}">
  140 + <view class="left">
  141 + <view class="top">
  142 + <text>{{recharge_data.rname}}</text>
  143 + </view>
  144 + <view class="bottom" wx:if="{{priceInfo}}">
  145 + {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
  146 + </view>
  147 + <view class="bottom" wx:if="{{scoreInfo}}">
  148 + {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
  149 + </view>
  150 + <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
  151 + {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。
  152 + </view>
  153 + </view>
  154 + <navigator url="/pack-activity/pack/vipRecharge?id={{recharge_data.id}}&name={{seller.name}}&sid={{seller.sid}}&oid={{detail.id}}&types=1" hover-class="navigator-hover">
  155 + <view class="font24r orderingFood">
  156 + 去充值
  157 + </view>
  158 + </navigator>
  159 + </view>
  160 + </view>
  161 + <view class="vips">
  162 + <view wx:if="{{marketing.is_link}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
  163 + 点击了解更多会员优惠政策
  164 + </view>
  165 + </view>
  166 +</scroll-view>
  167 +<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}">
  168 + <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订
  169 + </view>
  170 + <block>
  171 + <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人
  172 + </button>
  173 + </block>
  174 +</view>
  1 +/* pages/customer/detail_owner_invitation_new_style.wxss */
  2 +@import "../tpl/tpls.wxss";
  3 +
  4 +.titleImg {
  5 + top: 0;
  6 + left: 0;
  7 + width: 750rpx;
  8 + height: 716rpx;
  9 + position: relative;
  10 +}
  11 +
  12 +.line {
  13 + width: 2rpx;
  14 + height: 338rpx;
  15 + background: #CFB53B;
  16 + margin: 0 30rpx 0 60rpx;
  17 +}
  18 +
  19 +.titleIcon {
  20 + width: 250rpx;
  21 + height: 132rpx;
  22 +}
  23 +
  24 +.bjIcon {
  25 + width: 312rpx;
  26 + height: 166rpx;
  27 + position: absolute !important;
  28 + right: 0;
  29 + bottom: 1rpx;
  30 +}
  31 +
  32 +.title {
  33 + text-align: center;
  34 + font-family: PingFang SC;
  35 + font-size: 40rpx;
  36 + color: #CFB53B;
  37 +}
  38 +
  39 +.infoBox .left {
  40 + display: flex;
  41 + flex-direction: column;
  42 + align-items: flex-end;
  43 + margin: 20rpx 0 20rpx 40rpx;
  44 +}
  45 +
  46 +.leftLine {
  47 + width: 432rpx;
  48 + height: 2rpx;
  49 + background: #CFB53B;
  50 + margin: 20rpx 0;
  51 +}
  52 +
  53 +.leftInfo {
  54 + color: #CFB53B;
  55 + display: flex;
  56 + flex-wrap: wrap;
  57 + justify-content: flex-end;
  58 + word-break: break-all;
  59 + line-height: 40rpx;
  60 +}
  61 +
  62 +
  63 +.infoBox {
  64 + display: flex;
  65 +}
  66 +
  67 +.infoBox .right {
  68 + color: #cfb53b;
  69 + font-family: PingFang SC;
  70 + font-weight: 500;
  71 + font-size: 80rpx;
  72 + width: 92rpx;
  73 + height: 372rpx;
  74 + margin-right: 86rpx;
  75 +}
  76 +
  77 +
  78 +.handleInfo {
  79 + margin: 0 50rpx 0 44rpx;
  80 + display: flex;
  81 + justify-content: space-between;
  82 + align-items: center;
  83 +}
  84 +
  85 +.botomBor {
  86 + margin: 0 40rpx 20rpx 44rpx;
  87 + text-align: right;
  88 + padding: 20rpx 0;
  89 + color: #515151;
  90 + font-weight: 500;
  91 + border-bottom: 2rpx solid #DBDBDB;
  92 +}
  93 +
  94 +.headerimg {
  95 + width: 140rpx;
  96 + height: 140rpx;
  97 + border-radius: 71rpx;
  98 +}
  99 +
  100 +.handle {
  101 + display: flex;
  102 + flex-direction: column;
  103 + color: #999999;
  104 + font-family: PingFang SC;
  105 + font-weight: 500;
  106 + font-size: 26rpx;
  107 + height: 110rpx;
  108 + justify-content: space-between;
  109 +}
  110 +
  111 +.handlePhone {
  112 + height: 100rpx;
  113 +}
  114 +
  115 +.brownFont {
  116 + padding: 4rpx 16rpx;
  117 + color: #0143A3;
  118 + border: 2rpx solid #0143A3;
  119 + border-radius: 22rpx;
  120 + text-align: center;
  121 +}
  122 +
  123 +.brownFont:nth-of-type(1) {
  124 + margin-bottom: 22rpx;
  125 +}
  126 +
  127 +
  128 +.positioning {
  129 + margin: 22rpx 40rpx 62rpx 44rpx;
  130 + display: flex;
  131 + justify-content: space-between;
  132 + border-radius: 10rpx;
  133 + align-items: center;
  134 + color: #999999;
  135 +}
  136 +
  137 +.introduce {
  138 + box-sizing: border-box;
  139 +}
  140 +
  141 +.imgMask {
  142 + position: relative;
  143 + margin: 0 40rpx 0 44rpx;
  144 +}
  145 +
  146 +.imgMask .text {
  147 + color: #515151;
  148 +}
  149 +
  150 +.IntroduceColor {
  151 + border-bottom: 2rpx solid #DBDBDB;
  152 + margin-bottom: 20rpx;
  153 +}
  154 +
  155 +.noneBor {
  156 + border: none;
  157 + margin-top: 20rpx;
  158 +}
  159 +
  160 +.imgMask image {
  161 + display: block !important;
  162 + margin-bottom: 4rpx;
  163 + height: calc(100vw * 0.82) !important;
  164 +}
  165 +
  166 +.shopName {
  167 + margin-bottom: 30rpx;
  168 + color: #ffffff;
  169 + font-family: FangSong;
  170 + font-size: 30rpx;
  171 +}
  172 +
  173 +
  174 +.labelBox {
  175 + margin: 20rpx;
  176 + display: flex;
  177 + position: relative;
  178 +}
  179 +
  180 +
  181 +.specialServices {
  182 + margin: 16rpx 40rpx;
  183 + border-bottom: 2rpx solid #DBDBDB;
  184 +}
  185 +
  186 +.rubric {
  187 + color: #515151;
  188 + font-family: PingFang SC;
  189 + font-weight: 500;
  190 + font-size: 36rpx;
  191 + margin-bottom: 10rpx;
  192 +}
  193 +
  194 +.specialServices .news {
  195 + color: #515151;
  196 + font-family: PingFang SC;
  197 + font-weight: 500;
  198 + font-size: 24rpx;
  199 + line-height: 40rpx;
  200 + margin-left: 20rpx;
  201 +}
  202 +
  203 +.endStyle {
  204 + display: flex;
  205 + justify-content: flex-end;
  206 + height: 60rpx;
  207 + margin: 20rpx 0;
  208 +}
  209 +
  210 +
  211 +.orderingFood {
  212 + padding: 0 26rpx;
  213 + color: #fff;
  214 + border-radius: 22rpx;
  215 + text-align: center;
  216 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  217 + margin: 20rpx 0;
  218 + line-height: 44rpx;
  219 + height: 44rpx;
  220 +}
  221 +
  222 +.preferential {
  223 + margin: 16rpx 40rpx 16rpx 44rpx;
  224 +}
  225 +
  226 +.preferentialItems {
  227 + border: 2rpx solid #DBDBDB;
  228 + border-radius: 16rpx;
  229 + padding: 16rpx 16rpx 16rpx 24rpx;
  230 + display: flex;
  231 + justify-content: space-between;
  232 + margin-bottom: 20rpx;
  233 +}
  234 +
  235 +.rubric1 {
  236 + margin: 30rpx 0;
  237 +}
  238 +
  239 +.left {
  240 + flex: 1;
  241 + margin-right: 20rpx;
  242 +}
  243 +
  244 +.top {
  245 + display: flex;
  246 + width: 100%;
  247 + align-items: center;
  248 +}
  249 +
  250 +.bottom {
  251 + margin-top: 20rpx;
  252 + color: #515151;
  253 + font-family: PingFang SC;
  254 + font-weight: 500;
  255 + font-size: 20rpx;
  256 + display: -webkit-box;
  257 + word-break: break-all;
  258 + word-wrap: break-word;
  259 + overflow: hidden;
  260 + text-align: left;
  261 +}
  262 +
  263 +.top text:nth-of-type(1) {
  264 + font-size: 28rpx;
  265 + font-weight: 500;
  266 + color: #515151;
  267 +}
  268 +
  269 +.top .discount {
  270 + padding: 0 6rpx;
  271 + color: #E34D59;
  272 + border: 2rpx solid #E34D59;
  273 + border-radius: 6rpx;
  274 + margin: 0 10rpx 0 20rpx;
  275 + font-family: PingFang SC;
  276 + font-size: 24rpx;
  277 + height: 30rpx;
  278 + line-height: 30rpx;
  279 +}
  280 +
  281 +.top .price {
  282 + color: #E34D59;
  283 + font-weight: 500;
  284 + font-size: 30rpx;
  285 +}
  286 +
  287 +.price {
  288 + display: flex;
  289 + align-items: center;
  290 + justify-content: center;
  291 +}
  292 +
  293 +.price .icons {
  294 + margin-left: 18rpx;
  295 + color: #E34D59;
  296 + font-size: 20rpx;
  297 +}
  298 +
  299 +.vips image {
  300 + margin: 36rpx 0;
  301 + height: 300rpx;
  302 +}
  303 +
  304 +.vips {
  305 + display: flex;
  306 + flex-direction: column;
  307 + justify-content: center;
  308 + align-items: center;
  309 + padding-bottom: 180rpx;
  310 +}
  311 +
  312 +.vips .news {
  313 + text-align: center;
  314 + color: #000000;
  315 + font-family: FangSong;
  316 + font-size: 40rpx;
  317 + margin: 0 0 100rpx 0;
  318 +}
  319 +
  320 +.vips .text {
  321 + text-align: center;
  322 + color: #515151;
  323 + font-family: FangSong;
  324 + font-size: 28rpx;
  325 + margin: 20rpx 0;
  326 +}
  327 +
  328 +.favouredPolicy {
  329 + width: 45%;
  330 + color: #999999;
  331 + font-family: PingFang SC;
  332 + font-weight: 500;
  333 + border: 2rpx solid #0244a4;
  334 + border-radius: 22rpx;
  335 + text-align: center;
  336 + padding: 10rpx;
  337 +}
  338 +
  339 +.last-book-bg {
  340 + background: transparent;
  341 +}
  342 +
  343 +.all-button {
  344 + background: #FAFAFA;
  345 + height: 160rpx;
  346 + padding: 0 40rpx;
  347 + box-sizing: border-box;
  348 + z-index: 100;
  349 + justify-content: flex-end;
  350 +}
  351 +
  352 +.between {
  353 + justify-content: space-between;
  354 +}
  355 +
  356 +.second-book-button {
  357 + margin-right: 20rpx;
  358 +}
  359 +
  360 +.book-item-font {
  361 + width: 25%;
  362 + border: 2rpx solid #0143A3;
  363 + color: #0143A3;
  364 + height: 46%;
  365 + border-radius: 42rpx;
  366 + font-weight: 600;
  367 +}
  368 +
  369 +.shareItem {
  370 + width: 100%;
  371 + margin: 0;
  372 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  373 + color: #fff;
  374 +}
  375 +
  376 +.sharewidth .shareItem {
  377 + width: 100% !important;
  378 +}
  379 +
  380 +.between .shareItem {
  381 + width: 65% !important;
  382 +}
  383 +
  384 +.book-item-font {
  385 + width: 40% !important;
  386 +}
  387 +
  388 +.menu-item {
  389 + width: 100%;
  390 + height: 100%;
  391 + display: flex;
  392 + justify-content: center;
  393 + align-items: center;
  394 +}
  395 +
  396 +.cook {
  397 + height: 100% !important;
  398 + background: linear-gradient(104.24deg, rgba(76, 141, 173, 1) -57.47%, rgba(1, 67, 163, 1) 55.72%, rgba(66, 165, 255, 1) 148.72%);
  399 + color: #fff !important;
  400 + font-weight: normal;
  401 + width: 27% !important;
  402 +}
  403 +
  404 +.bold {
  405 + font-weight: 500;
  406 +}
  407 +
  408 +.evaluateBox {
  409 + margin: 16rpx 84rpx 16rpx 56rpx;
  410 + display: flex;
  411 + align-items: center;
  412 + justify-content: space-between;
  413 +}
  414 +
  415 +.evaluateBox image {
  416 + width: 60rpx;
  417 + height: 70rpx;
  418 +}
  419 +
  420 +.evaluateBox text {
  421 + color: #000;
  422 + font-size: 28rpx;
  423 +}
  424 +
  425 +.scroll-view {
  426 + white-space: nowrap;
  427 +}
  428 +
  429 +.imageStyle {
  430 + display: inline-block;
  431 + width: 330rpx;
  432 + height: 158rpx;
  433 + margin-right: 40rpx;
  434 + border-radius: 16rpx;
  435 +}
  436 +
  437 +.imgs:nth-of-type(1) {
  438 + margin-left: 48rpx;
  439 +}
  440 +
  441 +.scroll-view {
  442 + white-space: nowrap;
  443 + width: 100%;
  444 + height: 100%;
  445 +}
  446 +
  447 +.imgs {
  448 + position: relative;
  449 + display: flex;
  450 + white-space: nowrap;
  451 + width: 282rpx;
  452 + height: 158rpx;
  453 +}
  454 +
  455 +.imgs text {
  456 + background: #515151;
  457 + color: #fff;
  458 + position: absolute;
  459 + left: 0;
  460 + bottom: 0;
  461 + height: 38rpx;
  462 + width: 242rpx;
  463 + text-align: center;
  464 + border-bottom-left-radius: 16rpx;
  465 + border-bottom-right-radius: 16rpx;
  466 +}
  467 +
  468 +.page-section-spacing {
  469 + position: relative;
  470 + display: flex;
  471 + white-space: nowrap;
  472 + width: auto;
  473 + overflow-x: scroll;
  474 +}