From 6772eb2263e025e0af5d1bc45df7bdd3e8604076 Mon Sep 17 00:00:00 2001
From: zhenghongxing <1219539426@qq.com>
Date: Fri, 13 Aug 2021 16:21:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BA=8C=E7=BB=B4=E7=A0=81?=
 =?UTF-8?q?=E8=8A=B1=E5=B1=8F=E6=97=A0=E6=B3=95=E6=89=AB=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/package.json                        |  2 +-
 dashboard/src/components/qrcode/index.js      | 15 ++++++++++++
 dashboard/src/components/qrcode/index.vue     | 24 +++++++++++++++++++
 .../src/views/lottery/components/share.vue    |  2 +-
 .../src/views/radar/components/share.vue      |  2 +-
 dashboard/src/views/roomClockIn/index.vue     |  2 +-
 .../roomFission/components/list/details.vue   |  2 +-
 .../roomInfinitePull/components/details.vue   |  2 +-
 .../src/views/roomInfinitePull/index.vue      |  2 +-
 .../src/views/shopCode/employeeIndex.vue      |  2 +-
 .../views/workFission/components/details.vue  |  2 +-
 11 files changed, 48 insertions(+), 9 deletions(-)
 create mode 100644 dashboard/src/components/qrcode/index.js
 create mode 100644 dashboard/src/components/qrcode/index.vue

diff --git a/dashboard/package.json b/dashboard/package.json
index d8ca5f01..b097d9b7 100755
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -27,7 +27,7 @@
     "mockjs2": "1.0.8",
     "moment": "^2.24.0",
     "nprogress": "^0.2.0",
-    "qrcodejs2": "^0.0.2",
+    "vue-qrcode2": "^0.0.1",
     "quill": "^1.3.7",
     "store": "^2.0.12",
     "v-distpicker": "^1.2.12",
diff --git a/dashboard/src/components/qrcode/index.js b/dashboard/src/components/qrcode/index.js
new file mode 100644
index 00000000..e3da2899
--- /dev/null
+++ b/dashboard/src/components/qrcode/index.js
@@ -0,0 +1,15 @@
+import view from './index.vue'
+import Vue from 'vue'
+
+const Constructor = Vue.extend(view)
+
+export default class {
+  constructor (el, options) {
+    const instance = new Constructor({
+      data: options
+    })
+    instance.id = '_qrcode_' + Math.random()
+    instance.$mount()
+    el.appendChild(instance.$el)
+  }
+}
diff --git a/dashboard/src/components/qrcode/index.vue b/dashboard/src/components/qrcode/index.vue
new file mode 100644
index 00000000..e3a558da
--- /dev/null
+++ b/dashboard/src/components/qrcode/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <qrcode :value="text" :background="colorLight" :foreground="colorDark" :level="correctLevel" :size="width"></qrcode>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import qrcode from 'vue-qrcode2'
+
+Vue.use(qrcode)
+
+export default {
+  data () {
+    return {
+      width: 120,
+      colorDark: '#000000',
+      colorLight: '#ffffff',
+      text: '',
+      correctLevel: 'H'
+    }
+  }
+}
+</script>
diff --git a/dashboard/src/views/lottery/components/share.vue b/dashboard/src/views/lottery/components/share.vue
index a758c8b9..3d9fb981 100755
--- a/dashboard/src/views/lottery/components/share.vue
+++ b/dashboard/src/views/lottery/components/share.vue
@@ -64,7 +64,7 @@
 </template>
 <script>
 import { share } from '@/api/lottery'
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 
 export default {
   data () {
diff --git a/dashboard/src/views/radar/components/share.vue b/dashboard/src/views/radar/components/share.vue
index cb33ca5f..5c372950 100755
--- a/dashboard/src/views/radar/components/share.vue
+++ b/dashboard/src/views/radar/components/share.vue
@@ -102,7 +102,7 @@ import {
   storeChannelLinkApi,
   indexChannelLinkApi
 } from '@/api/radar'
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 export default {
   data () {
     return {
diff --git a/dashboard/src/views/roomClockIn/index.vue b/dashboard/src/views/roomClockIn/index.vue
index 5ddca706..e0f4e8f2 100755
--- a/dashboard/src/views/roomClockIn/index.vue
+++ b/dashboard/src/views/roomClockIn/index.vue
@@ -83,7 +83,7 @@
 
 <script>
 import { getList, delList, publicIndexApi } from '@/api/roomClockIn'
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 export default {
   data () {
     return {
diff --git a/dashboard/src/views/roomFission/components/list/details.vue b/dashboard/src/views/roomFission/components/list/details.vue
index 9bc771a1..a7d20ca9 100755
--- a/dashboard/src/views/roomFission/components/list/details.vue
+++ b/dashboard/src/views/roomFission/components/list/details.vue
@@ -130,7 +130,7 @@
 // eslint-disable-next-line no-unused-vars
 import { infoApi, department } from '@/api/roomFission'
 // eslint-disable-next-line no-unused-vars
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 export default {
   data () {
     return {
diff --git a/dashboard/src/views/roomInfinitePull/components/details.vue b/dashboard/src/views/roomInfinitePull/components/details.vue
index e8562cbe..797f4830 100755
--- a/dashboard/src/views/roomInfinitePull/components/details.vue
+++ b/dashboard/src/views/roomInfinitePull/components/details.vue
@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 
 export default {
   data () {
diff --git a/dashboard/src/views/roomInfinitePull/index.vue b/dashboard/src/views/roomInfinitePull/index.vue
index 69f8bdd0..b2f654d0 100755
--- a/dashboard/src/views/roomInfinitePull/index.vue
+++ b/dashboard/src/views/roomInfinitePull/index.vue
@@ -56,7 +56,7 @@
 <script>
 import { getList, del } from '@/api/roomInfinitePull'
 import Details from '@/views/roomInfinitePull/components/details'
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 
 export default {
   data () {
diff --git a/dashboard/src/views/shopCode/employeeIndex.vue b/dashboard/src/views/shopCode/employeeIndex.vue
index 64d2cd27..14987d8c 100755
--- a/dashboard/src/views/shopCode/employeeIndex.vue
+++ b/dashboard/src/views/shopCode/employeeIndex.vue
@@ -453,7 +453,7 @@ import {
   // eslint-disable-next-line no-unused-vars
   updateEmployeeApi, showApi, showContactApi, showShopApi, shareApi, updateApi, workRoomIndexApi, updateQrcodeApi
 } from '@/api/shopCode'
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 import shopkeeperUpdate from '@/views/shopCode/components/shopkeeperUpdate'
 import shopkeeperCreate from '@/views/shopCode/components/shopkeeperCreate'
 import shopkeeperSetup from '@/views/shopCode/components/shopkeeperSetup'
diff --git a/dashboard/src/views/workFission/components/details.vue b/dashboard/src/views/workFission/components/details.vue
index 20084742..44632812 100755
--- a/dashboard/src/views/workFission/components/details.vue
+++ b/dashboard/src/views/workFission/components/details.vue
@@ -105,7 +105,7 @@
 
 <script>
 import { getDetails } from '@/api/workFission'
-import QRCode from 'qrcodejs2'
+import QRCode from '@/components/qrcode'
 
 export default {
   data () {