开始设计业绩组件。

code/web/task_schedule/src/assets/css/index.scss

@@ -10,4 +10,4 @@
 @import url("./public/reset.scss");
 @import url("./public/normalize.scss");
 @import url("../font/fonts.css");
-@import url("./public/color.scss");
+// @import url("./public/color.scss");

code/web/task_schedule/src/main.js

@@ -2,14 +2,14 @@
  * @Author: Kane
  * @Date: 2023-02-15 09:25:52
  * @LastEditors: Kane
- * @LastEditTime: 2023-03-03 09:58:49
+ * @LastEditTime: 2023-03-03 15:50:08
  * @FilePath: /task_schedule/src/main.js
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
 import { createApp } from 'vue';
-import { router } from "./router/index.js";
+import { router } from "./router/index";
 import store from "@/store/index";
 
 import App from './App.vue';

code/web/task_schedule/src/router/index.js

@@ -29,6 +29,12 @@ const routes = [
         hidden: true,
         component: () => import("@/views/Public.vue"),
     },
+    {
+        path: "/desktop_archievement",
+        name: "DesktopArchievement",
+        hidden: true,
+        component: () => import("@/views/DesktopArchievement.vue"),
+    },
 ];
 
 const router = createRouter(
@@ -39,9 +45,9 @@ const router = createRouter(
 );
 
 //路由守卫
-router.beforeEach((to) =>
-{
+// router.beforeEach((to) =>
+// {
 
-});
+// });
 
 export { router };

code/web/task_schedule/src/style.css

@@ -1,9 +1,7 @@
 html {
-    background-image: url("./assets/img/bg/bg_01.jpg");
+    background-image: url("@/assets/img/bg/bg_01.jpg");
     background-attachment: fixed;
     background-size: contain;
-    /* background-position: center; */
-    /* background-repeat: no-repeat; */
 }
 
 body {

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

@@ -8,8 +8,8 @@
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
 
-import { service as instance } from "@/utils/api/request";
-import { API_URL } from "@/utils/api/config";
+import { service as instance } from "./api/request";
+import { API_URL } from "./api/config";
 interface LoginInfo
 {
     p13account: string;

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>