开始设计业绩组件。

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>