jiangping
2024-02-29 8b00bff78ba86989df613fcc7b09e7f64e135a52
h5/pages/appointmentDetails/appointmentDetails.vue
@@ -1,17 +1,19 @@
<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>
@@ -72,7 +74,9 @@
               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)
                     })
                  }
               }
            })
@@ -126,6 +130,10 @@
            width: 320rpx;
            height: 320rpx;
         }
         .box_head_logo {
            width: 220rpx;
            height: 220rpx;
         }
         .box_head_a {
            font-size: 36rpx;
            font-weight: 600;
@@ -137,6 +145,7 @@
            font-weight: 400;
            color: #666666;
            margin-top: 24rpx;
            text-align: center;
         }
      }
      .box_list {