保存进度！

code/web/it-console/jsconfig.json

@@ -15,5 +15,9 @@
       "dom.iterable",
       "scripthost"
     ]
-  }
+  },
+  "exclude": [
+    "node_modules",
+    "node_modules_1"
+  ],
 }

code/web/it-console/package.json

@@ -38,7 +38,6 @@
         "eslint-plugin-vue": "^8.0.3",
         "node-sass": "^8.0.0",
         "sass-loader": "^13.2.0",
-    "svg-sprite-loader": "^2.1.0",
         "vue-cli-plugin-element-plus": "~0.0.13",
         "@vue/compiler-sfc": "^3.2.26",
         "@vitejs/plugin-vue": "^2.0.1",
@@ -50,3 +49,4 @@
         "@originjs/vite-plugin-commonjs": "^1.0.1"
     }
 }
+

code/web/it-console/src/css/public/_public.scss

@@ -0,0 +1,56 @@
+/*
+ * @Author: Kane
+ * @Date: 2023-02-24 09:36:08
+ * @LastEditors: Kane
+ * @LastEditTime: 2023-02-24 16:06:58
+ * @FilePath: /it-console/src/css/public/_public.scss
+ * @Description: 公共变量
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ */
+
+ //背景色
+$wrap-bg-color:#fff;
+$span-font-color:#5f5f5f; 
+
+//阴影
+$box-shadow:0px 0px 20px -10px rgb(14 18 22 / 25%);
+$box-shadow-hover:0px 0px 20px -10px rgb(14 18 22 / 50%);
+
+//文字大小
+$font-size-normal:14px;
+
+//查询框
+@mixin query-box-wrap {
+    padding: 0px 10px;
+
+    span {
+        font-weight: normal;
+        display: block;
+        text-align: right;
+        font-size: $font-size-normal;
+        color: $span-font-color;
+    }
+
+    .el-row {
+        display: flex;
+        align-items: center;
+        justify-content: left;
+    }
+
+    .el-row+.el-row {
+        margin-top: 10px;
+    }
+
+    .button-wrapper-right {
+        display: flex;
+        justify-content: right;
+        align-items: center;
+    }
+
+    .button-wrapper-left {
+        display: flex;
+        justify-content: left;
+        align-items: center;
+    }
+}

code/web/it-console/src/utils/api/LocalStorage.js

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-02-06 14:12:11
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-23 16:00:54
+ * @LastEditTime: 2023-02-24 09:31:03
  * @FilePath: /it-console/src/utils/api/LocalStorage.js
  * @Description: 初始化localStorage中保存的值。
  * 
@@ -13,7 +13,9 @@
 const REQUIREMRNT_UI = `requirement_ui`;
 
 /**
- * 
+ * 从localStorage中读取 REQUIREMRNT_UI 的值，并转换成对象。
+ * 如果转换不成功或者缺少属性，就补充属性，设置为空值。
+ * 时间属性设置为初始日期。
  * @returns 读取并装配好的ui对象
  */
 function loadRequirementUI()

code/web/it-console/src/views/info/StaffInfo.vue

@@ -11,7 +11,7 @@
  * @Author: Kane
  * @Date: 2023-02-21 11:03:15
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-23 10:18:25
+ * @LastEditTime: 2023-02-24 11:09:40
  * @FilePath: /it-console/src/views/info/StaffInfo.vue
  * @Description:<
  * 
@@ -89,31 +89,24 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "@/css/public/public.scss";
+
 .view_wrapper {
     border-radius: 5px;
     background-color: #fff;
+    padding: 10px;
+
+    min-width: 800px;
+    // max-width: 1200px;
+    box-shadow: $box-shadow;
+
+    &:hover {
+        box-shadow: $box-shadow-hover;
+    }
 }
 
 .query_wrapper {
-    min-width: 800px;
+    @include query-box-wrap;
-    max-width: 1200px;
-    padding: 10px;
-
-    .el-row {
-        display: flex;
-        align-items: center;
-
-        span {
-            display: block;
-            text-align: right;
-            font-size: 15px;
-            color: #5f5f5f;
-        }
-    }
-
-    .el-row+.el-row {
-        margin-top: 15px;
-    }
 }
 
 .toolbutton-wrapper {

code/web/it-console/src/views/requirement/RequirementManager.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-02-02 22:19:12
  * @LastEditors: Kane
- * @LastEditTime: 2023-02-23 15:51:11
+ * @LastEditTime: 2023-02-24 11:08:39
  * @FilePath: /it-console/src/views/requirement/RequirementManager.vue
  * @Description: 
  * 
@@ -228,11 +228,6 @@
                     </el-scrollbar>
                 </el-tab-pane>
             </el-tabs>
-            <!-- <template #footer>
-                                                <div class="dialogFooter">
-                                                    <el-button type="primary" @click="dialogRequirementDetailVisible = false;">关闭</el-button>
-                                                </div>
-                                            </template> -->
         </el-dialog>
     </div>
 </template>
@@ -483,17 +478,19 @@ export default {
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 /* 整个页面的外壳 ******************************/
+@import "@/css/public/_public.scss";
+
 .requirement_wrapper {
     padding: 10px;
     background-color: #fff;
     border-radius: 5px;
-    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
+    box-shadow: $box-shadow;
-}
 
-.requirement_wrapper:hover {
+    &:hover {
-    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 40%);
+        box-shadow: $box-shadow-hover;
+    }
 }
 
 .requirement_wrapper>*+* {
@@ -503,25 +500,7 @@ export default {
 
 /* 查询框 **********************************/
 .search-box {
-    padding: 0 10px;
+    @include query-box-wrap // padding: 0 10px;
-}
-
-.search-box span {
-    font-weight: normal;
-    display: block;
-    text-align: right;
-    font-size: 15px;
-    color: #5f5f5f;
-}
-
-.search-box>.el-row {
-    display: flex;
-    align-items: center;
-    justify-content: left;
-}
-
-.search-box .el-row+.el-row {
-    margin-top: 10px;
 }
 
 /* 查询结果筛选框 */
@@ -554,11 +533,6 @@ export default {
     justify-content: right;
 }
 
-.button-wrapper-right {
-    display: flex;
-    justify-content: right;
-    align-items: center;
-}
 
 .button-wrapper-left {
     display: flex;
@@ -621,50 +595,11 @@ export default {
     /* margin-top: 10px; */
 }
 
-/* .requirement-detail-wrapper .el-row:last-child {
-    flex-grow: 1;
-    display: block;
-    align-items: center;
-    justify-content: center;
-}
-
-.requirement-detail-wrapper .el-row:last-child .el-col {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-} */
-
 .requirement-detail-wrapper span {
     display: block;
     text-align: right;
     width: 100%;
 }
-
-/* .detailEditorWrapper {
-    margin: 0px;
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-} */
-
-/* .commentEditorWrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-
-.commentEditorWrapper .wangeditor_toolbar {
-    flex-grow: 0;
-    margin: 0px;
-}
-
-.commentEditorWrapper .wangeditor_editor {
-    flex-grow: 1;
-    margin: 0px;
-} */
 </style>
 <style>
 .requirement-detail-dialog .el-dialog__body {