From 6c4b5da2b8b780eceb826807357832e5cb8f7ab0 Mon Sep 17 00:00:00 2001
From: zzyuan <781948537@qq.com>
Date: Fri, 30 Aug 2024 15:10:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E4=BA=8C=E7=BB=B4=E7=A0=81?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/base/bracelet/index.vue     |   1 +
 src/views/base/device/index.vue       |   2 +
 src/views/components/qrCodeUpload.vue | 138 +++++++++++++-------------
 3 files changed, 74 insertions(+), 67 deletions(-)

diff --git a/src/views/base/bracelet/index.vue b/src/views/base/bracelet/index.vue
index 1f1d4b2..420f8ea 100644
--- a/src/views/base/bracelet/index.vue
+++ b/src/views/base/bracelet/index.vue
@@ -740,6 +740,7 @@
                     <!--        <img src="" alt="">-->
                 </div>
                 <div class="shboxCodeTemp">手环箱编号：{{ rowObj.shboxCode }}</div>
+                <div class="deviceName">手环箱名称：{{ rowObj.shboxName }}</div>
             </div>
             <div slot="footer" class="dialog-footer" style="text-align: center">
                 <el-button type="primary" @click="downloadCode"
diff --git a/src/views/base/device/index.vue b/src/views/base/device/index.vue
index 48a6703..f227092 100644
--- a/src/views/base/device/index.vue
+++ b/src/views/base/device/index.vue
@@ -364,7 +364,9 @@
                     <div id="qrcode" class="qrcode" ref="codeItem"></div>
                     <!--        <img src="" alt="">-->
                 </div>
+               
                 <div class="deviceCode">设备编号：{{ rowObj.deviceCode }}</div>
+                <div class="deviceName">设备名称：{{ rowObj.deviceName }}</div>
             </div>
             <div slot="footer" class="dialog-footer" style="text-align: center">
                 <el-button type="primary" @click="downloadCode"
diff --git a/src/views/components/qrCodeUpload.vue b/src/views/components/qrCodeUpload.vue
index 3b11f85..ca77edd 100644
--- a/src/views/components/qrCodeUpload.vue
+++ b/src/views/components/qrCodeUpload.vue
@@ -62,76 +62,80 @@ export default {
         async handleQrCodeExport() {
             this.codeId = true;
             console.log('checkboxModel', this.checkboxModel)
-            const msg = this.$modal.loading('批量生成中，请稍候...')
-            let that = this
-            try {
-                
-                let captureId = document.getElementsByClassName('captureId')
-                for (let i = 0; i < this.checkboxModel.length; i++) {
-                    const element = this.checkboxModel[i]
-                    captureId[i].innerHTML = ''
-                    let shareContent = that.$refs['QrcodePage'][i],
-                        width = shareContent.offsetWidth,
-                        height = shareContent.offsetHeight
-                    const maCodeText = document.createElement('div')
-                    maCodeText.innerHTML = '编码:' + element
-                    maCodeText.style =
-                        'font-size=18px; width:100%;text-align:center;margin:10px;'
-                    shareContent.appendChild(maCodeText)
-                    console.log(element)
-                    new QRCode(captureId[i], {
-                        width: width,
-                        height: height,
-                        text: element+'',
-                        colorDark: '#000',
-                        colorLight: '#fff',
-                    })
-                    let canvas = document.createElement('canvas'),
-                        scale = 1.2
-                    canvas.width = width * scale
-                    canvas.height = height * scale
-                    canvas.style.width =
-                        (shareContent.clientWidth * scale) / 100 + 'rem'
-                    canvas.style.height =
-                        (shareContent.clientHeight * scale) / 100 + 'rem'
-                    canvas.getContext('2d').scale(scale, scale)
-                    let opts = {
-                        scale: scale,
-                        canvas: canvas,
-                        logging: false,
-                        width: width,
-                        height: height,
-                        useCORS: true,
+            if(this.checkboxModel.length>0){
+                const msg = this.$modal.loading('批量生成中，请稍候...')
+                let that = this
+                try {
+                    let captureId = document.getElementsByClassName('captureId')
+                    for (let i = 0; i < this.checkboxModel.length; i++) {
+                        const element = this.checkboxModel[i]
+                        captureId[i].innerHTML = ''
+                        let shareContent = that.$refs['QrcodePage'][i],
+                            width = shareContent.offsetWidth,
+                            height = shareContent.offsetHeight
+                        const maCodeText = document.createElement('div')
+                        maCodeText.innerHTML = '编码:' + element
+                        maCodeText.style =
+                            'font-size=18px; width:100%;text-align:center;margin:10px;'
+                        shareContent.appendChild(maCodeText)
+                        console.log(element)
+                        new QRCode(captureId[i], {
+                            width: width,
+                            height: height,
+                            text: element+'',
+                            colorDark: '#000',
+                            colorLight: '#fff',
+                        })
+                        let canvas = document.createElement('canvas'),
+                            scale = 0.9
+                        canvas.width = width * scale
+                        canvas.height = height * scale
+                        canvas.style.width =
+                            (shareContent.clientWidth * scale) / 100 + 'px'
+                        canvas.style.height =
+                            (shareContent.clientHeight * scale) / 100 + 'px'
+                        canvas.getContext('2d').scale(scale, scale)
+                        let opts = {
+                            scale: scale,
+                            canvas: canvas,
+                            logging: false,
+                            width: width,
+                            height: height,
+                            useCORS: true,
+                        }
+                        await html2canvas(shareContent, opts)
+                            .then(function (canvas) {
+                                const qrContentImage = canvas.toDataURL(
+                                    'image/jpeg',
+                                    1.0,
+                                )
+                                if (i <= that.checkboxModel.length - 1) {
+                                    that.qrcodeArr.push({
+                                        url: qrContentImage,
+                                        name: element,
+                                    })
+                                }
+                            })
+                            .catch(function (reason) {
+                                console.log(reason)
+                                this.$emit('clearCheck')
+                                that.$modal.closeLoading()
+                            })
                     }
-                    await html2canvas(shareContent, opts)
-                        .then(function (canvas) {
-                            const qrContentImage = canvas.toDataURL(
-                                'image/jpeg',
-                                1.0,
-                            )
-                            if (i <= that.checkboxModel.length - 1) {
-                                that.qrcodeArr.push({
-                                    url: qrContentImage,
-                                    name: element,
-                                })
-                            }
-                        })
-                        .catch(function (reason) {
-                            console.log(reason)
-                            this.$emit('clearCheck')
-                            that.$modal.closeLoading()
-                        })
+                    await new Promise((resolve) => setTimeout(resolve, 2000))
+                    that.packageImages()
+                    setTimeout(msg, 1000)
+                    that.$modal.closeLoading()
+                } catch (error) {
+                    setTimeout(msg, 1000)
+                    // that.getList()
+                    this.$emit('clearCheck')
+                    that.$modal.closeLoading()
                 }
-                await new Promise((resolve) => setTimeout(resolve, 1000))
-                that.packageImages()
-                setTimeout(msg, 1000)
-                that.$modal.closeLoading()
-            } catch (error) {
-                setTimeout(msg, 1000)
-                // that.getList()
-                this.$emit('clearCheck')
-                that.$modal.closeLoading()
+            }else{
+                this.$modal.msgError("请先选择导出设备");
             }
+            
         },
         //打包压缩
         packageImages() {