保存进度！

企业级管理系统/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-26 01:56:37
+ * @LastEditTime: 2023-01-26 10:29:03
  * @FilePath: \admin_system\src\layout\Index.vue
  * @Description: 
  * 
@@ -55,32 +55,34 @@ export default {
   /* min-width: 1280px; */
 }
 
-#layout-aside {
+#layout-container-down {
-  /* width: 175px; */
-  background-color: #2f4156;
-  overflow-x: hidden;
   height: calc(100vh - 50px);
   max-height: calc(100vh - 50px);
   min-height: calc(100vh - 50px);
 }
 
+#layout-aside {
+  /* width: 175px; */
+  background-color: #2f4156;
+  overflow-x: hidden;
+  /* height: calc(100vh - 50px);
+  max-height: calc(100vh - 50px);
+  min-height: calc(100vh - 50px); */
+  height: 100%;
+}
+
 #layout-header {
   height: 50px;
-  /* background-color: #77bc99; */
   padding: 0px;
   flex-grow: 0;
 }
 
 #layout-main {
   background-color: #ecf2f9;
-  /* height: 0; */
+  padding: 0px;
+  height: 100%;
+  /* height: calc(100vh - 50px); */
   /* flex-grow: 1; */
   /* overflow: overlay; */
 }
-
-#layout-container-down {
-  height: calc(100vh - 50px);
-  max-height: calc(100vh - 50px);
-  min-height: calc(100vh - 50px);
-}
 </style>

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

@@ -2,14 +2,14 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:30:33
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-25 23:44:43
+ * @LastEditTime: 2023-01-26 08:10:40
  * @FilePath: \admin_system\src\layout\components\Aside.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved.  223142 2f4156
 -->
 <template>
-    <div class="wrapper">
+    <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 this.routers" :key="route.path">
@@ -42,7 +42,7 @@
                 </template>
             </template>
         </el-menu>
-    </div>
+    </el-scrollbar>
 </template>
 
 <script>
@@ -146,6 +146,5 @@ export default {
 
 .wrapper {
     height: 100%;
-    overflow-y: overlay;
 }
 </style>

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

@@ -2,16 +2,20 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:40:03
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-26 01:54:00
+ * @LastEditTime: 2023-01-26 10:46:37
  * @FilePath: \admin_system\src\layout\components\Main.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
-    <div class="main-content">
+    <!-- <div class="main-content"> -->
+    <el-scrollbar>
+        <div class="view-wrapper">
             <router-view />
         </div>
+    </el-scrollbar>
+    <!-- </div> -->
 </template>
 
 <script>
@@ -21,8 +25,11 @@ export default {
 </script>
 
 <style scoped>
-.main-content {
+.el-scrollbar {
-    min-height: calc(100vh - 75px);
+    height: 100%;
-    /* overflow: overlay; */
+}
+
+.view-wrapper {
+    margin: 25px;
 }
 </style>

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

@@ -2,32 +2,33 @@
  * @Author: Kane
  * @Date: 2023-01-25 23:13:47
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-26 01:51:53
+ * @LastEditTime: 2023-01-26 10:56:40
  * @FilePath: \admin_system\src\views\requirement\RequirementManager.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
+    <div class="requirement_wrapper">
         <div class="search-box">
             <el-row :gutter="10">
                 <el-col :span="2">
                     <span>需求编号：</span>
                 </el-col>
                 <el-col :span="4">
-                <el-input></el-input>
+                    <el-input v-model="query_param.requirement_serial"></el-input>
                 </el-col>
                 <el-col :span="2">
                     <span>申请人：</span>
                 </el-col>
                 <el-col :span="4">
-                <el-input></el-input>
+                    <el-input v-model="query_param.request_people"></el-input>
                 </el-col>
                 <el-col :span="2">
                     <span>状态：</span>
                 </el-col>
                 <el-col :span="4">
-                <el-input></el-input>
+                    <el-input v-model="query_param.status"></el-input>
                 </el-col>
                 <el-col :span="6"></el-col>
             </el-row>
@@ -53,6 +54,7 @@
                 <el-col :span="6"></el-col>
             </el-row>
         </div>
+
         <div class="tool-button-wrapper">
             <el-row>
                 <el-col>
@@ -62,6 +64,10 @@
                 </el-col>
             </el-row>
         </div>
+        <el-table border stripe width="100%">
+            <el-table-column type="selection"></el-table-column>
+        </el-table>
+    </div>
 </template>
 
 <script>
@@ -84,15 +90,13 @@ export default {
 
 <style scoped>
 .search-box {
-    padding: 15px 10px;
+    /* padding: 15px 10px; */
-    background-color: #fff;
+    /* background-color: #fff; */
-    border-radius: 5px;
+    /* border-radius: 5px; */
-    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
+    /* 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;
@@ -121,8 +125,25 @@ span {
     justify-content: right;
 }
 
-.tool-button-wrapper {
+.requirement_wrapper {
+    padding: 15px 10px;
     margin-top: 15px;
-    padding-left: 30px;
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
+}
+
+.requirement_wrapper:hover {
+    box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 40%);
+}
+
+.requirement_wrapper>*+* {
+    margin-top: 15px;
+}
+
+
+
+.tool-button-wrapper {
+    padding-left: 15px;
 }
 </style>