更新笔触和管理员页面

src/component/Administrator/trialApproval.vue

@@ -1,22 +1,22 @@
 <template>
-    <div class="trial_page">
-		<div class="trial_table_search">
-			<div class="trial_state">
-				<div class="trial_state_item trial_table_voluntarily">
+    <div class="admin_page">
+		<div class="admin_table_search">
+			<div class="admin_state">
+				<div class="admin_state_item admin_table_voluntarily">
 					<span>voluntarily:</span>
 					<a-switch v-model:checked="voluntarily" @change="setIsAutoApproval" />
 				</div>
-				<div class="trial_state_item">
+				<div class="admin_state_item">
 					<span>State:</span>
 					<a-select v-model:value="currentState.value" size="large" style="width:280px" optionFilterProp="label" :options="state" placeholder="Please select" allowClear show-search></a-select>
 				</div>
 			</div>
-			<div class="trial_search">
-				<div class="trial_search_item" @click="searchHistoryList">Search</div>
+			<div class="admin_search">
+				<div class="admin_search_item" @click="searchHistoryList">Search</div>
 			</div>
 		</div>
 
-		<div class="trial_table_content" ref="historyTable">
+		<div class="admin_table_content" ref="historyTable">
 			<a-table
 				:columns="columns"
 				:data-source="collectionList"
@@ -297,139 +297,5 @@ export default defineComponent({
 });
 </script>
 <style lang="less">
-.trial_page {
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    // min-width: 1440px;
-    position: relative;
-	
-	.trial_table_search {
-		display: flex;
-		margin-top: 2rem;
-		padding: 2rem 3.5rem 5rem 2.8rem;
-		background: #fff;
-		display: flex;
-		justify-content: space-between;
-		.trial_search{
-			width: 40%;
-			.trial_search_item{
-				background: #343579;
-				border-color: #343579;
-				height: 4rem;
-				padding: .64rem 1.5rem;
-				font-size: 1.6rem;
-				border-radius: 2px;
-				display: inline-block;
-				color: #fff;
-				cursor: pointer;
-			}
-		}
-		.trial_state {
-			position: relative;
-			cursor: pointer;
-			width: 60%;
-			.trial_state_item{
-				margin-right: 2rem;
-				margin-bottom: 2rem;
-				display: flex;
-				align-items: center;
-				>span{
-					font-size: 1.6rem;
-					font-weight: 400;
-					color: #030303;
-					margin-right: 15px;
-					flex-shrink: 0;
-					display: block;
-					min-width: 13rem;
-					text-align: right;
-				}
-			}
-			.trial_current{
-				background: #fff;
-				width: 100%;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-			}
-			.header_user_content {
-				position: absolute;
-				border: 2px solid;
-				border-radius: 1rem;
-				overflow: hidden;
-				top: 0;
-				transform: translateY(6rem);
-				z-index: 2;
-				display: none;
-				margin-left: -2rem;
-				.username{
-					padding: 0 2rem;
-					color: #000;
-				}
-				.username:hover{
-					background: #e1e1e1;
-				}
-				&.active{
-					display: block;
-				}
-			}
-		}
-	}
 
-	.trial_table_content {
-		margin-top: 2.6rem;
-		width: 100%;
-		height: calc(100% - 13.7rem);
-		padding-bottom: 3rem;
-		background: #fff;
-		border-radius: 2rem;
-		overflow: hidden;
-		.ant-table {
-			background: transparent;
-		}
-
-		.ant-table-body {
-			overflow-y: auto !important;
-			-ms-overflow-style: none;
-			overflow: -moz-scrollbars-none;
-
-			&::-webkit-scrollbar {
-				width: 0 !important;
-			}
-		}
-		.ant-table-thead > tr > th {
-			background: #ffffff00;
-			border-bottom: none;
-			backdrop-filter: blur(1rem);
-		}
-
-		.ant-table-tbody > tr > td {
-			border: none;
-			background: transparent;
-			// color: #fff;
-		}
-		.ant-table-tbody > tr {
-			&:hover > td {
-				background: #ffffff3a;
-			}
-		}
-		.ant-table-pagination-right {
-			padding-right: 3.5rem;
-		}
-		.operate_list {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			padding: 0 1rem;
-
-			.operate_item {
-				font-size: 1.4rem;
-				font-family: Roboto;
-				font-weight: 400;
-				color: #343579;
-				cursor: pointer;
-			}
-		}
-	}
-}
 </style>