保存进度！

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

@@ -1,52 +1,52 @@
 {
-  "name": "CPIC-IT-Console",
+    "name": "CPIC-IT-Console",
-  "version": "0.1.0",
+    "version": "0.1.0",
-  "private": true,
+    "private": true,
-  "scripts": {
+    "scripts": {
-    "serve": "vue-cli-service serve",
+        "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+        "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
+        "lint": "vue-cli-service lint",
-    "serve-vite": "vite",
+        "serve-vite": "vite",
-    "build-vite": "vite build",
+        "build-vite": "vite build",
-    "preview-vite": "vite preview"
+        "preview-vite": "vite preview"
-  },
+    },
-  "dependencies": {
+    "dependencies": {
-    "@element-plus/icons-vue": "^1.1.4",
+        "@element-plus/icons-vue": "^1.1.4",
-    "@vitejs/plugin-vue": "^4.0.0",
+        "@vitejs/plugin-vue": "^4.0.0",
-    "@wangeditor/editor": "^5.1.23",
+        "@wangeditor/editor": "^5.1.23",
-    "@wangeditor/editor-for-vue": "^5.1.12",
+        "@wangeditor/editor-for-vue": "^5.1.12",
-    "axios": "^1.2.1",
+        "axios": "^1.2.1",
-    "core-js": "^3.8.3",
+        "core-js": "^3.8.3",
-    "element-plus": "^2.2.26",
+        "element-plus": "^2.2.26",
-    "sass": "^1.56.2",
+        "sass": "^1.56.2",
-    "scss": "^0.2.4",
+        "scss": "^0.2.4",
-    "scss-loader": "^0.0.1",
+        "scss-loader": "^0.0.1",
-    "vite": "^4.1.4",
+        "vite": "^4.1.4",
-    "vue": "^3.2.13",
+        "vue": "^3.2.13",
-    "vue-router": "^4.0.3",
+        "vue-router": "^4.0.3",
-    "vuex": "^4.0.0"
+        "vuex": "^4.0.0"
-  },
+    },
-  "devDependencies": {
+    "devDependencies": {
-    "@babel/core": "^7.12.16",
+        "@babel/core": "^7.12.16",
-    "@babel/eslint-parser": "^7.12.16",
+        "@babel/eslint-parser": "^7.12.16",
-    "@vue/cli-plugin-babel": "~5.0.0",
+        "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
+        "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-plugin-router": "~5.0.0",
+        "@vue/cli-plugin-router": "~5.0.0",
-    "@vue/cli-plugin-vuex": "~5.0.0",
+        "@vue/cli-plugin-vuex": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
+        "@vue/cli-service": "~5.0.0",
-    "eslint": "^7.32.0",
+        "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3",
+        "eslint-plugin-vue": "^8.0.3",
-    "node-sass": "^8.0.0",
+        "node-sass": "^8.0.0",
-    "sass-loader": "^13.2.0",
+        "sass-loader": "^13.2.0",
-    "svg-sprite-loader": "^2.1.0",
+        "vue-cli-plugin-element-plus": "~0.0.13",
-    "vue-cli-plugin-element-plus": "~0.0.13",
+        "@vue/compiler-sfc": "^3.2.26",
-    "@vue/compiler-sfc": "^3.2.26",
+        "@vitejs/plugin-vue": "^2.0.1",
-    "@vitejs/plugin-vue": "^2.0.1",
+        "@vitejs/plugin-vue-jsx": "^1.3.2",
-    "@vitejs/plugin-vue-jsx": "^1.3.2",
+        "vite-plugin-env-compatible": "^1.1.1",
-    "vite-plugin-env-compatible": "^1.1.1",
+        "vite-plugin-html": "3.2.0",
-    "vite-plugin-html": "3.2.0",
+        "vite": "^2.7.2",
-    "vite": "^2.7.2",
+        "@originjs/vite-plugin-require-context": "1.0.9",
-    "@originjs/vite-plugin-require-context": "1.0.9",
+        "@originjs/vite-plugin-commonjs": "^1.0.1"
-    "@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: 
  * 
@@ -219,20 +219,15 @@
                 </el-tab-pane>
                 <el-tab-pane name="comment" label="备注">
                     <el-scrollbar height="400px">
-                    <div style="border: 1px solid #ccc;height:auto;">
+                        <div style="border: 1px solid #ccc;height:auto;">
-                        <Toolbar style="border-bottom: 1px solid #eee" :editor="commentEditorRef"
+                            <Toolbar style="border-bottom: 1px solid #eee" :editor="commentEditorRef"
-                            :defaultConfig="commentToolbarConfig" :mode="mode" />
+                                :defaultConfig="commentToolbarConfig" :mode="mode" />
-                        <Editor readonly style="overflow-y: hidden;" v-model="valueHtml"
+                            <Editor readonly style="overflow-y: hidden;" v-model="valueHtml"
                                 :defaultConfig="commentEditorConfig" :mode="mode" @onCreated="handleCommentEditorCreated" />
                         </div>
                     </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 {