From 9b20e9db29d79f5c9111be044c872a59f6944efb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=89=8B=E7=93=9C=E4=B8=80=E5=8D=81=E9=9B=AA?=
 <nanaeonn@outlook.com>
Date: Fri, 15 Nov 2024 10:41:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 napcat.webui/package.json                  |  3 ++-
 napcat.webui/src/App.vue                   | 18 ++----------------
 napcat.webui/src/components/Dashboard.vue  | 12 ++++++++++++
 napcat.webui/src/components/WebUiLogin.vue |  5 +++++
 napcat.webui/src/main.ts                   |  3 ++-
 napcat.webui/src/router/index.ts           | 16 ++++++++++++++++
 napcat.webui/src/shims-vue.d.ts            |  5 +++++
 7 files changed, 44 insertions(+), 18 deletions(-)
 create mode 100644 napcat.webui/src/components/Dashboard.vue
 create mode 100644 napcat.webui/src/router/index.ts
 create mode 100644 napcat.webui/src/shims-vue.d.ts

diff --git a/napcat.webui/package.json b/napcat.webui/package.json
index fb89a689..dbb6d91a 100644
--- a/napcat.webui/package.json
+++ b/napcat.webui/package.json
@@ -11,7 +11,8 @@
   "dependencies": {
     "qrcode": "^1.5.4",
     "tdesign-vue-next": "^1.10.3",
-    "vue": "^3.5.12"
+    "vue": "^3.5.12",
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.4",
diff --git a/napcat.webui/src/App.vue b/napcat.webui/src/App.vue
index 3c266b8b..17b2da68 100644
--- a/napcat.webui/src/App.vue
+++ b/napcat.webui/src/App.vue
@@ -1,25 +1,11 @@
-<!-- <template>
-  <div id="app">
-    <LoginForm />
-  </div>
-</template>
-
-<script setup>
-import LoginForm from './components/QQ.vue';
-</script> -->
 <template>
   <div id="app">
-    <QQLogin />
+    <router-view />
   </div>
 </template>
 
 <script>
-import QQLogin from './components/QQLogin.vue';
-
 export default {
-  name: 'App',
-  components: {
-    QQLogin
-  }
+  name: 'App'
 };
 </script>
\ No newline at end of file
diff --git a/napcat.webui/src/components/Dashboard.vue b/napcat.webui/src/components/Dashboard.vue
new file mode 100644
index 00000000..b79c484b
--- /dev/null
+++ b/napcat.webui/src/components/Dashboard.vue
@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <h1>面板</h1>
+        <p>欢迎来到面板页面！</p>
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'Dashboard'
+};
+</script>
\ No newline at end of file
diff --git a/napcat.webui/src/components/WebUiLogin.vue b/napcat.webui/src/components/WebUiLogin.vue
index 116ae86b..72771782 100644
--- a/napcat.webui/src/components/WebUiLogin.vue
+++ b/napcat.webui/src/components/WebUiLogin.vue
@@ -20,7 +20,10 @@
 import { reactive, ref } from 'vue';
 import { MessagePlugin } from 'tdesign-vue-next';
 import { LockOnIcon } from 'tdesign-icons-vue-next';
+import { useRouter, useRoute } from 'vue-router';
 
+const router = useRouter()
+const route = useRoute()
 
 const formData = reactive({
     token: '',
@@ -28,11 +31,13 @@ const formData = reactive({
 
 const onSubmit = async ({ validateResult, firstError }) => {
     if (validateResult === true) {
+        await router.push({ path: '/dashboard' });
         MessagePlugin.success('登录中...');
     } else {
         MessagePlugin.error('登录失败');
     }
 };
+
 </script>
 <style scoped>
 .login-container {
diff --git a/napcat.webui/src/main.ts b/napcat.webui/src/main.ts
index 484b8eea..0e260159 100644
--- a/napcat.webui/src/main.ts
+++ b/napcat.webui/src/main.ts
@@ -10,13 +10,14 @@ import {
     Option as TOption
 
 } from 'tdesign-vue-next';
+import { router } from './router';
 
 const app = createApp(App);
+app.use(router);
 app.use(TButton);
 app.use(TInput);
 app.use(TForm);
 app.use(TFormItem);
 app.use(TSelect);
 app.use(TOption);
-
 app.mount('#app');
\ No newline at end of file
diff --git a/napcat.webui/src/router/index.ts b/napcat.webui/src/router/index.ts
new file mode 100644
index 00000000..e30aea82
--- /dev/null
+++ b/napcat.webui/src/router/index.ts
@@ -0,0 +1,16 @@
+import { createWebHistory, createRouter } from 'vue-router'
+import Dashboard from '../components/Dashboard.vue';
+import QQLogin from '../components/QQLogin.vue';
+import WebUiLogin from '../components/WebUiLogin.vue';
+
+const routes = [
+  { path: '/', redirect: '/webui' },
+  { path: '/webui', component: WebUiLogin, name: 'WebUiLogin' },
+  { path: '/qqlogin', component: QQLogin , name: 'QQLogin'},
+  { path: '/dashboard', component: Dashboard, name: 'Dashboard' }
+]
+
+export const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
\ No newline at end of file
diff --git a/napcat.webui/src/shims-vue.d.ts b/napcat.webui/src/shims-vue.d.ts
new file mode 100644
index 00000000..ab70f827
--- /dev/null
+++ b/napcat.webui/src/shims-vue.d.ts
@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
\ No newline at end of file