From 12e8eb9e345adea19972c34df471b28b51fa71dd Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期二, 21 五月 2024 15:34:11 +0800
Subject: [PATCH] 代码初始化

---
 admin/src/components/business/OperaVisitsDesWindow.vue |   52 +++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/admin/src/components/business/OperaVisitsDesWindow.vue b/admin/src/components/business/OperaVisitsDesWindow.vue
index 706aa05..07d7420 100644
--- a/admin/src/components/business/OperaVisitsDesWindow.vue
+++ b/admin/src/components/business/OperaVisitsDesWindow.vue
@@ -1,23 +1,29 @@
 <template>
     <GlobalWindow
         :title="title"
-        width="60%"
+        width="70%"
         :visible.sync="visible"
+        append-to-body
         :confirm-working="isWorking"
         @confirm="confirm"
     >
         <div class="list">
             <div class="list_item">
                 <div class="list_item_label">鎷滆淇℃伅</div>
-                <div class="list_item_val" v-if="info">
+                <div class="list_item_val" v-if="info" style="display: inline-block">
                     <div class="list_item_val_item">鎷滆瀵规柟锛歿{info.receptMemberName}} - {{info.receptMemberDepartment}}</div>
-                    <div class="list_item_val_item">鎷滆鏃堕棿锛歿{info.starttime}} 鑷� {{info.endtime}}</div>
+                    <div class="list_item_val_item">棰勭害鏃堕棿锛歿{info.starttime}} 鑷� {{info.endtime}}</div>
+                    <div class="list_item_val_item" v-if="info.inDate && info.outDate">绛惧埌鏃堕棿锛歿{info.inDate}} 鑷� {{info.outDate}}</div>
+                    <div class="list_item_val_item" v-else>绛惧埌鏃堕棿锛�-</div>
                     <div class="list_item_val_item">鎷滆浜嬬敱锛歿{info.reason}}</div>
                     <div class="list_item_val_item">鐢宠浜哄憳锛歿{info.name}} {{info.companyName}}</div>
-                    <div class="list_item_val_item">鐢宠闂ㄧ锛歿{info.deviceRoleList ? info.deviceRoleList.map(item => item.name).join(' | ') : ''}}</div>
+                    <div class="list_item_val_item">鐢宠闂ㄧ锛歿{info.deviceRoleList ? info.deviceRoleList.map(item => item.name).join(' | ') : '-'}}</div>
                     <div class="list_item_val_item">鍒涘缓鏃堕棿锛歿{info.createDate}}</div>
                 </div>
-            </div>
+                <div class="list_item_val" v-if="info" style="display: inline-block;float: right">
+                  <div class="list_item_val_item"   id="qrcode2" ref="qrcode2"></div>
+                </div>
+              </div>
             <div class="list_item">
                 <div class="list_item_label">璁垮淇℃伅</div>
                 <div class="list_item_table" v-if="info">
@@ -83,12 +89,19 @@
                         <el-table-column
                             width="150"
                             prop="companyName"
-                            label="鍏徃">
+                            label="缁勭粐">
                         </el-table-column>
                         <el-table-column
                             width="150"
                             prop="carNos"
                             label="闅忚杞﹁締">
+                        </el-table-column>
+                        <el-table-column
+                            width="150"
+                            label="璁垮浜岀淮鐮�">
+                            <template slot-scope="{row}">
+                              <div   :id="`qrcode${row.id}`" :ref="`qrcode${row.id}`"></div>
+                            </template>
                         </el-table-column>
                         <el-table-column
                             width="150"
@@ -139,6 +152,7 @@
 import BaseOpera from '@/components/base/BaseOpera'
 import GlobalWindow from '@/components/common/GlobalWindow'
 import { queryById } from '@/api/business/visits'
+import QRCode from "qrcodejs2";
 export default {
   name: 'OperaVisitsWindow',
   extends: BaseOpera,
@@ -146,8 +160,11 @@
   data () {
     return {
       list: [],
-      info: null
+      info: null,
+      innerVisible:false
     }
+  },
+  created () {
   },
   methods: {
     getAge (val) {
@@ -163,6 +180,17 @@
         return calculationAge - 1
       }
     },
+    crateQrcodeShow (div,qrcode1) {
+      if(qrcode1 ==null ||qrcode1 ==''){
+        return;
+      }
+      this.qr = new QRCode(div, {
+        width: 90,
+        height: 90,
+        text: qrcode1
+      })
+    },
+
     open (title, id) {
       this.title = title
       this.visible = true
@@ -170,6 +198,16 @@
         .then(res => {
           console.log(res)
           this.info = res
+          this.$nextTick(() => {
+            // this.$refs.qrcode2.innerHTML = ''
+            // this.crateQrcodeShow('qrcode2',res.qrcode)
+            if(this.info.withUserList ){
+              this.info.withUserList.forEach(row => {
+                this.$refs['qrcode'+row.id].innerHTML = ''
+                this.crateQrcodeShow('qrcode'+row.id,row.qrcode)
+              })
+            }
+          })
         })
     }
   }

--
Gitblit v1.9.3