|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <view class="box"> | 
|---|
|  |  |  | <view class="box_head"> | 
|---|
|  |  |  | <canvas class="box_head_qrcode" canvas-id="img"></canvas> | 
|---|
|  |  |  | <text class="box_head_a" v-if="info.status === 0">访客预约待审核</text> | 
|---|
|  |  |  | <text class="box_head_a" style="color: ;" v-if="info.status === 2">访客预约审核通过</text> | 
|---|
|  |  |  | <text class="box_head_a" v-if="info.status === 3">访客预约审核不通过</text> | 
|---|
|  |  |  | <text class="box_head_b" v-if="info.status === 0">您的预约单已提交审核,请等待被访人审核</text> | 
|---|
|  |  |  | <text class="box_head_b" v-if="info.status === 2">您的来访申请已审核通过,请在门卫处进行登</text> | 
|---|
|  |  |  | <text class="box_head_b" v-if="info.status === 3">您的来访申请已被驳回,原因是:这是原因</text> | 
|---|
|  |  |  | <canvas class="box_head_qrcode" canvas-id="img" v-if="[2,5,7,8,9].includes(info.status)"></canvas> | 
|---|
|  |  |  | <image class="box_head_logo" src="../../static/logo@2x.png" mode="widthFix" v-else></image> | 
|---|
|  |  |  | <text class="box_head_a" v-if="[0, 1].includes(info.status)">访客预约待审核</text> | 
|---|
|  |  |  | <text class="box_head_a" style="color: #03AF76;" v-if="info.status === 2">访客预约审核通过</text> | 
|---|
|  |  |  | <text class="box_head_a" style="color: #ED4545;" v-if="info.status === 3">访客预约审核不通过</text> | 
|---|
|  |  |  | <text class="box_head_b" v-if="[0, 1].includes(info.status)">您的预约单已提交审核,请等待被访人审核</text> | 
|---|
|  |  |  | <text class="box_head_b" v-if="info.status === 2">您的来访申请已审核通过,请在门卫处进行登记入场 | 
|---|
|  |  |  | 如遇特殊情况,可联系被访人或安保人员</text> | 
|---|
|  |  |  | <text class="box_head_b" v-if="info.status === 3">您的来访申请已被驳回,如有疑问,可联系被访人</text> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="box_list"> | 
|---|
|  |  |  | <view class="box_list_label">拜访信息</view> | 
|---|
|  |  |  | <view class="box_list_tips">请注意查看出入门禁下发情况,如若下发失败需重新申请</view> | 
|---|
|  |  |  | <view class="box_list_tips" v-if="info.status === 2">请注意查看出入门禁下发情况,如若下发失败需重新申请</view> | 
|---|
|  |  |  | <view class="box_list_item"> | 
|---|
|  |  |  | <view class="box_list_item_label">被访人员:</view> | 
|---|
|  |  |  | <view class="box_list_item_val">{{info.visitUserName}}</view> | 
|---|
|  |  |  | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | this.info = res.data | 
|---|
|  |  |  | if (res.data.qrcode) { | 
|---|
|  |  |  | wxcode.qrcode('img', res.data.qrcode, 320, 320) | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | wxcode.qrcode('img', res.data.qrcode, 320, 320) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  | width: 320rpx; | 
|---|
|  |  |  | height: 320rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .box_head_logo { | 
|---|
|  |  |  | width: 220rpx; | 
|---|
|  |  |  | height: 220rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .box_head_a { | 
|---|
|  |  |  | font-size: 36rpx; | 
|---|
|  |  |  | font-weight: 600; | 
|---|
|  |  |  | 
|---|
|  |  |  | font-weight: 400; | 
|---|
|  |  |  | color: #666666; | 
|---|
|  |  |  | margin-top: 24rpx; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .box_list { | 
|---|