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 () {