xt / xcx-book · Commits

Go to a project

Commit dc2ddbcc72db057273c023de3f9e9d3b1a64d3da

Authored by pengye
1 parent 0e38f7d2
build: skipped

模板2-8分享卡片加预订信息

Inline Side-by-side
Showing 21 changed files with 189 additions and 28 deletions
@@ -5,6 +5,7 @@ import App from '../../utils/api'; @@ -5,6 +5,7 @@ import App from '../../utils/api';
5 import TP from '../../utils/tpls'; 5 import TP from '../../utils/tpls';
6 import RS from '../../utils/reserveStatus' 6 import RS from '../../utils/reserveStatus'
7 var plugin = requirePlugin("WechatSI"); 7 var plugin = requirePlugin("WechatSI");
  8 +import canvas from "./canvas"
8 Page({ 9 Page({
9 /** 10 /**
10 * 页面的初始数据 11 * 页面的初始数据
@@ -55,6 +56,8 @@ Page({ @@ -55,6 +56,8 @@ Page({
55 toastBool: false, //支付定金提示框 56 toastBool: false, //支付定金提示框
56 toastText: '', //支付定金提示文字 57 toastText: '', //支付定金提示文字
57 paymentId: '', //定金id 58 paymentId: '', //定金id
  59 + wxml: null,
  60 + imgSrc:'',//canvas图片地址
58 }, 61 },
59 tablestr: '', 62 tablestr: '',
60 urlsValue: [], 63 urlsValue: [],
@@ -281,6 +284,7 @@ Page({ @@ -281,6 +284,7 @@ Page({
281 this.getstaffinfo(res.data.uid, reserev.sid); 284 this.getstaffinfo(res.data.uid, reserev.sid);
282 this.getroomimage(reserev.sid) 285 this.getroomimage(reserev.sid)
283 this.getSellerVersionFun(reserev.sid); 286 this.getSellerVersionFun(reserev.sid);
  287 + this.painterBtn(reserev.seller.seller_image,reserev.seller.sellername,util.unixtoTime(reserev.ddate, 'MM月DD日'),util.unixtoTime(reserev.ddate, '周WW HH:II'));
284 }, 0); 288 }, 0);
285 }).catch(res => { 289 }).catch(res => {
286 console.log(res, '详情请求失败'); 290 console.log(res, '详情请求失败');
@@ -455,6 +459,24 @@ Page({ @@ -455,6 +459,24 @@ Page({
455 }) 459 })
456 } 460 }
457 }, 461 },
  462 + // 生成海报
  463 + painterBtn(img,sellerName,date,time) {
  464 + img = img.replace(/^http:/, "https:");
  465 + this.setData({
  466 + wxml: canvas({
  467 + imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
  468 + sellerName,
  469 + date,
  470 + time,
  471 + })
  472 + })
  473 + },
  474 + onImgOK(e) {
  475 + this.setData({
  476 + imgSrc: e.detail.path
  477 + })
  478 + console.log('海报生成成功',this.data.imgSrc);
  479 + },
458 // 分享 480 // 分享
459 sharesetting() { 481 sharesetting() {
460 wx.reportMonitor('1017', 1) 482 wx.reportMonitor('1017', 1)
@@ -467,11 +489,10 @@ Page({ @@ -467,11 +489,10 @@ Page({
467 if (this.data.options.uid) { 489 if (this.data.options.uid) {
468 parmdata.uid = this.data.options.uid; 490 parmdata.uid = this.data.options.uid;
469 } 491 }
470 - console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);  
471 return { 492 return {
472 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店', 493 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店',
473 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'), 494 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
474 - imageUrl: this.data.detail.seller.seller_image || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png', 495 + imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
475 } 496 }
476 }, 497 },
477 // 修改detail数据 498 // 修改detail数据
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 "navigationBarTextStyle": "white", 3 "navigationBarTextStyle": "white",
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 - "nav": "/components/nav/nav" 6 + "nav": "/components/nav/nav",
  7 + "painter":"/components/painter/painter"
7 } 8 }
8 } 9 }
@@ -217,8 +217,9 @@ @@ -217,8 +217,9 @@
217 {{toastText}} 217 {{toastText}}
218 </view> 218 </view>
219 </scroll-view> 219 </scroll-view>
  220 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
220 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 221 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
221 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 222 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
222 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 223 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
223 - <button wx:if="{{marketing.is_transpond=='1'}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 224 + <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
224 </view> 225 </view>
@@ -5,6 +5,7 @@ import App from '../../utils/api'; @@ -5,6 +5,7 @@ import App from '../../utils/api';
5 import TP from '../../utils/tpls'; 5 import TP from '../../utils/tpls';
6 import RS from '../../utils/reserveStatus' 6 import RS from '../../utils/reserveStatus'
7 var plugin = requirePlugin("WechatSI"); 7 var plugin = requirePlugin("WechatSI");
  8 +import canvas from "./canvas"
8 Page({ 9 Page({
9 /** 10 /**
10 * 页面的初始数据 11 * 页面的初始数据
@@ -56,6 +57,8 @@ Page({ @@ -56,6 +57,8 @@ Page({
56 toastBool: false, //支付定金提示框 57 toastBool: false, //支付定金提示框
57 toastText: '', //支付定金提示文字 58 toastText: '', //支付定金提示文字
58 paymentId: '', //定金id 59 paymentId: '', //定金id
  60 + wxml: null,
  61 + imgSrc:'',//canvas图片地址
59 }, 62 },
60 tablestr: '', 63 tablestr: '',
61 urlsValue: [], 64 urlsValue: [],
@@ -282,6 +285,7 @@ Page({ @@ -282,6 +285,7 @@ Page({
282 this.getstaffinfo(res.data.uid, reserev.sid); 285 this.getstaffinfo(res.data.uid, reserev.sid);
283 this.getroomimage(reserev.sid) 286 this.getroomimage(reserev.sid)
284 this.getSellerVersionFun(reserev.sid); 287 this.getSellerVersionFun(reserev.sid);
  288 + this.painterBtn(reserev.seller.seller_image,reserev.seller.sellername,util.unixtoTime(reserev.ddate, 'MM月DD日'),util.unixtoTime(reserev.ddate, '周WW HH:II'));
285 }, 0); 289 }, 0);
286 }).catch(res => { 290 }).catch(res => {
287 console.log(res, '详情请求失败'); 291 console.log(res, '详情请求失败');
@@ -456,6 +460,24 @@ Page({ @@ -456,6 +460,24 @@ Page({
456 }) 460 })
457 } 461 }
458 }, 462 },
  463 + // 生成海报
  464 + painterBtn(img,sellerName,date,time) {
  465 + img = img.replace(/^http:/, "https:");
  466 + this.setData({
  467 + wxml: canvas({
  468 + imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
  469 + sellerName,
  470 + date,
  471 + time,
  472 + })
  473 + })
  474 + },
  475 + onImgOK(e) {
  476 + this.setData({
  477 + imgSrc: e.detail.path
  478 + })
  479 + console.log('海报生成成功',this.data.imgSrc);
  480 + },
459 // 分享 481 // 分享
460 sharesetting() { 482 sharesetting() {
461 wx.reportMonitor('1017', 1) 483 wx.reportMonitor('1017', 1)
@@ -468,11 +490,10 @@ Page({ @@ -468,11 +490,10 @@ Page({
468 if (this.data.options.uid) { 490 if (this.data.options.uid) {
469 parmdata.uid = this.data.options.uid; 491 parmdata.uid = this.data.options.uid;
470 } 492 }
471 - console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);  
472 return { 493 return {
473 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店', 494 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店',
474 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'), 495 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
475 - imageUrl: this.data.detail.seller.seller_image || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png', 496 + imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
476 } 497 }
477 }, 498 },
478 // 修改detail数据 499 // 修改detail数据
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 "navigationBarTextStyle": "white", 3 "navigationBarTextStyle": "white",
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 - "nav": "/components/nav/nav" 6 + "nav": "/components/nav/nav",
  7 + "painter":"/components/painter/painter"
7 } 8 }
8 } 9 }
@@ -225,8 +225,9 @@ @@ -225,8 +225,9 @@
225 {{toastText}} 225 {{toastText}}
226 </view> 226 </view>
227 </scroll-view> 227 </scroll-view>
  228 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
228 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 229 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
229 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 230 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
230 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 231 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
231 - <button wx:if="{{marketing.is_transpond=='1'}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 232 + <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
232 </view> 233 </view>
@@ -5,6 +5,7 @@ import App from '../../utils/api'; @@ -5,6 +5,7 @@ import App from '../../utils/api';
5 import TP from '../../utils/tpls'; 5 import TP from '../../utils/tpls';
6 import RS from '../../utils/reserveStatus' 6 import RS from '../../utils/reserveStatus'
7 var plugin = requirePlugin("WechatSI"); 7 var plugin = requirePlugin("WechatSI");
  8 +import canvas from "./canvas"
8 Page({ 9 Page({
9 /** 10 /**
10 * 页面的初始数据 11 * 页面的初始数据
@@ -56,6 +57,8 @@ Page({ @@ -56,6 +57,8 @@ Page({
56 toastBool: false, //支付定金提示框 57 toastBool: false, //支付定金提示框
57 toastText: '', //支付定金提示文字 58 toastText: '', //支付定金提示文字
58 paymentId: '', //定金id 59 paymentId: '', //定金id
  60 + wxml: null,
  61 + imgSrc:'',//canvas图片地址
59 }, 62 },
60 tablestr: '', 63 tablestr: '',
61 urlsValue: [], 64 urlsValue: [],
@@ -282,6 +285,7 @@ Page({ @@ -282,6 +285,7 @@ Page({
282 this.getstaffinfo(res.data.uid, reserev.sid); 285 this.getstaffinfo(res.data.uid, reserev.sid);
283 this.getroomimage(reserev.sid) 286 this.getroomimage(reserev.sid)
284 this.getSellerVersionFun(reserev.sid); 287 this.getSellerVersionFun(reserev.sid);
  288 + this.painterBtn(reserev.seller.seller_image,reserev.seller.sellername,util.unixtoTime(reserev.ddate, 'MM月DD日'),util.unixtoTime(reserev.ddate, '周WW HH:II'));
285 }, 0); 289 }, 0);
286 }).catch(res => { 290 }).catch(res => {
287 console.log(res, '详情请求失败'); 291 console.log(res, '详情请求失败');
@@ -456,6 +460,24 @@ Page({ @@ -456,6 +460,24 @@ Page({
456 }) 460 })
457 } 461 }
458 }, 462 },
  463 + // 生成海报
  464 + painterBtn(img,sellerName,date,time) {
  465 + img = img.replace(/^http:/, "https:");
  466 + this.setData({
  467 + wxml: canvas({
  468 + imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
  469 + sellerName,
  470 + date,
  471 + time,
  472 + })
  473 + })
  474 + },
  475 + onImgOK(e) {
  476 + this.setData({
  477 + imgSrc: e.detail.path
  478 + })
  479 + console.log('海报生成成功',this.data.imgSrc);
  480 + },
459 // 分享 481 // 分享
460 sharesetting() { 482 sharesetting() {
461 wx.reportMonitor('1017', 1) 483 wx.reportMonitor('1017', 1)
@@ -468,11 +490,10 @@ Page({ @@ -468,11 +490,10 @@ Page({
468 if (this.data.options.uid) { 490 if (this.data.options.uid) {
469 parmdata.uid = this.data.options.uid; 491 parmdata.uid = this.data.options.uid;
470 } 492 }
471 - console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);  
472 return { 493 return {
473 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店', 494 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店',
474 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'), 495 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
475 - imageUrl: this.data.detail.seller.seller_image || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png', 496 + imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
476 } 497 }
477 }, 498 },
478 // 修改detail数据 499 // 修改detail数据
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 "navigationBarTextStyle": "white", 3 "navigationBarTextStyle": "white",
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 - "nav": "/components/nav/nav" 6 + "nav": "/components/nav/nav",
  7 + "painter":"/components/painter/painter"
7 } 8 }
8 } 9 }
@@ -201,8 +201,9 @@ @@ -201,8 +201,9 @@
201 {{toastText}} 201 {{toastText}}
202 </view> 202 </view>
203 </scroll-view> 203 </scroll-view>
  204 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
204 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 205 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
205 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 206 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
206 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 207 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
207 - <button wx:if="{{marketing.is_transpond=='1'}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 208 + <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
208 </view> 209 </view>
@@ -5,6 +5,7 @@ import App from '../../utils/api'; @@ -5,6 +5,7 @@ import App from '../../utils/api';
5 import TP from '../../utils/tpls'; 5 import TP from '../../utils/tpls';
6 import RS from '../../utils/reserveStatus' 6 import RS from '../../utils/reserveStatus'
7 var plugin = requirePlugin("WechatSI"); 7 var plugin = requirePlugin("WechatSI");
  8 +import canvas from "./canvas"
8 Page({ 9 Page({
9 /** 10 /**
10 * 页面的初始数据 11 * 页面的初始数据
@@ -55,6 +56,8 @@ Page({ @@ -55,6 +56,8 @@ Page({
55 toastBool: false, //支付定金提示框 56 toastBool: false, //支付定金提示框
56 toastText: '', //支付定金提示文字 57 toastText: '', //支付定金提示文字
57 paymentId: '', //定金id 58 paymentId: '', //定金id
  59 + wxml: null,
  60 + imgSrc:'',//canvas图片地址
58 }, 61 },
59 tablestr: '', 62 tablestr: '',
60 urlsValue: [], 63 urlsValue: [],
@@ -281,6 +284,7 @@ Page({ @@ -281,6 +284,7 @@ Page({
281 this.getstaffinfo(res.data.uid, reserev.sid); 284 this.getstaffinfo(res.data.uid, reserev.sid);
282 this.getroomimage(reserev.sid) 285 this.getroomimage(reserev.sid)
283 this.getSellerVersionFun(reserev.sid); 286 this.getSellerVersionFun(reserev.sid);
  287 + this.painterBtn(reserev.seller.seller_image,reserev.seller.sellername,util.unixtoTime(reserev.ddate, 'MM月DD日'),util.unixtoTime(reserev.ddate, '周WW HH:II'));
284 }, 0); 288 }, 0);
285 }).catch(res => { 289 }).catch(res => {
286 console.log(res, '详情请求失败'); 290 console.log(res, '详情请求失败');
@@ -455,6 +459,24 @@ Page({ @@ -455,6 +459,24 @@ Page({
455 }) 459 })
456 } 460 }
457 }, 461 },
  462 + // 生成海报
  463 + painterBtn(img,sellerName,date,time) {
  464 + img = img.replace(/^http:/, "https:");
  465 + this.setData({
  466 + wxml: canvas({
  467 + imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
  468 + sellerName,
  469 + date,
  470 + time,
  471 + })
  472 + })
  473 + },
  474 + onImgOK(e) {
  475 + this.setData({
  476 + imgSrc: e.detail.path
  477 + })
  478 + console.log('海报生成成功',this.data.imgSrc);
  479 + },
458 // 分享 480 // 分享
459 sharesetting() { 481 sharesetting() {
460 wx.reportMonitor('1017', 1) 482 wx.reportMonitor('1017', 1)
@@ -467,11 +489,10 @@ Page({ @@ -467,11 +489,10 @@ Page({
467 if (this.data.options.uid) { 489 if (this.data.options.uid) {
468 parmdata.uid = this.data.options.uid; 490 parmdata.uid = this.data.options.uid;
469 } 491 }
470 - console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);  
471 return { 492 return {
472 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店', 493 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店',
473 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'), 494 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
474 - imageUrl: this.data.detail.seller.seller_image || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png', 495 + imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
475 } 496 }
476 }, 497 },
477 // 修改detail数据 498 // 修改detail数据
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 "navigationBarTextStyle": "white", 3 "navigationBarTextStyle": "white",
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 - "nav": "/components/nav/nav" 6 + "nav": "/components/nav/nav",
  7 + "painter":"/components/painter/painter"
7 } 8 }
8 } 9 }
@@ -198,8 +198,9 @@ @@ -198,8 +198,9 @@
198 {{toastText}} 198 {{toastText}}
199 </view> 199 </view>
200 </scroll-view> 200 </scroll-view>
  201 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
201 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 202 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
202 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 203 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
203 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 204 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
204 - <button wx:if="{{marketing.is_transpond=='1'}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 205 + <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
205 </view> 206 </view>
@@ -5,6 +5,7 @@ import App from '../../utils/api'; @@ -5,6 +5,7 @@ import App from '../../utils/api';
5 import TP from '../../utils/tpls'; 5 import TP from '../../utils/tpls';
6 import RS from '../../utils/reserveStatus' 6 import RS from '../../utils/reserveStatus'
7 var plugin = requirePlugin("WechatSI"); 7 var plugin = requirePlugin("WechatSI");
  8 +import canvas from "./canvas"
8 Page({ 9 Page({
9 /** 10 /**
10 * 页面的初始数据 11 * 页面的初始数据
@@ -56,6 +57,8 @@ Page({ @@ -56,6 +57,8 @@ Page({
56 toastBool: false, //支付定金提示框 57 toastBool: false, //支付定金提示框
57 toastText: '', //支付定金提示文字 58 toastText: '', //支付定金提示文字
58 paymentId: '', //定金id 59 paymentId: '', //定金id
  60 + wxml: null,
  61 + imgSrc:'',//canvas图片地址
59 }, 62 },
60 screenHeight: '', 63 screenHeight: '',
61 attentionAnim: {}, 64 attentionAnim: {},
@@ -234,6 +237,7 @@ Page({ @@ -234,6 +237,7 @@ Page({
234 setTimeout(() => { 237 setTimeout(() => {
235 this.getstaffinfo(res.data.uid, reserev.sid); 238 this.getstaffinfo(res.data.uid, reserev.sid);
236 this.getSellerVersionFun(reserev.sid); 239 this.getSellerVersionFun(reserev.sid);
  240 + this.painterBtn(reserev.seller.seller_image,reserev.seller.sellername,util.unixtoTime(reserev.ddate, 'MM月DD日'),util.unixtoTime(reserev.ddate, '周WW HH:II'));
237 }, 0); 241 }, 0);
238 }).catch(res => { 242 }).catch(res => {
239 console.log(res, '详情请求失败'); 243 console.log(res, '详情请求失败');
@@ -407,6 +411,24 @@ Page({ @@ -407,6 +411,24 @@ Page({
407 }) 411 })
408 } 412 }
409 }, 413 },
  414 + // 生成海报
  415 + painterBtn(img,sellerName,date,time) {
  416 + img = img.replace(/^http:/, "https:");
  417 + this.setData({
  418 + wxml: canvas({
  419 + imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
  420 + sellerName,
  421 + date,
  422 + time,
  423 + })
  424 + })
  425 + },
  426 + onImgOK(e) {
  427 + this.setData({
  428 + imgSrc: e.detail.path
  429 + })
  430 + console.log('海报生成成功',this.data.imgSrc);
  431 + },
410 sharesetting() { 432 sharesetting() {
411 wx.reportMonitor('1017', 1) 433 wx.reportMonitor('1017', 1)
412 let parmdata = { 434 let parmdata = {
@@ -418,11 +440,10 @@ Page({ @@ -418,11 +440,10 @@ Page({
418 if (this.data.options.uid) { 440 if (this.data.options.uid) {
419 parmdata.uid = this.data.options.uid; 441 parmdata.uid = this.data.options.uid;
420 } 442 }
421 - console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);  
422 return { 443 return {
423 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店', 444 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店',
424 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'), 445 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
425 - imageUrl: this.data.detail.seller.seller_image || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png', 446 + imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
426 } 447 }
427 }, 448 },
428 formatDatail(detail, dateSmart) { 449 formatDatail(detail, dateSmart) {
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 "navigationBarTextStyle": "white", 3 "navigationBarTextStyle": "white",
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 - "nav": "/components/nav/nav" 6 + "nav": "/components/nav/nav",
  7 + "painter":"/components/painter/painter"
7 } 8 }
8 } 9 }
@@ -276,8 +276,9 @@ @@ -276,8 +276,9 @@
276 {{toastText}} 276 {{toastText}}
277 </view> 277 </view>
278 </scroll-view> 278 </scroll-view>
  279 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
279 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 280 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
280 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 281 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
281 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 282 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
282 - <button wx:if="{{marketing.is_transpond=='1'}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 283 + <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
283 </view> 284 </view>
@@ -5,6 +5,7 @@ import App from '../../utils/api'; @@ -5,6 +5,7 @@ import App from '../../utils/api';
5 import TP from '../../utils/tpls'; 5 import TP from '../../utils/tpls';
6 import RS from '../../utils/reserveStatus' 6 import RS from '../../utils/reserveStatus'
7 var plugin = requirePlugin("WechatSI"); 7 var plugin = requirePlugin("WechatSI");
  8 +import canvas from "./canvas"
8 Page({ 9 Page({
9 /** 10 /**
10 * 页面的初始数据 11 * 页面的初始数据
@@ -55,6 +56,8 @@ Page({ @@ -55,6 +56,8 @@ Page({
55 toastBool: false, //支付定金提示框 56 toastBool: false, //支付定金提示框
56 toastText: '', //支付定金提示文字 57 toastText: '', //支付定金提示文字
57 paymentId: '', //定金id 58 paymentId: '', //定金id
  59 + wxml: null,
  60 + imgSrc:'',//canvas图片地址
58 }, 61 },
59 tablestr: '', 62 tablestr: '',
60 urlsValue: [], 63 urlsValue: [],
@@ -281,6 +284,7 @@ Page({ @@ -281,6 +284,7 @@ Page({
281 this.getstaffinfo(res.data.uid, reserev.sid); 284 this.getstaffinfo(res.data.uid, reserev.sid);
282 this.getroomimage(reserev.sid) 285 this.getroomimage(reserev.sid)
283 this.getSellerVersionFun(reserev.sid); 286 this.getSellerVersionFun(reserev.sid);
  287 + this.painterBtn(reserev.seller.seller_image,reserev.seller.sellername,util.unixtoTime(reserev.ddate, 'MM月DD日'),util.unixtoTime(reserev.ddate, '周WW HH:II'));
284 }, 0); 288 }, 0);
285 }).catch(res => { 289 }).catch(res => {
286 console.log(res, '详情请求失败'); 290 console.log(res, '详情请求失败');
@@ -455,6 +459,24 @@ Page({ @@ -455,6 +459,24 @@ Page({
455 }) 459 })
456 } 460 }
457 }, 461 },
  462 + // 生成海报
  463 + painterBtn(img,sellerName,date,time) {
  464 + img = img.replace(/^http:/, "https:");
  465 + this.setData({
  466 + wxml: canvas({
  467 + imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
  468 + sellerName,
  469 + date,
  470 + time,
  471 + })
  472 + })
  473 + },
  474 + onImgOK(e) {
  475 + this.setData({
  476 + imgSrc: e.detail.path
  477 + })
  478 + console.log('海报生成成功',this.data.imgSrc);
  479 + },
458 // 分享 480 // 分享
459 sharesetting() { 481 sharesetting() {
460 wx.reportMonitor('1017', 1) 482 wx.reportMonitor('1017', 1)
@@ -467,11 +489,10 @@ Page({ @@ -467,11 +489,10 @@ Page({
467 if (this.data.options.uid) { 489 if (this.data.options.uid) {
468 parmdata.uid = this.data.options.uid; 490 parmdata.uid = this.data.options.uid;
469 } 491 }
470 - console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);  
471 return { 492 return {
472 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店', 493 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店',
473 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'), 494 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
474 - imageUrl: this.data.detail.seller.seller_image || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png', 495 + imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
475 } 496 }
476 }, 497 },
477 // 修改detail数据 498 // 修改detail数据
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 "navigationBarTextStyle": "white", 3 "navigationBarTextStyle": "white",
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 - "nav": "/components/nav/nav" 6 + "nav": "/components/nav/nav",
  7 + "painter":"/components/painter/painter"
7 } 8 }
8 } 9 }
@@ -219,8 +219,9 @@ @@ -219,8 +219,9 @@
219 {{toastText}} 219 {{toastText}}
220 </view> 220 </view>
221 </scroll-view> 221 </scroll-view>
  222 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
222 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 223 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
223 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 224 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
224 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 225 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
225 - <button wx:if="{{marketing.is_transpond=='1'}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 226 + <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
226 </view> 227 </view>
@@ -5,6 +5,7 @@ import App from '../../utils/api'; @@ -5,6 +5,7 @@ import App from '../../utils/api';
5 import TP from '../../utils/tpls'; 5 import TP from '../../utils/tpls';
6 import RS from '../../utils/reserveStatus' 6 import RS from '../../utils/reserveStatus'
7 var plugin = requirePlugin("WechatSI"); 7 var plugin = requirePlugin("WechatSI");
  8 +import canvas from "./canvas"
8 Page({ 9 Page({
9 /** 10 /**
10 * 页面的初始数据 11 * 页面的初始数据
@@ -55,6 +56,8 @@ Page({ @@ -55,6 +56,8 @@ Page({
55 toastBool: false, //支付定金提示框 56 toastBool: false, //支付定金提示框
56 toastText: '', //支付定金提示文字 57 toastText: '', //支付定金提示文字
57 paymentId: '', //定金id 58 paymentId: '', //定金id
  59 + wxml: null,
  60 + imgSrc:'',//canvas图片地址
58 }, 61 },
59 tablestr: '', 62 tablestr: '',
60 urlsValue: [], 63 urlsValue: [],
@@ -280,6 +283,7 @@ Page({ @@ -280,6 +283,7 @@ Page({
280 this.getstaffinfo(res.data.uid, reserev.sid); 283 this.getstaffinfo(res.data.uid, reserev.sid);
281 this.getroomimage(reserev.sid) 284 this.getroomimage(reserev.sid)
282 this.getSellerVersionFun(reserev.sid); 285 this.getSellerVersionFun(reserev.sid);
  286 + this.painterBtn(reserev.seller.seller_image,reserev.seller.sellername,util.unixtoTime(reserev.ddate, 'MM月DD日'),util.unixtoTime(reserev.ddate, '周WW HH:II'));
283 }, 0); 287 }, 0);
284 }).catch(res => { 288 }).catch(res => {
285 console.log(res, '详情请求失败'); 289 console.log(res, '详情请求失败');
@@ -454,6 +458,24 @@ Page({ @@ -454,6 +458,24 @@ Page({
454 }) 458 })
455 } 459 }
456 }, 460 },
  461 + // 生成海报
  462 + painterBtn(img,sellerName,date,time) {
  463 + img = img.replace(/^http:/, "https:");
  464 + this.setData({
  465 + wxml: canvas({
  466 + imgUrl: img || 'https://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
  467 + sellerName,
  468 + date,
  469 + time,
  470 + })
  471 + })
  472 + },
  473 + onImgOK(e) {
  474 + this.setData({
  475 + imgSrc: e.detail.path
  476 + })
  477 + console.log('海报生成成功',this.data.imgSrc);
  478 + },
457 // 分享 479 // 分享
458 sharesetting() { 480 sharesetting() {
459 wx.reportMonitor('1017', 1) 481 wx.reportMonitor('1017', 1)
@@ -466,11 +488,10 @@ Page({ @@ -466,11 +488,10 @@ Page({
466 if (this.data.options.uid) { 488 if (this.data.options.uid) {
467 parmdata.uid = this.data.options.uid; 489 parmdata.uid = this.data.options.uid;
468 } 490 }
469 - console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);  
470 return { 491 return {
471 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店', 492 title: '我已订好' + this.data.seller.name + '，点击可查看详情并导航到店',
472 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'), 493 path: util.http_build_query(parmdata, '/pages/customer/detail_owner_invitation_new'),
473 - imageUrl: this.data.detail.seller.seller_image || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png', 494 + imageUrl: this.data.imgSrc || 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png',
474 } 495 }
475 }, 496 },
476 // 修改detail数据 497 // 修改detail数据
@@ -3,6 +3,7 @@ @@ -3,6 +3,7 @@
3 "navigationBarTextStyle": "white", 3 "navigationBarTextStyle": "white",
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 - "nav": "/components/nav/nav" 6 + "nav": "/components/nav/nav",
  7 + "painter":"/components/painter/painter"
7 } 8 }
8 } 9 }
@@ -206,8 +206,9 @@ @@ -206,8 +206,9 @@
206 {{toastText}} 206 {{toastText}}
207 </view> 207 </view>
208 </scroll-view> 208 </scroll-view>
  209 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
209 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 210 <view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth">
210 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 211 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
211 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 212 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
212 - <button wx:if="{{marketing.is_transpond=='1'}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 213 + <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
213 </view> 214 </view>