调整部分前端布局和后端增删改逻辑

shierfeng-fastapi-frontend/src/assets/styles/data-pages.scss

@@ -4,7 +4,8 @@
 .app-container.report-page {
   min-height: 100%;
   padding: 18px 20px 24px;
-  background: #f5f7fb;
+  background: var(--el-bg-color-page, #f5f7fb);
+  color: var(--el-text-color-primary, #303133);
 }
 
 .business-page .page-filter,
@@ -12,10 +13,10 @@
 .report-page .page-filter {
   margin: 0 0 14px;
   padding: 14px 16px 2px;
-  border: 1px solid #e7ebf2;
+  border: 1px solid var(--el-border-color-lighter, #e4e7ed);
   border-radius: 12px;
-  background: #fff;
-  box-shadow: 0 3px 14px rgba(31, 55, 88, 0.05);
+  background: var(--el-bg-color, #fff);
+  box-shadow: var(--el-box-shadow-lighter, 0 3px 14px rgba(31, 55, 88, 0.05));
 }
 
 .business-page .page-filter .el-form-item,
@@ -58,19 +59,19 @@
 .master-page .data-table,
 .report-page .data-table {
   width: 100%;
-  border: 1px solid #e7ebf2;
+  border: 1px solid var(--el-border-color-lighter, #e4e7ed);
   border-radius: 12px;
   overflow: hidden;
-  background: #fff;
-  box-shadow: 0 3px 14px rgba(31, 55, 88, 0.04);
+  background: var(--el-bg-color, #fff);
+  box-shadow: var(--el-box-shadow-lighter, 0 3px 14px rgba(31, 55, 88, 0.04));
 }
 
 .business-page .data-table .el-table__header th,
 .master-page .data-table .el-table__header th,
 .report-page .data-table .el-table__header th {
   height: 46px !important;
-  background: #f7f9fc !important;
-  color: #344054;
+  background: var(--el-fill-color-light, #f5f7fa) !important;
+  color: var(--el-text-color-regular, #606266);
   font-weight: 650;
 }
 
@@ -83,7 +84,7 @@
 .business-page .data-table .el-table__body tr:nth-child(even) > td,
 .master-page .data-table .el-table__body tr:nth-child(even) > td,
 .report-page .data-table .el-table__body tr:nth-child(even) > td {
-  background: #fbfcfe;
+  background: var(--el-fill-color-lighter, #fafafa);
 }
 
 .business-page .data-table .el-table__inner-wrapper::before,
@@ -107,7 +108,7 @@
 
 .business-page .operation-card {
   border-radius: 12px;
-  box-shadow: 0 3px 14px rgba(31, 55, 88, 0.05);
+  box-shadow: var(--el-box-shadow-lighter, 0 3px 14px rgba(31, 55, 88, 0.05));
 }
 
 @media (max-width: 767px) {