feat: 初始化

pages/components/reportTable/index.scss

@@ -0,0 +1,72 @@
+.tableContainer {
+	.searchSection {
+		.searchFormDialog {
+			padding: 0 14px;
+			.searchForm {
+				padding: 28px 16px;
+				background: #fff;
+				box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
+			}
+			.submitter {
+				display: flex;
+				column-gap: 10px;
+				color: #fff;
+				.confirmBtn,
+				.cancelBtn {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					height: 40px;
+					flex: 1;
+				}
+				.confirmBtn {
+					background-color: rgba(77, 192, 229, 1);
+				}
+				.cancelBtn {
+					background-color: rgba(15, 54, 117, 1);
+				}
+			}
+		}
+		.datePreset {
+			margin-bottom: 10px;
+			::v-deep .checklist-group .checklist-box .radio__inner {
+				border-radius: 4px;
+			}
+			::v-deep .checklist-group .checklist-box .radio__inner .radio__inner-icon {
+				border-radius: 2px;
+			}
+			::v-deep .checklist-group .checklist-box.is--default.is-checked .radio__inner {
+				border-color: #e5e5e5 !important;
+			}
+		}
+	}
+	.tableSection {
+		margin-top: 10px;
+		.tableTh {
+			.columnItem {
+				background-color: #f6f6f6;
+				font-weight: 400;
+				&:first-child {
+					background-color: #fff;
+				}
+				border-top: 2px solid #29bbe4;
+			}
+		}
+		.rowItem:last-child {
+			.columnItem {
+				border-bottom-color: #fff;
+			}
+		}
+		.columnItem:first-child {
+			background-color: #fff;
+			position: sticky;
+			left: 0px;
+			transition: all 0.3s;
+			border-bottom-color: #fff;
+			box-shadow: 0px 17px 17px rgba(0, 0, 0, 0.1);
+		}
+		.uni-table-tr:hover .columnItem:first-child {
+			background-color: #f5f7fa;
+		}
+	}
+}