Showing
16 changed files
with
3097 additions
and
146 deletions
| @@ -60,6 +60,8 @@ | @@ -60,6 +60,8 @@ | ||
| 60 | "pages/pinglun/createOpinion", | 60 | "pages/pinglun/createOpinion", |
| 61 | "pages/pinglun/opinionSuccess", | 61 | "pages/pinglun/opinionSuccess", |
| 62 | "pages/customer/detail_owner_invitation1", | 62 | "pages/customer/detail_owner_invitation1", |
| 63 | + "pages/customer/detail_owner_invitation2", | ||
| 64 | + "pages/customer/detail_owner_invitation3", | ||
| 63 | "pages/customer/detail_owner_invitation4", | 65 | "pages/customer/detail_owner_invitation4", |
| 64 | "pages/customer/detail_owner_invitation6" | 66 | "pages/customer/detail_owner_invitation6" |
| 65 | ], | 67 | ], |
| 1 | +// pages/customer/detail_owner_invitation2.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 | + chef: {}, | ||
| 20 | + marketing: {}, | ||
| 21 | + home: {}, | ||
| 22 | + reserve: {}, | ||
| 23 | + signboard: {}, | ||
| 24 | + store: {}, | ||
| 25 | + recharge_data: {}, | ||
| 26 | + coupon_dataList: [], | ||
| 27 | + stringifyUse: '', | ||
| 28 | + current: 0, | ||
| 29 | + seller: { | ||
| 30 | + name: '', | ||
| 31 | + tablesText: '', | ||
| 32 | + date: '', | ||
| 33 | + addr: '' | ||
| 34 | + }, | ||
| 35 | + priceInfo: '', | ||
| 36 | + scoreInfo: '', | ||
| 37 | + discount: '', | ||
| 38 | + certificate: '', | ||
| 39 | + dataStr: Date.now() * 1 / 1000, | ||
| 40 | + swich_phone: '0', | ||
| 41 | + is_comments: '0', | ||
| 42 | + is_user_comments: false, | ||
| 43 | + tableinfo: [], | ||
| 44 | + StyleType: '', | ||
| 45 | + showMoreTip: true, | ||
| 46 | + themeColor: 'lanCaiHe', | ||
| 47 | + screenHeight: '', | ||
| 48 | + }, | ||
| 49 | + tablestr: '', | ||
| 50 | + urlsValue: [], | ||
| 51 | + screenHeight: '', | ||
| 52 | + /** | ||
| 53 | + * 生命周期函数--监听页面加载 | ||
| 54 | + */ | ||
| 55 | + onLoad(options) { | ||
| 56 | + this.id = options.id | ||
| 57 | + let param = { | ||
| 58 | + options: options, | ||
| 59 | + hasOwner: options.hasSellerShare == 1, //是否为发起人 | ||
| 60 | + } | ||
| 61 | + param.tpls = [TP.tpls(options.tplid)] | ||
| 62 | + console.log(param); | ||
| 63 | + console.log(options); | ||
| 64 | + this.setData(param) | ||
| 65 | + mta.Page.init({ | ||
| 66 | + "appID": "500667280", | ||
| 67 | + "eventID": "500667287", | ||
| 68 | + "statPullDownFresh": true, | ||
| 69 | + "statShareApp": true, | ||
| 70 | + "statReachBottom": true, | ||
| 71 | + "lauchOpts": options, //渠道分析 | ||
| 72 | + }); | ||
| 73 | + const systemInfo = wx.getSystemInfoSync(); | ||
| 74 | + this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 | ||
| 75 | + }, | ||
| 76 | + // 页面滚动事件 | ||
| 77 | + onPageScroll: function (event) { | ||
| 78 | + const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 | ||
| 79 | + if (scrollTop < this.screenHeight) { | ||
| 80 | + this.setData({ | ||
| 81 | + showMoreTip: true | ||
| 82 | + }); | ||
| 83 | + } else { | ||
| 84 | + this.setData({ | ||
| 85 | + showMoreTip: false | ||
| 86 | + }); | ||
| 87 | + } | ||
| 88 | + }, | ||
| 89 | + // 点击了解更多会员优惠政策 | ||
| 90 | + gotoFavourableList() { | ||
| 91 | + let url = util.http_build_query({ | ||
| 92 | + sellerName: this.data.seller.name, | ||
| 93 | + sellerid: this.data.seller.sid, | ||
| 94 | + oid: this.data.detail.id, | ||
| 95 | + types: '1' | ||
| 96 | + }, '/pack-cookbook/pages/favourableList') | ||
| 97 | + wx.navigateTo({ | ||
| 98 | + url | ||
| 99 | + }) | ||
| 100 | + }, | ||
| 101 | + // 去评价 | ||
| 102 | + evaluateFun() { | ||
| 103 | + let url = util.http_build_query({ | ||
| 104 | + sellerName: this.data.seller.name, | ||
| 105 | + sellerid: this.data.seller.sid, | ||
| 106 | + oid: this.data.detail.id, | ||
| 107 | + types: '1', | ||
| 108 | + previousPage: '1', | ||
| 109 | + }, '/pages/pinglun/createOpinion') | ||
| 110 | + wx.navigateTo({ | ||
| 111 | + url | ||
| 112 | + }) | ||
| 113 | + }, | ||
| 114 | + /** | ||
| 115 | + * 用户点击右上角分享 | ||
| 116 | + */ | ||
| 117 | + onShareAppMessage: function () { | ||
| 118 | + return this.sharesetting(); | ||
| 119 | + }, | ||
| 120 | + /** | ||
| 121 | + * 监听用户点击分享到朋友圈按钮的操作 | ||
| 122 | + */ | ||
| 123 | + onShareTimeline() { | ||
| 124 | + return this.sharesetting(); | ||
| 125 | + }, | ||
| 126 | + /** | ||
| 127 | + * 生命周期函数--监听页面显示 | ||
| 128 | + */ | ||
| 129 | + onShow: function () { | ||
| 130 | + this.getDetail() | ||
| 131 | + }, | ||
| 132 | + // 复制微信号 | ||
| 133 | + copyWeChat() { | ||
| 134 | + if (this.data.staffinfo.wechat) { | ||
| 135 | + wx.setClipboardData({ | ||
| 136 | + data: this.data.staffinfo.wechat, | ||
| 137 | + success(res) { | ||
| 138 | + wx.getClipboardData({ | ||
| 139 | + success(res) { | ||
| 140 | + console.log(res.data) // data | ||
| 141 | + } | ||
| 142 | + }) | ||
| 143 | + } | ||
| 144 | + }) | ||
| 145 | + } else { | ||
| 146 | + console.log('无微信号') | ||
| 147 | + } | ||
| 148 | + }, | ||
| 149 | + // 拨打电话 | ||
| 150 | + call() { | ||
| 151 | + wx.reportMonitor('1012', 1) | ||
| 152 | + wx.makePhoneCall({ | ||
| 153 | + phoneNumber: this.data.staffinfo.phone | ||
| 154 | + }) | ||
| 155 | + }, | ||
| 156 | + // 导航 | ||
| 157 | + looklocation: function () { | ||
| 158 | + wx.reportMonitor('1015', 1) | ||
| 159 | + wx.openLocation({ | ||
| 160 | + latitude: Number(this.data.seller.lat), | ||
| 161 | + longitude: Number(this.data.seller.long), | ||
| 162 | + scale: 17, | ||
| 163 | + address: this.data.seller.addr, | ||
| 164 | + success: function (res) { | ||
| 165 | + console.log(res) | ||
| 166 | + } | ||
| 167 | + }) | ||
| 168 | + }, | ||
| 169 | + // 获取包间图片列表 | ||
| 170 | + getroomimage(sellerid) { | ||
| 171 | + App.Tables.GetTablesPhoto({ | ||
| 172 | + sellerid, | ||
| 173 | + tableids: this.tablestr | ||
| 174 | + }).then((json) => { | ||
| 175 | + if (json.ret == 200) { | ||
| 176 | + this.setData({ | ||
| 177 | + roomimage: json.data | ||
| 178 | + }) | ||
| 179 | + var urlsArr = []; | ||
| 180 | + json.data.forEach((v, i) => { | ||
| 181 | + urlsArr.push(v.url); | ||
| 182 | + }) | ||
| 183 | + this.urlsValue = urlsArr; | ||
| 184 | + console.log('urlsArr', urlsArr) | ||
| 185 | + console.log('roomimage', json.data) | ||
| 186 | + } | ||
| 187 | + }) | ||
| 188 | + }, | ||
| 189 | + // 预览包间图片 | ||
| 190 | + lookroom(e) { | ||
| 191 | + const item = e.currentTarget.dataset['item']; | ||
| 192 | + wx.previewImage({ | ||
| 193 | + current: item.url, // 当前显示图片的http链接 | ||
| 194 | + urls: this.urlsValue, // 需要预览的图片http链接列表 | ||
| 195 | + }) | ||
| 196 | + }, | ||
| 197 | + // 获取店铺详情 | ||
| 198 | + getDetail() { | ||
| 199 | + App.Reserve.Detail({ | ||
| 200 | + openid: getApp().openid, | ||
| 201 | + rid: this.data.options.id | ||
| 202 | + }).then(res => { | ||
| 203 | + let tablesText = '', //桌子信息 | ||
| 204 | + tableNum = 0; | ||
| 205 | + let tableinfo = util.determine(res.data.tableinfo); | ||
| 206 | + console.log('tableinfo', tableinfo); | ||
| 207 | + res.data.tables.forEach((t, i) => { | ||
| 208 | + tableNum += t.table_pnum * 1 | ||
| 209 | + tablesText += t.rname + t.name + (i == (res.data.tables.length - 1) ? '' : '、'); | ||
| 210 | + }) | ||
| 211 | + let tabaleids = []; | ||
| 212 | + res.data.tables.forEach(t => { | ||
| 213 | + tabaleids.push(t.id); | ||
| 214 | + }) | ||
| 215 | + this.tablestr = tabaleids.toString(); | ||
| 216 | + let reserev = RS.reserve(res.data) | ||
| 217 | + let dateSmart | ||
| 218 | + if (res.data.type == 1) { | ||
| 219 | + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') | ||
| 220 | + if (res.data.is_set_ddate == 1) { | ||
| 221 | + dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') | ||
| 222 | + } else { | ||
| 223 | + dateSmart += ' ' + reserev.soltName | ||
| 224 | + } | ||
| 225 | + } else { | ||
| 226 | + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') | ||
| 227 | + } | ||
| 228 | + console.log('dateSmart', dateSmart); | ||
| 229 | + this.setData({ | ||
| 230 | + detail: this.formatDatail(reserev, dateSmart), | ||
| 231 | + tableNum, | ||
| 232 | + tableinfo, | ||
| 233 | + is_user_comments: res.data.is_user_comments, | ||
| 234 | + seller: { | ||
| 235 | + name: reserev.seller.sellername, | ||
| 236 | + sid: reserev.sid, | ||
| 237 | + date: dateSmart, | ||
| 238 | + tablesText, | ||
| 239 | + addr: reserev.seller.real_address || reserev.seller.map_address, | ||
| 240 | + image: reserev.image_url, | ||
| 241 | + hasOwner: true, | ||
| 242 | + type: reserev.type, | ||
| 243 | + is_set_ddate: reserev.is_set_ddate, | ||
| 244 | + hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2, | ||
| 245 | + tel: reserev.seller.seller_tel.split(',')[0], | ||
| 246 | + soltName: reserev.soltName, | ||
| 247 | + time: util.unixtoTime(reserev.ddate, '星期WW HH:II'), | ||
| 248 | + lat: reserev.seller.lat, | ||
| 249 | + long: reserev.seller.long, | ||
| 250 | + } | ||
| 251 | + }) | ||
| 252 | + console.log('reserev reserev', reserev); | ||
| 253 | + console.log('seller seller', this.data.seller); | ||
| 254 | + console.log('detail detail', this.data.detail); | ||
| 255 | + setTimeout(() => { | ||
| 256 | + this.getSellerTemplateConfFun(reserev.sid); | ||
| 257 | + this.getstaffinfo(res.data.uid) | ||
| 258 | + this.getroomimage(reserev.sid) | ||
| 259 | + }, 0); | ||
| 260 | + }).catch(res => { | ||
| 261 | + console.log(res, '详情请求失败'); | ||
| 262 | + }) | ||
| 263 | + }, | ||
| 264 | + // 客户经理获取基本信息 | ||
| 265 | + getstaffinfo(uid) { | ||
| 266 | + console.log('sellerid', this.data.detail.seller.id); | ||
| 267 | + App.Activity.GetCustomerActivityBaseinfo({ | ||
| 268 | + sellerid: this.data.detail.seller.id, | ||
| 269 | + uid | ||
| 270 | + }).then((json) => { | ||
| 271 | + if (json.ret == 200) { | ||
| 272 | + console.log('staffinfostaffinfostaffinfo', json.data) | ||
| 273 | + this.setData({ | ||
| 274 | + staffinfo: json.data | ||
| 275 | + }) | ||
| 276 | + } | ||
| 277 | + }) | ||
| 278 | + }, | ||
| 279 | + // 提前点餐 | ||
| 280 | + cookbook() { | ||
| 281 | + if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) { | ||
| 282 | + let data = { | ||
| 283 | + rid: this.id, | ||
| 284 | + oid: this.data.detail.order.id, | ||
| 285 | + sellerName: this.data.seller.name, | ||
| 286 | + sid: this.data.seller.sid, | ||
| 287 | + identity: '1', | ||
| 288 | + hasSuccess: '1', | ||
| 289 | + } | ||
| 290 | + wx.navigateTo({ | ||
| 291 | + url: `/pack-cookbook/pages/success_new?hasSuccess=${data.hasSuccess}&identity=${data.identity}&oid=${data.oid}&rid=${data.rid}&sellerName=${data.sellerName}&sid=${data.sid}`, | ||
| 292 | + }) | ||
| 293 | + } else { | ||
| 294 | + App.Advance.CreateOrder({ | ||
| 295 | + rid: this.id, | ||
| 296 | + openid: getApp().openid, | ||
| 297 | + }).then(res => { | ||
| 298 | + if (res.ret != 200) { | ||
| 299 | + return util.toast(res.msg, 'none') | ||
| 300 | + } | ||
| 301 | + wx.navigateTo({ | ||
| 302 | + url: util.http_build_query({ | ||
| 303 | + rid: this.id, | ||
| 304 | + oid: res.data.id, | ||
| 305 | + sid: res.data.sellerid, | ||
| 306 | + sellerName: this.data.seller.name, | ||
| 307 | + identity: '1', | ||
| 308 | + }, '/pack-cookbook/pages/index_new') | ||
| 309 | + }); | ||
| 310 | + }) | ||
| 311 | + } | ||
| 312 | + }, | ||
| 313 | + // 分享 | ||
| 314 | + sharesetting() { | ||
| 315 | + wx.reportMonitor('1017', 1) | ||
| 316 | + let parmdata = { | ||
| 317 | + id: this.id, | ||
| 318 | + fromid: getApp().openid, | ||
| 319 | + hasInvitation: 1, | ||
| 320 | + tplid: this.data.options.tplid | ||
| 321 | + } | ||
| 322 | + if (this.data.options.uid) { | ||
| 323 | + parmdata.uid = this.data.options.uid; | ||
| 324 | + } | ||
| 325 | + console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image); | ||
| 326 | + return { | ||
| 327 | + title: '邀请您于' + this.data.seller.date + '一起共进' + this.data.seller.soltName + '。点击查看详情', | ||
| 328 | + path: util.http_build_query(parmdata, '/pages/customer/index'), | ||
| 329 | + imageUrl: this.data.detail.seller.seller_image, | ||
| 330 | + } | ||
| 331 | + }, | ||
| 332 | + // 修改detail数据 | ||
| 333 | + formatDatail(detail, dateSmart) { | ||
| 334 | + detail.rdateStr = dateSmart; | ||
| 335 | + detail.tableFirst = detail.tables[0].name; | ||
| 336 | + if (detail.tables.length > 1) { | ||
| 337 | + detail.tableSubInfo = '等' + (detail.tables.length) + '个' + | ||
| 338 | + (detail.tables[0].tid == 2 ? '包间' : ''); | ||
| 339 | + } | ||
| 340 | + if (detail.rname && detail.sex != 3) { | ||
| 341 | + detail.rnameStr = detail.rname.substr(0, 1) + (detail.sex == 1 ? '先生' : '女士') | ||
| 342 | + } else { | ||
| 343 | + detail.rnameStr = detail.rname | ||
| 344 | + } | ||
| 345 | + detail.eatStr = '邀请您共进晚餐'; | ||
| 346 | + let hi = util.unixtoTime(detail.ddate, 'HHII'); | ||
| 347 | + if (hi < '10:00') { | ||
| 348 | + detail.eatStr = '邀请您共进早餐'; | ||
| 349 | + } else if (hi < '15:00') { | ||
| 350 | + detail.eatStr = '邀请您共进午餐'; | ||
| 351 | + } | ||
| 352 | + return detail; | ||
| 353 | + }, | ||
| 354 | + // 获取商家设置营销信息 | ||
| 355 | + getSellerTemplateConfFun(sid) { | ||
| 356 | + console.log(sid, 'sidsidsidsid'); | ||
| 357 | + App.Seller.GetSellerTemplateConf({ | ||
| 358 | + sid | ||
| 359 | + }).then(res => { | ||
| 360 | + let data = res.data | ||
| 361 | + console.log('data', data); | ||
| 362 | + let coupon_dataList = [] | ||
| 363 | + let themeColor, themeSixteen, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse; | ||
| 364 | + chef = util.determine(data.chef); | ||
| 365 | + reserve = util.determine(data.reserve); | ||
| 366 | + marketing = util.determine(data.marketing); | ||
| 367 | + signboard = util.determine(data.signboard); | ||
| 368 | + store = util.determine(data.store); | ||
| 369 | + home = util.determine(data.home); | ||
| 370 | + swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : ''; | ||
| 371 | + if (marketing) { | ||
| 372 | + is_comments = marketing.is_comments ? marketing.is_comments : ''; | ||
| 373 | + coupon = marketing.coupon_data ? util.determine(marketing.coupon_data) : ''; | ||
| 374 | + } | ||
| 375 | + // is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 | ||
| 376 | + if (coupon && util.getType(coupon) == 'object') { | ||
| 377 | + coupon.stringifyUse = JSON.stringify(coupon.use) | ||
| 378 | + if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) { | ||
| 379 | + let cash = coupon.use.cash * 1; | ||
| 380 | + let price = coupon.price * 1; | ||
| 381 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); | ||
| 382 | + coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 383 | + } | ||
| 384 | + coupon_dataList.push(coupon); | ||
| 385 | + } | ||
| 386 | + if (coupon && util.getType(coupon) == 'array') { | ||
| 387 | + if (coupon.length > 0) { | ||
| 388 | + coupon.forEach(item => { | ||
| 389 | + item.stringifyUse = JSON.stringify(item.use) | ||
| 390 | + if ((!item.use.is_cash || item.use.is_cash == '1')) { | ||
| 391 | + let cash = item.use.cash * 1; | ||
| 392 | + let price = item.price * 1; | ||
| 393 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); | ||
| 394 | + item.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 395 | + } | ||
| 396 | + }) | ||
| 397 | + } | ||
| 398 | + coupon_dataList = coupon; | ||
| 399 | + } | ||
| 400 | + let obj = { | ||
| 401 | + chef, | ||
| 402 | + reserve, | ||
| 403 | + marketing, | ||
| 404 | + signboard, | ||
| 405 | + store, | ||
| 406 | + home, | ||
| 407 | + stringifyUse, | ||
| 408 | + coupon, | ||
| 409 | + coupon_dataList, | ||
| 410 | + swich_phone, | ||
| 411 | + is_comments, | ||
| 412 | + StyleType: res.data.type, | ||
| 413 | + } | ||
| 414 | + console.log('获取数据', { | ||
| 415 | + ...obj | ||
| 416 | + }); | ||
| 417 | + if (marketing && marketing.is_recharge == '1' && marketing.recharge_data) { | ||
| 418 | + let recharge_data = marketing.recharge_data | ||
| 419 | + recharge_list = marketing.recharge_data.recharge_list | ||
| 420 | + if (recharge_list.is_price == '1') priceInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.price + '元余额'; | ||
| 421 | + if (recharge_list.is_score == '1') scoreInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.score + '积分'; | ||
| 422 | + if (recharge_list.is_coupons == '1' && recharge_data.recharge_list.coupons_names.length > 0) certificate = recharge_data.recharge_list.coupons_names.join('、'); | ||
| 423 | + console.log('scoreInfo', scoreInfo); | ||
| 424 | + console.log('priceInfo', priceInfo); | ||
| 425 | + this.setData({ | ||
| 426 | + recharge_data: marketing.recharge_data, | ||
| 427 | + certificate | ||
| 428 | + }) | ||
| 429 | + console.log('recharge_data', recharge_data); | ||
| 430 | + } | ||
| 431 | + this.setData({ | ||
| 432 | + coupon_dataList, | ||
| 433 | + stringifyUse | ||
| 434 | + }) | ||
| 435 | + if (store && store.images.length > 0) store.images = util.determine(store.images); | ||
| 436 | + if (signboard && signboard.images) signboard.images = util.determine(signboard.images); | ||
| 437 | + if (marketing && marketing.is_online_book == '1' && marketing.is_transpond == '1') { | ||
| 438 | + this.setData({ | ||
| 439 | + between: true | ||
| 440 | + }) | ||
| 441 | + } | ||
| 442 | + // themeColor = 'crimson' // 深中国红 | ||
| 443 | + // themeSixteen = '#86201B' | ||
| 444 | + themeColor = 'chinaRed' // 中国红 | ||
| 445 | + themeSixteen = '#AF231C' | ||
| 446 | + // themeColor = 'lanCaiHe' // 蓝采和 | ||
| 447 | + // themeSixteen = '#06436F' | ||
| 448 | + // themeColor = 'stoneGreen' // 石绿 | ||
| 449 | + // themeSixteen = '#206864' | ||
| 450 | + // themeColor = 'turmeric' // 姜黄 | ||
| 451 | + // themeSixteen = '#B39437' | ||
| 452 | + // themeColor = 'greenishYellow' // 苍黄 | ||
| 453 | + // themeSixteen = '#C85306' | ||
| 454 | + // themeColor = 'golden' // 金黄 | ||
| 455 | + // themeSixteen = '#C67B3A' | ||
| 456 | + // themeColor = 'ultramarine' // 群青 | ||
| 457 | + // themeSixteen = '#0143A3' | ||
| 458 | + // themeColor = 'moroccanBlue' // 摩洛哥蓝 | ||
| 459 | + // themeSixteen = '#19516A' | ||
| 460 | + this.setData({ | ||
| 461 | + chef, | ||
| 462 | + marketing, | ||
| 463 | + home, | ||
| 464 | + reserve, | ||
| 465 | + signboard, | ||
| 466 | + store, | ||
| 467 | + priceInfo, | ||
| 468 | + scoreInfo, | ||
| 469 | + swich_phone, | ||
| 470 | + is_comments, | ||
| 471 | + StyleType: res.data.type, | ||
| 472 | + themeColor, | ||
| 473 | + themeSixteen, | ||
| 474 | + }) | ||
| 475 | + }).catch(res => { | ||
| 476 | + console.log('GetSellerTemplateConf请求失败'); | ||
| 477 | + }) | ||
| 478 | + }, | ||
| 479 | + // 再次预订 | ||
| 480 | + secondbook() { | ||
| 481 | + wx.reportMonitor('1013', 1) | ||
| 482 | + wx.redirectTo({ | ||
| 483 | + url: '../reserve/detail?id=' + this.data.detail.seller.id | ||
| 484 | + }) | ||
| 485 | + }, | ||
| 486 | + /** | ||
| 487 | + * 生命周期函数--监听页面隐藏 | ||
| 488 | + */ | ||
| 489 | + onHide() { | ||
| 490 | + | ||
| 491 | + }, | ||
| 492 | + | ||
| 493 | + /** | ||
| 494 | + * 生命周期函数--监听页面卸载 | ||
| 495 | + */ | ||
| 496 | + onUnload() { | ||
| 497 | + | ||
| 498 | + }, | ||
| 499 | + | ||
| 500 | + /** | ||
| 501 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
| 502 | + */ | ||
| 503 | + onPullDownRefresh() { | ||
| 504 | + | ||
| 505 | + }, | ||
| 506 | + | ||
| 507 | + /** | ||
| 508 | + * 页面上拉触底事件的处理函数 | ||
| 509 | + */ | ||
| 510 | + onReachBottom() { | ||
| 511 | + | ||
| 512 | + }, | ||
| 513 | +}) |
| 1 | +<!--pages/customer/detail_owner_invitation2.wxml--> | ||
| 2 | +<import src="../tpl/invitation"></import> | ||
| 3 | +<nav hasHome backgroundColor="{{themeSixteen}}" class="navhome" place="{{true}}"> | ||
| 4 | +</nav> | ||
| 5 | +<scroll-view scroll-y class="{{themeColor}}"> | ||
| 6 | + <view class="positioningBox"> | ||
| 7 | + <view class="positioning" bindtap="looklocation"> | ||
| 8 | + <text class="font48r">{{seller.name || reserve.seller_name}}</text> | ||
| 9 | + <view class="name"> | ||
| 10 | + <image src="https://qn.colorcun.com/mapIcon.png" mode="" /> | ||
| 11 | + <text class="font28r">{{seller.addr|| reserev.seller.map_address}}</text> | ||
| 12 | + </view> | ||
| 13 | + </view> | ||
| 14 | + </view> | ||
| 15 | + <view class="reservationInfo"> | ||
| 16 | + <view class="flex-11" wx:if="{{seller.date}}"> | ||
| 17 | + <view class="label">【就餐日期】</view> | ||
| 18 | + <view class="contentData">{{seller.date}}</view> | ||
| 19 | + </view> | ||
| 20 | + <view class="flex-11" wx:if="{{seller.soltName}}"> | ||
| 21 | + <view class="label">【就餐时间】</view> | ||
| 22 | + <view class="contentData">{{seller.soltName}}</view> | ||
| 23 | + </view> | ||
| 24 | + <view class="flex-11" wx:if="{{detail.actual_pum || tableNum}}"> | ||
| 25 | + <view class="label">【就餐人数】</view> | ||
| 26 | + <view class="contentData">{{detail.actual_pum?detail.actual_pum:tableNum}}位</view> | ||
| 27 | + </view> | ||
| 28 | + <view class="flex-11" wx:if="{{seller.tablesText}}"> | ||
| 29 | + <view class="label">【就餐位置】</view> | ||
| 30 | + <view class="contentData bold">{{seller.tablesText}}</view> | ||
| 31 | + </view> | ||
| 32 | + <view class="flex-11" wx:if="{{reserve && reserve.swich_park=='1' && reserve.park_info}}"> | ||
| 33 | + <view class="label">【停车信息】</view> | ||
| 34 | + <view class="contentData">{{reserve.park_info}}</view> | ||
| 35 | + </view> | ||
| 36 | + <view class="flex-11" wx:if="{{ swich_phone!='0' && detail.seller.phone}}"> | ||
| 37 | + <view class="label">【联系电话】</view> | ||
| 38 | + <view class="contentData">{{detail.seller.phone}}</view> | ||
| 39 | + </view> | ||
| 40 | + <view wx:if="{{roomimage && roomimage.length>0}}" class="page-section-spacing"> | ||
| 41 | + <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}"> | ||
| 42 | + <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image> | ||
| 43 | + <text>{{item.name}}</text> | ||
| 44 | + </view> | ||
| 45 | + </view> | ||
| 46 | + </view> | ||
| 47 | + <block wx:if="{{staffinfo && reserve.swich_manager=='1'}}"> | ||
| 48 | + <view class="handleInfo"> | ||
| 49 | + <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> | ||
| 50 | + <view class="handle handlePhone"> | ||
| 51 | + <view>专属服务:{{staffinfo.name}}</view> | ||
| 52 | + <view>服务电话:{{staffinfo.phone}}</view> | ||
| 53 | + </view> | ||
| 54 | + <view class="handle"> | ||
| 55 | + <view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> | ||
| 56 | + <view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="copyWeChat">复制微信号</view> | ||
| 57 | + </view> | ||
| 58 | + </view> | ||
| 59 | + </block> | ||
| 60 | + <view class="welcome font36r"> | ||
| 61 | + {{home.slogan}} | ||
| 62 | + </view> | ||
| 63 | + <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}"> | ||
| 64 | + <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index"> | ||
| 65 | + <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}"> | ||
| 66 | + <view class="itemLeft"> | ||
| 67 | + <view class="itemTop"> | ||
| 68 | + <text>{{item.aname}}</text> | ||
| 69 | + <view class="priceText" wx:if="{{item.price}}"> | ||
| 70 | + <view class="icons">¥</view>{{item.price}} | ||
| 71 | + </view> | ||
| 72 | + <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 --> | ||
| 73 | + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText">{{item.discount}}折</text> | ||
| 74 | + </view> | ||
| 75 | + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom"> | ||
| 76 | + {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}} | ||
| 77 | + </view> | ||
| 78 | + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom"> | ||
| 79 | + 无限制{{item.desc?','+item.desc+'。':'。'}} | ||
| 80 | + </view> | ||
| 81 | + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom"> | ||
| 82 | + 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}} | ||
| 83 | + </view> | ||
| 84 | + </view> | ||
| 85 | + <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"> | ||
| 86 | + <view class="font24r orderingFood"> | ||
| 87 | + 抢购 | ||
| 88 | + </view> | ||
| 89 | + </navigator> | ||
| 90 | + </view> | ||
| 91 | + </block> | ||
| 92 | + </view> | ||
| 93 | + <view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun"> | ||
| 94 | + <text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想吐槽?戳这里填写意见!--></text> | ||
| 95 | + <text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽?戳这里填写意见反馈赢好礼!</text> | ||
| 96 | + <image src="https://qn.colorcun.com/evaluate.png" mode="" /> | ||
| 97 | + </view> | ||
| 98 | + <view class="introduce" wx:if="{{store}}"> | ||
| 99 | + <view class="imgMask"> | ||
| 100 | + <view class="IntroduceColor"> | ||
| 101 | + <view class="chefText font36r">餐厅介绍</view> | ||
| 102 | + <view class="labelBox"> | ||
| 103 | + <text class="texts">{{store.introduce}} | ||
| 104 | + </text> | ||
| 105 | + </view> | ||
| 106 | + </view> | ||
| 107 | + <view class="chefText font36r">餐厅环境</view> | ||
| 108 | + <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> | ||
| 109 | + <image src="{{item}}" mode="aspectFill" /> | ||
| 110 | + </block> | ||
| 111 | + </view> | ||
| 112 | + </view> | ||
| 113 | + <view class="introduce famousChefBox" wx:if="{{chef}}"> | ||
| 114 | + <view class="imgMask"> | ||
| 115 | + <view class="IntroduceColor"> | ||
| 116 | + <view class="chefText font36r">主厨介绍</view> | ||
| 117 | + <view class="labelBox"> | ||
| 118 | + <text class="texts">{{chef.introduce}} | ||
| 119 | + </text> | ||
| 120 | + </view> | ||
| 121 | + </view> | ||
| 122 | + <image src="{{chef.image}}" mode="aspectFill" /> | ||
| 123 | + </view> | ||
| 124 | + </view> | ||
| 125 | + <!-- 菜品展示 swich为1展示 --> | ||
| 126 | + <view class="introduce vegetableBox" wx:if="{{signboard && signboard.swich=='1'}}"> | ||
| 127 | + <view class="imgMask"> | ||
| 128 | + <view class="IntroduceColor Introducepublic"> | ||
| 129 | + <view class="chefText font36r">特色菜品</view> | ||
| 130 | + </view> | ||
| 131 | + <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> | ||
| 132 | + <image src="{{item}}" mode="aspectFill" /> | ||
| 133 | + </block> | ||
| 134 | + </view> | ||
| 135 | + </view> | ||
| 136 | + <view class="specialServices" wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}"> | ||
| 137 | + <view class="rubric"> | ||
| 138 | + 提前点餐 | ||
| 139 | + </view> | ||
| 140 | + <view class="news"> | ||
| 141 | + 本店特为贵宾提供提前点餐服务,您现在可以选菜下单,到店就餐时无需等待服务员点餐,可以直接享受就餐服务^_^ | ||
| 142 | + </view> | ||
| 143 | + <view class="endStyle"> | ||
| 144 | + <view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;"> | ||
| 145 | + <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"> | ||
| 146 | + 去点餐 | ||
| 147 | + </view> | ||
| 148 | + </view> | ||
| 149 | + </view> | ||
| 150 | + </view> | ||
| 151 | + <view class="preferential" wx:if="{{marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}"> | ||
| 152 | + <view class="rubric rubric1"> | ||
| 153 | + 特别优惠 | ||
| 154 | + </view> | ||
| 155 | + <!-- 当前日期要大于限制结束日期 --> | ||
| 156 | + <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)))}}"> | ||
| 157 | + <view class="itemLeft"> | ||
| 158 | + <view class="itemTop"> | ||
| 159 | + <text>{{recharge_data.rname}}</text> | ||
| 160 | + </view> | ||
| 161 | + <view class="itemBottom" wx:if="{{priceInfo}}"> | ||
| 162 | + {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}} | ||
| 163 | + </view> | ||
| 164 | + <view class="bottom" wx:if="{{scoreInfo}}"> | ||
| 165 | + {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}} | ||
| 166 | + </view> | ||
| 167 | + <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}"> | ||
| 168 | + {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。 | ||
| 169 | + </view> | ||
| 170 | + </view> | ||
| 171 | + <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"> | ||
| 172 | + <view class="font24r orderingFood"> | ||
| 173 | + 抢购 | ||
| 174 | + </view> | ||
| 175 | + </navigator> | ||
| 176 | + </view> | ||
| 177 | + </view> | ||
| 178 | + <view class="vips"> | ||
| 179 | + <view wx:if="{{marketing.is_link}}" class="font24r favouredPolicy" bindtap="gotoFavourableList"> | ||
| 180 | + 点击了解更多会员优惠政策 | ||
| 181 | + </view> | ||
| 182 | + </view> | ||
| 183 | + <view class="more" wx:if="{{showMoreTip}}"> | ||
| 184 | + <view class="moreText">滑动查看更多</view> | ||
| 185 | + <image src="https://qn.colorcun.com/jt1.png" mode="" /> | ||
| 186 | + </view> | ||
| 187 | +</scroll-view> | ||
| 188 | +<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}"> | ||
| 189 | + <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订 | ||
| 190 | + </view> | ||
| 191 | + <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人 | ||
| 192 | + </button> | ||
| 193 | +</view> |
| 1 | +/* pages/customer/detail_owner_invitation2.wxss */ | ||
| 2 | +@import "../tpl/tpls.wxss"; | ||
| 3 | + | ||
| 4 | +.info { | ||
| 5 | + text-align: center; | ||
| 6 | + font-family: FangSong; | ||
| 7 | + font-size: 40rpx; | ||
| 8 | + background-image: -webkit-linear-gradient(bottom, #eeae74, #EEAE74); | ||
| 9 | + -webkit-background-clip: text; | ||
| 10 | + -webkit-text-fill-color: transparent; | ||
| 11 | + position: relative; | ||
| 12 | + top: -68rpx; | ||
| 13 | +} | ||
| 14 | + | ||
| 15 | +.reservationInfo { | ||
| 16 | + min-height: 200rpx; | ||
| 17 | + margin: 0 30rpx; | ||
| 18 | + padding: 30rpx 0; | ||
| 19 | + position: relative; | ||
| 20 | + color: #fff; | ||
| 21 | + border-bottom-left-radius: 10rpx; | ||
| 22 | + border-bottom-right-radius: 10rpx; | ||
| 23 | +} | ||
| 24 | + | ||
| 25 | + | ||
| 26 | +.reservationInfo .flex-11 { | ||
| 27 | + margin-left: 30rpx; | ||
| 28 | + display: flex; | ||
| 29 | + line-height: 64rpx; | ||
| 30 | + font-family: PingFang SC; | ||
| 31 | + font-size: 32rpx; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +.label { | ||
| 35 | + flex-shrink: 0; | ||
| 36 | + font-family: PingFang SC; | ||
| 37 | + font-size: 32rpx; | ||
| 38 | +} | ||
| 39 | + | ||
| 40 | +.contentData { | ||
| 41 | + flex: 1; | ||
| 42 | + line-height: 60rpx; | ||
| 43 | + font-family: PingFang SC; | ||
| 44 | + font-size: 32rpx; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +.handleInfo { | ||
| 48 | + margin: 50rpx 40rpx 42rpx 40rpx; | ||
| 49 | + display: flex; | ||
| 50 | + justify-content: space-between; | ||
| 51 | + align-items: center; | ||
| 52 | +} | ||
| 53 | + | ||
| 54 | +.welcome { | ||
| 55 | + text-align: right; | ||
| 56 | + margin: 42rpx 40rpx 40rpx 40rpx; | ||
| 57 | + padding-bottom: 24rpx; | ||
| 58 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 59 | + font-weight: 500; | ||
| 60 | + letter-spacing: 2rpx; | ||
| 61 | +} | ||
| 62 | + | ||
| 63 | +.headerimg { | ||
| 64 | + width: 140rpx; | ||
| 65 | + height: 140rpx; | ||
| 66 | + border-radius: 71rpx; | ||
| 67 | +} | ||
| 68 | + | ||
| 69 | +.handle { | ||
| 70 | + display: flex; | ||
| 71 | + flex-direction: column; | ||
| 72 | + color: #999999; | ||
| 73 | + font-family: PingFang SC; | ||
| 74 | + font-weight: 500; | ||
| 75 | + font-size: 26rpx; | ||
| 76 | + height: 110rpx; | ||
| 77 | + justify-content: space-between; | ||
| 78 | +} | ||
| 79 | + | ||
| 80 | +.handlePhone { | ||
| 81 | + height: 100rpx; | ||
| 82 | + color: #515151; | ||
| 83 | +} | ||
| 84 | + | ||
| 85 | +.brownFont { | ||
| 86 | + padding: 8rpx 16rpx; | ||
| 87 | + color: #0143A3; | ||
| 88 | + border: 2rpx solid #0143A3; | ||
| 89 | + border-radius: 22rpx; | ||
| 90 | + text-align: center; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +.brownFont:nth-of-type(1) { | ||
| 94 | + margin-bottom: 10rpx; | ||
| 95 | +} | ||
| 96 | + | ||
| 97 | +.handle text { | ||
| 98 | + margin-bottom: 20rpx; | ||
| 99 | +} | ||
| 100 | + | ||
| 101 | +.handle text:nth-of-type(2) { | ||
| 102 | + margin-bottom: 0; | ||
| 103 | +} | ||
| 104 | + | ||
| 105 | +.positioningBox { | ||
| 106 | + display: flex; | ||
| 107 | + justify-content: center; | ||
| 108 | + height: 232rpx; | ||
| 109 | +} | ||
| 110 | + | ||
| 111 | +.positioning { | ||
| 112 | + margin: 50rpx 30rpx 0 30rpx; | ||
| 113 | + display: flex; | ||
| 114 | + box-sizing: border-box; | ||
| 115 | + flex-direction: column; | ||
| 116 | + background: #fff; | ||
| 117 | + padding: 30rpx 0 34rpx 30rpx; | ||
| 118 | + border-radius: 10rpx 10rpx 0 0; | ||
| 119 | + flex: 1; | ||
| 120 | + color: #000; | ||
| 121 | +} | ||
| 122 | + | ||
| 123 | +.positioning image { | ||
| 124 | + width: 32rpx; | ||
| 125 | + height: 38rpx; | ||
| 126 | + margin-right: 20rpx; | ||
| 127 | +} | ||
| 128 | + | ||
| 129 | +.positioning .name { | ||
| 130 | + width: 80%; | ||
| 131 | + display: flex; | ||
| 132 | + align-items: center; | ||
| 133 | + font-family: PingFang SC; | ||
| 134 | + font-size: 28rpx; | ||
| 135 | + margin-top: 10rpx; | ||
| 136 | +} | ||
| 137 | + | ||
| 138 | +.positioning .name text { | ||
| 139 | + line-height: 50rpx; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | +.positioning .name text:nth-of-type(2) { | ||
| 143 | + text-indent: 8rpx; | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +.introduce { | ||
| 147 | + box-sizing: border-box; | ||
| 148 | +} | ||
| 149 | + | ||
| 150 | +.imgMask { | ||
| 151 | + margin: 20rpx 40rpx; | ||
| 152 | + padding-bottom: 18rpx; | ||
| 153 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 154 | +} | ||
| 155 | + | ||
| 156 | +.famousChefBox .labelBox { | ||
| 157 | + border-bottom: none; | ||
| 158 | +} | ||
| 159 | + | ||
| 160 | +.imgMask image { | ||
| 161 | + margin: 0 15rpx; | ||
| 162 | +} | ||
| 163 | + | ||
| 164 | +.labelBox { | ||
| 165 | + width: 100%; | ||
| 166 | + display: flex; | ||
| 167 | + margin-bottom: 20rpx; | ||
| 168 | + position: relative; | ||
| 169 | + padding-bottom: 20rpx; | ||
| 170 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 171 | +} | ||
| 172 | + | ||
| 173 | +.labelBox .texts { | ||
| 174 | + width: 90%; | ||
| 175 | + line-height: 40rpx; | ||
| 176 | + margin-left: 20rpx; | ||
| 177 | + color: #515151; | ||
| 178 | + font-family: PingFang SC; | ||
| 179 | + font-size: 20rpx; | ||
| 180 | + max-height: 400rpx; | ||
| 181 | + overflow: hidden; | ||
| 182 | + white-space: pre-line; | ||
| 183 | + word-wrap: break-word; | ||
| 184 | + overflow: hidden; | ||
| 185 | + word-break: break-all; | ||
| 186 | + text-overflow: ellipsis; | ||
| 187 | + display: -webkit-box; | ||
| 188 | + -webkit-box-orient: vertical; | ||
| 189 | + -webkit-line-clamp: 10; | ||
| 190 | + font-weight: 500; | ||
| 191 | +} | ||
| 192 | + | ||
| 193 | +.labelBox .line1 { | ||
| 194 | + margin: 0 0 0 16rpx; | ||
| 195 | +} | ||
| 196 | + | ||
| 197 | +.imgMask image { | ||
| 198 | + width: 95%; | ||
| 199 | + display: block; | ||
| 200 | +} | ||
| 201 | + | ||
| 202 | +.famousChefBox { | ||
| 203 | + position: relative; | ||
| 204 | +} | ||
| 205 | + | ||
| 206 | +.Introducepublic { | ||
| 207 | + display: flex; | ||
| 208 | + flex-direction: column; | ||
| 209 | + font-size: 28rpx; | ||
| 210 | + line-height: 50rpx; | ||
| 211 | + box-sizing: border-box; | ||
| 212 | +} | ||
| 213 | + | ||
| 214 | +.chefText { | ||
| 215 | + font-family: PingFang SC; | ||
| 216 | + margin-bottom: 20rpx; | ||
| 217 | + font-weight: 500; | ||
| 218 | +} | ||
| 219 | + | ||
| 220 | +.specialServices { | ||
| 221 | + margin: 16rpx 40rpx; | ||
| 222 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 223 | +} | ||
| 224 | + | ||
| 225 | +.rubric { | ||
| 226 | + font-family: PingFang SC; | ||
| 227 | + font-weight: 500; | ||
| 228 | + font-size: 36rpx; | ||
| 229 | + margin-bottom: 10rpx; | ||
| 230 | +} | ||
| 231 | + | ||
| 232 | +.specialServices .news { | ||
| 233 | + color: #515151; | ||
| 234 | + font-family: PingFang SC; | ||
| 235 | + font-weight: 500; | ||
| 236 | + font-size: 24rpx; | ||
| 237 | + line-height: 40rpx; | ||
| 238 | + margin-left: 20rpx; | ||
| 239 | +} | ||
| 240 | + | ||
| 241 | +.endStyle { | ||
| 242 | + display: flex; | ||
| 243 | + justify-content: flex-end; | ||
| 244 | + height: 60rpx; | ||
| 245 | + margin: 20rpx 0; | ||
| 246 | +} | ||
| 247 | + | ||
| 248 | + | ||
| 249 | +.orderingFood { | ||
| 250 | + padding: 0 26rpx; | ||
| 251 | + border-radius: 22rpx; | ||
| 252 | + text-align: center; | ||
| 253 | + color: #fff; | ||
| 254 | + border-radius: 32rpx; | ||
| 255 | + margin: 20rpx 0; | ||
| 256 | + line-height: 44rpx; | ||
| 257 | + height: 44rpx; | ||
| 258 | + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); | ||
| 259 | +} | ||
| 260 | + | ||
| 261 | +.preferential { | ||
| 262 | + margin: 16rpx 40rpx 20rpx 40rpx; | ||
| 263 | +} | ||
| 264 | + | ||
| 265 | +.rubric1 { | ||
| 266 | + margin-bottom: 20rpx; | ||
| 267 | +} | ||
| 268 | + | ||
| 269 | +.preferentialItems { | ||
| 270 | + padding: 20rpx 30rpx 20rpx 20rpx; | ||
| 271 | + display: flex; | ||
| 272 | + justify-content: space-between; | ||
| 273 | + align-items: center; | ||
| 274 | + margin-bottom: 20rpx; | ||
| 275 | + background: url('https://qn.colorcun.com/certificateBj.png') no-repeat; | ||
| 276 | + background-size: 100% 100%; | ||
| 277 | +} | ||
| 278 | + | ||
| 279 | +.itemLeft { | ||
| 280 | + width: 75%; | ||
| 281 | +} | ||
| 282 | + | ||
| 283 | +.itemTop { | ||
| 284 | + display: flex; | ||
| 285 | + width: 100%; | ||
| 286 | + align-items: center; | ||
| 287 | + margin-bottom: 20rpx; | ||
| 288 | +} | ||
| 289 | + | ||
| 290 | +.itemBottom { | ||
| 291 | + margin-top: 20rpx; | ||
| 292 | + color: #515151; | ||
| 293 | + font-family: PingFang SC; | ||
| 294 | + font-weight: 500; | ||
| 295 | + font-size: 20rpx; | ||
| 296 | + display: -webkit-box; | ||
| 297 | + word-break: break-all; | ||
| 298 | + word-wrap: break-word; | ||
| 299 | + overflow: hidden; | ||
| 300 | + text-align: left; | ||
| 301 | +} | ||
| 302 | + | ||
| 303 | +.itemTop text:nth-of-type(1) { | ||
| 304 | + font-size: 28rpx; | ||
| 305 | + font-weight: 600; | ||
| 306 | + color: #515151; | ||
| 307 | +} | ||
| 308 | + | ||
| 309 | +.itemTop .discountText { | ||
| 310 | + padding: 0 6rpx; | ||
| 311 | + color: #E34D59; | ||
| 312 | + border: 2rpx solid #E34D59; | ||
| 313 | + border-radius: 6rpx; | ||
| 314 | + margin: 0 10rpx 0 20rpx; | ||
| 315 | + font-family: PingFang SC; | ||
| 316 | + font-size: 24rpx; | ||
| 317 | + height: 30rpx; | ||
| 318 | + line-height: 30rpx; | ||
| 319 | +} | ||
| 320 | + | ||
| 321 | +.itemTop .priceText { | ||
| 322 | + color: #E34D59; | ||
| 323 | + font-weight: 500; | ||
| 324 | + font-size: 30rpx; | ||
| 325 | +} | ||
| 326 | + | ||
| 327 | +.priceText { | ||
| 328 | + display: flex; | ||
| 329 | + align-items: center; | ||
| 330 | + justify-content: center; | ||
| 331 | +} | ||
| 332 | + | ||
| 333 | +.priceText .icons { | ||
| 334 | + margin-left: 18rpx; | ||
| 335 | + color: #E34D59; | ||
| 336 | + font-size: 20rpx; | ||
| 337 | +} | ||
| 338 | + | ||
| 339 | +.vips image { | ||
| 340 | + height: 300rpx; | ||
| 341 | +} | ||
| 342 | + | ||
| 343 | +.vips { | ||
| 344 | + display: flex; | ||
| 345 | + flex-direction: column; | ||
| 346 | + justify-content: center; | ||
| 347 | + align-items: center; | ||
| 348 | + padding-bottom: 180rpx; | ||
| 349 | +} | ||
| 350 | + | ||
| 351 | +.favouredPolicy { | ||
| 352 | + width: 45%; | ||
| 353 | + color: #5C95D7; | ||
| 354 | + font-family: PingFang SC; | ||
| 355 | + font-weight: 500; | ||
| 356 | + border: 2rpx solid #5C95D7; | ||
| 357 | + border-radius: 22rpx; | ||
| 358 | + text-align: center; | ||
| 359 | + padding: 10rpx; | ||
| 360 | +} | ||
| 361 | + | ||
| 362 | + | ||
| 363 | +.all-button { | ||
| 364 | + background: #FAFAFA; | ||
| 365 | + height: 160rpx; | ||
| 366 | + padding: 0 40rpx; | ||
| 367 | + box-sizing: border-box; | ||
| 368 | + z-index: 100; | ||
| 369 | + justify-content: flex-end; | ||
| 370 | +} | ||
| 371 | + | ||
| 372 | +.between { | ||
| 373 | + justify-content: space-between; | ||
| 374 | +} | ||
| 375 | + | ||
| 376 | +.centerBtn { | ||
| 377 | + margin: 0 20rpx; | ||
| 378 | +} | ||
| 379 | + | ||
| 380 | +.second-book-button { | ||
| 381 | + margin-right: 20rpx; | ||
| 382 | +} | ||
| 383 | + | ||
| 384 | +.book-item-font { | ||
| 385 | + width: 25%; | ||
| 386 | + border: 2rpx solid #0143A3; | ||
| 387 | + color: #0143A3; | ||
| 388 | + height: 46%; | ||
| 389 | + border-radius: 42rpx; | ||
| 390 | + font-weight: 600; | ||
| 391 | +} | ||
| 392 | + | ||
| 393 | +.shareItem { | ||
| 394 | + width: 100%; | ||
| 395 | + margin: 0; | ||
| 396 | + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); | ||
| 397 | + color: #fff; | ||
| 398 | +} | ||
| 399 | + | ||
| 400 | +.sharewidth .shareItem { | ||
| 401 | + width: 100% !important; | ||
| 402 | +} | ||
| 403 | + | ||
| 404 | +.between .shareItem { | ||
| 405 | + width: 65% !important; | ||
| 406 | +} | ||
| 407 | + | ||
| 408 | +.book-item-font { | ||
| 409 | + width: 40% !important; | ||
| 410 | +} | ||
| 411 | + | ||
| 412 | +.menu-item { | ||
| 413 | + width: 100%; | ||
| 414 | + height: 100%; | ||
| 415 | + display: flex; | ||
| 416 | + justify-content: center; | ||
| 417 | + align-items: center; | ||
| 418 | +} | ||
| 419 | + | ||
| 420 | +.cook { | ||
| 421 | + height: 94% !important; | ||
| 422 | + background: #fff; | ||
| 423 | + border: 2rpx solid #0143A3; | ||
| 424 | + border-radius: 32rpx; | ||
| 425 | + font-weight: normal; | ||
| 426 | + width: 23% !important; | ||
| 427 | +} | ||
| 428 | + | ||
| 429 | +.bold { | ||
| 430 | + font-weight: 500; | ||
| 431 | +} | ||
| 432 | + | ||
| 433 | +.evaluateBox { | ||
| 434 | + margin: 16rpx 84rpx 16rpx 40rpx; | ||
| 435 | + display: flex; | ||
| 436 | + align-items: center; | ||
| 437 | + justify-content: space-between; | ||
| 438 | + color: #000; | ||
| 439 | +} | ||
| 440 | + | ||
| 441 | +.evaluateBox image { | ||
| 442 | + width: 60rpx; | ||
| 443 | + height: 70rpx; | ||
| 444 | +} | ||
| 445 | + | ||
| 446 | +.evaluateBox text { | ||
| 447 | + color: #000; | ||
| 448 | + font-size: 28rpx; | ||
| 449 | +} | ||
| 450 | + | ||
| 451 | +.more { | ||
| 452 | + height: 80rpx; | ||
| 453 | + width: 100%; | ||
| 454 | + position: fixed; | ||
| 455 | + bottom: 160rpx; | ||
| 456 | + display: flex; | ||
| 457 | + align-items: center; | ||
| 458 | + justify-content: center; | ||
| 459 | + flex-direction: column; | ||
| 460 | + background: rgba(0, 0, 0, .4); | ||
| 461 | +} | ||
| 462 | + | ||
| 463 | +.moreText { | ||
| 464 | + color: #fff; | ||
| 465 | +} | ||
| 466 | + | ||
| 467 | +.more image { | ||
| 468 | + width: 30rpx; | ||
| 469 | + height: 30rpx; | ||
| 470 | +} | ||
| 471 | + | ||
| 472 | +.page-section-spacing { | ||
| 473 | + margin-top: 20rpx; | ||
| 474 | + position: relative; | ||
| 475 | + display: flex; | ||
| 476 | + white-space: nowrap; | ||
| 477 | + width: auto; | ||
| 478 | + overflow-x: scroll; | ||
| 479 | + border-bottom-left-radius: 10rpx; | ||
| 480 | + border-bottom-right-radius: 10rpx; | ||
| 481 | +} | ||
| 482 | + | ||
| 483 | +.imgs:nth-of-type(1) { | ||
| 484 | + margin-left: 48rpx; | ||
| 485 | +} | ||
| 486 | + | ||
| 487 | +.scroll-view { | ||
| 488 | + white-space: nowrap; | ||
| 489 | + width: 100%; | ||
| 490 | + height: 100%; | ||
| 491 | +} | ||
| 492 | + | ||
| 493 | +.imgs { | ||
| 494 | + position: relative; | ||
| 495 | + display: flex; | ||
| 496 | + white-space: nowrap; | ||
| 497 | + width: 282rpx; | ||
| 498 | + height: 196rpx; | ||
| 499 | +} | ||
| 500 | + | ||
| 501 | +.imgs text { | ||
| 502 | + background: #515151; | ||
| 503 | + color: #fff; | ||
| 504 | + position: absolute; | ||
| 505 | + left: 0; | ||
| 506 | + bottom: 0; | ||
| 507 | + height: 38rpx; | ||
| 508 | + line-height: 38rpx; | ||
| 509 | + width: 262rpx; | ||
| 510 | + text-align: center; | ||
| 511 | + border-bottom-left-radius: 16rpx; | ||
| 512 | + border-bottom-right-radius: 16rpx; | ||
| 513 | +} | ||
| 514 | + | ||
| 515 | +.imageStyle { | ||
| 516 | + display: inline-block; | ||
| 517 | + width: 282rpx; | ||
| 518 | + height: 196rpx; | ||
| 519 | + margin-right: 20rpx; | ||
| 520 | + border-radius: 16rpx; | ||
| 521 | +} | ||
| 522 | + | ||
| 523 | +/* 深中国红 */ | ||
| 524 | +.crimson .reservationInfo, | ||
| 525 | +.crimson .positioningBox { | ||
| 526 | + background: #86201B; | ||
| 527 | +} | ||
| 528 | + | ||
| 529 | +.crimson .chefText, | ||
| 530 | +.crimson .welcome, | ||
| 531 | +.crimson .rubric { | ||
| 532 | + color: #86201B; | ||
| 533 | +} | ||
| 534 | + | ||
| 535 | +/* 中国红 */ | ||
| 536 | +.chinaRed .reservationInfo, | ||
| 537 | +.chinaRed .positioningBox { | ||
| 538 | + background: #AF231C; | ||
| 539 | +} | ||
| 540 | + | ||
| 541 | +.chinaRed .chefText, | ||
| 542 | +.chinaRed .welcome, | ||
| 543 | +.chinaRed .rubric { | ||
| 544 | + color: #AF231C; | ||
| 545 | +} | ||
| 546 | + | ||
| 547 | +/* 蓝采和 */ | ||
| 548 | +.lanCaiHe .reservationInfo, | ||
| 549 | +.lanCaiHe .positioningBox { | ||
| 550 | + background: #06436F; | ||
| 551 | +} | ||
| 552 | + | ||
| 553 | +.lanCaiHe .chefText, | ||
| 554 | +.lanCaiHe .welcome, | ||
| 555 | +.lanCaiHe .rubric { | ||
| 556 | + color: #06436F; | ||
| 557 | +} | ||
| 558 | + | ||
| 559 | +/* 石绿 */ | ||
| 560 | +.stoneGreen .reservationInfo, | ||
| 561 | +.stoneGreen .positioningBox { | ||
| 562 | + background: #206864; | ||
| 563 | +} | ||
| 564 | + | ||
| 565 | +.stoneGreen .chefText, | ||
| 566 | +.stoneGreen .welcome, | ||
| 567 | +.stoneGreen .rubric { | ||
| 568 | + color: #206864; | ||
| 569 | +} | ||
| 570 | + | ||
| 571 | +/* 姜黄 */ | ||
| 572 | +.turmeric .reservationInfo, | ||
| 573 | +.turmeric .positioningBox { | ||
| 574 | + background: #B39437; | ||
| 575 | +} | ||
| 576 | + | ||
| 577 | +.turmeric .chefText, | ||
| 578 | +.turmeric .welcome, | ||
| 579 | +.turmeric .rubric { | ||
| 580 | + color: #B39437; | ||
| 581 | +} | ||
| 582 | + | ||
| 583 | +/* 苍黄 */ | ||
| 584 | +.greenishYellow .reservationInfo, | ||
| 585 | +.greenishYellow .positioningBox { | ||
| 586 | + background: #C85306; | ||
| 587 | +} | ||
| 588 | + | ||
| 589 | +.greenishYellow .chefText, | ||
| 590 | +.greenishYellow .welcome, | ||
| 591 | +.greenishYellow .rubric { | ||
| 592 | + color: #C85306; | ||
| 593 | +} | ||
| 594 | + | ||
| 595 | +/* 金黄 */ | ||
| 596 | +.golden .reservationInfo, | ||
| 597 | +.golden .positioningBox { | ||
| 598 | + background: #C67B3A; | ||
| 599 | +} | ||
| 600 | + | ||
| 601 | +.golden .chefText, | ||
| 602 | +.golden .welcome, | ||
| 603 | +.golden .rubric { | ||
| 604 | + color: #C67B3A; | ||
| 605 | +} | ||
| 606 | + | ||
| 607 | +/* 群青 */ | ||
| 608 | +.ultramarine .reservationInfo, | ||
| 609 | +.ultramarine .positioningBox { | ||
| 610 | + background: #0143A3; | ||
| 611 | +} | ||
| 612 | + | ||
| 613 | +.ultramarine .chefText, | ||
| 614 | +.ultramarine .welcome, | ||
| 615 | +.ultramarine .rubric { | ||
| 616 | + color: #0143A3; | ||
| 617 | +} | ||
| 618 | + | ||
| 619 | +/* 摩洛哥蓝 */ | ||
| 620 | +.moroccanBlue .reservationInfo, | ||
| 621 | +.moroccanBlue .positioningBox { | ||
| 622 | + background: #19516A; | ||
| 623 | +} | ||
| 624 | + | ||
| 625 | +.moroccanBlue .chefText, | ||
| 626 | +.moroccanBlue .welcome, | ||
| 627 | +.moroccanBlue .rubric { | ||
| 628 | + color: #19516A; | ||
| 629 | +} |
| 1 | +// pages/customer/detail_owner_invitation3.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 | + chef: {}, | ||
| 20 | + marketing: {}, | ||
| 21 | + home: {}, | ||
| 22 | + reserve: {}, | ||
| 23 | + signboard: {}, | ||
| 24 | + store: {}, | ||
| 25 | + recharge_data: {}, | ||
| 26 | + coupon_dataList: [], | ||
| 27 | + stringifyUse: '', | ||
| 28 | + current: 0, | ||
| 29 | + seller: { | ||
| 30 | + name: '', | ||
| 31 | + tablesText: '', | ||
| 32 | + date: '', | ||
| 33 | + addr: '' | ||
| 34 | + }, | ||
| 35 | + priceInfo: '', | ||
| 36 | + scoreInfo: '', | ||
| 37 | + discount: '', | ||
| 38 | + certificate: '', | ||
| 39 | + dataStr: Date.now() * 1 / 1000, | ||
| 40 | + swich_phone: '0', | ||
| 41 | + is_comments: '0', | ||
| 42 | + is_user_comments: false, | ||
| 43 | + tableinfo: [], | ||
| 44 | + StyleType: '', | ||
| 45 | + showMoreTip: true, | ||
| 46 | + themeColor: 'lanCaiHe', | ||
| 47 | + screenHeight: '', | ||
| 48 | + whiteBj: false, | ||
| 49 | + }, | ||
| 50 | + tablestr: '', | ||
| 51 | + urlsValue: [], | ||
| 52 | + screenHeight: '', | ||
| 53 | + /** | ||
| 54 | + * 生命周期函数--监听页面加载 | ||
| 55 | + */ | ||
| 56 | + onLoad(options) { | ||
| 57 | + this.id = options.id | ||
| 58 | + let param = { | ||
| 59 | + options: options, | ||
| 60 | + hasOwner: options.hasSellerShare == 1, //是否为发起人 | ||
| 61 | + } | ||
| 62 | + param.tpls = [TP.tpls(options.tplid)] | ||
| 63 | + console.log(param); | ||
| 64 | + console.log(options); | ||
| 65 | + this.setData(param) | ||
| 66 | + mta.Page.init({ | ||
| 67 | + "appID": "500667280", | ||
| 68 | + "eventID": "500667287", | ||
| 69 | + "statPullDownFresh": true, | ||
| 70 | + "statShareApp": true, | ||
| 71 | + "statReachBottom": true, | ||
| 72 | + "lauchOpts": options, //渠道分析 | ||
| 73 | + }); | ||
| 74 | + const systemInfo = wx.getSystemInfoSync(); | ||
| 75 | + this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 | ||
| 76 | + }, | ||
| 77 | + // 页面滚动事件 | ||
| 78 | + onPageScroll: function (event) { | ||
| 79 | + const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 | ||
| 80 | + if (scrollTop < this.screenHeight) { | ||
| 81 | + this.setData({ | ||
| 82 | + showMoreTip: true | ||
| 83 | + }); | ||
| 84 | + } else { | ||
| 85 | + this.setData({ | ||
| 86 | + showMoreTip: false | ||
| 87 | + }); | ||
| 88 | + } | ||
| 89 | + }, | ||
| 90 | + // 点击了解更多会员优惠政策 | ||
| 91 | + gotoFavourableList() { | ||
| 92 | + let url = util.http_build_query({ | ||
| 93 | + sellerName: this.data.seller.name, | ||
| 94 | + sellerid: this.data.seller.sid, | ||
| 95 | + oid: this.data.detail.id, | ||
| 96 | + types: '1' | ||
| 97 | + }, '/pack-cookbook/pages/favourableList') | ||
| 98 | + wx.navigateTo({ | ||
| 99 | + url | ||
| 100 | + }) | ||
| 101 | + }, | ||
| 102 | + // 去评价 | ||
| 103 | + evaluateFun() { | ||
| 104 | + let url = util.http_build_query({ | ||
| 105 | + sellerName: this.data.seller.name, | ||
| 106 | + sellerid: this.data.seller.sid, | ||
| 107 | + oid: this.data.detail.id, | ||
| 108 | + types: '1', | ||
| 109 | + previousPage: '1', | ||
| 110 | + }, '/pages/pinglun/createOpinion') | ||
| 111 | + wx.navigateTo({ | ||
| 112 | + url | ||
| 113 | + }) | ||
| 114 | + }, | ||
| 115 | + /** | ||
| 116 | + * 用户点击右上角分享 | ||
| 117 | + */ | ||
| 118 | + onShareAppMessage: function () { | ||
| 119 | + return this.sharesetting(); | ||
| 120 | + }, | ||
| 121 | + /** | ||
| 122 | + * 监听用户点击分享到朋友圈按钮的操作 | ||
| 123 | + */ | ||
| 124 | + onShareTimeline() { | ||
| 125 | + return this.sharesetting(); | ||
| 126 | + }, | ||
| 127 | + /** | ||
| 128 | + * 生命周期函数--监听页面显示 | ||
| 129 | + */ | ||
| 130 | + onShow: function () { | ||
| 131 | + this.getDetail() | ||
| 132 | + }, | ||
| 133 | + // 复制微信号 | ||
| 134 | + copyWeChat() { | ||
| 135 | + if (this.data.staffinfo.wechat) { | ||
| 136 | + wx.setClipboardData({ | ||
| 137 | + data: this.data.staffinfo.wechat, | ||
| 138 | + success(res) { | ||
| 139 | + wx.getClipboardData({ | ||
| 140 | + success(res) { | ||
| 141 | + console.log(res.data) // data | ||
| 142 | + } | ||
| 143 | + }) | ||
| 144 | + } | ||
| 145 | + }) | ||
| 146 | + } else { | ||
| 147 | + console.log('无微信号') | ||
| 148 | + } | ||
| 149 | + }, | ||
| 150 | + // 拨打电话 | ||
| 151 | + call() { | ||
| 152 | + wx.reportMonitor('1012', 1) | ||
| 153 | + wx.makePhoneCall({ | ||
| 154 | + phoneNumber: this.data.staffinfo.phone | ||
| 155 | + }) | ||
| 156 | + }, | ||
| 157 | + // 导航 | ||
| 158 | + looklocation: function () { | ||
| 159 | + wx.reportMonitor('1015', 1) | ||
| 160 | + wx.openLocation({ | ||
| 161 | + latitude: Number(this.data.seller.lat), | ||
| 162 | + longitude: Number(this.data.seller.long), | ||
| 163 | + scale: 17, | ||
| 164 | + address: this.data.seller.addr, | ||
| 165 | + success: function (res) { | ||
| 166 | + console.log(res) | ||
| 167 | + } | ||
| 168 | + }) | ||
| 169 | + }, | ||
| 170 | + // 获取包间图片列表 | ||
| 171 | + getroomimage(sellerid) { | ||
| 172 | + App.Tables.GetTablesPhoto({ | ||
| 173 | + sellerid, | ||
| 174 | + tableids: this.tablestr | ||
| 175 | + }).then((json) => { | ||
| 176 | + if (json.ret == 200) { | ||
| 177 | + this.setData({ | ||
| 178 | + roomimage: json.data | ||
| 179 | + }) | ||
| 180 | + var urlsArr = []; | ||
| 181 | + json.data.forEach((v, i) => { | ||
| 182 | + urlsArr.push(v.url); | ||
| 183 | + }) | ||
| 184 | + this.urlsValue = urlsArr; | ||
| 185 | + console.log('urlsArr', urlsArr) | ||
| 186 | + console.log('roomimage', json.data) | ||
| 187 | + } | ||
| 188 | + }) | ||
| 189 | + }, | ||
| 190 | + // 预览包间图片 | ||
| 191 | + lookroom(e) { | ||
| 192 | + const item = e.currentTarget.dataset['item']; | ||
| 193 | + wx.previewImage({ | ||
| 194 | + current: item.url, // 当前显示图片的http链接 | ||
| 195 | + urls: this.urlsValue, // 需要预览的图片http链接列表 | ||
| 196 | + }) | ||
| 197 | + }, | ||
| 198 | + // 获取店铺详情 | ||
| 199 | + getDetail() { | ||
| 200 | + App.Reserve.Detail({ | ||
| 201 | + openid: getApp().openid, | ||
| 202 | + rid: this.data.options.id | ||
| 203 | + }).then(res => { | ||
| 204 | + let tablesText = '', //桌子信息 | ||
| 205 | + tableNum = 0; | ||
| 206 | + let tableinfo = util.determine(res.data.tableinfo); | ||
| 207 | + console.log('tableinfo', tableinfo); | ||
| 208 | + res.data.tables.forEach((t, i) => { | ||
| 209 | + tableNum += t.table_pnum * 1 | ||
| 210 | + tablesText += t.rname + t.name + (i == (res.data.tables.length - 1) ? '' : '、'); | ||
| 211 | + }) | ||
| 212 | + let tabaleids = []; | ||
| 213 | + res.data.tables.forEach(t => { | ||
| 214 | + tabaleids.push(t.id); | ||
| 215 | + }) | ||
| 216 | + this.tablestr = tabaleids.toString(); | ||
| 217 | + let reserev = RS.reserve(res.data) | ||
| 218 | + let dateSmart | ||
| 219 | + if (res.data.type == 1) { | ||
| 220 | + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') | ||
| 221 | + if (res.data.is_set_ddate == 1) { | ||
| 222 | + dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') | ||
| 223 | + } else { | ||
| 224 | + dateSmart += ' ' + reserev.soltName | ||
| 225 | + } | ||
| 226 | + } else { | ||
| 227 | + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') | ||
| 228 | + } | ||
| 229 | + console.log('dateSmart', dateSmart); | ||
| 230 | + this.setData({ | ||
| 231 | + detail: this.formatDatail(reserev, dateSmart), | ||
| 232 | + tableNum, | ||
| 233 | + tableinfo, | ||
| 234 | + is_user_comments: res.data.is_user_comments, | ||
| 235 | + seller: { | ||
| 236 | + name: reserev.seller.sellername, | ||
| 237 | + sid: reserev.sid, | ||
| 238 | + date: dateSmart, | ||
| 239 | + tablesText, | ||
| 240 | + addr: reserev.seller.real_address || reserev.seller.map_address, | ||
| 241 | + image: reserev.image_url, | ||
| 242 | + hasOwner: true, | ||
| 243 | + type: reserev.type, | ||
| 244 | + is_set_ddate: reserev.is_set_ddate, | ||
| 245 | + hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2, | ||
| 246 | + tel: reserev.seller.seller_tel.split(',')[0], | ||
| 247 | + soltName: reserev.soltName, | ||
| 248 | + time: util.unixtoTime(reserev.ddate, '星期WW HH:II'), | ||
| 249 | + lat: reserev.seller.lat, | ||
| 250 | + long: reserev.seller.long, | ||
| 251 | + } | ||
| 252 | + }) | ||
| 253 | + console.log('reserev reserev', reserev); | ||
| 254 | + console.log('seller seller', this.data.seller); | ||
| 255 | + console.log('detail detail', this.data.detail); | ||
| 256 | + setTimeout(() => { | ||
| 257 | + this.getSellerTemplateConfFun(reserev.sid); | ||
| 258 | + this.getstaffinfo(res.data.uid) | ||
| 259 | + this.getroomimage(reserev.sid) | ||
| 260 | + }, 0); | ||
| 261 | + }).catch(res => { | ||
| 262 | + console.log(res, '详情请求失败'); | ||
| 263 | + }) | ||
| 264 | + }, | ||
| 265 | + // 客户经理获取基本信息 | ||
| 266 | + getstaffinfo(uid) { | ||
| 267 | + console.log('sellerid', this.data.detail.seller.id); | ||
| 268 | + App.Activity.GetCustomerActivityBaseinfo({ | ||
| 269 | + sellerid: this.data.detail.seller.id, | ||
| 270 | + uid | ||
| 271 | + }).then((json) => { | ||
| 272 | + if (json.ret == 200) { | ||
| 273 | + console.log('staffinfostaffinfostaffinfo', json.data) | ||
| 274 | + this.setData({ | ||
| 275 | + staffinfo: json.data | ||
| 276 | + }) | ||
| 277 | + } | ||
| 278 | + }) | ||
| 279 | + }, | ||
| 280 | + // 提前点餐 | ||
| 281 | + cookbook() { | ||
| 282 | + if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) { | ||
| 283 | + let data = { | ||
| 284 | + rid: this.id, | ||
| 285 | + oid: this.data.detail.order.id, | ||
| 286 | + sellerName: this.data.seller.name, | ||
| 287 | + sid: this.data.seller.sid, | ||
| 288 | + identity: '1', | ||
| 289 | + hasSuccess: '1', | ||
| 290 | + } | ||
| 291 | + wx.navigateTo({ | ||
| 292 | + url: `/pack-cookbook/pages/success_new?hasSuccess=${data.hasSuccess}&identity=${data.identity}&oid=${data.oid}&rid=${data.rid}&sellerName=${data.sellerName}&sid=${data.sid}`, | ||
| 293 | + }) | ||
| 294 | + } else { | ||
| 295 | + App.Advance.CreateOrder({ | ||
| 296 | + rid: this.id, | ||
| 297 | + openid: getApp().openid, | ||
| 298 | + }).then(res => { | ||
| 299 | + if (res.ret != 200) { | ||
| 300 | + return util.toast(res.msg, 'none') | ||
| 301 | + } | ||
| 302 | + wx.navigateTo({ | ||
| 303 | + url: util.http_build_query({ | ||
| 304 | + rid: this.id, | ||
| 305 | + oid: res.data.id, | ||
| 306 | + sid: res.data.sellerid, | ||
| 307 | + sellerName: this.data.seller.name, | ||
| 308 | + identity: '1', | ||
| 309 | + }, '/pack-cookbook/pages/index_new') | ||
| 310 | + }); | ||
| 311 | + }) | ||
| 312 | + } | ||
| 313 | + }, | ||
| 314 | + // 分享 | ||
| 315 | + sharesetting() { | ||
| 316 | + wx.reportMonitor('1017', 1) | ||
| 317 | + let parmdata = { | ||
| 318 | + id: this.id, | ||
| 319 | + fromid: getApp().openid, | ||
| 320 | + hasInvitation: 1, | ||
| 321 | + tplid: this.data.options.tplid | ||
| 322 | + } | ||
| 323 | + if (this.data.options.uid) { | ||
| 324 | + parmdata.uid = this.data.options.uid; | ||
| 325 | + } | ||
| 326 | + console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image); | ||
| 327 | + return { | ||
| 328 | + title: '邀请您于' + this.data.seller.date + '一起共进' + this.data.seller.soltName + '。点击查看详情', | ||
| 329 | + path: util.http_build_query(parmdata, '/pages/customer/index'), | ||
| 330 | + imageUrl: this.data.detail.seller.seller_image, | ||
| 331 | + } | ||
| 332 | + }, | ||
| 333 | + // 修改detail数据 | ||
| 334 | + formatDatail(detail, dateSmart) { | ||
| 335 | + detail.rdateStr = dateSmart; | ||
| 336 | + detail.tableFirst = detail.tables[0].name; | ||
| 337 | + if (detail.tables.length > 1) { | ||
| 338 | + detail.tableSubInfo = '等' + (detail.tables.length) + '个' + | ||
| 339 | + (detail.tables[0].tid == 2 ? '包间' : ''); | ||
| 340 | + } | ||
| 341 | + if (detail.rname && detail.sex != 3) { | ||
| 342 | + detail.rnameStr = detail.rname.substr(0, 1) + (detail.sex == 1 ? '先生' : '女士') | ||
| 343 | + } else { | ||
| 344 | + detail.rnameStr = detail.rname | ||
| 345 | + } | ||
| 346 | + detail.eatStr = '邀请您共进晚餐'; | ||
| 347 | + let hi = util.unixtoTime(detail.ddate, 'HHII'); | ||
| 348 | + if (hi < '10:00') { | ||
| 349 | + detail.eatStr = '邀请您共进早餐'; | ||
| 350 | + } else if (hi < '15:00') { | ||
| 351 | + detail.eatStr = '邀请您共进午餐'; | ||
| 352 | + } | ||
| 353 | + return detail; | ||
| 354 | + }, | ||
| 355 | + // 获取商家设置营销信息 | ||
| 356 | + getSellerTemplateConfFun(sid) { | ||
| 357 | + console.log(sid, 'sidsidsidsid'); | ||
| 358 | + App.Seller.GetSellerTemplateConf({ | ||
| 359 | + sid | ||
| 360 | + }).then(res => { | ||
| 361 | + let data = res.data | ||
| 362 | + console.log('data', data); | ||
| 363 | + let coupon_dataList = [] | ||
| 364 | + let themeColor, whiteBj, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse; | ||
| 365 | + chef = util.determine(data.chef); | ||
| 366 | + reserve = util.determine(data.reserve); | ||
| 367 | + marketing = util.determine(data.marketing); | ||
| 368 | + signboard = util.determine(data.signboard); | ||
| 369 | + store = util.determine(data.store); | ||
| 370 | + home = util.determine(data.home); | ||
| 371 | + swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : ''; | ||
| 372 | + if (marketing) { | ||
| 373 | + is_comments = marketing.is_comments ? marketing.is_comments : ''; | ||
| 374 | + coupon = marketing.coupon_data ? util.determine(marketing.coupon_data) : ''; | ||
| 375 | + } | ||
| 376 | + // is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 | ||
| 377 | + if (coupon && util.getType(coupon) == 'object') { | ||
| 378 | + coupon.stringifyUse = JSON.stringify(coupon.use) | ||
| 379 | + if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) { | ||
| 380 | + let cash = coupon.use.cash * 1; | ||
| 381 | + let price = coupon.price * 1; | ||
| 382 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); | ||
| 383 | + coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 384 | + } | ||
| 385 | + coupon_dataList.push(coupon); | ||
| 386 | + } | ||
| 387 | + if (coupon && util.getType(coupon) == 'array') { | ||
| 388 | + if (coupon.length > 0) { | ||
| 389 | + coupon.forEach(item => { | ||
| 390 | + item.stringifyUse = JSON.stringify(item.use) | ||
| 391 | + if ((!item.use.is_cash || item.use.is_cash == '1')) { | ||
| 392 | + let cash = item.use.cash * 1; | ||
| 393 | + let price = item.price * 1; | ||
| 394 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); | ||
| 395 | + item.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 396 | + } | ||
| 397 | + }) | ||
| 398 | + } | ||
| 399 | + coupon_dataList = coupon; | ||
| 400 | + } | ||
| 401 | + let obj = { | ||
| 402 | + chef, | ||
| 403 | + reserve, | ||
| 404 | + marketing, | ||
| 405 | + signboard, | ||
| 406 | + store, | ||
| 407 | + home, | ||
| 408 | + stringifyUse, | ||
| 409 | + coupon, | ||
| 410 | + coupon_dataList, | ||
| 411 | + swich_phone, | ||
| 412 | + is_comments, | ||
| 413 | + StyleType: res.data.type, | ||
| 414 | + } | ||
| 415 | + console.log('获取数据', { | ||
| 416 | + ...obj | ||
| 417 | + }); | ||
| 418 | + if (marketing && marketing.is_recharge == '1' && marketing.recharge_data) { | ||
| 419 | + let recharge_data = marketing.recharge_data | ||
| 420 | + recharge_list = marketing.recharge_data.recharge_list | ||
| 421 | + if (recharge_list.is_price == '1') priceInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.price + '元余额'; | ||
| 422 | + if (recharge_list.is_score == '1') scoreInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.score + '积分'; | ||
| 423 | + if (recharge_list.is_coupons == '1' && recharge_data.recharge_list.coupons_names.length > 0) certificate = recharge_data.recharge_list.coupons_names.join('、'); | ||
| 424 | + console.log('scoreInfo', scoreInfo); | ||
| 425 | + console.log('priceInfo', priceInfo); | ||
| 426 | + this.setData({ | ||
| 427 | + recharge_data: marketing.recharge_data, | ||
| 428 | + certificate | ||
| 429 | + }) | ||
| 430 | + console.log('recharge_data', recharge_data); | ||
| 431 | + } | ||
| 432 | + this.setData({ | ||
| 433 | + coupon_dataList, | ||
| 434 | + stringifyUse | ||
| 435 | + }) | ||
| 436 | + if (store && store.images.length > 0) store.images = util.determine(store.images); | ||
| 437 | + if (signboard && signboard.images) signboard.images = util.determine(signboard.images); | ||
| 438 | + if (marketing && marketing.is_online_book == '1' && marketing.is_transpond == '1') { | ||
| 439 | + this.setData({ | ||
| 440 | + between: true | ||
| 441 | + }) | ||
| 442 | + } | ||
| 443 | + // themeColor = 'blackBlueGradient' // 黑蓝过渡 | ||
| 444 | + // themeColor = 'stoneGreenGradient' // 石绿过渡 | ||
| 445 | + // themeColor = 'chinaRedGradient' // 中国红过渡 | ||
| 446 | + // themeColor = 'ultramarineGradient' // 群青过渡 | ||
| 447 | + // themeColor = 'crimson' // 深中国红 | ||
| 448 | + // themeColor = 'chinaRed' // 中国红 | ||
| 449 | + // themeColor = 'lanCaiHe' // 蓝采和 | ||
| 450 | + // themeColor = 'stoneGreen' // 石绿 | ||
| 451 | + // themeColor = 'turmeric' // 姜黄 | ||
| 452 | + // themeColor = 'greenishYellow' // 苍黄 | ||
| 453 | + themeColor = 'golden' // 金黄 | ||
| 454 | + // themeColor = 'ultramarine' // 群青 | ||
| 455 | + // themeColor = 'moroccanBlue' // 摩洛哥蓝 | ||
| 456 | + if (themeColor == 'turmeric' || themeColor == 'golden') { | ||
| 457 | + whiteBj = true | ||
| 458 | + } else { | ||
| 459 | + whiteBj = false | ||
| 460 | + } | ||
| 461 | + this.setData({ | ||
| 462 | + chef, | ||
| 463 | + marketing, | ||
| 464 | + home, | ||
| 465 | + reserve, | ||
| 466 | + signboard, | ||
| 467 | + store, | ||
| 468 | + priceInfo, | ||
| 469 | + scoreInfo, | ||
| 470 | + swich_phone, | ||
| 471 | + is_comments, | ||
| 472 | + StyleType: res.data.type, | ||
| 473 | + themeColor, | ||
| 474 | + whiteBj, | ||
| 475 | + }) | ||
| 476 | + }).catch(res => { | ||
| 477 | + console.log('GetSellerTemplateConf请求失败'); | ||
| 478 | + }) | ||
| 479 | + }, | ||
| 480 | + // 再次预订 | ||
| 481 | + secondbook() { | ||
| 482 | + wx.reportMonitor('1013', 1) | ||
| 483 | + wx.redirectTo({ | ||
| 484 | + url: '../reserve/detail?id=' + this.data.detail.seller.id | ||
| 485 | + }) | ||
| 486 | + }, | ||
| 487 | + /** | ||
| 488 | + * 生命周期函数--监听页面隐藏 | ||
| 489 | + */ | ||
| 490 | + onHide() { | ||
| 491 | + | ||
| 492 | + }, | ||
| 493 | + | ||
| 494 | + /** | ||
| 495 | + * 生命周期函数--监听页面卸载 | ||
| 496 | + */ | ||
| 497 | + onUnload() { | ||
| 498 | + | ||
| 499 | + }, | ||
| 500 | + | ||
| 501 | + /** | ||
| 502 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
| 503 | + */ | ||
| 504 | + onPullDownRefresh() { | ||
| 505 | + | ||
| 506 | + }, | ||
| 507 | + | ||
| 508 | + /** | ||
| 509 | + * 页面上拉触底事件的处理函数 | ||
| 510 | + */ | ||
| 511 | + onReachBottom() { | ||
| 512 | + | ||
| 513 | + }, | ||
| 514 | +}) |
| 1 | +<!--pages/customer/detail_owner_invitation3.wxml--> | ||
| 2 | +<import src="../tpl/invitation"></import> | ||
| 3 | +<nav hasHome class="navhome" place="{{true}}"></nav> | ||
| 4 | +<scroll-view scroll-y class="{{themeColor}}"> | ||
| 5 | + <view class="reservationInfo"> | ||
| 6 | + <view class="titleImg"> | ||
| 7 | + <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'http://nosqn.colorcun.com/book-flower.png'}}" class="titleIcon"></image> | ||
| 8 | + <view class="title">{{home?home.title:seller.name}}</view> | ||
| 9 | + <view class="info"> | ||
| 10 | + {{home.slogan}} | ||
| 11 | + </view> | ||
| 12 | + </view> | ||
| 13 | + <view wx:if="{{roomimage && roomimage.length>0}}" class="page-section-spacing {{roomimage.length=='1'?'centerBox':''}}"> | ||
| 14 | + <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}"> | ||
| 15 | + <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image> | ||
| 16 | + <text>{{item.name}}</text> | ||
| 17 | + </view> | ||
| 18 | + </view> | ||
| 19 | + <view class="begin font40r"> | ||
| 20 | + <view>尊敬的贵宾,您好!</view> | ||
| 21 | + <view>非常感谢您选择【{{seller.name?seller.name:reserve.seller_name}}】!</view> | ||
| 22 | + </view> | ||
| 23 | + <view class="flex-11" wx:if="{{seller.date}}"> | ||
| 24 | + <view class="label">【日期】</view> | ||
| 25 | + <view class="contentData">{{seller.date}}</view> | ||
| 26 | + </view> | ||
| 27 | + <view class="flex-11" wx:if="{{seller.soltName}}"> | ||
| 28 | + <view class="label">【餐段】</view> | ||
| 29 | + <view class="contentData">{{seller.soltName}}</view> | ||
| 30 | + </view> | ||
| 31 | + <view class="flex-11" wx:if="{{seller.tablesText}}"> | ||
| 32 | + <view class="label">【餐位】</view> | ||
| 33 | + <view class="contentData bold">{{seller.tablesText}}</view> | ||
| 34 | + </view> | ||
| 35 | + <view class="flex-11" wx:if="{{detail.actual_pum || tableNum}}"> | ||
| 36 | + <view class="label">【人数】</view> | ||
| 37 | + <view class="contentData">{{detail.actual_pum?detail.actual_pum:tableNum}}位</view> | ||
| 38 | + </view> | ||
| 39 | + <view class="flex-11" wx:if="{{reserve && reserve.swich_park=='1' && reserve.park_info}}"> | ||
| 40 | + <view class="label">【停车】</view> | ||
| 41 | + <view class="contentData">{{reserve.park_info}}</view> | ||
| 42 | + </view> | ||
| 43 | + <view class="flex-11" wx:if="{{ swich_phone!='0' && detail.seller.phone}}"> | ||
| 44 | + <view class="label">【联系】</view> | ||
| 45 | + <view class="contentData">{{detail.seller.phone}}</view> | ||
| 46 | + </view> | ||
| 47 | + <block wx:if="{{staffinfo && reserve.swich_manager=='1'}}"> | ||
| 48 | + <view class="handleInfo"> | ||
| 49 | + <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> | ||
| 50 | + <view class="handle handlePhone"> | ||
| 51 | + <view>专属服务:{{staffinfo.name}}</view> | ||
| 52 | + <view>服务电话:{{staffinfo.phone}}</view> | ||
| 53 | + </view> | ||
| 54 | + <view class="handle"> | ||
| 55 | + <view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> | ||
| 56 | + <view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="copyWeChat">复制微信号</view> | ||
| 57 | + </view> | ||
| 58 | + </view> | ||
| 59 | + </block> | ||
| 60 | + <view class="welcome font32r"> | ||
| 61 | + {{home.slogan}} | ||
| 62 | + </view> | ||
| 63 | + <view class="positioning" bindtap="looklocation"> | ||
| 64 | + <view class="name"> | ||
| 65 | + <image src="https://qn.colorcun.com/mapIcon.png" mode="" /> | ||
| 66 | + <text class="font36r">{{seller.addr|| reserev.seller.map_address}}</text> | ||
| 67 | + </view> | ||
| 68 | + </view> | ||
| 69 | + </view> | ||
| 70 | + <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}"> | ||
| 71 | + <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index"> | ||
| 72 | + <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}"> | ||
| 73 | + <view class="itemLeft"> | ||
| 74 | + <view class="itemTop"> | ||
| 75 | + <text>{{item.aname}}</text> | ||
| 76 | + <view class="priceText" wx:if="{{item.price}}"> | ||
| 77 | + <view class="icons">¥</view>{{item.price}} | ||
| 78 | + </view> | ||
| 79 | + <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 --> | ||
| 80 | + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText">{{item.discount}}折</text> | ||
| 81 | + </view> | ||
| 82 | + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom"> | ||
| 83 | + {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}} | ||
| 84 | + </view> | ||
| 85 | + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom"> | ||
| 86 | + 无限制{{item.desc?','+item.desc+'。':'。'}} | ||
| 87 | + </view> | ||
| 88 | + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom"> | ||
| 89 | + 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}} | ||
| 90 | + </view> | ||
| 91 | + </view> | ||
| 92 | + <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"> | ||
| 93 | + <view class="font24r orderingFood"> | ||
| 94 | + 抢购 | ||
| 95 | + </view> | ||
| 96 | + </navigator> | ||
| 97 | + </view> | ||
| 98 | + </block> | ||
| 99 | + </view> | ||
| 100 | + <view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun"> | ||
| 101 | + <text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想吐槽?戳这里填写意见!--></text> | ||
| 102 | + <text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽?戳这里填写意见反馈赢好礼!</text> | ||
| 103 | + <image src="https://qn.colorcun.com/evaluate.png" mode="" /> | ||
| 104 | + </view> | ||
| 105 | + <view class="introduce" wx:if="{{store}}"> | ||
| 106 | + <view class="imgMask"> | ||
| 107 | + <view class="IntroduceColor"> | ||
| 108 | + <view class="chefText font36r">餐厅介绍</view> | ||
| 109 | + <view class="labelBox"> | ||
| 110 | + <text class="texts">{{store.introduce}} | ||
| 111 | + </text> | ||
| 112 | + </view> | ||
| 113 | + </view> | ||
| 114 | + <view class="chefText font36r">餐厅环境</view> | ||
| 115 | + <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> | ||
| 116 | + <image src="{{item}}" mode="aspectFill" /> | ||
| 117 | + </block> | ||
| 118 | + </view> | ||
| 119 | + </view> | ||
| 120 | + <view class="introduce famousChefBox" wx:if="{{chef}}"> | ||
| 121 | + <view class="imgMask"> | ||
| 122 | + <view class="IntroduceColor"> | ||
| 123 | + <view class="chefText font36r">主厨介绍</view> | ||
| 124 | + <view class="labelBox"> | ||
| 125 | + <text class="texts">{{chef.introduce}} | ||
| 126 | + </text> | ||
| 127 | + </view> | ||
| 128 | + </view> | ||
| 129 | + <image src="{{chef.image}}" mode="aspectFill" /> | ||
| 130 | + </view> | ||
| 131 | + </view> | ||
| 132 | + <!-- 菜品展示 swich为1展示 --> | ||
| 133 | + <view class="introduce vegetableBox" wx:if="{{signboard && signboard.swich=='1'}}"> | ||
| 134 | + <view class="imgMask"> | ||
| 135 | + <view class="IntroduceColor Introducepublic"> | ||
| 136 | + <view class="chefText font36r">特色菜品</view> | ||
| 137 | + </view> | ||
| 138 | + <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> | ||
| 139 | + <image src="{{item}}" mode="aspectFill" /> | ||
| 140 | + </block> | ||
| 141 | + </view> | ||
| 142 | + </view> | ||
| 143 | + <view class="specialServices" wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}"> | ||
| 144 | + <view class="rubric"> | ||
| 145 | + 提前点餐 | ||
| 146 | + </view> | ||
| 147 | + <view class="news"> | ||
| 148 | + 本店特为贵宾提供提前点餐服务,您现在可以选菜下单,到店就餐时无需等待服务员点餐,可以直接享受就餐服务^_^ | ||
| 149 | + </view> | ||
| 150 | + <view class="endStyle"> | ||
| 151 | + <view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;"> | ||
| 152 | + <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"> | ||
| 153 | + 去点餐 | ||
| 154 | + </view> | ||
| 155 | + </view> | ||
| 156 | + </view> | ||
| 157 | + </view> | ||
| 158 | + <view class="preferential" wx:if="{{marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}"> | ||
| 159 | + <view class="rubric rubric1"> | ||
| 160 | + 特别优惠 | ||
| 161 | + </view> | ||
| 162 | + <!-- 当前日期要大于限制结束日期 --> | ||
| 163 | + <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)))}}"> | ||
| 164 | + <view class="itemLeft"> | ||
| 165 | + <view class="itemTop"> | ||
| 166 | + <text>{{recharge_data.rname}}</text> | ||
| 167 | + </view> | ||
| 168 | + <view class="itemBottom" wx:if="{{priceInfo}}"> | ||
| 169 | + {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}} | ||
| 170 | + </view> | ||
| 171 | + <view class="bottom" wx:if="{{scoreInfo}}"> | ||
| 172 | + {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}} | ||
| 173 | + </view> | ||
| 174 | + <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}"> | ||
| 175 | + {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。 | ||
| 176 | + </view> | ||
| 177 | + </view> | ||
| 178 | + <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"> | ||
| 179 | + <view class="font24r orderingFood"> | ||
| 180 | + 抢购 | ||
| 181 | + </view> | ||
| 182 | + </navigator> | ||
| 183 | + </view> | ||
| 184 | + </view> | ||
| 185 | + <view class="vips"> | ||
| 186 | + <view wx:if="{{marketing.is_link}}" class="font24r favouredPolicy" bindtap="gotoFavourableList"> | ||
| 187 | + 点击了解更多会员优惠政策 | ||
| 188 | + </view> | ||
| 189 | + </view> | ||
| 190 | + <view class="more" wx:if="{{showMoreTip}}"> | ||
| 191 | + <view class="moreText">滑动查看更多</view> | ||
| 192 | + <image src="https://qn.colorcun.com/jt1.png" mode="" /> | ||
| 193 | + </view> | ||
| 194 | +</scroll-view> | ||
| 195 | +<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}"> | ||
| 196 | + <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订 | ||
| 197 | + </view> | ||
| 198 | + <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人 | ||
| 199 | + </button> | ||
| 200 | +</view> |
| 1 | +/* pages/customer/detail_owner_invitation3.wxss */ | ||
| 2 | +@import "../tpl/tpls.wxss"; | ||
| 3 | + | ||
| 4 | +.titleImg { | ||
| 5 | + top: 160rpx; | ||
| 6 | + left: 1rpx; | ||
| 7 | + width: 750rpx; | ||
| 8 | + height: 300rpx; | ||
| 9 | +} | ||
| 10 | + | ||
| 11 | +.titleIcon { | ||
| 12 | + width: 312rpx; | ||
| 13 | + height: 166rpx; | ||
| 14 | + position: relative; | ||
| 15 | + left: -10rpx; | ||
| 16 | +} | ||
| 17 | + | ||
| 18 | +.info { | ||
| 19 | + text-align: center; | ||
| 20 | + font-size: 40rpx; | ||
| 21 | + position: relative; | ||
| 22 | + top: -68rpx; | ||
| 23 | + color: #d8c46b; | ||
| 24 | + font-family: FangSong; | ||
| 25 | + margin: 18rpx 0 36rpx 0; | ||
| 26 | +} | ||
| 27 | + | ||
| 28 | +.title { | ||
| 29 | + text-align: center; | ||
| 30 | + font-family: PingFang SC; | ||
| 31 | + font-size: 72rpx; | ||
| 32 | + position: relative; | ||
| 33 | + top: -70rpx; | ||
| 34 | + color: #FFD200; | ||
| 35 | +} | ||
| 36 | + | ||
| 37 | +.begin { | ||
| 38 | + margin: 20rpx 0 30rpx 30rpx; | ||
| 39 | + color: #FBF6F1; | ||
| 40 | + font-family: PingFang SC; | ||
| 41 | +} | ||
| 42 | + | ||
| 43 | +.begin view { | ||
| 44 | + line-height: 64rpx; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +.info { | ||
| 48 | + text-align: center; | ||
| 49 | + font-family: FangSong; | ||
| 50 | + font-size: 40rpx; | ||
| 51 | + background-image: -webkit-linear-gradient(bottom, #eeae74, #EEAE74); | ||
| 52 | + -webkit-background-clip: text; | ||
| 53 | + -webkit-text-fill-color: transparent; | ||
| 54 | + position: relative; | ||
| 55 | + top: -68rpx; | ||
| 56 | +} | ||
| 57 | + | ||
| 58 | +.reservationInfo { | ||
| 59 | + min-height: 200rpx; | ||
| 60 | + padding: 20rpx 0; | ||
| 61 | + position: relative; | ||
| 62 | + color: #FBF6F1; | ||
| 63 | + border-bottom-left-radius: 10rpx; | ||
| 64 | + border-bottom-right-radius: 10rpx; | ||
| 65 | +} | ||
| 66 | + | ||
| 67 | + | ||
| 68 | +.reservationInfo .flex-11 { | ||
| 69 | + margin-left: 30rpx; | ||
| 70 | + width: 100%; | ||
| 71 | + display: flex; | ||
| 72 | + line-height: 60rpx; | ||
| 73 | + font-family: PingFang SC; | ||
| 74 | + font-size: 32rpx; | ||
| 75 | +} | ||
| 76 | + | ||
| 77 | +.label { | ||
| 78 | + flex-shrink: 0; | ||
| 79 | + font-family: PingFang SC; | ||
| 80 | + font-size: 32rpx; | ||
| 81 | +} | ||
| 82 | + | ||
| 83 | +.contentData { | ||
| 84 | + flex: 1; | ||
| 85 | + line-height: 60rpx; | ||
| 86 | + font-family: PingFang SC; | ||
| 87 | + font-size: 32rpx; | ||
| 88 | +} | ||
| 89 | + | ||
| 90 | +.handleInfo { | ||
| 91 | + margin: 50rpx 40rpx 42rpx 40rpx; | ||
| 92 | + display: flex; | ||
| 93 | + justify-content: space-between; | ||
| 94 | + align-items: center; | ||
| 95 | +} | ||
| 96 | + | ||
| 97 | +.welcome { | ||
| 98 | + text-align: center; | ||
| 99 | + margin: 42rpx 40rpx 8rpx 40rpx; | ||
| 100 | + font-weight: 500; | ||
| 101 | + letter-spacing: 2rpx; | ||
| 102 | + color: #FBF6F1; | ||
| 103 | +} | ||
| 104 | + | ||
| 105 | +.headerimg { | ||
| 106 | + width: 140rpx; | ||
| 107 | + height: 140rpx; | ||
| 108 | + border-radius: 71rpx; | ||
| 109 | +} | ||
| 110 | + | ||
| 111 | +.handle { | ||
| 112 | + display: flex; | ||
| 113 | + flex-direction: column; | ||
| 114 | + color: #FBF6F1; | ||
| 115 | + font-family: PingFang SC; | ||
| 116 | + font-weight: 500; | ||
| 117 | + font-size: 26rpx; | ||
| 118 | + height: 110rpx; | ||
| 119 | + justify-content: space-between; | ||
| 120 | +} | ||
| 121 | + | ||
| 122 | +.handlePhone { | ||
| 123 | + height: 100rpx; | ||
| 124 | +} | ||
| 125 | + | ||
| 126 | +.brownFont { | ||
| 127 | + padding: 8rpx 16rpx; | ||
| 128 | + color: #FBF6F1; | ||
| 129 | + border: 2rpx solid #FBF6F1; | ||
| 130 | + border-radius: 22rpx; | ||
| 131 | + text-align: center; | ||
| 132 | +} | ||
| 133 | + | ||
| 134 | +.brownFont:nth-of-type(1) { | ||
| 135 | + margin-bottom: 10rpx; | ||
| 136 | +} | ||
| 137 | + | ||
| 138 | +.handle text { | ||
| 139 | + margin-bottom: 20rpx; | ||
| 140 | +} | ||
| 141 | + | ||
| 142 | +.handle text:nth-of-type(2) { | ||
| 143 | + margin-bottom: 0; | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +.positioning { | ||
| 147 | + display: flex; | ||
| 148 | + justify-content: center; | ||
| 149 | + margin: 8rpx 30rpx 0 30rpx; | ||
| 150 | + display: flex; | ||
| 151 | + box-sizing: border-box; | ||
| 152 | + flex-direction: column; | ||
| 153 | + background: #FBF6F1; | ||
| 154 | + padding: 20rpx; | ||
| 155 | + border-radius: 16rpx; | ||
| 156 | + flex: 1; | ||
| 157 | + color: #515151; | ||
| 158 | +} | ||
| 159 | + | ||
| 160 | +.positioning image { | ||
| 161 | + width: 32rpx; | ||
| 162 | + height: 38rpx; | ||
| 163 | + margin-right: 20rpx; | ||
| 164 | +} | ||
| 165 | + | ||
| 166 | +.positioning .name { | ||
| 167 | + width: 80%; | ||
| 168 | + display: flex; | ||
| 169 | + align-items: center; | ||
| 170 | + font-family: PingFang SC; | ||
| 171 | + font-size: 28rpx; | ||
| 172 | + margin-top: 10rpx; | ||
| 173 | +} | ||
| 174 | + | ||
| 175 | +.positioning .name text { | ||
| 176 | + line-height: 50rpx; | ||
| 177 | +} | ||
| 178 | + | ||
| 179 | +.positioning .name text:nth-of-type(2) { | ||
| 180 | + text-indent: 8rpx; | ||
| 181 | +} | ||
| 182 | + | ||
| 183 | +.introduce { | ||
| 184 | + box-sizing: border-box; | ||
| 185 | +} | ||
| 186 | + | ||
| 187 | +.imgMask { | ||
| 188 | + margin: 20rpx 40rpx; | ||
| 189 | + padding-bottom: 18rpx; | ||
| 190 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 191 | +} | ||
| 192 | + | ||
| 193 | +.famousChefBox .labelBox { | ||
| 194 | + border-bottom: none; | ||
| 195 | +} | ||
| 196 | + | ||
| 197 | +.imgMask image { | ||
| 198 | + margin: 0 15rpx; | ||
| 199 | +} | ||
| 200 | + | ||
| 201 | +.labelBox { | ||
| 202 | + width: 100%; | ||
| 203 | + display: flex; | ||
| 204 | + margin-bottom: 20rpx; | ||
| 205 | + position: relative; | ||
| 206 | + padding-bottom: 20rpx; | ||
| 207 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 208 | +} | ||
| 209 | + | ||
| 210 | +.labelBox .texts { | ||
| 211 | + width: 90%; | ||
| 212 | + line-height: 40rpx; | ||
| 213 | + margin-left: 20rpx; | ||
| 214 | + color: #515151; | ||
| 215 | + font-family: PingFang SC; | ||
| 216 | + font-size: 20rpx; | ||
| 217 | + max-height: 400rpx; | ||
| 218 | + overflow: hidden; | ||
| 219 | + white-space: pre-line; | ||
| 220 | + word-wrap: break-word; | ||
| 221 | + overflow: hidden; | ||
| 222 | + word-break: break-all; | ||
| 223 | + text-overflow: ellipsis; | ||
| 224 | + display: -webkit-box; | ||
| 225 | + -webkit-box-orient: vertical; | ||
| 226 | + -webkit-line-clamp: 10; | ||
| 227 | + font-weight: 500; | ||
| 228 | +} | ||
| 229 | + | ||
| 230 | +.labelBox .line1 { | ||
| 231 | + margin: 0 0 0 16rpx; | ||
| 232 | +} | ||
| 233 | + | ||
| 234 | +.imgMask image { | ||
| 235 | + width: 95%; | ||
| 236 | + display: block; | ||
| 237 | +} | ||
| 238 | + | ||
| 239 | +.famousChefBox { | ||
| 240 | + position: relative; | ||
| 241 | +} | ||
| 242 | + | ||
| 243 | +.Introducepublic { | ||
| 244 | + display: flex; | ||
| 245 | + flex-direction: column; | ||
| 246 | + font-size: 28rpx; | ||
| 247 | + line-height: 50rpx; | ||
| 248 | + box-sizing: border-box; | ||
| 249 | +} | ||
| 250 | + | ||
| 251 | +.chefText { | ||
| 252 | + font-family: PingFang SC; | ||
| 253 | + margin-bottom: 20rpx; | ||
| 254 | + font-weight: 500; | ||
| 255 | +} | ||
| 256 | + | ||
| 257 | +.specialServices { | ||
| 258 | + margin: 16rpx 40rpx; | ||
| 259 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 260 | +} | ||
| 261 | + | ||
| 262 | +.rubric { | ||
| 263 | + font-family: PingFang SC; | ||
| 264 | + font-weight: 500; | ||
| 265 | + font-size: 36rpx; | ||
| 266 | + margin-bottom: 10rpx; | ||
| 267 | +} | ||
| 268 | + | ||
| 269 | +.specialServices .news { | ||
| 270 | + color: #515151; | ||
| 271 | + font-family: PingFang SC; | ||
| 272 | + font-weight: 500; | ||
| 273 | + font-size: 24rpx; | ||
| 274 | + line-height: 40rpx; | ||
| 275 | + margin-left: 20rpx; | ||
| 276 | +} | ||
| 277 | + | ||
| 278 | +.endStyle { | ||
| 279 | + display: flex; | ||
| 280 | + justify-content: flex-end; | ||
| 281 | + height: 54rpx; | ||
| 282 | + margin: 20rpx 0; | ||
| 283 | +} | ||
| 284 | + | ||
| 285 | + | ||
| 286 | +.orderingFood { | ||
| 287 | + padding: 0 26rpx; | ||
| 288 | + border-radius: 22rpx; | ||
| 289 | + text-align: center; | ||
| 290 | + color: #fff; | ||
| 291 | + border-radius: 32rpx; | ||
| 292 | + margin: 20rpx 0; | ||
| 293 | + line-height: 44rpx; | ||
| 294 | + height: 44rpx; | ||
| 295 | + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); | ||
| 296 | +} | ||
| 297 | + | ||
| 298 | +.preferential { | ||
| 299 | + margin: 16rpx 40rpx 20rpx 40rpx; | ||
| 300 | +} | ||
| 301 | + | ||
| 302 | +.rubric1 { | ||
| 303 | + margin-bottom: 20rpx; | ||
| 304 | +} | ||
| 305 | + | ||
| 306 | +.preferentialItems { | ||
| 307 | + padding: 20rpx 30rpx 20rpx 20rpx; | ||
| 308 | + display: flex; | ||
| 309 | + justify-content: space-between; | ||
| 310 | + align-items: center; | ||
| 311 | + margin-bottom: 20rpx; | ||
| 312 | + background: url('https://qn.colorcun.com/certificateBj.png') no-repeat; | ||
| 313 | + background-size: 100% 100%; | ||
| 314 | +} | ||
| 315 | + | ||
| 316 | +.itemLeft { | ||
| 317 | + width: 75%; | ||
| 318 | +} | ||
| 319 | + | ||
| 320 | +.itemTop { | ||
| 321 | + display: flex; | ||
| 322 | + width: 100%; | ||
| 323 | + align-items: center; | ||
| 324 | + margin-bottom: 20rpx; | ||
| 325 | +} | ||
| 326 | + | ||
| 327 | +.itemBottom { | ||
| 328 | + margin-top: 20rpx; | ||
| 329 | + color: #515151; | ||
| 330 | + font-family: PingFang SC; | ||
| 331 | + font-weight: 500; | ||
| 332 | + font-size: 20rpx; | ||
| 333 | + display: -webkit-box; | ||
| 334 | + word-break: break-all; | ||
| 335 | + word-wrap: break-word; | ||
| 336 | + overflow: hidden; | ||
| 337 | + text-align: left; | ||
| 338 | +} | ||
| 339 | + | ||
| 340 | +.itemTop text:nth-of-type(1) { | ||
| 341 | + font-size: 28rpx; | ||
| 342 | + font-weight: 600; | ||
| 343 | + color: #515151; | ||
| 344 | +} | ||
| 345 | + | ||
| 346 | +.itemTop .discountText { | ||
| 347 | + padding: 0 6rpx; | ||
| 348 | + color: #E34D59; | ||
| 349 | + border: 2rpx solid #E34D59; | ||
| 350 | + border-radius: 6rpx; | ||
| 351 | + margin: 0 10rpx 0 20rpx; | ||
| 352 | + font-family: PingFang SC; | ||
| 353 | + font-size: 24rpx; | ||
| 354 | + height: 30rpx; | ||
| 355 | + line-height: 30rpx; | ||
| 356 | +} | ||
| 357 | + | ||
| 358 | +.itemTop .priceText { | ||
| 359 | + color: #E34D59; | ||
| 360 | + font-weight: 500; | ||
| 361 | + font-size: 30rpx; | ||
| 362 | +} | ||
| 363 | + | ||
| 364 | +.priceText { | ||
| 365 | + display: flex; | ||
| 366 | + align-items: center; | ||
| 367 | + justify-content: center; | ||
| 368 | +} | ||
| 369 | + | ||
| 370 | +.priceText .icons { | ||
| 371 | + margin-left: 18rpx; | ||
| 372 | + color: #E34D59; | ||
| 373 | + font-size: 20rpx; | ||
| 374 | +} | ||
| 375 | + | ||
| 376 | +.vips image { | ||
| 377 | + height: 300rpx; | ||
| 378 | +} | ||
| 379 | + | ||
| 380 | +.vips { | ||
| 381 | + display: flex; | ||
| 382 | + flex-direction: column; | ||
| 383 | + justify-content: center; | ||
| 384 | + align-items: center; | ||
| 385 | + padding-bottom: 180rpx; | ||
| 386 | +} | ||
| 387 | + | ||
| 388 | +.favouredPolicy { | ||
| 389 | + width: 45%; | ||
| 390 | + color: #5C95D7; | ||
| 391 | + font-family: PingFang SC; | ||
| 392 | + font-weight: 500; | ||
| 393 | + border: 2rpx solid #5C95D7; | ||
| 394 | + border-radius: 22rpx; | ||
| 395 | + text-align: center; | ||
| 396 | + padding: 10rpx; | ||
| 397 | +} | ||
| 398 | + | ||
| 399 | + | ||
| 400 | +.all-button { | ||
| 401 | + background: #FAFAFA; | ||
| 402 | + height: 160rpx; | ||
| 403 | + padding: 0 40rpx; | ||
| 404 | + box-sizing: border-box; | ||
| 405 | + z-index: 100; | ||
| 406 | + justify-content: flex-end; | ||
| 407 | +} | ||
| 408 | + | ||
| 409 | +.between { | ||
| 410 | + justify-content: space-between; | ||
| 411 | +} | ||
| 412 | + | ||
| 413 | +.centerBtn { | ||
| 414 | + margin: 0 20rpx; | ||
| 415 | +} | ||
| 416 | + | ||
| 417 | +.second-book-button { | ||
| 418 | + margin-right: 20rpx; | ||
| 419 | +} | ||
| 420 | + | ||
| 421 | +.book-item-font { | ||
| 422 | + width: 25%; | ||
| 423 | + border: 2rpx solid #0143A3; | ||
| 424 | + color: #0143A3; | ||
| 425 | + height: 46%; | ||
| 426 | + border-radius: 42rpx; | ||
| 427 | + font-weight: 600; | ||
| 428 | +} | ||
| 429 | + | ||
| 430 | +.shareItem { | ||
| 431 | + width: 100%; | ||
| 432 | + margin: 0; | ||
| 433 | + background: #fafafa; | ||
| 434 | + color: #0143A3; | ||
| 435 | + border: 2rpx solid #0143A3; | ||
| 436 | +} | ||
| 437 | + | ||
| 438 | +.between .shareItem { | ||
| 439 | + width: 100%; | ||
| 440 | + margin: 0; | ||
| 441 | + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); | ||
| 442 | + color: #fff; | ||
| 443 | +} | ||
| 444 | + | ||
| 445 | +.sharewidth .shareItem { | ||
| 446 | + width: 100% !important; | ||
| 447 | +} | ||
| 448 | + | ||
| 449 | +.between .shareItem { | ||
| 450 | + width: 65% !important; | ||
| 451 | +} | ||
| 452 | + | ||
| 453 | +.book-item-font { | ||
| 454 | + width: 40% !important; | ||
| 455 | +} | ||
| 456 | + | ||
| 457 | +.menu-item { | ||
| 458 | + width: 100%; | ||
| 459 | + height: 100%; | ||
| 460 | + display: flex; | ||
| 461 | + justify-content: center; | ||
| 462 | + align-items: center; | ||
| 463 | +} | ||
| 464 | + | ||
| 465 | +.cook { | ||
| 466 | + height: 94% !important; | ||
| 467 | + background: #fff; | ||
| 468 | + border: 2rpx solid #0143A3; | ||
| 469 | + border-radius: 32rpx; | ||
| 470 | + font-weight: normal; | ||
| 471 | + width: 23% !important; | ||
| 472 | +} | ||
| 473 | + | ||
| 474 | +.bold { | ||
| 475 | + font-weight: 500; | ||
| 476 | +} | ||
| 477 | + | ||
| 478 | +.evaluateBox { | ||
| 479 | + margin: 16rpx 84rpx 16rpx 40rpx; | ||
| 480 | + display: flex; | ||
| 481 | + align-items: center; | ||
| 482 | + justify-content: space-between; | ||
| 483 | + color: #000; | ||
| 484 | +} | ||
| 485 | + | ||
| 486 | +.evaluateBox image { | ||
| 487 | + width: 60rpx; | ||
| 488 | + height: 70rpx; | ||
| 489 | +} | ||
| 490 | + | ||
| 491 | +.evaluateBox text { | ||
| 492 | + color: #000; | ||
| 493 | + font-size: 28rpx; | ||
| 494 | +} | ||
| 495 | + | ||
| 496 | +.more { | ||
| 497 | + height: 80rpx; | ||
| 498 | + width: 100%; | ||
| 499 | + position: fixed; | ||
| 500 | + bottom: 160rpx; | ||
| 501 | + display: flex; | ||
| 502 | + align-items: center; | ||
| 503 | + justify-content: center; | ||
| 504 | + flex-direction: column; | ||
| 505 | + background: rgba(0, 0, 0, .4); | ||
| 506 | +} | ||
| 507 | + | ||
| 508 | +.moreText { | ||
| 509 | + color: #fff; | ||
| 510 | +} | ||
| 511 | + | ||
| 512 | +.more image { | ||
| 513 | + width: 30rpx; | ||
| 514 | + height: 30rpx; | ||
| 515 | +} | ||
| 516 | + | ||
| 517 | +.page-section-spacing { | ||
| 518 | + position: relative; | ||
| 519 | + display: flex; | ||
| 520 | + white-space: nowrap; | ||
| 521 | + width: auto; | ||
| 522 | + overflow-x: scroll; | ||
| 523 | + border-bottom-left-radius: 10rpx; | ||
| 524 | + border-bottom-right-radius: 10rpx; | ||
| 525 | +} | ||
| 526 | + | ||
| 527 | +.imgs:nth-of-type(1) { | ||
| 528 | + margin-left: 100rpx; | ||
| 529 | +} | ||
| 530 | + | ||
| 531 | +.scroll-view { | ||
| 532 | + white-space: nowrap; | ||
| 533 | + width: 100%; | ||
| 534 | + height: 100%; | ||
| 535 | +} | ||
| 536 | + | ||
| 537 | +.imgs { | ||
| 538 | + position: relative; | ||
| 539 | + display: flex; | ||
| 540 | + white-space: nowrap; | ||
| 541 | + width: 470rpx; | ||
| 542 | + height: 348rpx; | ||
| 543 | + margin-right: 30rpx; | ||
| 544 | +} | ||
| 545 | + | ||
| 546 | +.imgs text { | ||
| 547 | + background: #515151; | ||
| 548 | + color: #fff; | ||
| 549 | + position: absolute; | ||
| 550 | + left: 0; | ||
| 551 | + bottom: 0; | ||
| 552 | + height: 64rpx; | ||
| 553 | + line-height: 64rpx; | ||
| 554 | + width: 470rpx; | ||
| 555 | + text-align: center; | ||
| 556 | + border-bottom-left-radius: 16rpx; | ||
| 557 | + border-bottom-right-radius: 16rpx; | ||
| 558 | +} | ||
| 559 | + | ||
| 560 | +.imageStyle { | ||
| 561 | + display: inline-block; | ||
| 562 | + width: 500rpx; | ||
| 563 | + height: 348rpx; | ||
| 564 | + border-radius: 16rpx; | ||
| 565 | +} | ||
| 566 | + | ||
| 567 | +.centerBox { | ||
| 568 | + justify-content: center; | ||
| 569 | +} | ||
| 570 | + | ||
| 571 | +/* 黑蓝过渡 */ | ||
| 572 | +.blackBlueGradient .reservationInfo { | ||
| 573 | + background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%); | ||
| 574 | +} | ||
| 575 | + | ||
| 576 | +.blackBlueGradient .chefText, | ||
| 577 | +.blackBlueGradient .rubric { | ||
| 578 | + color: #0143A3; | ||
| 579 | +} | ||
| 580 | + | ||
| 581 | +/* 石绿过渡 */ | ||
| 582 | +.stoneGreenGradient .reservationInfo { | ||
| 583 | + background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%); | ||
| 584 | +} | ||
| 585 | + | ||
| 586 | +.stoneGreenGradient .chefText, | ||
| 587 | +.stoneGreenGradient .rubric { | ||
| 588 | + color: #206864; | ||
| 589 | +} | ||
| 590 | + | ||
| 591 | +/* 中国红过渡 */ | ||
| 592 | +.chinaRedGradient .reservationInfo { | ||
| 593 | + background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%); | ||
| 594 | +} | ||
| 595 | + | ||
| 596 | +.chinaRedGradient .chefText, | ||
| 597 | +.chinaRedGradient .rubric { | ||
| 598 | + color: #86201B; | ||
| 599 | +} | ||
| 600 | + | ||
| 601 | +/* 群青过渡 */ | ||
| 602 | +.ultramarineGradient .reservationInfo { | ||
| 603 | + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); | ||
| 604 | +} | ||
| 605 | + | ||
| 606 | +.ultramarineGradient .chefText, | ||
| 607 | +.ultramarineGradient .rubric { | ||
| 608 | + color: #0143A3; | ||
| 609 | +} | ||
| 610 | + | ||
| 611 | +/* 深中国红 */ | ||
| 612 | +.crimson .reservationInfo { | ||
| 613 | + background: #86201B; | ||
| 614 | +} | ||
| 615 | + | ||
| 616 | +.crimson .chefText, | ||
| 617 | +.crimson .rubric { | ||
| 618 | + color: #86201B; | ||
| 619 | +} | ||
| 620 | + | ||
| 621 | +/* 中国红 */ | ||
| 622 | +.chinaRed .reservationInfo { | ||
| 623 | + background: #AF231C; | ||
| 624 | +} | ||
| 625 | + | ||
| 626 | +.chinaRed .chefText, | ||
| 627 | +.chinaRed .rubric { | ||
| 628 | + color: #AF231C; | ||
| 629 | +} | ||
| 630 | + | ||
| 631 | +/* 蓝采和 */ | ||
| 632 | +.lanCaiHe .reservationInfo { | ||
| 633 | + background: #06436F; | ||
| 634 | +} | ||
| 635 | + | ||
| 636 | +.lanCaiHe .chefText, | ||
| 637 | +.lanCaiHe .rubric { | ||
| 638 | + color: #06436F; | ||
| 639 | +} | ||
| 640 | + | ||
| 641 | +/* 石绿 */ | ||
| 642 | +.stoneGreen .reservationInfo { | ||
| 643 | + background: #206864; | ||
| 644 | +} | ||
| 645 | + | ||
| 646 | +.stoneGreen .chefText, | ||
| 647 | +.stoneGreen .rubric { | ||
| 648 | + color: #206864; | ||
| 649 | +} | ||
| 650 | + | ||
| 651 | +/* 姜黄 */ | ||
| 652 | +.turmeric .reservationInfo { | ||
| 653 | + background: #B39437; | ||
| 654 | +} | ||
| 655 | + | ||
| 656 | +.turmeric .chefText, | ||
| 657 | +.turmeric .rubric { | ||
| 658 | + color: #B39437; | ||
| 659 | +} | ||
| 660 | + | ||
| 661 | +.turmeric .info { | ||
| 662 | + -webkit-text-fill-color: #fff; | ||
| 663 | +} | ||
| 664 | + | ||
| 665 | +.turmeric .title { | ||
| 666 | + color: #fff; | ||
| 667 | +} | ||
| 668 | + | ||
| 669 | +/* 苍黄 */ | ||
| 670 | +.greenishYellow .reservationInfo { | ||
| 671 | + background: #C85306; | ||
| 672 | +} | ||
| 673 | + | ||
| 674 | +.greenishYellow .chefText, | ||
| 675 | +.greenishYellow .rubric { | ||
| 676 | + color: #C85306; | ||
| 677 | +} | ||
| 678 | + | ||
| 679 | +/* 金黄 */ | ||
| 680 | +.golden .reservationInfo { | ||
| 681 | + background: #C67B3A; | ||
| 682 | +} | ||
| 683 | + | ||
| 684 | +.golden .chefText, | ||
| 685 | +.golden .rubric { | ||
| 686 | + color: #C67B3A; | ||
| 687 | +} | ||
| 688 | + | ||
| 689 | +.golden .info { | ||
| 690 | + -webkit-text-fill-color: #fff; | ||
| 691 | +} | ||
| 692 | + | ||
| 693 | +.golden .title { | ||
| 694 | + color: #fff; | ||
| 695 | +} | ||
| 696 | + | ||
| 697 | +/* 群青 */ | ||
| 698 | +.ultramarine .reservationInfo { | ||
| 699 | + background: #0143A3; | ||
| 700 | +} | ||
| 701 | + | ||
| 702 | +.ultramarine .chefText, | ||
| 703 | +.ultramarine .rubric { | ||
| 704 | + color: #0143A3; | ||
| 705 | +} | ||
| 706 | + | ||
| 707 | +/* 摩洛哥蓝 */ | ||
| 708 | +.moroccanBlue .reservationInfo { | ||
| 709 | + background: #19516A; | ||
| 710 | +} | ||
| 711 | + | ||
| 712 | +.moroccanBlue .chefText, | ||
| 713 | +.moroccanBlue .rubric { | ||
| 714 | + color: #19516A; | ||
| 715 | +} |
| 1 | -// pages/customer/detail_owner_invitation6.js | 1 | +// pages/customer/detail_owner_invitation4.js |
| 2 | var mta = require('mta-wechat-analysis') | 2 | var mta = require('mta-wechat-analysis') |
| 3 | import util from '../../utils/util'; | 3 | import util from '../../utils/util'; |
| 4 | import App from '../../utils/api'; | 4 | import App from '../../utils/api'; |
| @@ -16,8 +16,6 @@ Page({ | @@ -16,8 +16,6 @@ Page({ | ||
| 16 | detail: {}, | 16 | detail: {}, |
| 17 | staffinfo: {}, | 17 | staffinfo: {}, |
| 18 | between: false, | 18 | between: false, |
| 19 | - id: null, | ||
| 20 | - msgTpl: '', | ||
| 21 | chef: {}, | 19 | chef: {}, |
| 22 | marketing: {}, | 20 | marketing: {}, |
| 23 | home: {}, | 21 | home: {}, |
| @@ -26,10 +24,8 @@ Page({ | @@ -26,10 +24,8 @@ Page({ | ||
| 26 | store: {}, | 24 | store: {}, |
| 27 | recharge_data: {}, | 25 | recharge_data: {}, |
| 28 | coupon_dataList: [], | 26 | coupon_dataList: [], |
| 29 | - homeColor: '', | ||
| 30 | stringifyUse: '', | 27 | stringifyUse: '', |
| 31 | current: 0, | 28 | current: 0, |
| 32 | - theme: 'blackGold', //blue green blackGold | ||
| 33 | seller: { | 29 | seller: { |
| 34 | name: '', | 30 | name: '', |
| 35 | tablesText: '', | 31 | tablesText: '', |
| @@ -47,9 +43,13 @@ Page({ | @@ -47,9 +43,13 @@ Page({ | ||
| 47 | tableinfo: [], | 43 | tableinfo: [], |
| 48 | StyleType: '', | 44 | StyleType: '', |
| 49 | showMoreTip: true, | 45 | showMoreTip: true, |
| 46 | + themeColor: 'lanCaiHe', | ||
| 47 | + screenHeight: '', | ||
| 48 | + whiteBj: false, | ||
| 50 | }, | 49 | }, |
| 51 | tablestr: '', | 50 | tablestr: '', |
| 52 | urlsValue: [], | 51 | urlsValue: [], |
| 52 | + screenHeight: '', | ||
| 53 | /** | 53 | /** |
| 54 | * 生命周期函数--监听页面加载 | 54 | * 生命周期函数--监听页面加载 |
| 55 | */ | 55 | */ |
| @@ -71,26 +71,21 @@ Page({ | @@ -71,26 +71,21 @@ Page({ | ||
| 71 | "statReachBottom": true, | 71 | "statReachBottom": true, |
| 72 | "lauchOpts": options, //渠道分析 | 72 | "lauchOpts": options, //渠道分析 |
| 73 | }); | 73 | }); |
| 74 | + const systemInfo = wx.getSystemInfoSync(); | ||
| 75 | + this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 | ||
| 74 | }, | 76 | }, |
| 77 | + // 页面滚动事件 | ||
| 75 | onPageScroll: function (event) { | 78 | onPageScroll: function (event) { |
| 76 | - let that = this; | ||
| 77 | - // 获取滚动条的位置 | ||
| 78 | - var scrollTop = event.scrollTop; | ||
| 79 | - // 获取屏幕的高度 | ||
| 80 | - wx.getSystemInfo({ | ||
| 81 | - success(res) { | ||
| 82 | - var screenHeight = res.windowHeight; | ||
| 83 | - if (scrollTop > screenHeight || scrollTop < 10) { | ||
| 84 | - that.setData({ | ||
| 85 | - showMoreTip: true | ||
| 86 | - }); | ||
| 87 | - } else { | ||
| 88 | - that.setData({ | ||
| 89 | - showMoreTip: false | ||
| 90 | - }); | ||
| 91 | - } | ||
| 92 | - } | ||
| 93 | - }); | 79 | + const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 |
| 80 | + if (scrollTop < this.screenHeight) { | ||
| 81 | + this.setData({ | ||
| 82 | + showMoreTip: true | ||
| 83 | + }); | ||
| 84 | + } else { | ||
| 85 | + this.setData({ | ||
| 86 | + showMoreTip: false | ||
| 87 | + }); | ||
| 88 | + } | ||
| 94 | }, | 89 | }, |
| 95 | // 点击了解更多会员优惠政策 | 90 | // 点击了解更多会员优惠政策 |
| 96 | gotoFavourableList() { | 91 | gotoFavourableList() { |
| @@ -123,6 +118,9 @@ Page({ | @@ -123,6 +118,9 @@ Page({ | ||
| 123 | onShareAppMessage: function () { | 118 | onShareAppMessage: function () { |
| 124 | return this.sharesetting(); | 119 | return this.sharesetting(); |
| 125 | }, | 120 | }, |
| 121 | + /** | ||
| 122 | + * 监听用户点击分享到朋友圈按钮的操作 | ||
| 123 | + */ | ||
| 126 | onShareTimeline() { | 124 | onShareTimeline() { |
| 127 | return this.sharesetting(); | 125 | return this.sharesetting(); |
| 128 | }, | 126 | }, |
| @@ -132,7 +130,8 @@ Page({ | @@ -132,7 +130,8 @@ Page({ | ||
| 132 | onShow: function () { | 130 | onShow: function () { |
| 133 | this.getDetail() | 131 | this.getDetail() |
| 134 | }, | 132 | }, |
| 135 | - cli() { | 133 | + // 复制微信号 |
| 134 | + copyWeChat() { | ||
| 136 | if (this.data.staffinfo.wechat) { | 135 | if (this.data.staffinfo.wechat) { |
| 137 | wx.setClipboardData({ | 136 | wx.setClipboardData({ |
| 138 | data: this.data.staffinfo.wechat, | 137 | data: this.data.staffinfo.wechat, |
| @@ -148,12 +147,14 @@ Page({ | @@ -148,12 +147,14 @@ Page({ | ||
| 148 | console.log('无微信号') | 147 | console.log('无微信号') |
| 149 | } | 148 | } |
| 150 | }, | 149 | }, |
| 150 | + // 拨打电话 | ||
| 151 | call() { | 151 | call() { |
| 152 | wx.reportMonitor('1012', 1) | 152 | wx.reportMonitor('1012', 1) |
| 153 | wx.makePhoneCall({ | 153 | wx.makePhoneCall({ |
| 154 | phoneNumber: this.data.staffinfo.phone | 154 | phoneNumber: this.data.staffinfo.phone |
| 155 | }) | 155 | }) |
| 156 | }, | 156 | }, |
| 157 | + // 导航 | ||
| 157 | looklocation: function () { | 158 | looklocation: function () { |
| 158 | wx.reportMonitor('1015', 1) | 159 | wx.reportMonitor('1015', 1) |
| 159 | wx.openLocation({ | 160 | wx.openLocation({ |
| @@ -166,6 +167,7 @@ Page({ | @@ -166,6 +167,7 @@ Page({ | ||
| 166 | } | 167 | } |
| 167 | }) | 168 | }) |
| 168 | }, | 169 | }, |
| 170 | + // 获取包间图片列表 | ||
| 169 | getroomimage(sellerid) { | 171 | getroomimage(sellerid) { |
| 170 | App.Tables.GetTablesPhoto({ | 172 | App.Tables.GetTablesPhoto({ |
| 171 | sellerid, | 173 | sellerid, |
| @@ -185,6 +187,7 @@ Page({ | @@ -185,6 +187,7 @@ Page({ | ||
| 185 | } | 187 | } |
| 186 | }) | 188 | }) |
| 187 | }, | 189 | }, |
| 190 | + // 预览包间图片 | ||
| 188 | lookroom(e) { | 191 | lookroom(e) { |
| 189 | const item = e.currentTarget.dataset['item']; | 192 | const item = e.currentTarget.dataset['item']; |
| 190 | wx.previewImage({ | 193 | wx.previewImage({ |
| @@ -192,6 +195,7 @@ Page({ | @@ -192,6 +195,7 @@ Page({ | ||
| 192 | urls: this.urlsValue, // 需要预览的图片http链接列表 | 195 | urls: this.urlsValue, // 需要预览的图片http链接列表 |
| 193 | }) | 196 | }) |
| 194 | }, | 197 | }, |
| 198 | + // 获取店铺详情 | ||
| 195 | getDetail() { | 199 | getDetail() { |
| 196 | App.Reserve.Detail({ | 200 | App.Reserve.Detail({ |
| 197 | openid: getApp().openid, | 201 | openid: getApp().openid, |
| @@ -213,14 +217,14 @@ Page({ | @@ -213,14 +217,14 @@ Page({ | ||
| 213 | let reserev = RS.reserve(res.data) | 217 | let reserev = RS.reserve(res.data) |
| 214 | let dateSmart | 218 | let dateSmart |
| 215 | if (res.data.type == 1) { | 219 | if (res.data.type == 1) { |
| 216 | - dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY') | 220 | + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') |
| 217 | if (res.data.is_set_ddate == 1) { | 221 | if (res.data.is_set_ddate == 1) { |
| 218 | - dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY') | 222 | + dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') |
| 219 | } else { | 223 | } else { |
| 220 | dateSmart += ' ' + reserev.soltName | 224 | dateSmart += ' ' + reserev.soltName |
| 221 | } | 225 | } |
| 222 | } else { | 226 | } else { |
| 223 | - dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY') | 227 | + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW') |
| 224 | } | 228 | } |
| 225 | console.log('dateSmart', dateSmart); | 229 | console.log('dateSmart', dateSmart); |
| 226 | this.setData({ | 230 | this.setData({ |
| @@ -258,6 +262,7 @@ Page({ | @@ -258,6 +262,7 @@ Page({ | ||
| 258 | console.log(res, '详情请求失败'); | 262 | console.log(res, '详情请求失败'); |
| 259 | }) | 263 | }) |
| 260 | }, | 264 | }, |
| 265 | + // 客户经理获取基本信息 | ||
| 261 | getstaffinfo(uid) { | 266 | getstaffinfo(uid) { |
| 262 | console.log('sellerid', this.data.detail.seller.id); | 267 | console.log('sellerid', this.data.detail.seller.id); |
| 263 | App.Activity.GetCustomerActivityBaseinfo({ | 268 | App.Activity.GetCustomerActivityBaseinfo({ |
| @@ -272,6 +277,7 @@ Page({ | @@ -272,6 +277,7 @@ Page({ | ||
| 272 | } | 277 | } |
| 273 | }) | 278 | }) |
| 274 | }, | 279 | }, |
| 280 | + // 提前点餐 | ||
| 275 | cookbook() { | 281 | cookbook() { |
| 276 | if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) { | 282 | if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) { |
| 277 | let data = { | 283 | let data = { |
| @@ -305,6 +311,7 @@ Page({ | @@ -305,6 +311,7 @@ Page({ | ||
| 305 | }) | 311 | }) |
| 306 | } | 312 | } |
| 307 | }, | 313 | }, |
| 314 | + // 分享 | ||
| 308 | sharesetting() { | 315 | sharesetting() { |
| 309 | wx.reportMonitor('1017', 1) | 316 | wx.reportMonitor('1017', 1) |
| 310 | let parmdata = { | 317 | let parmdata = { |
| @@ -323,6 +330,7 @@ Page({ | @@ -323,6 +330,7 @@ Page({ | ||
| 323 | imageUrl: this.data.detail.seller.seller_image, | 330 | imageUrl: this.data.detail.seller.seller_image, |
| 324 | } | 331 | } |
| 325 | }, | 332 | }, |
| 333 | + // 修改detail数据 | ||
| 326 | formatDatail(detail, dateSmart) { | 334 | formatDatail(detail, dateSmart) { |
| 327 | detail.rdateStr = dateSmart; | 335 | detail.rdateStr = dateSmart; |
| 328 | detail.tableFirst = detail.tables[0].name; | 336 | detail.tableFirst = detail.tables[0].name; |
| @@ -344,6 +352,7 @@ Page({ | @@ -344,6 +352,7 @@ Page({ | ||
| 344 | } | 352 | } |
| 345 | return detail; | 353 | return detail; |
| 346 | }, | 354 | }, |
| 355 | + // 获取商家设置营销信息 | ||
| 347 | getSellerTemplateConfFun(sid) { | 356 | getSellerTemplateConfFun(sid) { |
| 348 | console.log(sid, 'sidsidsidsid'); | 357 | console.log(sid, 'sidsidsidsid'); |
| 349 | App.Seller.GetSellerTemplateConf({ | 358 | App.Seller.GetSellerTemplateConf({ |
| @@ -352,7 +361,7 @@ Page({ | @@ -352,7 +361,7 @@ Page({ | ||
| 352 | let data = res.data | 361 | let data = res.data |
| 353 | console.log('data', data); | 362 | console.log('data', data); |
| 354 | let coupon_dataList = [] | 363 | let coupon_dataList = [] |
| 355 | - let home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, homeColor, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse; | 364 | + let themeColor, whiteBj, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse; |
| 356 | chef = util.determine(data.chef); | 365 | chef = util.determine(data.chef); |
| 357 | reserve = util.determine(data.reserve); | 366 | reserve = util.determine(data.reserve); |
| 358 | marketing = util.determine(data.marketing); | 367 | marketing = util.determine(data.marketing); |
| @@ -370,8 +379,8 @@ Page({ | @@ -370,8 +379,8 @@ Page({ | ||
| 370 | if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) { | 379 | if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) { |
| 371 | let cash = coupon.use.cash * 1; | 380 | let cash = coupon.use.cash * 1; |
| 372 | let price = coupon.price * 1; | 381 | let price = coupon.price * 1; |
| 373 | - console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2)); | ||
| 374 | - coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : ''; | 382 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); |
| 383 | + coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 375 | } | 384 | } |
| 376 | coupon_dataList.push(coupon); | 385 | coupon_dataList.push(coupon); |
| 377 | } | 386 | } |
| @@ -382,8 +391,8 @@ Page({ | @@ -382,8 +391,8 @@ Page({ | ||
| 382 | if ((!item.use.is_cash || item.use.is_cash == '1')) { | 391 | if ((!item.use.is_cash || item.use.is_cash == '1')) { |
| 383 | let cash = item.use.cash * 1; | 392 | let cash = item.use.cash * 1; |
| 384 | let price = item.price * 1; | 393 | let price = item.price * 1; |
| 385 | - console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2)); | ||
| 386 | - item.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : ''; | 394 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); |
| 395 | + item.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 387 | } | 396 | } |
| 388 | }) | 397 | }) |
| 389 | } | 398 | } |
| @@ -431,12 +440,24 @@ Page({ | @@ -431,12 +440,24 @@ Page({ | ||
| 431 | between: true | 440 | between: true |
| 432 | }) | 441 | }) |
| 433 | } | 442 | } |
| 434 | - if (home && home.red && home.green && home.blue && home.alpha) { | ||
| 435 | - homeColor = home.red + ',' + home.green + ',' + home.blue + ',' + home.alpha | 443 | + // themeColor = 'blackBlueGradient' // 黑蓝过渡 |
| 444 | + // themeColor = 'stoneGreenGradient' // 石绿过渡 | ||
| 445 | + // themeColor = 'chinaRedGradient' // 中国红过渡 | ||
| 446 | + // themeColor = 'ultramarineGradient' // 群青过渡 | ||
| 447 | + // themeColor = 'crimson' // 深中国红 | ||
| 448 | + // themeColor = 'chinaRed' // 中国红 | ||
| 449 | + // themeColor = 'lanCaiHe' // 蓝采和 | ||
| 450 | + // themeColor = 'stoneGreen' // 石绿 | ||
| 451 | + // themeColor = 'turmeric' // 姜黄 | ||
| 452 | + // themeColor = 'greenishYellow' // 苍黄 | ||
| 453 | + // themeColor = 'golden' // 金黄 | ||
| 454 | + // themeColor = 'ultramarine' // 群青 | ||
| 455 | + themeColor = 'moroccanBlue' // 摩洛哥蓝 | ||
| 456 | + if (themeColor == 'turmeric' || themeColor == 'golden') { | ||
| 457 | + whiteBj = true | ||
| 436 | } else { | 458 | } else { |
| 437 | - homeColor = '67,142,147,1' | 459 | + whiteBj = false |
| 438 | } | 460 | } |
| 439 | - console.log('homeColor', homeColor); | ||
| 440 | this.setData({ | 461 | this.setData({ |
| 441 | chef, | 462 | chef, |
| 442 | marketing, | 463 | marketing, |
| @@ -444,34 +465,16 @@ Page({ | @@ -444,34 +465,16 @@ Page({ | ||
| 444 | reserve, | 465 | reserve, |
| 445 | signboard, | 466 | signboard, |
| 446 | store, | 467 | store, |
| 447 | - homeColor, //home主题颜色 | ||
| 448 | priceInfo, | 468 | priceInfo, |
| 449 | scoreInfo, | 469 | scoreInfo, |
| 450 | swich_phone, | 470 | swich_phone, |
| 451 | is_comments, | 471 | is_comments, |
| 452 | StyleType: res.data.type, | 472 | StyleType: res.data.type, |
| 473 | + themeColor, | ||
| 474 | + whiteBj, | ||
| 453 | }) | 475 | }) |
| 454 | - if (home && home.red == '1' && home.green == '67' && home.blue == '163') { | ||
| 455 | - this.setData({ | ||
| 456 | - theme: 'blue' | ||
| 457 | - }) | ||
| 458 | - } | ||
| 459 | - if (home && home.red == '67' && home.green == '142' && home.blue == '147') { | ||
| 460 | - this.setData({ | ||
| 461 | - theme: 'green' | ||
| 462 | - }) | ||
| 463 | - } | ||
| 464 | - if (home && home.red == '12' && home.green == '15' && home.blue == '14') { | ||
| 465 | - this.setData({ | ||
| 466 | - theme: 'blackGold' | ||
| 467 | - }) | ||
| 468 | - } | ||
| 469 | }).catch(res => { | 476 | }).catch(res => { |
| 470 | - this.setData({ | ||
| 471 | - theme: 'green', | ||
| 472 | - homeColor: '67,142,147,1' | ||
| 473 | - }) | ||
| 474 | - console.log(this.data.homeColor, 'GetSellerTemplateConf请求失败'); | 477 | + console.log('GetSellerTemplateConf请求失败'); |
| 475 | }) | 478 | }) |
| 476 | }, | 479 | }, |
| 477 | // 再次预订 | 480 | // 再次预订 |
| 1 | <!--pages/customer/detail_owner_invitation4.wxml--> | 1 | <!--pages/customer/detail_owner_invitation4.wxml--> |
| 2 | <nav hasHome class="navhome" place="{{true}}"></nav> | 2 | <nav hasHome class="navhome" place="{{true}}"></nav> |
| 3 | -<scroll-view 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> | 3 | +<scroll-view scroll-y class="{{themeColor}}"> |
| 4 | + <view class="reservationInfo"> | ||
| 5 | + <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'http://nosqn.colorcun.com/book-flower.png'}}" class="titleIcon"></image> | ||
| 6 | + <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj2.png':'https://qn.colorcun.com/bj.png'}}" class="bjIcon"></image> | ||
| 7 | <view class="infoBox"> | 7 | <view class="infoBox"> |
| 8 | <view class="left"> | 8 | <view class="left"> |
| 9 | <view class="title">{{seller.name}}</view> | 9 | <view class="title">{{seller.name}}</view> |
| 10 | <view class="leftLine"></view> | 10 | <view class="leftLine"></view> |
| 11 | - <view class="leftInfo font28r">{{seller.date}} {{seller.soltName}}</view> | ||
| 12 | - <view class="leftInfo font28r">{{seller.time}}</view> | ||
| 13 | - <view class="leftInfo font28r tables">{{seller.tablesText}}</view> | 11 | + <view class="leftInfo font36r">{{seller.date}} {{seller.soltName}}</view> |
| 12 | + <view class="leftInfo font36r">{{seller.time}}</view> | ||
| 13 | + <view class="leftInfo font36r">{{seller.tablesText}}</view> | ||
| 14 | + <view class="leftInfo font36r tables" wx:if="{{detail.seller.phone}}">预订台 {{detail.seller.phone}}</view> | ||
| 14 | </view> | 15 | </view> |
| 15 | <view class="line"></view> | 16 | <view class="line"></view> |
| 16 | <view class="right"> | 17 | <view class="right"> |
| @@ -43,8 +44,8 @@ | @@ -43,8 +44,8 @@ | ||
| 43 | </view> | 44 | </view> |
| 44 | </view> | 45 | </view> |
| 45 | </block> | 46 | </block> |
| 46 | - <view class="botomBor font36r"> | ||
| 47 | - 恭候您的光临! | 47 | + <view class="chefText font36r"> |
| 48 | + {{home.slogan}} | ||
| 48 | </view> | 49 | </view> |
| 49 | <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}"> | 50 | <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 | <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index"> |
| @@ -84,12 +85,12 @@ | @@ -84,12 +85,12 @@ | ||
| 84 | <block wx:if="{{store}}"> | 85 | <block wx:if="{{store}}"> |
| 85 | <view class="imgMask"> | 86 | <view class="imgMask"> |
| 86 | <view class="IntroduceColor"> | 87 | <view class="IntroduceColor"> |
| 87 | - <view class="text font36r">餐厅介绍</view> | 88 | + <view class="text font36r rubric">餐厅介绍</view> |
| 88 | <view class="labelBox font24r"> | 89 | <view class="labelBox font24r"> |
| 89 | {{store.introduce}} | 90 | {{store.introduce}} |
| 90 | </view> | 91 | </view> |
| 91 | </view> | 92 | </view> |
| 92 | - <view class="text font36r">餐厅环境</view> | 93 | + <view class="text font36r rubric">餐厅环境</view> |
| 93 | <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> | 94 | <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> |
| 94 | <image src="{{item}}" mode="aspectFill" /> | 95 | <image src="{{item}}" mode="aspectFill" /> |
| 95 | </block> | 96 | </block> |
| @@ -98,7 +99,7 @@ | @@ -98,7 +99,7 @@ | ||
| 98 | <block wx:if="{{chef}}"> | 99 | <block wx:if="{{chef}}"> |
| 99 | <view class="imgMask"> | 100 | <view class="imgMask"> |
| 100 | <view class="IntroduceColor noneBor"> | 101 | <view class="IntroduceColor noneBor"> |
| 101 | - <view class="text font36r">主厨介绍</view> | 102 | + <view class="text font36r rubric">主厨介绍</view> |
| 102 | <view class="labelBox font24r"> | 103 | <view class="labelBox font24r"> |
| 103 | {{chef.introduce}} | 104 | {{chef.introduce}} |
| 104 | </view> | 105 | </view> |
| @@ -109,7 +110,7 @@ | @@ -109,7 +110,7 @@ | ||
| 109 | <block wx:if="{{signboard && signboard.swich=='1'}}"> | 110 | <block wx:if="{{signboard && signboard.swich=='1'}}"> |
| 110 | <view class="imgMask"> | 111 | <view class="imgMask"> |
| 111 | <view class="IntroduceColor noneBor"> | 112 | <view class="IntroduceColor noneBor"> |
| 112 | - <view class="text font36r">特色菜品</view> | 113 | + <view class="text font36r rubric">特色菜品</view> |
| 113 | </view> | 114 | </view> |
| 114 | <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> | 115 | <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> |
| 115 | <image src="{{item}}" mode="aspectFill" /> | 116 | <image src="{{item}}" mode="aspectFill" /> |
| @@ -153,7 +154,7 @@ | @@ -153,7 +154,7 @@ | ||
| 153 | </view> | 154 | </view> |
| 154 | <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"> | 155 | <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"> |
| 155 | <view class="font24r orderingFood"> | 156 | <view class="font24r orderingFood"> |
| 156 | - 充值 | 157 | + 抢购 |
| 157 | </view> | 158 | </view> |
| 158 | </navigator> | 159 | </navigator> |
| 159 | </view> | 160 | </view> |
| @@ -171,8 +172,6 @@ | @@ -171,8 +172,6 @@ | ||
| 171 | <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}"> | 172 | <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}"> |
| 172 | <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订 | 173 | <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订 |
| 173 | </view> | 174 | </view> |
| 174 | - <block> | ||
| 175 | - <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人 | ||
| 176 | - </button> | ||
| 177 | - </block> | 175 | + <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人 |
| 176 | + </button> | ||
| 178 | </view> | 177 | </view> |
| 1 | /* pages/customer/detail_owner_invitation4.wxss */ | 1 | /* pages/customer/detail_owner_invitation4.wxss */ |
| 2 | @import "../tpl/tpls.wxss"; | 2 | @import "../tpl/tpls.wxss"; |
| 3 | 3 | ||
| 4 | -.titleImg { | 4 | +.reservationInfo { |
| 5 | top: 0; | 5 | top: 0; |
| 6 | left: 0; | 6 | left: 0; |
| 7 | width: 750rpx; | 7 | width: 750rpx; |
| 8 | - height: 716rpx; | 8 | + height: 850rpx; |
| 9 | position: relative; | 9 | position: relative; |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | .line { | 12 | .line { |
| 13 | width: 2rpx; | 13 | width: 2rpx; |
| 14 | - height: 338rpx; | ||
| 15 | - background: #CFB53B; | ||
| 16 | - margin: 0 30rpx 0 60rpx; | 14 | + height: 364rpx; |
| 15 | + background: #FFD200; | ||
| 16 | + margin: 0 20rpx 0 20rpx; | ||
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | .titleIcon { | 19 | .titleIcon { |
| 20 | - width: 250rpx; | ||
| 21 | - height: 132rpx; | 20 | + width: 312rpx; |
| 21 | + height: 166rpx; | ||
| 22 | + position: relative; | ||
| 23 | + left: -10rpx; | ||
| 22 | } | 24 | } |
| 23 | 25 | ||
| 24 | .bjIcon { | 26 | .bjIcon { |
| @@ -26,12 +28,12 @@ | @@ -26,12 +28,12 @@ | ||
| 26 | height: 166rpx; | 28 | height: 166rpx; |
| 27 | position: absolute !important; | 29 | position: absolute !important; |
| 28 | right: 0; | 30 | right: 0; |
| 29 | - bottom: 1rpx; | 31 | + bottom: 12%; |
| 30 | } | 32 | } |
| 31 | 33 | ||
| 32 | .title { | 34 | .title { |
| 33 | text-align: center; | 35 | text-align: center; |
| 34 | - font-size: 40rpx; | 36 | + font-size: 48rpx; |
| 35 | font-family: PingFang SC; | 37 | font-family: PingFang SC; |
| 36 | color: #FFD200; | 38 | color: #FFD200; |
| 37 | font-weight: 500; | 39 | font-weight: 500; |
| @@ -45,19 +47,19 @@ | @@ -45,19 +47,19 @@ | ||
| 45 | } | 47 | } |
| 46 | 48 | ||
| 47 | .leftLine { | 49 | .leftLine { |
| 48 | - width: 432rpx; | 50 | + width: 95%; |
| 49 | height: 2rpx; | 51 | height: 2rpx; |
| 50 | - background: #CFB53B; | 52 | + background: #FFD200; |
| 51 | margin: 20rpx 0; | 53 | margin: 20rpx 0; |
| 52 | } | 54 | } |
| 53 | 55 | ||
| 54 | .leftInfo { | 56 | .leftInfo { |
| 55 | - color: #CFB53B; | 57 | + color: #fff; |
| 56 | display: flex; | 58 | display: flex; |
| 57 | flex-wrap: wrap; | 59 | flex-wrap: wrap; |
| 58 | justify-content: flex-end; | 60 | justify-content: flex-end; |
| 59 | word-break: break-all; | 61 | word-break: break-all; |
| 60 | - line-height: 50rpx; | 62 | + line-height: 60rpx; |
| 61 | } | 63 | } |
| 62 | 64 | ||
| 63 | .tables { | 65 | .tables { |
| @@ -68,16 +70,18 @@ | @@ -68,16 +70,18 @@ | ||
| 68 | 70 | ||
| 69 | .infoBox { | 71 | .infoBox { |
| 70 | display: flex; | 72 | display: flex; |
| 73 | + position: relative; | ||
| 74 | + top: -6%; | ||
| 71 | } | 75 | } |
| 72 | 76 | ||
| 73 | .infoBox .right { | 77 | .infoBox .right { |
| 74 | - color: #cfb53b; | 78 | + color: #FFD200; |
| 75 | font-family: PingFang SC; | 79 | font-family: PingFang SC; |
| 76 | font-weight: 500; | 80 | font-weight: 500; |
| 77 | font-size: 80rpx; | 81 | font-size: 80rpx; |
| 78 | width: 92rpx; | 82 | width: 92rpx; |
| 79 | height: 372rpx; | 83 | height: 372rpx; |
| 80 | - margin-right: 86rpx; | 84 | + margin: 20rpx 86rpx 0 0; |
| 81 | } | 85 | } |
| 82 | 86 | ||
| 83 | 87 | ||
| @@ -88,13 +92,13 @@ | @@ -88,13 +92,13 @@ | ||
| 88 | align-items: center; | 92 | align-items: center; |
| 89 | } | 93 | } |
| 90 | 94 | ||
| 91 | -.botomBor { | ||
| 92 | - margin: 0 40rpx 20rpx 40rpx; | 95 | +.chefText { |
| 96 | + margin: 58rpx 40rpx 40rpx 40rpx; | ||
| 93 | text-align: right; | 97 | text-align: right; |
| 94 | - padding: 20rpx 0; | ||
| 95 | - color: #515151; | ||
| 96 | font-weight: 500; | 98 | font-weight: 500; |
| 99 | + padding-bottom: 24rpx; | ||
| 97 | border-bottom: 2rpx solid #DBDBDB; | 100 | border-bottom: 2rpx solid #DBDBDB; |
| 101 | + font-family: PingFang SC; | ||
| 98 | } | 102 | } |
| 99 | 103 | ||
| 100 | .headerimg { | 104 | .headerimg { |
| @@ -120,7 +124,7 @@ | @@ -120,7 +124,7 @@ | ||
| 120 | } | 124 | } |
| 121 | 125 | ||
| 122 | .brownFont { | 126 | .brownFont { |
| 123 | - padding: 10rpx 16rpx; | 127 | + padding: 8rpx 16rpx; |
| 124 | color: #0143A3; | 128 | color: #0143A3; |
| 125 | border: 2rpx solid #0143A3; | 129 | border: 2rpx solid #0143A3; |
| 126 | border-radius: 22rpx; | 130 | border-radius: 22rpx; |
| @@ -128,7 +132,7 @@ | @@ -128,7 +132,7 @@ | ||
| 128 | } | 132 | } |
| 129 | 133 | ||
| 130 | .brownFont:nth-of-type(1) { | 134 | .brownFont:nth-of-type(1) { |
| 131 | - margin-bottom: 22rpx; | 135 | + margin-bottom: 10rpx; |
| 132 | } | 136 | } |
| 133 | 137 | ||
| 134 | 138 | ||
| @@ -153,22 +157,24 @@ | @@ -153,22 +157,24 @@ | ||
| 153 | 157 | ||
| 154 | .imgMask { | 158 | .imgMask { |
| 155 | position: relative; | 159 | position: relative; |
| 156 | - margin: 0 40rpx 0 40rpx; | 160 | + margin: 0 40rpx 20rpx 40rpx; |
| 157 | border-bottom: 2rpx solid #DBDBDB; | 161 | border-bottom: 2rpx solid #DBDBDB; |
| 158 | padding-bottom: 18rpx; | 162 | padding-bottom: 18rpx; |
| 159 | } | 163 | } |
| 160 | 164 | ||
| 161 | -.imgMask .text { | ||
| 162 | - color: #515151; | ||
| 163 | - margin-bottom: 20rpx; | 165 | +.imgMask .IntroduceColor { |
| 166 | + border-bottom: 2rpx solid #DBDBDB; | ||
| 164 | } | 167 | } |
| 165 | 168 | ||
| 166 | .IntroduceColor { | 169 | .IntroduceColor { |
| 167 | - border-bottom: 2rpx solid #DBDBDB; | ||
| 168 | margin-bottom: 20rpx; | 170 | margin-bottom: 20rpx; |
| 169 | } | 171 | } |
| 170 | 172 | ||
| 171 | -.noneBor { | 173 | +.imgMask .text { |
| 174 | + margin-bottom: 20rpx; | ||
| 175 | +} | ||
| 176 | + | ||
| 177 | +.imgMask .noneBor { | ||
| 172 | border: none; | 178 | border: none; |
| 173 | margin-top: 20rpx; | 179 | margin-top: 20rpx; |
| 174 | } | 180 | } |
| @@ -177,6 +183,8 @@ | @@ -177,6 +183,8 @@ | ||
| 177 | display: block !important; | 183 | display: block !important; |
| 178 | margin-bottom: 4rpx; | 184 | margin-bottom: 4rpx; |
| 179 | width: 100%; | 185 | width: 100%; |
| 186 | + display: block; | ||
| 187 | + vertical-align: top; | ||
| 180 | } | 188 | } |
| 181 | 189 | ||
| 182 | .shopName { | 190 | .shopName { |
| @@ -200,7 +208,6 @@ | @@ -200,7 +208,6 @@ | ||
| 200 | } | 208 | } |
| 201 | 209 | ||
| 202 | .rubric { | 210 | .rubric { |
| 203 | - color: #515151; | ||
| 204 | font-family: PingFang SC; | 211 | font-family: PingFang SC; |
| 205 | font-weight: 500; | 212 | font-weight: 500; |
| 206 | font-size: 36rpx; | 213 | font-size: 36rpx; |
| @@ -219,7 +226,7 @@ | @@ -219,7 +226,7 @@ | ||
| 219 | .endStyle { | 226 | .endStyle { |
| 220 | display: flex; | 227 | display: flex; |
| 221 | justify-content: flex-end; | 228 | justify-content: flex-end; |
| 222 | - height: 60rpx; | 229 | + height: 54rpx; |
| 223 | margin: 20rpx 0; | 230 | margin: 20rpx 0; |
| 224 | padding: 16rpx 0; | 231 | padding: 16rpx 0; |
| 225 | } | 232 | } |
| @@ -353,6 +360,7 @@ | @@ -353,6 +360,7 @@ | ||
| 353 | border-radius: 22rpx; | 360 | border-radius: 22rpx; |
| 354 | text-align: center; | 361 | text-align: center; |
| 355 | padding: 10rpx; | 362 | padding: 10rpx; |
| 363 | + margin: 20rpx 0 44rpx 0; | ||
| 356 | } | 364 | } |
| 357 | 365 | ||
| 358 | .all-button { | 366 | .all-button { |
| @@ -445,8 +453,8 @@ | @@ -445,8 +453,8 @@ | ||
| 445 | .imageStyle { | 453 | .imageStyle { |
| 446 | display: inline-block; | 454 | display: inline-block; |
| 447 | width: 330rpx; | 455 | width: 330rpx; |
| 448 | - height: 158rpx; | ||
| 449 | - margin-right: 40rpx; | 456 | + height: 196rpx; |
| 457 | + margin-right: 20rpx; | ||
| 450 | border-radius: 16rpx; | 458 | border-radius: 16rpx; |
| 451 | } | 459 | } |
| 452 | 460 | ||
| @@ -465,7 +473,7 @@ | @@ -465,7 +473,7 @@ | ||
| 465 | display: flex; | 473 | display: flex; |
| 466 | white-space: nowrap; | 474 | white-space: nowrap; |
| 467 | width: 282rpx; | 475 | width: 282rpx; |
| 468 | - height: 158rpx; | 476 | + height: 196rpx; |
| 469 | } | 477 | } |
| 470 | 478 | ||
| 471 | .imgs text { | 479 | .imgs text { |
| @@ -475,7 +483,8 @@ | @@ -475,7 +483,8 @@ | ||
| 475 | left: 0; | 483 | left: 0; |
| 476 | bottom: 0; | 484 | bottom: 0; |
| 477 | height: 38rpx; | 485 | height: 38rpx; |
| 478 | - width: 242rpx; | 486 | + line-height: 38rpx; |
| 487 | + width: 262rpx; | ||
| 479 | text-align: center; | 488 | text-align: center; |
| 480 | border-bottom-left-radius: 16rpx; | 489 | border-bottom-left-radius: 16rpx; |
| 481 | border-bottom-right-radius: 16rpx; | 490 | border-bottom-right-radius: 16rpx; |
| @@ -492,8 +501,8 @@ | @@ -492,8 +501,8 @@ | ||
| 492 | .more { | 501 | .more { |
| 493 | height: 80rpx; | 502 | height: 80rpx; |
| 494 | width: 100%; | 503 | width: 100%; |
| 495 | - position: absolute; | ||
| 496 | - top: 20.2%; | 504 | + position: fixed; |
| 505 | + bottom: 160rpx; | ||
| 497 | display: flex; | 506 | display: flex; |
| 498 | align-items: center; | 507 | align-items: center; |
| 499 | justify-content: center; | 508 | justify-content: center; |
| @@ -508,4 +517,154 @@ | @@ -508,4 +517,154 @@ | ||
| 508 | .more image { | 517 | .more image { |
| 509 | width: 30rpx; | 518 | width: 30rpx; |
| 510 | height: 30rpx; | 519 | height: 30rpx; |
| 520 | +} | ||
| 521 | + | ||
| 522 | +/* 黑蓝过渡 */ | ||
| 523 | +.blackBlueGradient .reservationInfo { | ||
| 524 | + background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%); | ||
| 525 | +} | ||
| 526 | + | ||
| 527 | +.blackBlueGradient .chefText, | ||
| 528 | +.blackBlueGradient .rubric { | ||
| 529 | + color: #000000; | ||
| 530 | +} | ||
| 531 | + | ||
| 532 | +/* 石绿过渡 */ | ||
| 533 | +.stoneGreenGradient .reservationInfo { | ||
| 534 | + background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%); | ||
| 535 | +} | ||
| 536 | + | ||
| 537 | +.stoneGreenGradient .chefText, | ||
| 538 | +.stoneGreenGradient .rubric { | ||
| 539 | + color: #206864; | ||
| 540 | +} | ||
| 541 | + | ||
| 542 | +/* 中国红过渡 */ | ||
| 543 | +.chinaRedGradient .reservationInfo { | ||
| 544 | + background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%); | ||
| 545 | +} | ||
| 546 | + | ||
| 547 | +.chinaRedGradient .chefText, | ||
| 548 | +.chinaRedGradient .rubric { | ||
| 549 | + color: #86201B; | ||
| 550 | +} | ||
| 551 | + | ||
| 552 | +/* 群青过渡 */ | ||
| 553 | +.ultramarineGradient .reservationInfo { | ||
| 554 | + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); | ||
| 555 | +} | ||
| 556 | + | ||
| 557 | +.ultramarineGradient .chefText, | ||
| 558 | +.ultramarineGradient .rubric { | ||
| 559 | + color: #0143A3; | ||
| 560 | +} | ||
| 561 | + | ||
| 562 | +/* 深中国红 */ | ||
| 563 | +.crimson .reservationInfo { | ||
| 564 | + background: #86201B; | ||
| 565 | +} | ||
| 566 | + | ||
| 567 | +.crimson .chefText, | ||
| 568 | +.crimson .rubric { | ||
| 569 | + color: #86201B; | ||
| 570 | +} | ||
| 571 | + | ||
| 572 | +/* 中国红 */ | ||
| 573 | +.chinaRed .reservationInfo { | ||
| 574 | + background: #AF231C; | ||
| 575 | +} | ||
| 576 | + | ||
| 577 | +.chinaRed .chefText, | ||
| 578 | +.chinaRed .rubric { | ||
| 579 | + color: #AF231C; | ||
| 580 | +} | ||
| 581 | + | ||
| 582 | +/* 蓝采和 */ | ||
| 583 | +.lanCaiHe .reservationInfo { | ||
| 584 | + background: #06436F; | ||
| 585 | +} | ||
| 586 | + | ||
| 587 | +.lanCaiHe .chefText, | ||
| 588 | +.lanCaiHe .rubric { | ||
| 589 | + color: #06436F; | ||
| 590 | +} | ||
| 591 | + | ||
| 592 | +/* 石绿 */ | ||
| 593 | +.stoneGreen .reservationInfo { | ||
| 594 | + background: #206864; | ||
| 595 | +} | ||
| 596 | + | ||
| 597 | +.stoneGreen .chefText, | ||
| 598 | +.stoneGreen .rubric { | ||
| 599 | + color: #206864; | ||
| 600 | +} | ||
| 601 | + | ||
| 602 | +/* 姜黄 */ | ||
| 603 | +.turmeric .reservationInfo { | ||
| 604 | + background: #B39437; | ||
| 605 | +} | ||
| 606 | + | ||
| 607 | +.turmeric .chefText, | ||
| 608 | +.turmeric .rubric { | ||
| 609 | + color: #B39437; | ||
| 610 | +} | ||
| 611 | + | ||
| 612 | +.turmeric .title, | ||
| 613 | +.turmeric .right { | ||
| 614 | + color: #fff; | ||
| 615 | +} | ||
| 616 | + | ||
| 617 | +.turmeric .line, | ||
| 618 | +.turmeric .leftLine { | ||
| 619 | + background: #fff; | ||
| 620 | +} | ||
| 621 | + | ||
| 622 | +/* 苍黄 */ | ||
| 623 | +.greenishYellow .reservationInfo { | ||
| 624 | + background: #C85306; | ||
| 625 | +} | ||
| 626 | + | ||
| 627 | +.greenishYellow .chefText, | ||
| 628 | +.greenishYellow .rubric { | ||
| 629 | + color: #C85306; | ||
| 630 | +} | ||
| 631 | + | ||
| 632 | +/* 金黄 */ | ||
| 633 | +.golden .reservationInfo { | ||
| 634 | + background: #C67B3A; | ||
| 635 | +} | ||
| 636 | + | ||
| 637 | +.golden .chefText, | ||
| 638 | +.golden .rubric { | ||
| 639 | + color: #C67B3A; | ||
| 640 | +} | ||
| 641 | + | ||
| 642 | +.golden .title, | ||
| 643 | +.golden .right { | ||
| 644 | + color: #fff; | ||
| 645 | +} | ||
| 646 | + | ||
| 647 | +.golden .line, | ||
| 648 | +.golden .leftLine { | ||
| 649 | + background: #fff; | ||
| 650 | +} | ||
| 651 | + | ||
| 652 | +/* 群青 */ | ||
| 653 | +.ultramarine .reservationInfo { | ||
| 654 | + background: #0143A3; | ||
| 655 | +} | ||
| 656 | + | ||
| 657 | +.ultramarine .chefText, | ||
| 658 | +.ultramarine .rubric { | ||
| 659 | + color: #0143A3; | ||
| 660 | +} | ||
| 661 | + | ||
| 662 | +/* 摩洛哥蓝 */ | ||
| 663 | +.moroccanBlue .reservationInfo { | ||
| 664 | + background: #19516A; | ||
| 665 | +} | ||
| 666 | + | ||
| 667 | +.moroccanBlue .chefText, | ||
| 668 | +.moroccanBlue .rubric { | ||
| 669 | + color: #19516A; | ||
| 511 | } | 670 | } |
| @@ -47,6 +47,7 @@ Page({ | @@ -47,6 +47,7 @@ Page({ | ||
| 47 | StyleType: '', | 47 | StyleType: '', |
| 48 | showMoreTip: true, | 48 | showMoreTip: true, |
| 49 | }, | 49 | }, |
| 50 | + screenHeight: '', | ||
| 50 | /** | 51 | /** |
| 51 | * 生命周期函数--监听页面加载 | 52 | * 生命周期函数--监听页面加载 |
| 52 | */ | 53 | */ |
| @@ -68,26 +69,21 @@ Page({ | @@ -68,26 +69,21 @@ Page({ | ||
| 68 | "statReachBottom": true, | 69 | "statReachBottom": true, |
| 69 | "lauchOpts": options, //渠道分析 | 70 | "lauchOpts": options, //渠道分析 |
| 70 | }); | 71 | }); |
| 72 | + const systemInfo = wx.getSystemInfoSync(); | ||
| 73 | + this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度 | ||
| 71 | }, | 74 | }, |
| 75 | + // 页面滚动事件 | ||
| 72 | onPageScroll: function (event) { | 76 | onPageScroll: function (event) { |
| 73 | - let that = this; | ||
| 74 | - // 获取滚动条的位置 | ||
| 75 | - var scrollTop = event.scrollTop; | ||
| 76 | - // 获取屏幕的高度 | ||
| 77 | - wx.getSystemInfo({ | ||
| 78 | - success(res) { | ||
| 79 | - var screenHeight = res.windowHeight; | ||
| 80 | - if (scrollTop > screenHeight || scrollTop < 10) { | ||
| 81 | - that.setData({ | ||
| 82 | - showMoreTip: true | ||
| 83 | - }); | ||
| 84 | - } else { | ||
| 85 | - that.setData({ | ||
| 86 | - showMoreTip: false | ||
| 87 | - }); | ||
| 88 | - } | ||
| 89 | - } | ||
| 90 | - }); | 77 | + const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离 |
| 78 | + if (scrollTop < this.screenHeight) { | ||
| 79 | + this.setData({ | ||
| 80 | + showMoreTip: true | ||
| 81 | + }); | ||
| 82 | + } else { | ||
| 83 | + this.setData({ | ||
| 84 | + showMoreTip: false | ||
| 85 | + }); | ||
| 86 | + } | ||
| 91 | }, | 87 | }, |
| 92 | // 点击了解更多会员优惠政策 | 88 | // 点击了解更多会员优惠政策 |
| 93 | gotoFavourableList() { | 89 | gotoFavourableList() { |
| @@ -329,8 +325,8 @@ Page({ | @@ -329,8 +325,8 @@ Page({ | ||
| 329 | if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) { | 325 | if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) { |
| 330 | let cash = coupon.use.cash * 1; | 326 | let cash = coupon.use.cash * 1; |
| 331 | let price = coupon.price * 1; | 327 | let price = coupon.price * 1; |
| 332 | - console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2)); | ||
| 333 | - coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : ''; | 328 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); |
| 329 | + coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 334 | } | 330 | } |
| 335 | coupon_dataList.push(coupon); | 331 | coupon_dataList.push(coupon); |
| 336 | } | 332 | } |
| @@ -341,8 +337,8 @@ Page({ | @@ -341,8 +337,8 @@ Page({ | ||
| 341 | if ((!item.use.is_cash || item.use.is_cash == '1')) { | 337 | if ((!item.use.is_cash || item.use.is_cash == '1')) { |
| 342 | let cash = item.use.cash * 1; | 338 | let cash = item.use.cash * 1; |
| 343 | let price = item.price * 1; | 339 | let price = item.price * 1; |
| 344 | - console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2)); | ||
| 345 | - item.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : ''; | 340 | + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1)); |
| 341 | + item.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : ''; | ||
| 346 | } | 342 | } |
| 347 | }) | 343 | }) |
| 348 | } | 344 | } |
| @@ -265,8 +265,6 @@ | @@ -265,8 +265,6 @@ | ||
| 265 | <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}"> | 265 | <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}"> |
| 266 | <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订 | 266 | <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订 |
| 267 | </view> | 267 | </view> |
| 268 | - <block> | ||
| 269 | - <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人 | ||
| 270 | - </button> | ||
| 271 | - </block> | 268 | + <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人 |
| 269 | + </button> | ||
| 272 | </view> | 270 | </view> |
| @@ -174,7 +174,7 @@ | @@ -174,7 +174,7 @@ | ||
| 174 | } | 174 | } |
| 175 | 175 | ||
| 176 | .brownFont { | 176 | .brownFont { |
| 177 | - padding: 10rpx 16rpx; | 177 | + padding: 8rpx 16rpx; |
| 178 | color: #0143A3; | 178 | color: #0143A3; |
| 179 | border: 2rpx solid #0143A3; | 179 | border: 2rpx solid #0143A3; |
| 180 | border-radius: 22rpx; | 180 | border-radius: 22rpx; |
| @@ -691,8 +691,8 @@ | @@ -691,8 +691,8 @@ | ||
| 691 | .more { | 691 | .more { |
| 692 | height: 80rpx; | 692 | height: 80rpx; |
| 693 | width: 100%; | 693 | width: 100%; |
| 694 | - position: absolute; | ||
| 695 | - top: 15.5%; | 694 | + position: fixed; |
| 695 | + bottom: 160rpx; | ||
| 696 | display: flex; | 696 | display: flex; |
| 697 | align-items: center; | 697 | align-items: center; |
| 698 | justify-content: center; | 698 | justify-content: center; |
| @@ -598,6 +598,27 @@ | @@ -598,6 +598,27 @@ | ||
| 598 | "scene": null | 598 | "scene": null |
| 599 | }, | 599 | }, |
| 600 | { | 600 | { |
| 601 | + "name": "邀请函-----2", | ||
| 602 | + "pathName": "pages/customer/detail_owner_invitation2", | ||
| 603 | + "query": "id=401339&hasInvitation=1&hasSellerShare=1&tplid=1", | ||
| 604 | + "launchMode": "default", | ||
| 605 | + "scene": null | ||
| 606 | + }, | ||
| 607 | + { | ||
| 608 | + "name": "邀请函-----3", | ||
| 609 | + "pathName": "pages/customer/detail_owner_invitation3", | ||
| 610 | + "query": "id=401339&hasInvitation=1&hasSellerShare=1&tplid=1", | ||
| 611 | + "launchMode": "default", | ||
| 612 | + "scene": null | ||
| 613 | + }, | ||
| 614 | + { | ||
| 615 | + "name": "邀请函-----4", | ||
| 616 | + "pathName": "pages/customer/detail_owner_invitation4", | ||
| 617 | + "query": "id=401339&hasInvitation=1&hasSellerShare=1&tplid=1", | ||
| 618 | + "launchMode": "default", | ||
| 619 | + "scene": null | ||
| 620 | + }, | ||
| 621 | + { | ||
| 601 | "name": "邀请函-----6", | 622 | "name": "邀请函-----6", |
| 602 | "pathName": "pages/customer/detail_owner_invitation6", | 623 | "pathName": "pages/customer/detail_owner_invitation6", |
| 603 | "query": "id=400725&hasInvitation=1&hasSellerShare=1&tplid=1", | 624 | "query": "id=400725&hasInvitation=1&hasSellerShare=1&tplid=1", |
| @@ -619,13 +640,6 @@ | @@ -619,13 +640,6 @@ | ||
| 619 | "scene": null | 640 | "scene": null |
| 620 | }, | 641 | }, |
| 621 | { | 642 | { |
| 622 | - "name": "邀请函-----4", | ||
| 623 | - "pathName": "pages/customer/detail_owner_invitation4", | ||
| 624 | - "query": "id=400725&hasInvitation=1&hasSellerShare=1&tplid=1", | ||
| 625 | - "launchMode": "default", | ||
| 626 | - "scene": null | ||
| 627 | - }, | ||
| 628 | - { | ||
| 629 | "name": "", | 643 | "name": "", |
| 630 | "pathName": "pack-activity/pack/buyCoupon", | 644 | "pathName": "pack-activity/pack/buyCoupon", |
| 631 | "query": "id=394&name=14&sid=4352&oid=&types=3", | 645 | "query": "id=394&name=14&sid=4352&oid=&types=3", |
-
Please register or login to post a comment