From 0d2d987292073b45f72d7d608bc033f5d15e8f53 Mon Sep 17 00:00:00 2001
From: Coffee-crocodile <1147347984@qq.com>
Date: Thu, 13 Oct 2022 17:26:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E5=B0=81=E8=A3=85=E4=BA=8C?=
 =?UTF-8?q?=E7=BB=B4=E7=A0=81=E7=BB=84=E4=BB=B6=EF=BC=8C=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mock/module/user.ts                    | 57 ++++++++++++++++++++++++++
 package.json                           |  1 +
 public/resource/loading.css            |  3 ++
 src/components/custom/QRCode.vue       | 21 ++++++++++
 src/views/plugin/QRCode/index.vue      | 21 ++++++++++
 src/views/setting/account/index.vue    |  7 ++++
 src/views/setting/dictionary/index.vue |  7 ++++
 src/views/setting/menu/index.vue       |  7 ++++
 src/views/setting/system/index.vue     |  7 ++++
 9 files changed, 131 insertions(+)
 create mode 100644 src/components/custom/QRCode.vue
 create mode 100644 src/views/plugin/QRCode/index.vue
 create mode 100644 src/views/setting/account/index.vue
 create mode 100644 src/views/setting/dictionary/index.vue
 create mode 100644 src/views/setting/menu/index.vue
 create mode 100644 src/views/setting/system/index.vue

diff --git a/mock/module/user.ts b/mock/module/user.ts
index 641b5f9..31fe153 100644
--- a/mock/module/user.ts
+++ b/mock/module/user.ts
@@ -232,6 +232,15 @@ const userRoutes = [
           icon: 'icon-park-outline:winking-face-with-open-eyes',
         },
       },
+      {
+        name: 'plugin_QRCode',
+        path: '/plugin/QRCode',
+        meta: {
+          title: '二维码',
+          requiresAuth: true,
+          icon: 'icon-park-outline:two-dimensional-code',
+        },
+      },
     ],
   },
   {
@@ -273,6 +282,54 @@ const userRoutes = [
       },
     ],
   },
+  {
+    name: 'setting',
+    path: '/setting',
+    redirect: '/setting/account',
+    meta: {
+      title: '系统设置',
+      requiresAuth: true,
+      icon: 'icon-park-outline:setting',
+    },
+    children: [
+      {
+        name: 'not-found',
+        path: '/setting/account',
+        meta: {
+          title: '用户设置',
+          requiresAuth: true,
+          icon: 'icon-park-outline:user',
+        },
+      },
+      {
+        name: 'dictionary',
+        path: '/setting/dictionary',
+        meta: {
+          title: '字典设置',
+          requiresAuth: true,
+          icon: 'icon-park-outline:book-one',
+        },
+      },
+      {
+        name: 'menu',
+        path: '/setting/menu',
+        meta: {
+          title: '菜单设置',
+          requiresAuth: true,
+          icon: 'icon-park-outline:application-menu',
+        },
+      },
+      {
+        name: 'system',
+        path: '/setting/system',
+        meta: {
+          title: '系统配置',
+          requiresAuth: true,
+          icon: 'icon-park-outline:coordinate-system',
+        },
+      },
+    ],
+  },
   {
     name: 'about',
     path: '/about',
diff --git a/package.json b/package.json
index 841d049..c95f653 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "pinia": "^2.0.20",
     "pinia-plugin-persist": "^1.0.0",
     "vue": "^3.2.37",
+    "vue-qr": "^4.0.9",
     "vue-router": "^4.1.4"
   },
   "devDependencies": {
diff --git a/public/resource/loading.css b/public/resource/loading.css
index 4287e00..4480b6e 100644
--- a/public/resource/loading.css
+++ b/public/resource/loading.css
@@ -1,3 +1,6 @@
+body{
+  margin: 0;
+}
 #loading-container{
   width: 100vw;
   height: 100vh;
diff --git a/src/components/custom/QRCode.vue b/src/components/custom/QRCode.vue
new file mode 100644
index 0000000..214cb98
--- /dev/null
+++ b/src/components/custom/QRCode.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <vue-qr v-if="props.text" :text="props.text" qid="testid" :size="props.size" :correct-level="1"></vue-qr>
+  </div>
+</template>
+
+<script setup lang="ts">
+import vueQr from 'vue-qr/src/packages/vue-qr.vue'; //https://www.npmjs.com/package/vue-qr
+const props = withDefaults(
+  defineProps<{
+    text?: string;
+    size?: number;
+  }>(),
+  {
+    text: '',
+    size: 300,
+  },
+);
+</script>
+
+<style scoped></style>
diff --git a/src/views/plugin/QRCode/index.vue b/src/views/plugin/QRCode/index.vue
new file mode 100644
index 0000000..43e2683
--- /dev/null
+++ b/src/views/plugin/QRCode/index.vue
@@ -0,0 +1,21 @@
+<template>
+  <n-card>
+    <n-input-group>
+      <n-input v-model:value="input" />
+      <n-button type="primary" @click="createCode">生成</n-button>
+    </n-input-group>
+    <QR-code :text="text"></QR-code>
+  </n-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+const input = ref('');
+const text = ref('');
+
+function createCode() {
+  text.value = input.value;
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/setting/account/index.vue b/src/views/setting/account/index.vue
new file mode 100644
index 0000000..07520d0
--- /dev/null
+++ b/src/views/setting/account/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>用户设置</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/setting/dictionary/index.vue b/src/views/setting/dictionary/index.vue
new file mode 100644
index 0000000..be5d8d5
--- /dev/null
+++ b/src/views/setting/dictionary/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>字典设置</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/setting/menu/index.vue b/src/views/setting/menu/index.vue
new file mode 100644
index 0000000..a9b5dbc
--- /dev/null
+++ b/src/views/setting/menu/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>菜单设置</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/setting/system/index.vue b/src/views/setting/system/index.vue
new file mode 100644
index 0000000..0d4d8a7
--- /dev/null
+++ b/src/views/setting/system/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>系统设置</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>