20230517

src/components/page/partyDelete.vue

@@ -7,8 +7,17 @@
 				</el-breadcrumb-item>
 			</el-breadcrumb>
 		</div>
+
 		<div class="container">
-			<el-table :data="tableData" border class="table" ref="multipleTable" header-cell-class-name="table-header" empty-text="New messages (0)">
+			<div class="handle-box">
+				<el-input v-model="query.keywords" placeholder="Account / Realname / Email"
+					style="width: 230px;margin: 0 10px 0 0;">
+				</el-input>
+				<el-button type="primary" icon="el-icon-search" @click="query.pageIndex = 1;getDate()">Search
+				</el-button>
+			</div>
+			<el-table :data="tableData" border class="table" ref="multipleTable" header-cell-class-name="table-header"
+				empty-text="New messages (0)">
 				<el-table-column prop="account" label="Account"></el-table-column>
 				<el-table-column prop="realname" label="Realname"></el-table-column>
 				<el-table-column prop="email" label="Email"></el-table-column>
@@ -18,15 +27,17 @@
 					</template>
 				</el-table-column>
 				<el-table-column prop="reason" label="Black reasons"></el-table-column>
-				<el-table-column label=" " width="185" align="center"  v-if="this.userrole == 0">
+				<el-table-column label=" " width="185" align="center" v-if="this.userrole == 0">
 					<template slot-scope="scope">
-						<el-button plain type="success" icon="el-icon-unlock" @click="handleEdit(scope.row)">Remove the blacklist</el-button>
+						<el-button plain type="success" icon="el-icon-unlock" @click="handleEdit(scope.row)">Remove
+							the blacklist</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
 			<div class="pagination">
-				<el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex" :page-size="query.pageSize"
-				 :total="link_Total" @current-change="handlePageChange"></el-pagination>
+				<el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex"
+					:page-size="query.pageSize" :total="link_Total" @current-change="handlePageChange">
+				</el-pagination>
 			</div>
 		</div>
 
@@ -43,7 +54,8 @@
 				detailForm: {},
 				query: {
 					pageIndex: 1,
-					pageSize: 15
+					pageSize: 15,
+					keywords:''
 				},
 				link_Total: 0,
 			};
@@ -101,7 +113,7 @@
 				this.$set(this.query, 'pageIndex', val);
 				this.getDate();
 			},
-			
+
 			// 时间转换
 			formatDate(timestamp) {
 				var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
@@ -125,5 +137,7 @@
 </script>
 
 <style scoped>
-
+.handle-box {
+		margin-bottom: 20px;
+	}
 </style>