保存进度！

code/web/task_schedule/src/utils/account.ts

@@ -0,0 +1,30 @@
+/*
+ * @Author: Kane
+ * @Date: 2023-03-02 14:48:35
+ * @LastEditors: Kane
+ * @FilePath: /task_schedule/src/utils/account.ts
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ */
+
+import { service as instance } from "@/utils/api/request";
+import { API_URL } from "@/utils/api/config";
+interface LoginInfo
+{
+    account: string;
+    password: string;
+}
+
+function login(data: LoginInfo)
+{
+    return instance.request(
+        {
+            method: "post",
+            url: API_URL.URL_LOGIN,
+            data: data,
+        }
+    );
+}
+
+export { LoginInfo, login };

code/web/task_schedule/src/utils/api/config.ts

@@ -0,0 +1,12 @@
+/*
+ * @Author: Kane
+ * @Date: 2023-03-02 15:35:43
+ * @LastEditors: Kane
+ * @FilePath: /deskop_task_schedule/code/web/task_schedule/src/utils/api/config.js
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ */
+export const API_URL = {
+    URL_LOGIN: import.meta.env.VITE_URL_LOGIN,
+};

code/web/task_schedule/src/utils/api/localStorage.ts

@@ -19,7 +19,7 @@ function loadStaffInfo(): StuffInfo
 
     try
     {
-        obj = JSON.parse(window.localStorage.getItem(STUFF_ITEM));
+        obj = JSON.parse(window.localStorage.getItem(STUFF_ITEM) || "{}");
     }
     catch (error)
     {

code/web/task_schedule/src/views/Login.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-02-28 00:57:21
  * @LastEditors: Kane
- * @FilePath: /task_schedule/src/views/Login.vue
+ * @FilePath: /deskop_task_schedule/code/web/task_schedule/src/views/Login.vue
  * @Description: 
  * 登录页面，路由默认指向这个页面
  * 1、判断url中的参数，取得用户信息，根据用户的部门改变路由
@@ -10,9 +10,28 @@
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
-    <div class="page-wrap">
-        <span v-show="ui.showNeedAccountTip">请在链接中提供用户的P13账号或P09工号。</span>
-        <span v-show="ui.showAccountErrorTip">P13账号或P09工号错误，请核实！</span>
+    <div class="page-wrapper">
+        <div class="login-wrapper">
+            <h1>登录</h1>
+            <el-form ref="loginForm">
+                <el-form-item>
+                    <label class="form-label">用户名</label>
+                    <el-input type="text" v-model.trim.lazy="ui.account" placeholder="请输入P13账号或P09工号"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <label class="form-label">密码</label>
+                    <el-input type="text" v-model.trim.lazy="ui.savedP13uid" placeholder="请输入P13密码"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" class="el-button-block" @click="savedP13uid">
+                        登录
+                    </el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div>
+            <span>{{ ui.savedP13uid }}</span>
+        </div>
     </div>
 </template>
 
@@ -20,6 +39,7 @@
 import { reactive } from "vue";
 import { service as instance } from "@/utils/api/request";
 import { getParamsFromURL } from "@/utils/api/url";
+import { loadStaffInfo, saveStuffInfo } from "@/utils/api/localStorage";
 
 
 const URL = "http://222.76.244.118:11001/admin-system/account/p13_account_check";
@@ -29,31 +49,35 @@ export default {
     setup()
     {
         const ui = reactive({
-            p13uid: "",
+            account: "",
             savedP13uid: "",
             showNeedAccountTip: false,
             showAccountErrorTip: false,
         });
 
-        //根据url获取用户账号
-        const urlParams = getParamsFromURL(window.location.href);
-
-        if (urlParams.account != undefined)
+        const savedP13uid = () =>
         {
-            //根据账号查询员工信息
-        }
-        else
-        {
-            ui.showNeedAccountTip = true;
-        }
+            window.localStorage.setItem("stuff_account", ui.account);
 
-        return { ui, };
+            ui.savedP13uid = window.localStorage.getItem("stuff_account") || "";
+
+            alert(ui.savedP13uid);
+        };
+
+        ui.savedP13uid = window.localStorage.getItem("stuff_account") || "";
+
+        // setInterval(() =>
+        // {
+        //     window.location.reload();
+        // }, 5000);
+
+        return { ui, savedP13uid, };
     },
 };
 </script>
 
-<style scoped>
-.page-wrap {
+<style scoped lang="scss">
+.page-wrapper {
     box-sizing: border-box;
     height: calc(100vh - 10mm);
     width: calc(100vw - 10mm);
@@ -61,11 +85,39 @@ export default {
     border: 1px solid red;
     display: flex;
     justify-content: center;
-    align-items: center;
+    align-items: start;
+    padding-top: calc(100vh * 0.1);
+
+    span {
+        font-size: 30px;
+        color: red;
+    }
 }
 
-span {
-    font-size: 30px;
-    color: red;
+.login-wrapper {
+    width: 320px;
+    // margin-top: 5cm auto auto auto;
+    padding: 5mm;
+    background-color: #cac2c27f;
+    backdrop-filter: blur(10px);
+    border-radius: 5px;
+    // backdrop-filter: ;
+}
+
+.form-label {
+    display: block;
+    /* color: #fff; */
+    color: #344a5fef;
+    font-size: 14px;
+    // border: 1px solid red;
+}
+
+.el-input {
+    color: #344a5fef;
+}
+
+.el-button-block {
+    width: 100%;
+    margin-top: 20px;
 }
 </style>