Browse Source

add id1001365 次卡多次进出需求

privacy
刘嘉炜 1 year ago
parent
commit
ae3a21bae5
  1. 155
      src/subpackage/device/components/order/reservation_people_detail/reservation_people_detail.vue
  2. BIN
      src/subpackage/device/static/images/circular_arrow.png

155
src/subpackage/device/components/order/reservation_people_detail/reservation_people_detail.vue

@ -63,18 +63,42 @@
</view>
<view class="rb-code">
<view class="rc-item" v-for="(e,i) in orderInfo.sessions" :key="i">
<view class="ri-tit">验证码{{i+1}}</view>
<view class="ri-section">
<view :class="['rs-view',e.status==1?'rs-active':'']">
<view>{{e.verify_code || '-'}} ({{zh_verify_status(e.status)}})</view>
<view class="s-btn" v-if="e.is_recovery" @click="recoverBtn(e)">恢复</view>
<view class="ri-container">
<view class="ri-tit">验证码{{i+1}}</view>
<view class="ri-section">
<view :class="['rs-view',e.status==1?'rs-active':'']">
<view>{{e.verify_code || '-'}} ({{zh_verify_status(e.status)}})</view>
<view class="s-btn" v-if="e.is_recovery" @click="recoverBtn(e)">恢复</view>
</view>
<block v-if="e.status==2">
<block v-if="filterVerifyRecord(e).length> 0">
<block v-for="(k, j) in filterVerifyRecord(e)" :key="j">
<view class="rs-record" v-if="isShowEnterRecord ? true : j == 0">
<view class="rs-view"><view>核销方式{{ k.verify_desc || '-' }}</view></view>
<view class="rs-view"><view>核销时间{{ k.verify_time || '-' }}</view></view>
<view class="rs-view"><view>离场方式{{ k.verify_leave_desc || '-' }}</view></view>
<view class="rs-view"><view>离场时间{{ k.verify_leave_time || '-' }}</view></view>
</view>
</block>
</block>
<view class="rs-record" v-else>
<view class="rs-view"><view>核销方式{{ e.verify_desc || '-' }}</view></view>
<view class="rs-view"><view>核销时间{{ e.verify_time || '-' }}</view></view>
<view class="rs-view"><view>离场方式{{ e.verify_leave_desc || '-' }}</view></view>
<view class="rs-view"><view>离场时间{{ e.verify_leave_time || '-' }}</view></view>
</view>
</block>
</view>
<block v-if="e.status==2">
<view class="rs-view"><view>核销方式{{e.verify_desc || '-'}}</view></view>
<view class="rs-view"><view>核销时间{{e.verify_time || '-'}}</view></view>
<view class="rs-view"><view>离场方式{{e.verify_leave_desc || '-'}}</view></view>
<view class="rs-view"><view>离场时间{{e.verify_leave_time || '-'}}</view></view>
</block>
</view>
<view
class="ri-bar"
@click="isShowEnterRecord = !isShowEnterRecord"
v-if="filterVerifyRecord(e).length > 1"
>
<view class="rb-txt">{{ isShowEnterRecord ? '收起' : '查看全部进场记录' }}</view>
<image :class="['rb-icon', isShowEnterRecord ? 'rb-active' : '']" mode="aspectFit" src="/subpackage/device/static/images/circular_arrow.png"></image>
</view>
</view>
</view>
@ -330,9 +354,16 @@ export default {
storehouseList: [], //
iccardList: [], //ic
sucInfo: {}, //IC
// 20230823 ID1001365
isShowEnterRecord: false,
};
},
methods:{
filterVerifyRecord(e){
if(e?.many_enter_record?.length === -1)return [];
return e?.many_enter_record?.filter(e=>e.verify_type != 0) || [];
},
verifyBtn(){
this.$emit('verify');
},
@ -671,46 +702,82 @@ export default {
}
.rb-code{
.rc-item{
display: flex;
justify-content: flex-start;
margin-top: 24rpx;
.ri-tit{
flex-shrink: 0;
color: #9A9A9D;
font-size: 28rpx;
line-height: 46rpx;
}
.ri-section{
flex-grow: 1;
.rs-view{
display: flex;
align-items: center;
>view:first-child{
min-width: 0;
color: #333333;
font-size: 28rpx;
line-height: 46rpx;
@include textHide(1);
.ri-container{
display: flex;
justify-content: flex-start;
.ri-tit{
flex-shrink: 0;
color: #9A9A9D;
font-size: 28rpx;
line-height: 46rpx;
}
.ri-section{
flex-grow: 1;
.rs-view{
display: flex;
align-items: center;
>view:first-child{
min-width: 0;
color: #333333;
font-size: 28rpx;
line-height: 46rpx;
@include textHide(1);
}
.s-btn{
flex-shrink: 0;
margin-left: 10upx;
padding: 0 18upx;
height: 44upx;
line-height: 44upx;
font-size: 28upx;
border-radius: 10upx;
background-color: #68C43B;
color: #fff;
}
}
.s-btn{
flex-shrink: 0;
margin-left: 10upx;
padding: 0 18upx;
height: 44upx;
line-height: 44upx;
font-size: 28upx;
border-radius: 10upx;
background-color: #68C43B;
color: #fff;
.rs-active{
>view:first-child{
font-weight: 500;
color: #009874;
}
}
.rs-record{
padding: 20upx 0;
.rs-view{
>view{
line-height: 44upx;
color: #9C9C9F;
}
}
&:not(:last-child){
border-bottom: 1px solid #F2F2F7;
}
}
}
.rs-active{
>view:first-child{
font-weight: 500;
color: #009874;
}
.ri-bar{
margin-top: 10upx;
border-top: 1px solid #F2F2F7;
border-bottom: 1px solid #F2F2F7;
height: 80upx;
@include centerFlex(center);
.rb-txt{
font-size: 24upx;
color: #9a9a9d;
}
.rb-icon{
margin-left: 10upx;
flex-shrink: 0;
width: 24upx;
height: 24upx;
transform: rotateZ(90deg);
&.rb-active{
transform: rotateZ(-90deg);
}
}
}
}
}
.rb-name{

BIN
src/subpackage/device/static/images/circular_arrow.png

After

Width: 24  |  Height: 24  |  Size: 279 B

Loading…
Cancel
Save