1

2026-07-24 12:42:51 +08:00
commit 67905dfa16
56 changed files with 7630 additions and 0 deletions
@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { apiErrorMessage } from '../api/http'
+import { useAuthStore } from '../stores/auth'
+
+const route = useRoute()
+const router = useRouter()
+const auth = useAuthStore()
+const loading = ref(false)
+const form = reactive({ userName: 'admin', password: 'Admin@123456' })
+
+async function submit() {
+  loading.value = true
+  try {
+    await auth.login(form.userName, form.password)
+    await router.replace(String(route.query.redirect ?? '/dashboard'))
+  } catch (error) {
+    ElMessage.error(apiErrorMessage(error))
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <main class="login-page">
+    <section class="login-story">
+      <div class="story-brand">
+        <div class="brand-mark large" aria-hidden="true">
+          <span v-for="index in 9" :key="index" />
+        </div>
+        <div>
+          <strong>明序教务</strong>
+          <small>MINGXU ACADEMIC SYSTEM</small>
+        </div>
+      </div>
+      <div class="story-copy">
+        <span class="eyebrow">大学教务管理平台</span>
+        <h1>让每一项教学安排，<br />都有清晰的来处与去向。</h1>
+        <p>从组织档案开始，逐步连接培养方案、教学任务、排课、选课与成绩。</p>
+      </div>
+      <div class="schedule-signature" aria-hidden="true">
+        <div v-for="item in 20" :key="item" :class="{ active: [3, 8, 9, 14, 18].includes(item) }">
+          <span v-if="[3, 8, 9, 14, 18].includes(item)">教学</span>
+        </div>
+      </div>
+      <p class="story-foot">第一阶段 · 基础管理工作台</p>
+    </section>
+
+    <section class="login-panel">
+      <form class="login-form" @submit.prevent="submit">
+        <div class="form-intro">
+          <span>欢迎回来</span>
+          <h2>登录教务工作台</h2>
+          <p>使用学校分配的管理账号继续。</p>
+        </div>
+        <label>
+          <span>账号</span>
+          <el-input v-model="form.userName" size="large" autocomplete="username" />
+        </label>
+        <label>
+          <span>密码</span>
+          <el-input
+            v-model="form.password"
+            size="large"
+            type="password"
+            show-password
+            autocomplete="current-password"
+            @keyup.enter="submit"
+          />
+        </label>
+        <el-button
+          class="login-submit"
+          type="primary"
+          size="large"
+          native-type="submit"
+          :loading="loading"
+        >
+          进入工作台
+        </el-button>
+        <div class="dev-hint">
+          <b>本地开发账号</b>
+          <span>admin / Admin@123456</span>
+        </div>
+      </form>
+    </section>
+  </main>
+</template>