添加一个退出桌面霸屏页面的功能。

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

@@ -11,6 +11,8 @@
     <div
         v-if="ui.showUI"
         class="view-wrapper"
+        tabindex="0"
+        @keyup.esc="logoutDesktopArchievement()"
     >
         <div class="center-wrapper">
             <span class="slogan">对标先进&nbsp;比学赶超</span>
@@ -63,6 +65,7 @@ import ArchievementChart from "@/components/ArchievementChartComponent.vue";
 import ArchievementCompleteRateComponent from "@/components/ArchievementCompleteRateComponent.vue";
 import HonorListComponent from "@/components/HonorListComponent.vue";
 import DishonorListComponent from "@/components/DishonorListComponent.vue";
+import { logout } from "@/utils/account.js";
 
 export default {
     name: "DesktopArchievement",
@@ -116,6 +119,15 @@ export default {
             setTimeout(() => { ui.showUI = true; }, 0);
         };
 
+        // 退出桌面霸屏
+        const logoutDesktopArchievement = () =>
+        {
+            console.log("111");
+            logout();
+
+            // router.push("/login");
+        };
+
         // 检查存储的登录信息，不存在则返回登录页面
         if (staffInfo.P13UID === "")
         {
@@ -133,7 +145,7 @@ export default {
             queryDepartmentArchievement(renderData);
         });
 
-        return { ui, getTotalArchievement, renderData, };
+        return { ui, getTotalArchievement, renderData, logoutDesktopArchievement, };
     },
 };
 </script>
@@ -158,6 +170,7 @@ export default {
 .center-wrapper {
     //中间部分
     width: 50%;
+    min-width: 780px;
     display: flex;
     flex-direction: column;
     align-items: stretch;

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

@@ -195,6 +195,10 @@ export default {
     justify-content: start;
     align-items: center;
 
+    background-image: url("@/assets/img/bg/bg_01.jpg");
+    background-attachment: fixed;
+    background-size: contain;
+
     span {
         font-size: 30px;
         color: red;