|
|
|
|
@ -37,8 +37,13 @@
|
|
|
|
|
<view>
|
|
|
|
|
<view class="imgs" >
|
|
|
|
|
<view :class="info.status!=1?'isuse':''">
|
|
|
|
|
<img v-if="info.status!=1" src="../../static/img/used.png" alt="">
|
|
|
|
|
<canvas canvas-id="qrcode" style="width: 360rpx;height:350rpx;margin: 0 auto;" />
|
|
|
|
|
<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image>
|
|
|
|
|
<!-- <img v-if="info.status!=1" src="../../static/img/used.png" alt=""> -->
|
|
|
|
|
<canvas canvas-id='qrcode' style="width: 360rpx;height:350rpx;margin: 0 auto;">
|
|
|
|
|
<cover-view v-if="showview">
|
|
|
|
|
</cover-view>
|
|
|
|
|
</canvas>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
@ -49,8 +54,13 @@
|
|
|
|
|
<view>
|
|
|
|
|
<view class="imgs" >
|
|
|
|
|
<view :class="item.status!=1?'isuse':''">
|
|
|
|
|
<img v-if="item.status!=1" src="../../static/img/used.png" alt="">
|
|
|
|
|
<canvas :canvas-id="'qrcode'+index" style="width: 360rpx;height:350rpx;margin: 0 auto;" />
|
|
|
|
|
<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image>
|
|
|
|
|
|
|
|
|
|
<!-- <img v-if="item.status!=1" src="../../static/img/used.png" alt=""> -->
|
|
|
|
|
<canvas :canvas-id="'qrcode'+index" style="width: 360rpx;height:350rpx;margin: 0 auto;">
|
|
|
|
|
<cover-view v-if="showview">
|
|
|
|
|
</cover-view>
|
|
|
|
|
</canvas>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<text class="orderBoxTitleTxt">{{item.name}}</text>
|
|
|
|
|
@ -117,15 +127,36 @@
|
|
|
|
|
return {
|
|
|
|
|
info: {},
|
|
|
|
|
vinfo: {},
|
|
|
|
|
detailsinfo:[]
|
|
|
|
|
detailsinfo:[],
|
|
|
|
|
showview:false,
|
|
|
|
|
timer:null,
|
|
|
|
|
optionid:"",
|
|
|
|
|
timer:null
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
this.loadIntroduce();
|
|
|
|
|
if (!this.util.isNull(options.id)) {
|
|
|
|
|
this.optionid = options.id
|
|
|
|
|
this.loadInfo(options.id);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onShow() {
|
|
|
|
|
var that = this
|
|
|
|
|
this.timer = setInterval(function(){
|
|
|
|
|
that.loadInfo(that.optionid);
|
|
|
|
|
},15000)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onHide() {
|
|
|
|
|
clearInterval(this.timer)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onUnload() {
|
|
|
|
|
clearInterval(this.timer)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
qrFun: function(text,qrcode) {
|
|
|
|
|
var id = "qrcode";
|
|
|
|
|
@ -175,11 +206,18 @@
|
|
|
|
|
that.detailsinfo = res.details;
|
|
|
|
|
if(res.type==1){
|
|
|
|
|
that.qrFun(res.code+"-"+"0");
|
|
|
|
|
setTimeout(function(){
|
|
|
|
|
that.showview = true
|
|
|
|
|
},500)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
if(res.type==2){
|
|
|
|
|
for(var i=0;i<res.details.length;i++){
|
|
|
|
|
that.qrFun(res.code+"-"+res.details[i].code,'qrcode'+i);
|
|
|
|
|
}
|
|
|
|
|
setTimeout(function(){
|
|
|
|
|
that.showview = true
|
|
|
|
|
},500)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
utilFail: function(res) {
|
|
|
|
|
@ -323,7 +361,7 @@
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.imgs image {
|
|
|
|
|
.imgs cover-image {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 200rpx;
|
|
|
|
|
height: 200rpx;
|
|
|
|
|
@ -340,8 +378,10 @@
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-left: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
.imgs .isuse canvas{
|
|
|
|
|
opacity: .4;
|
|
|
|
|
.imgs .isuse cover-view{
|
|
|
|
|
background-color: rgba(255,255,255,0.6);
|
|
|
|
|
width: 360rpx;
|
|
|
|
|
height:350rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|