开始设计业绩组件。

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

@@ -0,0 +1,44 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-03-03 14:38:07
+ * @LastEditors: Kane
+ * @FilePath: /task_schedule/src/views/DesktopArchievement.vue
+ * @Description: 显示在桌面上，展示任务量与业绩的view
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+    <div class="view-wrapper"></div>
+</template>
+
+<script lang="ts">
+import { reactive, onBeforeMount } from "vue";
+import { StaffInfo } from "@/data/cpicxim/StaffInfo";
+import { loadStaffInfo } from "@/utils/api/localStorage";
+export default {
+    name: "DesktopArchievement",
+    setup()
+    {
+        const staffInfo: StaffInfo = loadStaffInfo();
+
+        onBeforeMount(() =>
+        {
+            //检查存储的登录信息，不存在则返回登录页面
+        });
+    },
+};
+</script>
+
+<style scoped lang="scss">
+.view_wrapper {
+    box-sizing: border-box;
+    height: calc(100vh - 10mm);
+    width: calc(100vw - 10mm);
+    border: 1px solid red;
+}
+</style>
+<style lang="scss">
+body {
+    background-color: $color-bg-01;
+}
+</style>

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

@@ -36,7 +36,8 @@
 </template>
 
 <script lang="ts">
-import { reactive, onBeforeMount } from "vue";
+import { reactive, onBeforeMount, } from "vue";
+import { useRouter } from "vue-router";
 import { loadStaffInfo, saveStaffInfo } from "@/utils/api/localStorage";
 import { login } from "@/utils/account";
 import { ElMessage } from "element-plus";
@@ -46,6 +47,9 @@ export default {
     name: "LoginPage",
     setup()
     {
+
+        const router = useRouter();
+
         const ui = reactive({
             account: "",
             password: "",
@@ -67,7 +71,7 @@ export default {
             };
 
             login(info)
-                .then((response) =>
+                .then((response: any) =>
                 {
                     const data = response.data || { success: false, };
 
@@ -93,6 +97,7 @@ export default {
                         saveStaffInfo(staffInfo);
 
                         //跳转路由
+                        router.push("/desktop_archievement");
                     }
                     else
                     {
@@ -105,7 +110,7 @@ export default {
 
                     console.log(data);
                 })
-                .catch((error) =>
+                .catch((error: any) =>
                 {
                     debugger;
                     console.log(`登录失败，返回信息：${error}`);
@@ -116,13 +121,17 @@ export default {
         {
             const staffInfo = loadStaffInfo();
 
-            if (staffInfo.P13UID)
+            //判断是否已经记录了P13账号，有则提示已登录，然后跳转路由
+            if (staffInfo.P13UID != "")
             {
                 ElMessage({
                     message: `已登录账号:${staffInfo.stuffName}`,
                     type: "success",
                     center: true,
                 });
+
+                //跳转路由
+                router.push("/desktop_archievement");
             }
         });
 
@@ -157,13 +166,14 @@ export default {
     box-sizing: border-box;
     width: 320px;
     // margin-top: 5cm auto auto auto;
-    margin-top: calc(100vh * 0.05);
+    margin-top: calc(100vh * 0.075);
     padding: 10mm;
     background-color: #cac2c27f;
     backdrop-filter: blur(10px);
     border-radius: 5px;
     // backdrop-filter: ;
 
+
     h1 {
         font-family: "FZ-ZHUOHEI";
         font-size: 70px;
@@ -200,4 +210,4 @@ export default {
     width: 100%;
     margin-top: 20px;
 }
-</style>
+</style>