保存进度！

code/web/task_schedule/src/views/DataManagement.vue

@@ -14,10 +14,19 @@
                 <el-divider content-position="left">
                     90俱乐部
                 </el-divider>
+                <div class="toolbutton-wrapper">
+                    <el-button type="primary">
+                        新增
+                    </el-button>
+                    <el-button type="danger">
+                        删除
+                    </el-button>
+                </div>
                 <el-table
                     border
                     stripe
                     style="width:100%;"
+                    :height="tableHeight"
                 >
                     <el-table-column type="selection" />
                     <el-table-column
@@ -34,10 +43,19 @@
                 <el-divider content-position="left">
                     XXX
                 </el-divider>
+                <div class="toolbutton-wrapper">
+                    <el-button type="primary">
+                        新增
+                    </el-button>
+                    <el-button type="danger">
+                        删除
+                    </el-button>
+                </div>
                 <el-table
                     border
                     stripe
                     style="width:100%;"
+                    :height="tableHeight"
                 >
                     <el-table-column type="selection" />
                     <el-table-column
@@ -54,11 +72,23 @@
     </div>
 </template>
 <script lang="ts">
+import { reactive, computed } from "vue";
+
 export default {
     name: "DataManagement",
     setup()
     {
-        return {};
+        const ui = reactive({});
+
+        const tableHeight = computed((): number =>
+        {
+            return 5 * 50 + 40;
+        });
+
+        return {
+            ui,
+            tableHeight,
+        };
     },
 };
 </script>
@@ -113,4 +143,12 @@ export default {
 .dishonor-wrapper {
     flex-grow: 1;
 }
+
+.toolbutton-wrapper {
+    text-align: left;
+    margin-bottom: 10px;
+    >*+* {
+        margin-left: 15px;
+    }
+}
 </style>