From 5a5fa07eb8f4b96dc1978718b69fff536313be17 Mon Sep 17 00:00:00 2001 From: Fixiaobai <fixiaobai@163.com> Date: 星期四, 14 十二月 2023 22:58:56 +0800 Subject: [PATCH] modified: package.json new file: src/views/common/qrCodeApp.vue deleted: src/views/quality/rawMaterial/QrcodeReader.vue modified: src/views/quality/rawMaterial/rawMaterial-form.vue --- src/views/quality/rawMaterial/rawMaterial-form.vue | 45 +++++++++++++++++++++++++++++---------------- 1 files changed, 29 insertions(+), 16 deletions(-) diff --git a/src/views/quality/rawMaterial/rawMaterial-form.vue b/src/views/quality/rawMaterial/rawMaterial-form.vue index 1d38bdc..ed15c3b 100644 --- a/src/views/quality/rawMaterial/rawMaterial-form.vue +++ b/src/views/quality/rawMaterial/rawMaterial-form.vue @@ -29,16 +29,16 @@ <el-col :span="6"> <el-form-item label="闆朵欢鍙�" prop="code"> <el-input v-model="dataForm.code" :disabled="resultVal!=null && dataForm.id!=null"> - <el-button + <!-- <el-button slot="append" icon="el-icon-search" :disabled="resultVal!=null && dataForm.id!=null" - @click="queryCode()"></el-button> - <!-- <el-button + @click="queryCode()"></el-button> --> + <el-button slot="append" icon="el-icon-full-screen" :disabled="resultVal!=null && dataForm.id!=null" - @click="Turnonthecamera"></el-button> --> + @click="Turnonthecamera"></el-button> </el-input> </el-form-item> </el-col> @@ -265,7 +265,18 @@ <el-button type="primary" @click="submitSave()">纭� 瀹�</el-button> </span> </el-dialog> - <!-- <qrcode :qrcode="qrcode" v-show="qrcode" :camera="camera" /> --> + <el-dialog + title="鎵弿" + :visible.sync="qrcode" + width="60%"> + <div style="height: 100vh;width: 100%;"> + <qr-code-app ref="codeCompont" @cancelCodeDialog="cancelCodeDialog"></qr-code-app> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="qrcode = false">鍙� 娑�</el-button> + <el-button type="primary" @click="qrcode = false">纭� 瀹�</el-button> + </span> +</el-dialog> </div> </template> @@ -278,19 +289,16 @@ updateRawInspectsById, updateDeviceById, } from '@/api/quality/rawMaterial' import rawMaterialPartDialog from '@/views/common/rawMaterial-part' - // import qrcode from './QrcodeReader.vue' -export default { + import qrCodeApp from '@/views/common/qrCodeApp' + export default { + components:{ + rawMaterialPartDialog, + qrCodeApp + }, computed:{}, - components:{ - rawMaterialPartDialog, - // qrcode - // qrcode: () => import('./QrcodeReader.vue'), - }, data(){ return{ qrcode: false, - torchActive: false, - camera: 'off', userdata:[], currentRow:[], userlist:[], @@ -363,10 +371,15 @@ }, }, methods:{ + cancelCodeDialog(){ + this.qrcode = false + }, // 鎵撳紑鐩告満 Turnonthecamera() { - this.qrcode = true - this.camera = 'rear' + console.log("鎵ц"); + this.qrcode = true + this.$refs.codeCompont.openCamera() + // this.camera = 'rear' }, // 鎵爜缁撴灉鍥炶皟 // onDecode(result) { -- Gitblit v1.9.3