lion 4 years ago
parent 970ba422e5
commit 89f92ee837

@ -22,30 +22,30 @@
</view> </view>
</view> </view>
<view class="orderBoxTitle flex-row"> <view class="orderBoxTitle flex-row">
<text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫入馆码入馆</text> <text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫活动码入场</text>
</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':''">
<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: 300rpx;margin: 0 auto;" /> <canvas canvas-id="qrcode" style="width: 360rpx;height:350rpx;margin: 0 auto;" />
</view> </view>
</view> </view>
</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"> <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> <text>{{info.code}}-{{item.code}}</text>
<view> <view>
<view class="imgs" > <view class="imgs" >
<view :class="item.status!=1?'isuse':''"> <view :class="item.status!=1?'isuse':''">
<img v-if="item.status!=1" src="../../static/img/used.png" alt=""> <img v-if="item.status!=1" src="../../static/img/used.png" alt="">
<canvas :canvas-id="'qrcode'+index" style="width: 300rpx;margin: 0 auto;" /> <canvas :canvas-id="'qrcode'+index" style="width: 360rpx;height:350rpx;margin: 0 auto;" />
</view> </view>
<text class="orderBoxTitleTxt">{{item.name}}</text> <text class="orderBoxTitleTxt">{{item.name}}</text>
@ -118,8 +118,8 @@
canvasId: id, canvasId: id,
componentInstance: this, componentInstance: this,
text: text, text: text,
size: 140, size: 200,
margin: 10, // margin: 10,
backgroundColor: '#ffffff', backgroundColor: '#ffffff',
foregroundColor: '#000000', foregroundColor: '#000000',
fileType: 'jpg', fileType: 'jpg',
@ -292,15 +292,16 @@
.imgs view{ .imgs view{
position: relative; position: relative;
display: inline-block; display: inline-block;
margin-bottom: 20rpx;
} }
.imgs image { .imgs image {
position: absolute; position: absolute;
width: 120rpx; width: 200rpx;
height: 120rpx; height: 200rpx;
z-index: 999; z-index: 999;
opacity: 1; opacity: 1;
right: 67rpx; right: 0rpx;
bottom: 39rpx; bottom: 0rpx;
} }
.imgs canvas{ .imgs canvas{
display: inline-block; display: inline-block;
@ -308,6 +309,7 @@
} }
.imgs text{ .imgs text{
display: inline-block; display: inline-block;
margin-left: 40rpx;
} }
.imgs .isuse canvas{ .imgs .isuse canvas{
opacity: .4; opacity: .4;

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

@ -38,7 +38,7 @@
<view class="imgs" > <view class="imgs" >
<view :class="info.status!=1?'isuse':''"> <view :class="info.status!=1?'isuse':''">
<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: 300rpx;margin: 0 auto;" /> <canvas canvas-id="qrcode" style="width: 360rpx;height:350rpx;margin: 0 auto;" />
</view> </view>
</view> </view>
</view> </view>
@ -50,7 +50,7 @@
<view class="imgs" > <view class="imgs" >
<view :class="item.status!=1?'isuse':''"> <view :class="item.status!=1?'isuse':''">
<img v-if="item.status!=1" src="../../static/img/used.png" alt=""> <img v-if="item.status!=1" src="../../static/img/used.png" alt="">
<canvas :canvas-id="'qrcode'+index" style="width: 300rpx;margin: 0 auto;" /> <canvas :canvas-id="'qrcode'+index" style="width: 360rpx;height:350rpx;margin: 0 auto;" />
</view> </view>
<text class="orderBoxTitleTxt">{{item.name}}</text> <text class="orderBoxTitleTxt">{{item.name}}</text>
@ -134,8 +134,8 @@
canvasId: id, canvasId: id,
componentInstance: this, componentInstance: this,
text: text, text: text,
size: 140, size: 200,
margin: 10, // margin: 10,
backgroundColor: '#ffffff', backgroundColor: '#ffffff',
foregroundColor: '#000000', foregroundColor: '#000000',
fileType: 'jpg', fileType: 'jpg',
@ -319,15 +319,16 @@
.imgs view{ .imgs view{
position: relative; position: relative;
display: inline-block; display: inline-block;
margin-bottom: 20rpx;
} }
.imgs image { .imgs image {
position: absolute; position: absolute;
width: 120rpx; width: 200rpx;
height: 120rpx; height: 200rpx;
z-index: 999; z-index: 999;
opacity: 1; opacity: 1;
right: 67rpx; right: 0rpx;
bottom: 39rpx; bottom: 0rpx;
} }
.imgs canvas{ .imgs canvas{
display: inline-block; display: inline-block;
@ -335,6 +336,7 @@
} }
.imgs text{ .imgs text{
display: inline-block; display: inline-block;
margin-left: 40rpx;
} }
.imgs .isuse canvas{ .imgs .isuse canvas{
opacity: .4; opacity: .4;

Loading…
Cancel
Save