From dfce0fb8a38424408ef577984cc590c149b131b1 Mon Sep 17 00:00:00 2001 From: value <z1292839451@163.com> Date: 星期四, 24 八月 2023 16:50:30 +0800 Subject: [PATCH] 修改委托 --- src/views/inspectionManagement/commissionInspection/index.vue | 78 ++++++++++++++++++++++++++++++++------ 1 files changed, 65 insertions(+), 13 deletions(-) diff --git a/src/views/inspectionManagement/commissionInspection/index.vue b/src/views/inspectionManagement/commissionInspection/index.vue index a10086e..574abf8 100644 --- a/src/views/inspectionManagement/commissionInspection/index.vue +++ b/src/views/inspectionManagement/commissionInspection/index.vue @@ -24,11 +24,20 @@ </el-form-item> </el-form> <el-form> - <el-popover placement="left" width="130" trigger="click"> + <el-popover placement="left" width="350" trigger="click"> <div class="vue_qr_div"> - <span style="color: #0078ff;">鎵弿浜岀淮鐮�<br />鑾峰彇濮旀墭鍗�</span> - <vue-qr :text="viewId" :size="100" :margin="0" style="margin-top: 10px;"> - </vue-qr> + <el-row> + <el-col> + <el-input v-model="view" readonly size="medium" style="width: 250px;margin-right: 10px;"></el-input> + <el-button size="small" type="primary" v-if="viewId==null" @click="viewDia=true">鐢熸垚</el-button> + <el-button size="small" type="primary" v-else-if="viewId!=null" @click="copy">澶嶅埗</el-button> + </el-col> + </el-row> + <el-row style="margin-top: 10px;"> + <el-col v-if="viewId==null">褰撳墠閾炬帴宸茶繃鏈燂紝璇风偣鍑荤敓鎴愭寜閽噸鏂扮敓鎴�</el-col> + <el-col + v-else-if="viewId!=null">褰撳墠閾炬帴灏嗗湪{{(parseInt(viewTime)/60/60)>1?(parseInt(viewTime)/60/60).toFixed(1)+'灏忔椂':Math.round(parseInt(viewTime)/60)+'鍒嗛挓'}}鍚庤繃鏈�</el-col> + </el-row> </div> <el-button slot="reference" class="rightBtn" type="primary" @click="goToaddCommision">鏂板濮旀墭</el-button> </el-popover> @@ -93,6 +102,30 @@ <div v-else> <router-view /> </div> + <el-dialog title="閾炬帴鏃堕暱璁剧疆" :visible.sync="viewDia" width="30%"> + <div> + <el-row style="line-height: 46px;"> + <el-col :span="6" style="font-size: 14px;text-align: right;">鏃堕暱璁剧疆锛�</el-col> + <el-col :span="14" :offset="1"> + <el-select v-model="viewTime" size="medium"> + <el-option label="1 澶�" :value="1"></el-option> + <el-option label="2 澶�" :value="2"></el-option> + <el-option label="3 澶�" :value="3"></el-option> + <el-option label="4 澶�" :value="4"></el-option> + <el-option label="5 澶�" :value="5"></el-option> + <el-option label="6 澶�" :value="6"></el-option> + <el-option label="1 鍛�" :value="7"></el-option> + </el-select> + </el-col> + </el-row> + </div> + <span slot="footer" class="dialog-footer"> + <el-button type="primary" @click="getViewId()">鎻� 浜�</el-button> + <el-button @click="viewDia = false">鍙� 娑�</el-button> + </span> + </el-dialog> + <!-- 闅愯棌鍩熻緭鍏ユ鐢ㄦ潵澶嶅埗 --> + <input id="copyContext" style="position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;" /> </div> </template> @@ -102,11 +135,7 @@ getViewUUID, selectViewUUID } from '@/api/inspection/commisioninspection' - import vueQr from 'vue-qr' export default { - components: { - vueQr - }, data() { return { form: [], @@ -151,7 +180,10 @@ total: 100, showDetail: false, day: 1, - viewId: '' + view: null, + viewId: null, + viewTime: 1, + viewDia: false } }, created() { @@ -269,13 +301,32 @@ } }, goToaddCommision() { - // this.$router.push('/inspectionManagement/commissionInspection/addCommision') // this.showDetail = true selectViewUUID({ day: this.day }).then(res => { - this.viewId = res.data + this.view = `${this.vueIp}addCommision/${res.data.id}` + this.viewId = res.data.id + this.viewTime = res.data.time }) + }, + getViewId() { + getViewUUID({ + day: this.viewTime == null ? 1 : this.viewTime + }).then(res => { + this.viewId = res.data + this.view = `${this.vueIp}addCommision/${res.data.id}` + this.viewDia = false + this.$message.success('閾炬帴宸茬敓鎴愶紝鐐瑰嚮澶嶅埗鎸夐挳杩涜澶嶅埗') + }) + }, + copy() { + document.getElementById('copyContext').value = this.view + const input = document.querySelector('#copyContext'); + input.select() + if (document.execCommand('copy')) { + this.$message.success('宸插鍒跺埌鍓创鏉�') + } } } } @@ -336,8 +387,9 @@ } } } - - .vue_qr_div{ + + .vue_qr_div { text-align: center; + color: #0166e2; } </style> \ No newline at end of file -- Gitblit v1.9.3