@@ -183,7 +184,7 @@
v-model:current-page="page"
v-model:page-size="pageSize"
:total="total"
- :page-sizes="[20, 50, 100]"
+ :page-sizes="[10, 20, 50, 100]"
layout="total, sizes, prev, pager, next, jumper"
@current-change="fetchData"
@size-change="onSizeChange"
@@ -205,7 +206,7 @@ const loading = ref(false)
const list = ref([])
const total = ref(0)
const page = ref(1)
-const pageSize = ref(20)
+const pageSize = ref(10)
const huiyuanOptions = ref([])
const dateRange = ref([])
@@ -398,13 +399,113 @@ onMounted(fetchData)
.empty-fenhong {
color: #8fb8e8;
}
-.table-card :deep(.el-table) {
+
+/* 表单控件深色 */
+.filter-form :deep(.el-input__wrapper),
+.filter-form :deep(.el-select .el-input__wrapper),
+.filter-form :deep(.el-input-number .el-input__wrapper),
+.filter-form :deep(.el-date-editor .el-input__wrapper) {
+ background: #0a121c !important;
+ border: 1px solid #2a6f8f !important;
+ border-radius: 8px !important;
+ box-shadow: none !important;
+}
+.filter-form :deep(.el-input__inner),
+.filter-form :deep(.el-input-number__input),
+.filter-form :deep(.el-range-input) {
+ color: #e6f3ff !important;
+ background: transparent !important;
+}
+.filter-form :deep(.el-input__inner::placeholder),
+.filter-form :deep(.el-range-input::placeholder) {
+ color: rgba(159, 197, 255, 0.45) !important;
+}
+.filter-form :deep(.el-range-separator) {
+ color: #8fb8e8 !important;
+}
+.filter-form :deep(.el-input-number__decrease),
+.filter-form :deep(.el-input-number__increase) {
+ background: #0d1824 !important;
+ border-color: #2a6f8f !important;
+ color: #9ec5ff !important;
+}
+.filter-form :deep(.el-select .el-select__caret),
+.filter-form :deep(.el-input__suffix),
+.filter-form :deep(.el-input__prefix) {
+ color: #8fb8e8 !important;
+}
+
+/* 表格统一深色，去掉白条纹 */
+.member-data-table :deep(.el-table) {
--el-table-bg-color: transparent;
- --el-table-tr-bg-color: rgba(12, 18, 28, 0.5);
- --el-table-header-bg-color: rgba(20, 30, 45, 0.9);
- --el-table-row-hover-bg-color: rgba(64, 158, 255, 0.08);
+ --el-table-tr-bg-color: rgba(12, 18, 28, 0.55);
+ --el-table-header-bg-color: rgba(20, 30, 45, 0.95);
+ --el-table-row-hover-bg-color: rgba(64, 158, 255, 0.1);
--el-table-text-color: #d8ebff;
--el-table-header-text-color: #9ec5ff;
--el-table-border-color: rgba(64, 158, 255, 0.12);
+ background: transparent;
+}
+.member-data-table :deep(.el-table th.el-table__cell) {
+ background: rgba(20, 30, 45, 0.95) !important;
+ color: #9ec5ff !important;
+}
+.member-data-table :deep(.el-table td.el-table__cell) {
+ background: rgba(12, 18, 28, 0.55) !important;
+ color: #d8ebff !important;
+ border-bottom: 1px solid rgba(64, 158, 255, 0.1) !important;
+}
+.member-data-table :deep(.el-table__body tr:hover > td.el-table__cell) {
+ background: rgba(64, 158, 255, 0.1) !important;
+}
+.member-data-table :deep(.el-table__empty-text) {
+ color: rgba(159, 197, 255, 0.55);
+}
+.member-data-table :deep(.el-table__expand-icon) {
+ color: #9ec5ff;
+}
+
+/* 分页深色 */
+.pager :deep(.el-pagination) {
+ --el-pagination-bg-color: transparent;
+ --el-pagination-text-color: #9ec5ff;
+ --el-pagination-button-color: #9ec5ff;
+ --el-pagination-hover-color: #6cc3e8;
+}
+.pager :deep(.el-pagination .el-select .el-input__wrapper),
+.pager :deep(.el-pagination .btn-prev),
+.pager :deep(.el-pagination .btn-next),
+.pager :deep(.el-pagination .el-pager li) {
+ background: #0a121c !important;
+ border: 1px solid #2a6f8f !important;
+ color: #9ec5ff !important;
+}
+.pager :deep(.el-pagination .el-pager li.is-active) {
+ background: rgba(64, 158, 255, 0.25) !important;
+ color: #e6f3ff !important;
+ border-color: #409eff !important;
+}
+.pager :deep(.el-pagination__total),
+.pager :deep(.el-pagination__jump) {
+ color: #9ec5ff !important;
+}
+.pager :deep(.el-pagination__editor.el-input .el-input__wrapper) {
+ background: #0a121c !important;
+ border: 1px solid #2a6f8f !important;
+}
+.pager :deep(.el-pagination__editor.el-input .el-input__inner) {
+ color: #e6f3ff !important;
+}
+
+/* 按钮 */
+.filter-form :deep(.el-button:not(.el-button--primary)) {
+ background: #0a121c;
+ border-color: #2a6f8f;
+ color: #9ec5ff;
+}
+.filter-form :deep(.el-button:not(.el-button--primary):hover) {
+ background: rgba(64, 158, 255, 0.12);
+ border-color: #409eff;
+ color: #e6f3ff;
}