Merge remote-tracking branch 'origin/master'

jiangping

2024-05-28 d154966cc9492a30c47809aa2824ba61d18e6fef

 h5/pages/appointmentDetails/appointmentDetails.vue

@@ -1,14 +1,16 @@
<template>
   <view class="box">
      <view class="head_wrap head_success" v-if="info.status == 1"> 
    <view class="head_wrap head_success" v-if="info.status == 2">
         <view class="h1">访客预约审核通过</view>
         <view class="h2">您的来访申请已审核通过，请在访客机签到入厂。如遇特殊情况，可联系被访人或安保人员</view>
      <view class="h2"
        >您的来访申请已审核通过，请在访客机签到入厂。如遇特殊情况，可联系被访人或安保人员</view
      >
      </view>
      <view class="qr_wrap" v-if="info.status == 1">
    <view class="qr_wrap" v-if="info.status == 2">
         <canvas class="box_head_qrcode" canvas-id="img"></canvas>
         <view class="text">使用访客机扫码签到</view>
      </view>
      <view class="head_wrap head_padding" v-if="info.status == 2"> 
    <view class="head_wrap head_padding" v-if="info.status == 0">
         <view class="h1">访客预约待审核</view>
         <view class="h2">您的预约单已提交审核，请等待被访人审核</view>
      </view>
@@ -18,10 +20,15 @@
      </view>
      <view class="box_list">
         <view class="box_list_label">拜访信息</view>
         <view class="box_list_tips" v-if="info.status === 2">请注意查看出入门禁下发情况，如若下发失败需重新申请</view>
      <view class="box_list_tips" v-if="info.status == 6 || info.status == 3"
        >请注意查看出入门禁下发情况，如若下发失败需重新申请</view
      >
         <view class="box_list_item">
            <view class="box_list_item_label">被访人员：</view>
            <view class="box_list_item_val">{{info.visitUserName}}</view>
        <view class="box_list_item_val"
          >{{ info.visitUserCompany
          }}{{ info.visitUserName ? "-" + info.visitUserName : "" }}</view
        >
         </view>
         <!-- <view class="box_list_item">
            <view class="box_list_item_label">车牌号：</view>
@@ -36,23 +43,20 @@
            <view class="box_list_item_val">{{info.visitTime}}</view>
         </view>
         <view class="box_list_item">
            <view class="box_list_item_label">访问门禁：</view>
            <view class="box_list_item_val" v-if="info.doorGroupName && info.doorGroupName.length > 0">{{info.doorGroupName.join('、')}}</view>
        <view class="box_list_item_label">访客信息：</view>
        <view class="box_list_item_val">{{ info.name }} {{ info.phone }}</view>
         </view>
         <view class="box_list_item">
            <view class="box_list_item_label">主访客：</view>
            <view class="box_list_item_val">
               {{info.name}} {{info.phone}}
        <view class="box_list_item_label">施工人员：</view>
        <view class="box_list_item_val">{{ info.type == 0 ? '否' : '是'}}</view>
            </view>
         <view class="box_list_item" v-if="info.type == '1'">
        <view class="box_list_item_label">施工内容：</view>
        <view class="box_list_item_val">{{ info.constructionReason}}</view>
         </view>
         <view class="box_list_item" v-for="(item, index) in info.withVisitsList" :key="index">
            <view class="box_list_item_label">随访人员{{index + 1}}：</view>
            <view class="box_list_item_val">
               {{item.name}} {{item.phone}}
               <view class="box_list_item_val_btn" v-if="[2,5,7,8,9].includes(item.status)">
                  <u-button text="查看二维码" size="mini" @click="seeQrCode(item)" type="primary"></u-button>
               </view>
            </view>
      <view class="box_list_item">
        <view class="box_list_item_label">随行车辆：</view>
        <view class="box_list_item_val">{{ info.carNos }}</view>
         </view>
      </view>
      <u-popup :show="show" mode="center" @close="close">
@@ -65,19 +69,17 @@

<script>
   import wxcode from 'uniapp-qrcode'
   import { visitorSubDetail } from '@/api'
import { getVisitedDetail } from '@/api'

   export default {
      data() {
         return {
            info: {
               status: 1
            },
      info: {},
            show: false
         };
    }
      },
      onLoad(option) {
         // this.$u.api.detail({ id: option.id })
    this.getDetail(option.id)
         // visitorSubDetail({ id: option.id })
         //    .then(res => {
         //       if (res.code === 200) {
@@ -89,10 +91,21 @@
         //          }
         //       }
         //    })

      },
      methods: {
         close() {
            this.show = false
    },
    getDetail(id) {
      getVisitedDetail({ id }).then(res => {
        this.info = res.data
        if (res.data.qrcode) {
          this.$nextTick(() => {
            wxcode.qrcode('img', res.data.qrcode, 320, 320)
          })
        }
      })
         },
         seeQrCode(code) {
            if (code.qrcode) {
@@ -132,10 +145,11 @@
         .box_head_qrcode {
            width: 320rpx;
            height: 320rpx;
         margin: 20rpx auto;
         }
         .text{
            font-size: 30rpx;
            color: #279BAA;
      color: #279baa;
            padding: 20rpx 0 30rpx;
         }
      }
@@ -153,27 +167,27 @@
         }
      }   
      .head_padding{
         background: #279BAA;
    background: #279baa;
         .h1{
            color: #FFFFFF;
      color: #ffffff;
         }
         .h2{
            color: #FFFFFF;
      color: #ffffff;
         }
      }
      .head_error{
         background: #FDEDED;
    background: #fdeded;
         .h1{
            color: #ED4545;
      color: #ed4545;
         }
         .h2{
            color: #333333;
         }
      }
      .head_success{
         background: #E8F4F6;
    background: #e8f4f6;
         .h1{
            color: #279BAA;
      color: #279baa;
         }
         .h2{
            color: #333333;
@@ -194,7 +208,7 @@
            background-color: rgba(224, 49, 42, 0.06);
            font-weight: 400;
            font-size: 24rpx;
            color: #E0312A;
      color: #e0312a;
            border-radius: 4rpx;
            margin: 30rpx 0;
         }