|
|
|
|
@ -8,46 +8,59 @@
|
|
|
|
|
|
|
|
|
|
<view class="orderBoxInfo flex-col">
|
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
|
<text class="iconfont icon-youkexuzhi"></text>
|
|
|
|
|
<text class="iconfont icon-shijian"></text>
|
|
|
|
|
<text
|
|
|
|
|
class="orderBoxInfoRowTxt">参观时间:{{timeFormat(info.date, 'MM月DD日')}}{{info.time||""}}</text>
|
|
|
|
|
class="orderBoxInfoRowTxt">参观日期:{{timeFormat(info.date, 'MM月DD日')}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
|
<text class="iconfont icon-shijian"></text>
|
|
|
|
|
<text
|
|
|
|
|
class="orderBoxInfoRowTxt">参观时段:{{info.time||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
|
<text class="iconfont icon-youkexuzhi"></text>
|
|
|
|
|
<text class="orderBoxInfoRowTxt">参观人数:{{info.total||0}}位观众</text></text>
|
|
|
|
|
<text class="iconfont icon-renshu"></text>
|
|
|
|
|
<text class="orderBoxInfoRowTxt">参观人数:{{info.total||0}}</text></text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 20rpx;">
|
|
|
|
|
<text class="iconfont icon-iconfontgerenzhongxin"></text>
|
|
|
|
|
<text class="orderBoxInfoRowTxt">领队:{{info.leader||""}}丨 {{info.mobile||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 20rpx;">
|
|
|
|
|
<text class="iconfont icon-danwei"></text>
|
|
|
|
|
<text class="orderBoxInfoRowTxt">单位名称:{{info.unit||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxTime">
|
|
|
|
|
<text>下单时间:{{info.created_at||""}}</text>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxTitle flex-row">
|
|
|
|
|
<text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫“入馆码”入馆</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxList p0" v-if="false">
|
|
|
|
|
<view class="orderBox">
|
|
|
|
|
<view class="orderBoxTitle flex-row">
|
|
|
|
|
<text class="orderBoxTitleTxt">二维码</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxInfo flex-col ewmcode">
|
|
|
|
|
<text>{{info.code}}</text>
|
|
|
|
|
<view>
|
|
|
|
|
<view :class="item.status!=1?'imgs isuse':'imgs'">
|
|
|
|
|
<canvas canvas-id="qrcode" style="width: 300rpx;margin: 0 auto;" />
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxList p0">
|
|
|
|
|
<view class="orderBox">
|
|
|
|
|
<view v-if="info.type==1" class="orderBoxInfo flex-col ewmcode">
|
|
|
|
|
<text>入馆码:{{info.code}}-0</text>
|
|
|
|
|
<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: 300rpx;margin: 0 auto;" />
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="info.type==2" class="orderBoxInfo flex-col ewmcode" :key='index' v-for="(item,index) in detailsinfo">
|
|
|
|
|
<text>入馆码:{{info.code}}-{{item.code}}</text>
|
|
|
|
|
<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: 300rpx;margin: 0 auto;" />
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<text class="orderBoxTitleTxt">{{item.name}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxList p0">
|
|
|
|
|
<!-- <view class="orderBoxList p0">
|
|
|
|
|
<view class="orderBox">
|
|
|
|
|
<view class="orderBoxTitle flex-row" style="justify-content: space-between;">
|
|
|
|
|
<text class="orderBoxTitleTxt">观众信息</text>
|
|
|
|
|
@ -69,8 +82,21 @@
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view>
|
|
|
|
|
<view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 25rpx;">
|
|
|
|
|
<!-- <text class="iconfont icon-iconfontgerenzhongxin"></text> -->
|
|
|
|
|
<text class="orderBoxInfoRowTxt">领队人:{{info.leader||""}}丨 {{info.mobile||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 20rpx;">
|
|
|
|
|
<!-- <text class="iconfont icon-danwei"></text> -->
|
|
|
|
|
<text class="orderBoxInfoRowTxt">单位名称:{{info.unit||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxInfoRow flex-row" style="margin-top: 20rpx">
|
|
|
|
|
<text class="orderBoxInfoRowTxt">下单时间:{{info.created_at||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxList p0">
|
|
|
|
|
<view class="orderBoxList orderBoxListTip">
|
|
|
|
|
<view class="orderBoxTitle flex-row">
|
|
|
|
|
<text class="stars orderBoxTitleTxt">*</text>
|
|
|
|
|
<text class="orderBoxTitleTxt">参观须知</text>
|
|
|
|
|
@ -88,7 +114,8 @@
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
info: {},
|
|
|
|
|
vinfo: {}
|
|
|
|
|
vinfo: {},
|
|
|
|
|
detailsinfo:[]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
@ -98,21 +125,25 @@
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
qrFun: function(text) {
|
|
|
|
|
uQRCode.make({
|
|
|
|
|
canvasId: 'qrcode',
|
|
|
|
|
componentInstance: this,
|
|
|
|
|
text: text,
|
|
|
|
|
size: 150,
|
|
|
|
|
margin: 0,
|
|
|
|
|
backgroundColor: '#ffffff',
|
|
|
|
|
foregroundColor: '#000000',
|
|
|
|
|
fileType: 'jpg',
|
|
|
|
|
errorCorrectLevel: uQRCode.errorCorrectLevel.H,
|
|
|
|
|
success: res => {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
qrFun: function(text,qrcode) {
|
|
|
|
|
var id = "qrcode";
|
|
|
|
|
if(qrcode){
|
|
|
|
|
id = qrcode
|
|
|
|
|
}
|
|
|
|
|
uQRCode.make({
|
|
|
|
|
canvasId: id,
|
|
|
|
|
componentInstance: this,
|
|
|
|
|
text: text,
|
|
|
|
|
size: 140,
|
|
|
|
|
margin: 10,
|
|
|
|
|
backgroundColor: '#ffffff',
|
|
|
|
|
foregroundColor: '#000000',
|
|
|
|
|
fileType: 'jpg',
|
|
|
|
|
errorCorrectLevel: uQRCode.errorCorrectLevel.H,
|
|
|
|
|
success: res => {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
loadIntroduce() {
|
|
|
|
|
var that = this;
|
|
|
|
|
@ -139,7 +170,15 @@
|
|
|
|
|
},
|
|
|
|
|
utilSuccess: function(res) {
|
|
|
|
|
that.info = res;
|
|
|
|
|
that.qrFun(res.code);
|
|
|
|
|
that.detailsinfo = res.details;
|
|
|
|
|
if(res.type==1){
|
|
|
|
|
that.qrFun(res.code+"-"+"0");
|
|
|
|
|
}
|
|
|
|
|
if(res.type==2){
|
|
|
|
|
for(var i=0;i<res.details.length;i++){
|
|
|
|
|
that.qrFun(res.code+"-"+res.details[i].code,'qrcode'+i);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
utilFail: function(res) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
@ -174,7 +213,7 @@
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #6EAC97;
|
|
|
|
|
margin-right: 20rpx;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
font-size: 35rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.infotop {
|
|
|
|
|
@ -187,12 +226,22 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.orderBoxList {
|
|
|
|
|
padding: 26rpx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 26rpx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
background: #fff;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.orderBoxListTip{
|
|
|
|
|
background: none;
|
|
|
|
|
border-radius: 0rpx;
|
|
|
|
|
padding: 26rpx 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.orderBoxListTip .orderBoxTitle{
|
|
|
|
|
padding-bottom:10rpx
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content_box {
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
/* background: #FFFFFF; */
|
|
|
|
|
border-radius: 16rpx;
|
|
|
|
|
margin: 30rpx 27rpx;
|
|
|
|
|
}
|
|
|
|
|
@ -207,7 +256,8 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.orderBoxInfoRow {
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin:10rpx
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.orderBoxTitleTxt {
|
|
|
|
|
@ -228,13 +278,13 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.orderBoxInfo {
|
|
|
|
|
padding: 29rpx 0rpx;
|
|
|
|
|
/* padding: 29rpx 0rpx; */
|
|
|
|
|
border-bottom: 2rpx solid #F7F6F4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.orderBoxInfoRowTxt {
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
font-size: 30rpx!important;
|
|
|
|
|
font-family: PingFang SC;
|
|
|
|
|
color: #828282;
|
|
|
|
|
}
|
|
|
|
|
@ -246,38 +296,50 @@
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.p0 {
|
|
|
|
|
padding-top: 0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ewmcode {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 28rpx
|
|
|
|
|
.p0 {
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
border-left:32rpx solid #ef9525
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ewmcode {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
margin-left: 30rpx;
|
|
|
|
|
padding-bottom:0;
|
|
|
|
|
padding-top: 30rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgs {
|
|
|
|
|
width: 273rpx;
|
|
|
|
|
height: 273rpx;
|
|
|
|
|
margin: 30rpx 0 50rpx 0;
|
|
|
|
|
.imgs {
|
|
|
|
|
margin: 30rpx 0 0rpx 0;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgs view{
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgs image {
|
|
|
|
|
width: 273rpx;
|
|
|
|
|
height: 273rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgs.isuse {
|
|
|
|
|
background: url(../../static/img/used.png);
|
|
|
|
|
background-position: bottom right;
|
|
|
|
|
background-size: 161rpx;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 120rpx;
|
|
|
|
|
height: 120rpx;
|
|
|
|
|
z-index: 999;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
right: 67rpx;
|
|
|
|
|
bottom: 39rpx;
|
|
|
|
|
}
|
|
|
|
|
.imgs canvas{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
.imgs text{
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgs.isuse image {
|
|
|
|
|
.imgs .isuse canvas{
|
|
|
|
|
opacity: .4;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ewminfo {
|
|
|
|
|
color: #828282;
|
|
|
|
|
|