保存进度！

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

@@ -78,7 +78,6 @@ export default {
 }
 
 #layout-main {
-  background-color: #ecf2f9;
   padding: 0px;
   height: 100%;
   /* height: calc(100vh - 50px); */

企业级管理系统/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-26 10:46:37
+ * @LastEditTime: 2023-01-26 12:34:20
  * @FilePath: \admin_system\src\layout\components\Main.vue
  * @Description: 
  * 
@@ -27,9 +27,10 @@ export default {
 <style scoped>
 .el-scrollbar {
     height: 100%;
+    background-color: #ecf2f9;
 }
 
 .view-wrapper {
-    margin: 25px;
+    padding: 15px;
 }
 </style>

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

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2023-01-25 23:13:47
  * @LastEditors: Kane
- * @LastEditTime: 2023-01-26 10:56:40
+ * @LastEditTime: 2023-01-26 17:05:54
  * @FilePath: \admin_system\src\views\requirement\RequirementManager.vue
  * @Description: 
  * 
@@ -65,7 +65,26 @@
             </el-row>
         </div>
         <el-table border stripe width="100%">
-            <el-table-column type="selection"></el-table-column>
+            <el-table-column type="selection" align="center"></el-table-column>
+            <el-table-column label="需求编号" align="center">
+                <template #default="requirement">
+                    <span class="requirement-serial">{{ requirement.row.requirement_serial }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="标题" align="center">
+                <template #default="requirement">
+                    <span class="requirement-title">{{ requirement.row.title }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="申请人" align="center"></el-table-column>
+            <el-table-column label="状态" align="center"></el-table-column>
+            <el-table-column label="提交日期" align="center"></el-table-column>
+            <el-table-column label="操作" align="center">
+                <template #default>
+                    <el-button type="warning" icon="edit">编辑</el-button>
+                    <el-button type="danger" icon="delete">删除</el-button>
+                </template>
+            </el-table-column>
         </el-table>
     </div>
 </template>
@@ -82,6 +101,11 @@ export default {
                 submit_start_date: "",
                 submit_end_date: "",
                 status: "",
+            },
+            test_data: {
+                requirement_data: [
+                    {}
+                ]
             }
         };
     },
@@ -126,8 +150,7 @@ span {
 }
 
 .requirement_wrapper {
-    padding: 15px 10px;
+    padding: 15px 15px;
-    margin-top: 15px;
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
@@ -141,9 +164,18 @@ span {
     margin-top: 15px;
 }
 
-
-
 .tool-button-wrapper {
     padding-left: 15px;
 }
+
+/* 需求列表 */
+.requirement-title {
+    text-align: left;
+    width: 100%;
+}
+
+.requirement-serial {
+    width: 100%;
+
+}
 </style>