保存进度！

企业级管理系统/web/admin_system/public/index.html

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-12-17 11:08:18
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-25 23:58:55
+ * @LastEditTime: 2023-01-26 01:37:19
  * @FilePath: \admin_system\public\index.html
  * @Description: 
  * 
@@ -34,7 +34,6 @@
         }
 
         body {
-            overflow: overlay;
             width: 100vw;
             height: 100vh;
             max-height: 100vh;

企业级管理系统/web/admin_system/src/layout/Index.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:05:44
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-25 23:57:51
+ * @LastEditTime: 2023-01-26 01:56:37
  * @FilePath: \admin_system\src\layout\Index.vue
  * @Description: 
  * 
@@ -52,7 +52,7 @@ export default {
   height: 100vh;
   max-height: 100vh;
   /* overflow: hiddens; */
-  min-width: 1280px;
+  /* min-width: 1280px; */
 }
 
 #layout-aside {
@@ -75,7 +75,7 @@ export default {
   background-color: #ecf2f9;
   /* height: 0; */
   /* flex-grow: 1; */
-  overflow: overlay;
+  /* overflow: overlay; */
 }
 
 #layout-container-down {

企业级管理系统/web/admin_system/src/layout/components/Main.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:40:03
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-25 11:21:22
+ * @LastEditTime: 2023-01-26 01:54:00
  * @FilePath: \admin_system\src\layout\components\Main.vue
  * @Description: 
  * 
@@ -23,5 +23,6 @@ export default {
 <style scoped>
 .main-content {
     min-height: calc(100vh - 75px);
+    /* overflow: overlay; */
 }
 </style>

企业级管理系统/web/admin_system/src/views/info/StaffInfo.vue

@@ -3,7 +3,7 @@
  * @Author: Kane
  * @Date: 2023-01-12 14:43:46
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-20 00:37:38
+ * @LastEditTime: 2023-01-26 01:25:42
  * @FilePath: \admin_system\src\views\info\StaffInfo.vue
  * @Description: 
  * 
@@ -168,7 +168,7 @@ export default {
 
 .query_box:hover,
 .info_box:hover {
-    box-shadow: 0px 0px 20px 0px rgb(14 18 22 / 25%);
+    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
 }
 
 div.cell {

企业级管理系统/web/admin_system/src/views/requirement/RequirementManager.vue

@@ -2,16 +2,66 @@
  * @Author: Kane
  * @Date: 2023-01-25 23:13:47
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-25 23:51:03
+ * @LastEditTime: 2023-01-26 01:51:53
  * @FilePath: \admin_system\src\views\requirement\RequirementManager.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
-    <el-scrollbar>
+    <div class="search-box">
-
+        <el-row :gutter="10">
-    </el-scrollbar>
+            <el-col :span="2">
+                <span>需求编号：</span>
+            </el-col>
+            <el-col :span="4">
+                <el-input></el-input>
+            </el-col>
+            <el-col :span="2">
+                <span>申请人：</span>
+            </el-col>
+            <el-col :span="4">
+                <el-input></el-input>
+            </el-col>
+            <el-col :span="2">
+                <span>状态：</span>
+            </el-col>
+            <el-col :span="4">
+                <el-input></el-input>
+            </el-col>
+            <el-col :span="6"></el-col>
+        </el-row>
+        <el-row :gutter="10">
+            <el-col :span="2">
+                <span>提交日期：</span>
+            </el-col>
+            <el-col :span="4">
+                <el-date-picker v-model="query_param.submit_start_date" style="width:100%;"></el-date-picker>
+            </el-col>
+            <el-col :span="2">
+                <span>至：</span>
+            </el-col>
+            <el-col :span="4">
+                <el-date-picker v-model="query_param.submit_end_date" style="width:100%;"></el-date-picker>
+            </el-col>
+            <el-col :span="6">
+                <div class="button-wrapper-right">
+                    <el-button type="primary" icon="search">查询</el-button>
+                    <el-button icon="Refresh">重置</el-button>
+                </div>
+            </el-col>
+            <el-col :span="6"></el-col>
+        </el-row>
+    </div>
+    <div class="tool-button-wrapper">
+        <el-row>
+            <el-col>
+                <el-button type="success" icon="DocumentAdd" plain>新增</el-button>
+                <el-button type="warning" icon="edit" plain>修改</el-button>
+                <el-button type="danger" icon="delete" plain>删除</el-button>
+            </el-col>
+        </el-row>
+    </div>
 </template>
 
 <script>
@@ -19,13 +69,60 @@ export default {
     name: "requirement-manager",
     data()
     {
-        return {};
+        return {
+            query_param: {
+                requirement_serial: "",
+                request_people: "",
+                submit_start_date: "",
+                submit_end_date: "",
+                status: "",
+            }
+        };
     },
 };
 </script>
 
 <style scoped>
-.el-scrollbar {
+.search-box {
-    height: calc(100vh - 90px);
+    padding: 15px 10px;
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
+}
+
+.search-box:hover {
+    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 40%);
+}
+
+span {
+    font-weight: bold;
+    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;
+}
+
+/* .el-date-picker {
+    width: 100%;
+} */
+
+.button-wrapper-right {
+    display: flex;
+    justify-content: right;
+}
+
+.tool-button-wrapper {
+    margin-top: 15px;
+    padding-left: 30px;
 }
 </style>