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