|
|
|
|
@ -11,10 +11,10 @@
|
|
|
|
|
<text class="iconfont icon-youkexuzhi"></text>
|
|
|
|
|
<text class="orderBoxInfoRowTxt">预约时间：{{info.time||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxInfoRow flex-row" style="margin-bottom: 20rpx;">
|
|
|
|
|
<!-- <view class="orderBoxInfoRow flex-row" style="margin-bottom: 20rpx;">
|
|
|
|
|
<text class="iconfont icon-iconfontgerenzhongxin"></text>
|
|
|
|
|
<text class="orderBoxInfoRowTxt">车牌信息：{{info.plate||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="orderBoxInfoRow flex-row">
|
|
|
|
|
<text class="iconfont icon-iconfontgerenzhongxin"></text>
|
|
|
|
|
<text class="orderBoxInfoRowTxt">联系电话：{{info.mobile||""}}</text>
|
|
|
|
|
@ -22,11 +22,42 @@
|
|
|
|
|
</view>
|
|
|
|
|
<view class="orderBoxTime">
|
|
|
|
|
<text>下单时间：{{info.created_at||""}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view>
|
|
|
|
|
<view class='flex-row justify-between' style="margin: 20rpx;margin-bottom: 0;">
|
|
|
|
|
<text :style="info.status==1?'':'color:#828282'">{{info.plate||''}}</text>
|
|
|
|
|
<text v-if="info.status==1" style='color:#32950b'>{{info.status_name}}</text>
|
|
|
|
|
<text v-else style='color:#828282'>{{info.status_name}}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view style='text-align: center;'>
|
|
|
|
|
<view class="imgs">
|
|
|
|
|
<view :class="info.status!=1?'isuse':''">
|
|
|
|
|
<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image>
|
|
|
|
|
<canvas canvas-id="qrcode" style="width: 170px;height:170px;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>
|
|
|
|
|
|
|
|
|
|
<view class="orderBoxTitle flex-row" style="margin-top: 20rpx;">
|
|
|
|
|
<text class="stars orderBoxTitleTxt">*</text>
|
|
|
|
|
<text class="orderBoxTitleTxt">停车须知</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class=" flex-row" style="margin-top: 20rpx;">
|
|
|
|
|
<rich-text :nodes="notice.value" class="orderBoxInfoRowTxt"></rich-text>
|
|
|
|
|
</view>
|
|
|
|
|
@ -42,7 +73,21 @@
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
info: {},
|
|
|
|
|
notice: {}
|
|
|
|
|
notice: {},
|
|
|
|
|
showview:false,
|
|
|
|
|
statusList: [{
|
|
|
|
|
name: '已取消',
|
|
|
|
|
idx: 0
|
|
|
|
|
}, {
|
|
|
|
|
name: '待完成',
|
|
|
|
|
idx: "1"
|
|
|
|
|
}, {
|
|
|
|
|
name: '已完成',
|
|
|
|
|
idx: "2"
|
|
|
|
|
}, {
|
|
|
|
|
name: '已过期',
|
|
|
|
|
idx: "3"
|
|
|
|
|
}]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
@ -52,7 +97,27 @@
|
|
|
|
|
that.loadInfo(options.id);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
methods: {
|
|
|
|
|
qrFun: function(text, qrcode) {
|
|
|
|
|
var id = "qrcode";
|
|
|
|
|
if (qrcode) {
|
|
|
|
|
id = qrcode
|
|
|
|
|
}
|
|
|
|
|
uQRCode.make({
|
|
|
|
|
canvasId: id,
|
|
|
|
|
componentInstance: this,
|
|
|
|
|
text: text,
|
|
|
|
|
size: 170,
|
|
|
|
|
// margin: 10,
|
|
|
|
|
backgroundColor: '#ffffff',
|
|
|
|
|
foregroundColor: '#000000',
|
|
|
|
|
fileType: 'jpg',
|
|
|
|
|
errorCorrectLevel: uQRCode.errorCorrectLevel.H,
|
|
|
|
|
success: res => {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
loadConfigInfo() {
|
|
|
|
|
var that = this;
|
|
|
|
|
this.util.request({
|
|
|
|
|
@ -80,23 +145,31 @@
|
|
|
|
|
id: id
|
|
|
|
|
},
|
|
|
|
|
utilSuccess: function(res) {
|
|
|
|
|
if (res.visit_order) {
|
|
|
|
|
// if (res.visit_order) {
|
|
|
|
|
|
|
|
|
|
res.time = res.visit_order.date + " " + res.visit_order.time;
|
|
|
|
|
} else {
|
|
|
|
|
if (res.activity_order) {
|
|
|
|
|
// res.time = res.visit_order.date + " " + res.visit_order.time;
|
|
|
|
|
// } else {
|
|
|
|
|
// if (res.activity_order) {
|
|
|
|
|
|
|
|
|
|
res.time = that.$moment(res.activity_order.activity.start_time).format(
|
|
|
|
|
"YYYY-MM-DD HH:mm")+"～"+that.$moment(res.activity_order.activity.end_time).format(
|
|
|
|
|
"HH:mm");
|
|
|
|
|
//res.time = res.activity_order.date + " " + res.activity_order.time;
|
|
|
|
|
}
|
|
|
|
|
// res.time = that.$moment(res.activity_order.activity.start_time).format(
|
|
|
|
|
// "YYYY-MM-DD HH:mm")+"～"+that.$moment(res.activity_order.activity.end_time).format(
|
|
|
|
|
// "HH:mm");
|
|
|
|
|
// //res.time = res.activity_order.date + " " + res.activity_order.time;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// }
|
|
|
|
|
that.statusList.map(item=>{
|
|
|
|
|
if(item.idx==res.status){
|
|
|
|
|
res.status_name = item.name
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
that.qrFun(res.code);
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
that.showview = true
|
|
|
|
|
}, 500)
|
|
|
|
|
that.info = res;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
utilFail: function(res) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
@ -213,29 +286,55 @@
|
|
|
|
|
font-size: 28rpx
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgs {
|
|
|
|
|
width: 273rpx;
|
|
|
|
|
height: 273rpx;
|
|
|
|
|
margin: 30rpx 0 50rpx 0;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgs.isuse image {
|
|
|
|
|
opacity: .4;
|
|
|
|
|
}
|
|
|
|
|
.imgs {
|
|
|
|
|
margin: 30rpx 0 0rpx 0;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.imgs view {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
box-shadow: 2px 2px 8rpx gray;
|
|
|
|
|
padding: 10rpx;
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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 {
|
|
|
|
|
/* opacity: .4; */
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.6);
|
|
|
|
|
width: 170px;
|
|
|
|
|
height: 170px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ewminfo {
|
|
|
|
|
color: #828282;
|
|
|
|
|
@ -272,5 +371,6 @@
|
|
|
|
|
.stars {
|
|
|
|
|
color: #cf995a;
|
|
|
|
|
margin-right: 12rpx
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
