From a13dae85b3e48f78ae11cc707a46ede96a42b3f4 Mon Sep 17 00:00:00 2001
From: meowrain <meowrain@126.com>
Date: Sat, 15 Nov 2025 23:32:02 +0800
Subject: [PATCH] =?UTF-8?q?feat(views):=20=E6=B7=BB=E5=8A=A0=E6=97=A0?=
 =?UTF-8?q?=E6=9D=83=E9=99=90=E8=A7=86=E5=9B=BE=E5=92=8C=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E8=A7=86=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加NoAuthView.vue显示无权限提示页面
添加UserLoginView.vue实现用户登录表单功能
---
 src/router/index.ts              |  7 ++++++
 src/views/NoAuthView.vue         | 13 ++++++++++
 src/views/user/UserLoginView.vue | 41 ++++++++++++++++++++++++++++++++
 3 files changed, 61 insertions(+)
 create mode 100644 src/views/NoAuthView.vue
 create mode 100644 src/views/user/UserLoginView.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index efa13fd..30d607f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -2,6 +2,7 @@ import type { RouteRecordRaw } from "vue-router";
 import HomeView from "../views/HomeView.vue";
 import AboutView from "../views/AboutView.vue";
 import ACCESS_ENUM from "../access/accessEnum";
+import UserLoginView from "../views/user/UserLoginView.vue";
 /**
  * 路由配置
  */
@@ -18,4 +19,10 @@ export const routes: Array<RouteRecordRaw> = [
     component: AboutView,
     meta: { hideInMenu: false, access: ACCESS_ENUM.NOT_LOGIN },
   },
+  {
+    path: "/user/login",
+    name: "UserLoginView",
+    component: UserLoginView,
+    meta: { hideInMenu: false, access: ACCESS_ENUM.NOT_LOGIN },
+  },
 ];
diff --git a/src/views/NoAuthView.vue b/src/views/NoAuthView.vue
new file mode 100644
index 0000000..e3bc4b9
--- /dev/null
+++ b/src/views/NoAuthView.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="home">你没权限</div>
+</template>
+
+<script lang="ts"></script>
+<style lang="scss" scoped>
+.home {
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>
diff --git a/src/views/user/UserLoginView.vue b/src/views/user/UserLoginView.vue
new file mode 100644
index 0000000..f2f0429
--- /dev/null
+++ b/src/views/user/UserLoginView.vue
@@ -0,0 +1,41 @@
+<template>
+  <div id="userLoginView">
+    <h2 style="margin-bottom: 16px">用户登录</h2>
+    <a-form
+      style="max-width: 480px; margin: 0 auto"
+      label-align="left"
+      auto-label-width
+      :model="form"
+      @submit="handleSubmit"
+    >
+      <a-form-item field="userAccount" label="账号">
+        <a-input v-model="form.userAccount" placeholder="请输入账号" />
+      </a-form-item>
+      <a-form-item field="userPassword" tooltip="密码不少于 8 位" label="密码">
+        <a-input-password
+          v-model="form.userPassword"
+          placeholder="请输入密码"
+        />
+      </a-form-item>
+      <a-form-item>
+        <a-button type="primary" html-type="submit" style="width: 120px">
+          登录
+        </a-button>
+      </a-form-item>
+    </a-form>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive } from "vue";
+
+const form = reactive({
+  userAccount: "",
+  userPassword: "",
+});
+
+const handleSubmit = async () => {
+  console.log(form);
+};
+</script>
+<style lang="scss" scoped></style>