wangyifang
/
szgb-book-wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
master
刘翔宇-旅管家 3 years ago
parent 521fe03eb6
commit 76086c3682
1 changed files with 209 additions and 197 deletions
Show Stats Download Patch File Download Diff File

406
pages/order/visitorderinfo.vue
Unescape View File

@ -9,73 +9,76 @@
<view class="orderBoxInfo flex-col">
<view class="orderBoxInfoRow flex-row">
<text class="iconfont icon-shijian"></text>
<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>
<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-renshu"></text>
<text class="orderBoxInfoRowTxt">参观人数：{{info.total||0}}</text></text>
</view>
</view>
</view>
</view>
<view class="orderBoxTitle flex-row">
<text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫“入馆码”入馆</text>
</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':''">
<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>
<!-- <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':''">
<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>
<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>
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
</view>
</view>
<view class="orderBoxTitle flex-row">
<text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫“入馆码”入馆</text>
</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':''">
<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>
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
</view>
<block v-if="info.type==2">
<view 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':''">
<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>
<view class="orderBoxTitleTxt" style="font-size: 28rpx;" v-if="item.is_open==1">
可凭二维码或者身份证入场馆
</view>
<view style="font-size: 28rpx;" class="orderBoxTitleTxt" v-if="item.is_open==0">
可凭二维码入场馆
</view>
</view>
<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
</view>
</block>
</view>
</view>
<!-- <view class="orderBoxList p0">
<view class="orderBox">
@ -99,21 +102,21 @@
</view>
</view>
</view>
</view> -->
<view>
<view class="orderBoxInfoRow flex-row" style="margin-top: 25rpx;">
<!-- <text class="iconfont icon-iconfontgerenzhongxin"></text> -->
<text v-if="info.type==1" class="orderBoxInfoRowTxt">领队人：{{info.leader||""}}丨 {{info.mobile||""}}</text>
<text v-if="info.type==2" class="orderBoxInfoRowTxt">联系方式：{{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>
<view class="orderBoxInfoRow flex-row" style="margin-top: 25rpx;">
<!-- <text class="iconfont icon-iconfontgerenzhongxin"></text> -->
<text v-if="info.type==1" class="orderBoxInfoRowTxt">领队人：{{info.leader||""}}丨 {{info.mobile||""}}</text>
<text v-if="info.type==2" class="orderBoxInfoRowTxt">联系方式：{{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 orderBoxListTip">
<view class="orderBoxTitle flex-row">
@ -121,7 +124,7 @@
<text class="orderBoxTitleTxt">参观须知</text>
</view>
<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>
@ -133,57 +136,57 @@
data() {
return {
info: {},
vinfo: {},
detailsinfo:[],
showview:false,
timer:null,
optionid:"",
timer:null
vinfo: {},
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);
},4000)
},
onHide() {
clearInterval(this.timer)
},
onUnload() {
clearInterval(this.timer)
},
},
onShow() {
var that = this
this.timer = setInterval(function() {
that.loadInfo(that.optionid);
}, 4000)
},
onHide() {
clearInterval(this.timer)
},
onUnload() {
clearInterval(this.timer)
},
methods: {
qrFun: function(text,qrcode) {
var id = "qrcode";
if(qrcode){
id = qrcode
}
uQRCode.make({
canvasId: id,
componentInstance: this,
text: text,
size: 200,
// margin: 10,
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: 200,
// margin: 10,
backgroundColor: '#ffffff',
foregroundColor: '#000000',
fileType: 'jpg',
errorCorrectLevel: uQRCode.errorCorrectLevel.H,
success: res => {
}
})
},
loadIntroduce() {
var that = this;
@ -210,24 +213,24 @@
},
utilSuccess: function(res) {
that.info = res;
that.detailsinfo = res.details;
if(res.status!=1){
clearInterval(that.timer)
}
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)
that.detailsinfo = res.details;
if (res.status != 1) {
clearInterval(that.timer)
}
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) {
@ -276,18 +279,20 @@
}
.orderBoxList {
padding: 26rpx;
box-sizing: border-box;
background: #fff;
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
}
.orderBoxListTip {
background: none;
border-radius: 0rpx;
padding: 26rpx 10rpx;
}
.orderBoxListTip .orderBoxTitle {
padding-bottom: 10rpx
}
.content_box {
@ -306,8 +311,8 @@
}
.orderBoxInfoRow {
align-items: center;
margin:10rpx
align-items: center;
margin: 10rpx
}
.orderBoxTitleTxt {
@ -334,7 +339,7 @@
.orderBoxInfoRowTxt {
font-size: 30rpx!important;
font-size: 30rpx !important;
font-family: PingFang SC;
color: #828282;
}
@ -346,59 +351,66 @@
font-size: 24rpx;
}
.p0 {
padding-top: 0;
border-left:32rpx solid #ef9525
}
.ewmcode {
text-align: center;
font-size: 28rpx;
text-align: left;
font-size: 28rpx;
margin-left: 18rpx;
padding-bottom:0;
padding-top: 30rpx;
}
.imgs {
.p0 {
padding-top: 0;
border-left: 32rpx solid #ef9525
}
.ewmcode {
text-align: center;
font-size: 28rpx;
text-align: left;
font-size: 28rpx;
margin-left: 18rpx;
padding-bottom: 0;
padding-top: 30rpx;
}
.imgs {
margin: 30rpx 0 0rpx 0;
font-size: 0;
display: inline-block;
}
.imgs view{
position: relative;
display: inline-block;
margin-bottom: 20rpx;
}
.imgs view {
position: relative;
display: inline-block;
margin-bottom: 20rpx;
}
.imgs cover-image {
position: absolute;
width: 200rpx;
height: 200rpx;
z-index: 999;
opacity: 1;
right: 0rpx;
bottom: 0rpx;
}
.imgs canvas{
display: inline-block;
vertical-align: middle;
}
.imgsname{
display: inline-block;
text-align: center;
margin-left: 15rpx;
}
.imgs text{
display: block;
/* margin-left: 40rpx; */
}
.imgs .isuse cover-view{
background-color: rgba(255,255,255,0.6);
width: 360rpx;
height:350rpx;
}
position: absolute;
width: 200rpx;
height: 200rpx;
z-index: 999;
opacity: 1;
right: 0rpx;
bottom: 0rpx;
}
.imgs canvas {
display: inline-block;
vertical-align: middle;
}
.imgsname {
display: inline-block;
text-align: center;
margin-left: 15rpx;
flex: 1;
}
.imgs text {
display: block;
/* margin-left: 40rpx; */
}
.imgs .isuse cover-view {
background-color: rgba(255, 255, 255, 0.6);
width: 360rpx;
height: 350rpx;
}
.ewminfo {
color: #828282;

Write Preview
Loading…
Cancel
Save