|
|
|
@ -9,13 +9,11 @@
|
|
|
|
<view class="orderBoxInfo flex-col">
|
|
|
|
<view class="orderBoxInfo flex-col">
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
<text class="iconfont icon-shijian"></text>
|
|
|
|
<text class="iconfont icon-shijian"></text>
|
|
|
|
<text
|
|
|
|
<text class="orderBoxInfoRowTxt">参观日期:{{timeFormat(info.date, 'MM月DD日')}}</text>
|
|
|
|
class="orderBoxInfoRowTxt">参观日期:{{timeFormat(info.date, 'MM月DD日')}}</text>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
<text class="iconfont icon-shijian"></text>
|
|
|
|
<text class="iconfont icon-shijian"></text>
|
|
|
|
<text
|
|
|
|
<text class="orderBoxInfoRowTxt">参观时段:{{info.time||""}}</text>
|
|
|
|
class="orderBoxInfoRowTxt">参观时段:{{info.time||""}}</text>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
<text class="iconfont icon-renshu"></text>
|
|
|
|
<text class="iconfont icon-renshu"></text>
|
|
|
|
@ -32,12 +30,12 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="orderBoxList p0">
|
|
|
|
<view class="orderBoxList p0">
|
|
|
|
<view class="orderBox">
|
|
|
|
<view class="orderBox">
|
|
|
|
<view v-if="info.type==1" class="orderBoxInfo flex-col ewmcode">
|
|
|
|
<view v-if="info.type==1" class="orderBoxInfo flex-col ewmcode">
|
|
|
|
<text>入馆码:{{info.code}}-0</text>
|
|
|
|
<text>入馆码:{{info.code}}-0</text>
|
|
|
|
<view>
|
|
|
|
<view>
|
|
|
|
<view class="imgs" >
|
|
|
|
<view class="imgs">
|
|
|
|
<view :class="info.status!=1?'isuse':''">
|
|
|
|
<view :class="info.status!=1?'isuse':''">
|
|
|
|
<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image>
|
|
|
|
<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=""> -->
|
|
|
|
<!-- <img v-if="info.status!=1" src="../../static/img/used.png" alt=""> -->
|
|
|
|
<canvas canvas-id='qrcode' style="width: 360rpx;height:350rpx;margin: 0 auto;">
|
|
|
|
<canvas canvas-id='qrcode' style="width: 360rpx;height:350rpx;margin: 0 auto;">
|
|
|
|
<cover-view v-if="showview">
|
|
|
|
<cover-view v-if="showview">
|
|
|
|
@ -49,32 +47,37 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
|
|
|
|
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view v-if="info.type==2" class="orderBoxInfo flex-col ewmcode" :key='index' v-for="(item,index) in detailsinfo">
|
|
|
|
<block v-if="info.type==2">
|
|
|
|
<text>入馆码:{{info.code}}-{{item.code}}</text>
|
|
|
|
<view class="orderBoxInfo flex-col ewmcode" :key='index' v-for="(item,index) in detailsinfo">
|
|
|
|
<view>
|
|
|
|
<text>入馆码:{{info.code}}-{{item.code}}</text>
|
|
|
|
<view class="imgs" >
|
|
|
|
<view>
|
|
|
|
<view :class="item.status!=1?'isuse':''">
|
|
|
|
<view class="imgs">
|
|
|
|
<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image>
|
|
|
|
<view :class="item.status!=1?'isuse':''">
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<view class="imgsname">
|
|
|
|
|
|
|
|
<text class="orderBoxTitleTxt">{{item.name}}</text>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <img v-if="item.status!=1" src="../../static/img/used.png" alt=""> -->
|
|
|
|
<view class="orderBoxTitleTxt" style="font-size: 28rpx;" v-if="item.is_open==1">
|
|
|
|
<canvas :canvas-id="'qrcode'+index" style="width: 360rpx;height:350rpx;margin: 0 auto;">
|
|
|
|
可凭二维码或者身份证入场馆
|
|
|
|
<cover-view v-if="showview">
|
|
|
|
|
|
|
|
</cover-view>
|
|
|
|
|
|
|
|
</canvas>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="imgsname">
|
|
|
|
<view style="font-size: 28rpx;" class="orderBoxTitleTxt" v-if="item.is_open==0">
|
|
|
|
<text class="orderBoxTitleTxt">{{item.name}}</text>
|
|
|
|
可凭二维码入场馆
|
|
|
|
<text class="orderBoxTitleTxt" style="font-size: 28rpx;" v-if="item.is_open==1">
|
|
|
|
|
|
|
|
可使用身份证
|
|
|
|
|
|
|
|
</text>
|
|
|
|
|
|
|
|
<text style="font-size: 28rpx;" class="orderBoxTitleTxt" v-if="item.is_open==0">
|
|
|
|
|
|
|
|
不可使用身份证
|
|
|
|
|
|
|
|
</text>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
|
|
|
|
</block>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- <view class="orderBoxList p0">
|
|
|
|
<!-- <view class="orderBoxList p0">
|
|
|
|
@ -121,7 +124,7 @@
|
|
|
|
<text class="orderBoxTitleTxt">参观须知</text>
|
|
|
|
<text class="orderBoxTitleTxt">参观须知</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="flex-row" style="margin-top: 10rpx;">
|
|
|
|
<view class="flex-row" style="margin-top: 10rpx;">
|
|
|
|
<text class="orderBoxInfoRowTxt">{{info.type==1?vinfo.person_notice:vinfo.team_notice}}</text>
|
|
|
|
<view class="orderBoxInfoRowTxt" v-html="info.type==1?vinfo.person_notice:vinfo.team_notice"></view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -134,11 +137,11 @@
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
info: {},
|
|
|
|
info: {},
|
|
|
|
vinfo: {},
|
|
|
|
vinfo: {},
|
|
|
|
detailsinfo:[],
|
|
|
|
detailsinfo: [],
|
|
|
|
showview:false,
|
|
|
|
showview: false,
|
|
|
|
timer:null,
|
|
|
|
timer: null,
|
|
|
|
optionid:"",
|
|
|
|
optionid: "",
|
|
|
|
timer:null
|
|
|
|
timer: null
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
onLoad(options) {
|
|
|
|
onLoad(options) {
|
|
|
|
@ -151,9 +154,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
onShow() {
|
|
|
|
onShow() {
|
|
|
|
var that = this
|
|
|
|
var that = this
|
|
|
|
this.timer = setInterval(function(){
|
|
|
|
this.timer = setInterval(function() {
|
|
|
|
that.loadInfo(that.optionid);
|
|
|
|
that.loadInfo(that.optionid);
|
|
|
|
},4000)
|
|
|
|
}, 4000)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
onHide() {
|
|
|
|
onHide() {
|
|
|
|
@ -165,9 +168,9 @@
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
qrFun: function(text,qrcode) {
|
|
|
|
qrFun: function(text, qrcode) {
|
|
|
|
var id = "qrcode";
|
|
|
|
var id = "qrcode";
|
|
|
|
if(qrcode){
|
|
|
|
if (qrcode) {
|
|
|
|
id = qrcode
|
|
|
|
id = qrcode
|
|
|
|
}
|
|
|
|
}
|
|
|
|
uQRCode.make({
|
|
|
|
uQRCode.make({
|
|
|
|
@ -211,23 +214,23 @@
|
|
|
|
utilSuccess: function(res) {
|
|
|
|
utilSuccess: function(res) {
|
|
|
|
that.info = res;
|
|
|
|
that.info = res;
|
|
|
|
that.detailsinfo = res.details;
|
|
|
|
that.detailsinfo = res.details;
|
|
|
|
if(res.status!=1){
|
|
|
|
if (res.status != 1) {
|
|
|
|
clearInterval(that.timer)
|
|
|
|
clearInterval(that.timer)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(res.type==1){
|
|
|
|
if (res.type == 1) {
|
|
|
|
that.qrFun(res.code+"-"+"0");
|
|
|
|
that.qrFun(res.code + "-" + "0");
|
|
|
|
setTimeout(function(){
|
|
|
|
setTimeout(function() {
|
|
|
|
that.showview = true
|
|
|
|
that.showview = true
|
|
|
|
},500)
|
|
|
|
}, 500)
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(res.type==2){
|
|
|
|
if (res.type == 2) {
|
|
|
|
for(var i=0;i<res.details.length;i++){
|
|
|
|
for (var i = 0; i < res.details.length; i++) {
|
|
|
|
that.qrFun(res.code+"-"+res.details[i].code,'qrcode'+i);
|
|
|
|
that.qrFun(res.code + "-" + res.details[i].code, 'qrcode' + i);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
setTimeout(function(){
|
|
|
|
setTimeout(function() {
|
|
|
|
that.showview = true
|
|
|
|
that.showview = true
|
|
|
|
},500)
|
|
|
|
}, 500)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
utilFail: function(res) {
|
|
|
|
utilFail: function(res) {
|
|
|
|
@ -281,13 +284,15 @@
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.orderBoxListTip{
|
|
|
|
|
|
|
|
|
|
|
|
.orderBoxListTip {
|
|
|
|
background: none;
|
|
|
|
background: none;
|
|
|
|
border-radius: 0rpx;
|
|
|
|
border-radius: 0rpx;
|
|
|
|
padding: 26rpx 10rpx;
|
|
|
|
padding: 26rpx 10rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.orderBoxListTip .orderBoxTitle{
|
|
|
|
|
|
|
|
padding-bottom:10rpx
|
|
|
|
.orderBoxListTip .orderBoxTitle {
|
|
|
|
|
|
|
|
padding-bottom: 10rpx
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.content_box {
|
|
|
|
.content_box {
|
|
|
|
@ -307,7 +312,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
.orderBoxInfoRow {
|
|
|
|
.orderBoxInfoRow {
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
margin:10rpx
|
|
|
|
margin: 10rpx
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.orderBoxTitleTxt {
|
|
|
|
.orderBoxTitleTxt {
|
|
|
|
@ -334,7 +339,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.orderBoxInfoRowTxt {
|
|
|
|
.orderBoxInfoRowTxt {
|
|
|
|
font-size: 30rpx!important;
|
|
|
|
font-size: 30rpx !important;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
color: #828282;
|
|
|
|
color: #828282;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -348,7 +353,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
.p0 {
|
|
|
|
.p0 {
|
|
|
|
padding-top: 0;
|
|
|
|
padding-top: 0;
|
|
|
|
border-left:32rpx solid #ef9525
|
|
|
|
border-left: 32rpx solid #ef9525
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ewmcode {
|
|
|
|
.ewmcode {
|
|
|
|
@ -357,46 +362,53 @@
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
margin-left: 18rpx;
|
|
|
|
margin-left: 18rpx;
|
|
|
|
padding-bottom:0;
|
|
|
|
padding-bottom: 0;
|
|
|
|
padding-top: 30rpx;
|
|
|
|
padding-top: 30rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgs {
|
|
|
|
|
|
|
|
|
|
|
|
.imgs {
|
|
|
|
margin: 30rpx 0 0rpx 0;
|
|
|
|
margin: 30rpx 0 0rpx 0;
|
|
|
|
font-size: 0;
|
|
|
|
font-size: 0;
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imgs view{
|
|
|
|
.imgs view {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imgs cover-image {
|
|
|
|
.imgs cover-image {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
width: 200rpx;
|
|
|
|
width: 200rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
z-index: 999;
|
|
|
|
z-index: 999;
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
right: 0rpx;
|
|
|
|
right: 0rpx;
|
|
|
|
bottom: 0rpx;
|
|
|
|
bottom: 0rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgs canvas{
|
|
|
|
|
|
|
|
|
|
|
|
.imgs canvas {
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgsname{
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
.imgsname {
|
|
|
|
text-align: center;
|
|
|
|
display: inline-block;
|
|
|
|
margin-left: 15rpx;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
margin-left: 15rpx;
|
|
|
|
|
|
|
|
flex: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgs text{
|
|
|
|
|
|
|
|
|
|
|
|
.imgs text {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
/* margin-left: 40rpx; */
|
|
|
|
/* margin-left: 40rpx; */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgs .isuse cover-view{
|
|
|
|
|
|
|
|
background-color: rgba(255,255,255,0.6);
|
|
|
|
.imgs .isuse cover-view {
|
|
|
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.6);
|
|
|
|
width: 360rpx;
|
|
|
|
width: 360rpx;
|
|
|
|
height:350rpx;
|
|
|
|
height: 350rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|