Browse Source

春游专题

master
jiazhipeng 7 months ago
parent
commit
de4b49f5dc
  1. 14
      subPackages/activity/springTour.vue
  2. 54
      subPackages/order/detail.vue
  3. 4
      subPackages/ticketBooking/order.vue

14
subPackages/activity/springTour.vue

@ -56,9 +56,23 @@
} }
}, },
onReady() { onReady() {
this.getCouponId()
this.getList() this.getList()
}, },
methods: { methods: {
// id
getCouponId () {
this.Post({id: 256},'/api/multimedia/detail').then(res=>{
if (res.code == 1 && res.data) {
let ids = res.data.ext_link.split(',')
for(let i=0;i<this.couponList.length;i++) {
this.couponList[i].id = ids[i]
}
console.log(this.couponList)
}
})
},
// //
getList(){ getList(){
this.Post({ this.Post({

54
subPackages/order/detail.vue

@ -19,18 +19,18 @@
<!-- 景点美食二维码 --> <!-- 景点美食二维码 -->
<view v-if="isQrcode" style="margin-top: -66rpx;"> <view v-if="isQrcode" style="margin-top: -66rpx;">
<view class="qrcode-remain" v-if="!info.order_child[0].extract_id">还剩<span>{{remainNum}}</span>张未核销</view> <!-- <view class="qrcode-remain" v-if="!info.order_child[0].extract_id">还剩<span>{{remainNum}}</span>张未核销</view> -->
<swiper class="qrcode-box" :circular="false" previous-margin="120rpx" next-margin="120rpx" :duration="800" <swiper class="qrcode-box" :circular="false" previous-margin="120rpx" next-margin="120rpx" :duration="800"
:current="current" @change="swiperChange"> :current="current" @change="swiperChange">
<swiper-item v-for="(item, index) in info.order_child" :key="index" class="flex-center"> <swiper-item v-for="(item, index) in qrCodeImgs" :key="index" class="flex-center">
<view class="qrcode-item flex-column"> <view class="qrcode-item flex-column">
<view class="qrcode-title">{{item.specifications_name}}</view> <view class="qrcode-title">{{item.specifications_name}}</view>
<image :src="item.qrcodeimg" style="width: 300rpx;height: 300rpx;" mode="aspectFill"></image> <image :src="item.qrcodeimg" style="width: 300rpx;height: 300rpx;" mode="aspectFill"></image>
<canvas :id="'qrcodeT'+index" :canvas-id="'qrcodeT'+index" <canvas :id="'qrcodeT'+index" :canvas-id="'qrcodeT'+index"
style="width:150px;height:150px;z-index: -20;bottom: -500px;position: absolute;"></canvas> style="width:150px;height:150px;z-index: -20;bottom: -500px;position: absolute;"></canvas>
<view class="qrcode-subtitle">核销码:{{item.third_order_id||item.child_id}}</view> <!-- <view class="qrcode-subtitle">核销码:{{item.third_order_id||item.child_id}}</view> -->
<view class="qrcode-subtitle">核销码:{{item.code}}</view>
<view class="complete-text flex-center" <view class="complete-text flex-center"
v-if="['WAIT_REFUND','REFUND_SUCCESS','WAIT_COMMENT','COMPLETE'].includes(item.status)"> v-if="['WAIT_REFUND','REFUND_SUCCESS','WAIT_COMMENT','COMPLETE'].includes(item.status)">
<view class="flex-center" v-if="item.status == 'WAIT_COMMENT'"> <view class="flex-center" v-if="item.status == 'WAIT_COMMENT'">
@ -432,7 +432,8 @@
isQrcode: false, isQrcode: false,
remainNum: 0, remainNum: 0,
maskShow: false, maskShow: false,
postInfo: [] postInfo: [],
qrCodeImgs: [],
} }
}, },
onLoad(option) { onLoad(option) {
@ -478,29 +479,66 @@
.includes(this.info.status)) { .includes(this.info.status)) {
this.isQrcode = true this.isQrcode = true
for (let i = 0; i < this.info.order_child.length; i++) { for (let i = 0; i < this.info.order_child.length; i++) {
// third_order_id third_order_id let orderChildItem = this.info.order_child[i]
// third_order_id third_order_id getCodeImg setQRCodeImgs
this.getCodeImg(this.info.order_child[i].third_order_id||this.info.order_child[i].child_id, i); this.getCodeImg(this.info.order_child[i].third_order_id||this.info.order_child[i].child_id, i);
this.setQRCodeImgs(this.info.order_child[i].third_order_id||this.info.order_child[i].child_id,
{specifications_name:orderChildItem.specifications_name, status:orderChildItem.status})
// //
if (this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1 if (this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1
} }
} else if (!['WAIT_PAYMENT', 'CLOSED'].includes(this.info.status)) { } else if (!['WAIT_PAYMENT', 'CLOSED'].includes(this.info.status)) {
for (let i = 0; i < this.info.order_child.length; i++) { for (let i = 0; i < this.info.order_child.length; i++) {
let orderChildItem = this.info.order_child[i]
if (this.info.order_child[i].is_display_order_qrcode) { if (this.info.order_child[i].is_display_order_qrcode) {
this.isQrcode = true this.isQrcode = true
//getCodeImg
this.getCodeImg(this.info.order_child[i].third_order_id||this.info.order_child[i].child_id, i); this.getCodeImg(this.info.order_child[i].third_order_id||this.info.order_child[i].child_id, i);
this.setQRCodeImgs(this.info.order_child[i].third_order_id||this.info.order_child[i].child_id,
{specifications_name:orderChildItem.specifications_name, status:orderChildItem.status})
// //
if (this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1 if (this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1
} }
} }
} }
for (let i = 0;i<this.qrCodeImgs.length;i++) {
this.getCodeImgNew(this.qrCodeImgs[i],i)
}
} }
setTimeout(() => { setTimeout(() => {
console.log(this.info.order_child) console.log(this.info.order_child)
}, 1000) }, 1000)
}) })
}, },
//
setQRCodeImgs(codeStr, otherParam) {
if (codeStr) {
let arrCode = codeStr.split(',').map(v=> {return {code: v, qrcodeimg: '', ...otherParam}})
this.qrCodeImgs = this.qrCodeImgs.concat(arrCode)
}
},
//
getCodeImgNew(item,index) {
console.log(item)
new QRCode('qrcodeT'+index, {
text: item.code,
width: 150,
height: 150,
padding: 2,
colorDark: 'rgb(0,0,0)',
colorLight: 'rgb(255,255,255)',
correctLevel: QRCode.CorrectLevel.M, //
callback: res => {
console.log('callback')
this.$set(item, 'qrcodeimg', res.path);
item.qrcodeimg = res.path
this.$forceUpdate();
}
});
},
// //
getCodeImg(code, index) { getCodeImg(code, index) {
new QRCode('qrcodeT' + index, { new QRCode('qrcodeT' + index, {

4
subPackages/ticketBooking/order.vue

@ -52,8 +52,8 @@
<view class="people-box" > <view class="people-box" >
<view class="people-box-title"> <view class="people-box-title">
<view v-if="!skuBuyMultiple">仅需填写{{pInfo.specifications[0].buyNum}}位出行人</view> <!-- <view v-if="!skuBuyMultiple">仅需填写{{pInfo.specifications[0].buyNum}}位出行人</view> -->
<view v-else>出行人信息</view> <view>请填写出行人信息</view>
</view> </view>
<view style="padding: 42rpx 0 10rpx;"> <view style="padding: 42rpx 0 10rpx;">

Loading…
Cancel
Save