master
lion 3 years ago
parent a47da0ea72
commit c227e83911

@ -22,7 +22,11 @@
},
methods: {
goBack(){
uni.switchTab({
url: "/pages/index/index"
})
}
}
}
</script>

@ -32,8 +32,12 @@
<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>
@ -44,8 +48,15 @@
<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>
@ -99,14 +110,32 @@
data() {
return {
info: {},
detailsinfo:[]
detailsinfo:[],
showview:false,
optionid:"",
timers:""
}
},
onLoad(options) {
if (!this.util.isNull(options.id)) {
if (!this.util.isNull(options.id)) {
this.optionid = options.id
this.loadInfo(options.id);
}
},
onShow() {
var that = this
this.timers = setInterval(function(){
that.loadInfo(that.optionid);
},15000)
},
onHide() {
clearInterval(this.timers)
},
onUnload() {
clearInterval(this.timers)
},
methods: {
qrFun: function(text,qrcode) {
@ -141,11 +170,19 @@
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)
}
@ -294,7 +331,7 @@
display: inline-block;
margin-bottom: 20rpx;
}
.imgs image {
.imgs cover-image {
position: absolute;
width: 200rpx;
height: 200rpx;
@ -311,8 +348,11 @@
display: inline-block;
margin-left: 40rpx;
}
.imgs .isuse canvas{
opacity: .4;
.imgs .isuse cover-view{
/* opacity: .4; */
background-color: rgba(255,255,255,0.6);
width: 360rpx;
height:350rpx;
}
.ewminfo {

@ -10,7 +10,7 @@
<view class="orderBox" :class="{'cancelBox':item.status==0}" @click="toinfo(item.id)">
<view class="orderBoxTitle flex-row">
<text class="orderBoxTitleTxt">{{item.type==1?"团队预约":"个人预约"}}</text>
<view :class="item.status==2?'orderBoxStatus cancelStatus':'orderBoxStatus'">{{item.status_name}}
<view :class="item.status!=1?'orderBoxStatus cancelStatus':'orderBoxStatus'">{{item.status_name}}
</view>
</view>

@ -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)) {
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;
}

@ -3,7 +3,7 @@
<view class="content">
<u-icon name="checkmark-circle" size="90" color="#EF9525"></u-icon>
<view class="h3">您已经预约成功</view>
<view class="h3">您已经{{option}}成功</view>
<view class="p">即将跳转到{{tips}} {{time}} s</view>
</view>
<view class="pinkBtn" @click="goHome"></view>
@ -15,7 +15,8 @@
data() {
return {
tips: "参观预约",
time: 3
time: 3,
option:"预约"
}
},
onLoad(options) {
@ -32,7 +33,8 @@
this.tips = "车位预约";
url = "/pages/order/parkorderinfo?id=" + options.id
} else if (options.from == "feed") {
this.tips = "首页";
this.tips = "首页";
this.option = "提交"
url = ""
}

@ -92,7 +92,6 @@
</view>
<view class="box-visitor">
<block v-for="(item,index) in form.details_list" :key="index">
<view class="box-visitor-item">
<view class="box-visitor-item-left">
<u-icon name="minus-circle" size="22" color="#828282" @click="delUser(index)">

Loading…
Cancel
Save