加入需求管理界面控件值储存功能。

code/web/IT工具综合平台/src/layout/Index.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:05:44
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-05 10:53:45
+ * @LastEditTime: 2023-02-06 09:26:48
  * @FilePath: /IT工具综合平台/src/layout/Index.vue
  * @Description: 
  * 
@@ -97,10 +97,9 @@ export default {
   /* width: 175px; */
   background-color: #2f4156;
   overflow-x: hidden;
-  /* height: calc(100vh - 50px);
+  height: calc(100vh - 50px);
   max-height: calc(100vh - 50px);
-  min-height: calc(100vh - 50px); */
-  height: 100%;
+  min-height: calc(100vh - 50px);
 }
 
 #layout-header {

code/web/IT工具综合平台/src/layout/components/Aside.vue

@@ -2,14 +2,14 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:30:33
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-06 00:25:26
+ * @LastEditTime: 2023-02-06 09:28:16
  * @FilePath: /IT工具综合平台/src/layout/components/Aside.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved.  223142 2f4156
 -->
 <template>
-    <el-scrollbar class="wrapper" height="400px">
+    <el-scrollbar class="wrapper">
         <el-menu id="side-bar" router :default-active="currentPath" background-color="#2f4156" text-color="#fff"
             active-text-color="#ffd04b" :collapse="asideCollapse">
             <template v-for="route in routes" :key="route.path">

code/web/IT工具综合平台/src/layout/components/Header copy.vue

@@ -0,0 +1,99 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-01-04 11:39:04
+ * @LastEditors: Kane
+ * @LastEditTime: 2023-02-04 01:09:49
+ * @FilePath: \IT工具综合平台\src\layout\components\Header.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+  <div class="app_banner no_select">
+    <span class="company_name">CPIC</span>
+    <div class="version_div">
+      <div>测试版</div>
+      <div>3.6.7 x64 Build 202208301257</div>
+    </div>
+    <div class="buttons_div">
+      <User style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" />
+      <SwitchButton style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" @click="logout" />
+    </div>
+  </div>
+</template>
+
+<script>
+//import { ElMessage } from "element-plus";
+import { Logout } from "../../utils/api/info/account";
+
+export default {
+  name: "AppBanner",
+  data()
+  {
+    return {};
+  },
+  // created() {
+  //   console.log("banner请求数据！");
+  // },
+  mounted()
+  {
+    //console.log("banner请求数据！");
+  },
+  methods: {
+    logout()
+    {
+      this.$confirm("是否退出系统？", "请确认", {
+        confirmButtonText: "是",
+        cancelButtonText: "否",
+        type: "warning",
+      }).then(() =>
+      {
+        Logout();
+      });
+    },
+  },
+};
+</script>
+<style scoped>
+.app_banner {
+  background-color: var(--banner-background-color);
+  color: #fff;
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  padding: 0px 15px 0px 15px;
+  height: 100%;
+  position: relative;
+}
+
+.no_select {
+  -webkit-touch-callout: none;
+  -moz-user-select: none;
+  /*火狐*/
+  -webkit-user-select: none;
+  /*webkit浏览器*/
+  -ms-user-select: none;
+  /*IE10*/
+  -khtml-user-select: none;
+  /*早期浏览器*/
+  user-select: none;
+}
+
+.app_banner>*+* {
+  margin-left: 10px;
+}
+
+.company_name {
+  font-size: 2rem;
+}
+
+.version_div {
+  font-size: 0.5rem;
+}
+
+.buttons_div {
+  margin-left: auto;
+  padding-top: 5px;
+  /* border: 1px solid salmon; */
+}
+</style>

code/web/IT工具综合平台/src/layout/components/Header.vue

@@ -2,8 +2,8 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:39:04
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-04 01:09:49
- * @FilePath: \IT工具综合平台\src\layout\components\Header.vue
+ * @LastEditTime: 2023-02-06 10:17:22
+ * @FilePath: /IT工具综合平台/src/layout/components/Header.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
@@ -23,26 +23,16 @@
 </template>
 
 <script>
-//import { ElMessage } from "element-plus";
+import { ElMessageBox } from "element-plus";
 import { Logout } from "../../utils/api/info/account";
 
 export default {
   name: "AppBanner",
-  data()
+  setup(props, context)
   {
-    return {};
-  },
-  // created() {
-  //   console.log("banner请求数据！");
-  // },
-  mounted()
-  {
-    //console.log("banner请求数据！");
-  },
-  methods: {
-    logout()
+    const logout = () =>
     {
-      this.$confirm("是否退出系统？", "请确认", {
+      ElMessageBox.confirm("是否退出系统？", "请确认", {
         confirmButtonText: "是",
         cancelButtonText: "否",
         type: "warning",
@@ -50,7 +40,9 @@ export default {
       {
         Logout();
       });
-    },
+    };
+
+    return { logout, };
   },
 };
 </script>

code/web/IT工具综合平台/src/layout/components/Main.vue

@@ -20,7 +20,7 @@
 
 <script>
 export default {
-    name: "LayoutMain"
+    name: "LayoutMain",
 };
 </script>