完成标题

code/web/task_schedule/src/assets/css/public/color.scss

@@ -1,4 +1,6 @@
 
-$color-bg-01: #ba1800;
-$color-bg-02: #f27620;
-$color-bg-03: #fecb96;
+$color-bg-01: #fecb96;
+$color-bg-02: #f7954e;
+$color-bg-03: #f27620;
+$color-bg-04: #da3703;
+$color-bg-05: #ba1800;

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

@@ -8,37 +8,76 @@
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
-    <div class="view-wrapper"></div>
+    <div class="view-wrapper">
+        <span>对标先进&nbsp;比学赶超</span>
+    </div>
 </template>
 
 <script lang="ts">
 import { reactive, onBeforeMount } from "vue";
+import { useRouter } from "vue-router";
 import { StaffInfo } from "@/data/cpicxim/StaffInfo";
 import { loadStaffInfo } from "@/utils/api/localStorage";
+import { ElMessage } from "element-plus";
 export default {
     name: "DesktopArchievement",
     setup()
     {
+        const router = useRouter();
         const staffInfo: StaffInfo = loadStaffInfo();
 
-        onBeforeMount(() =>
+        //检查存储的登录信息，不存在则返回登录页面
+        if (staffInfo.P13UID == "")
         {
-            //检查存储的登录信息，不存在则返回登录页面
-        });
+            ElMessage({
+                message: "登录信息失效，请重新登录！",
+                type: "success",
+                center: true,
+            });
+
+            router.push("/login");
+        }
     },
 };
 </script>
 
 <style scoped lang="scss">
-.view_wrapper {
+.view-wrapper {
     box-sizing: border-box;
-    height: calc(100vh - 10mm);
-    width: calc(100vw - 10mm);
+    height: 100vh;
+    width: 100vw;
     border: 1px solid red;
 }
+
+span {
+    margin: 0px;
+    display: block;
+
+    font: {
+        family: "FZ-ZHUOHEI";
+        weight: 100;
+        size: 70px;
+    }
+
+    color: $color-bg-05;
+    text-shadow: #feebb1 0px 0px,
+    #feebb1 5px 0px,
+    #feebb1 -5px -0px,
+    #feebb1 -0px -5px,
+    #feebb1 -4px -4px,
+    #feebb1 4px 4px,
+    #feebb1 4px -4px,
+    #feebb1 -4px 4px;
+}
 </style>
 <style lang="scss">
 body {
-    background-color: $color-bg-01;
+    background-image: radial-gradient(farthest-corner at 100% 0%,
+            $color-bg-01,
+            $color-bg-02,
+            $color-bg-03,
+            $color-bg-04,
+            $color-bg-05,
+            $color-bg-05);
 }
 </style>

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

@@ -182,14 +182,14 @@ export default {
         margin: 5mm 0;
         display: block;
         text-align: center;
-        text-shadow: #1d6ddc 2px 10px,
-            #1d6ddc 2px 0px,
-            #1d6ddc -2px -0px,
-            #1d6ddc -0px -2px,
-            #1d6ddc -1.4px -1.4px,
-            #1d6ddc 1.4px 1.4px,
-            #1d6ddc 1.4px -1.4px,
-            #1d6ddc -1.4px 1.4px;
+        text-shadow: #1d6ddc 2px 10px 2px,
+            #1d6ddc 2px 0px 2px,
+            #1d6ddc -2px -0px 2px,
+            #1d6ddc -0px -2px 2px,
+            #1d6ddc -1.4px -1.4px 2px,
+            #1d6ddc 1.4px 1.4px 2px,
+            #1d6ddc 1.4px -1.4px 2px,
+            #1d6ddc -1.4px 1.4px 2px;
 
     }
 }