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 d83caf6f..5c102bbb 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 4ce5cd29..dd721e0a 100755
--- a/dashboard/src/views/shopCode/employeeIndex.vue
+++ b/dashboard/src/views/shopCode/employeeIndex.vue
@@ -452,7 +452,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 () {