feat:更改页面

src/views/admin/system/userFaceApprove/index.vue

@@ -1,12 +1,28 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
-			<DraggableDepTree ref="draggableDepTreeRef" placeholder="请输入部门名称" :show-expand="true"
-				@getSelectNode="handleGetSelectNode" switch-inactive-text="包含" switch-active-text="不包含"
-				:defaultTreeWidth="20" :nodeClickable="false">
+			<DraggableDepTree
+				ref="draggableDepTreeRef"
+				placeholder="请输入部门名称"
+				:show-expand="true"
+				@getSelectNode="handleGetSelectNode"
+				switch-inactive-text="包含"
+				switch-active-text="不包含"
+				:defaultTreeWidth="20"
+				:nodeClickable="false"
+			>
 				<template #default>
 					<el-row v-show="showSearch">
-						<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
+						<SearchPanel
+							v-show="showSearch"
+							ref="queryRef"
+							:model="state.queryForm"
+							:loading="Boolean(state.loading)"
+							:search-text="$t('common.queryBtn')"
+							:reset-text="$t('common.resetBtn')"
+							@search="getDataList"
+							@reset="resetQuery"
+						>
 							<el-form-item style="width: 250px" label="用户" prop="userId">
 								<select-user v-model="state.queryForm.userId" clearable />
 							</el-form-item>
@@ -16,20 +32,31 @@
 							<el-form-item label="手机号" prop="phone">
 								<el-input v-model="state.queryForm.phone" placeholder="请输入手机号" clearable />
 							</el-form-item>
-							<el-form-item>
-								<el-button icon="Search" type="primary" @click="getDataList">查询</el-button>
-								<el-button icon="Refresh" @click="resetQuery">重置</el-button>
-							</el-form-item>
-						</el-form>
+						</SearchPanel>
 					</el-row>
 					<el-row>
 						<div class="mb8" style="width: 100%">
-							<el-button plain v-auth="'userFace_sysUserFace_del'" :disabled="multiple" class="ml10"
-								icon="Delete" type="primary" @click="handleDelete(selectIds)">
+							<el-button
+								plain
+								v-auth="'userFace_sysUserFace_del'"
+								:disabled="multiple"
+								class="ml10"
+								icon="Delete"
+								type="primary"
+								@click="handleDelete(selectIds)"
+							>
 								删除
 							</el-button>
-							<el-button plain v-auth="'sys_user_del'" v-if="activeName == '1'" :disabled="multiple"
-								class="ml10" icon="VideoPlay" type="primary" @click="doBatchDeal">
+							<el-button
+								plain
+								v-auth="'sys_user_del'"
+								v-if="activeName == '1'"
+								:disabled="multiple"
+								class="ml10"
+								icon="VideoPlay"
+								type="primary"
+								@click="doBatchDeal"
+							>
 								审批
 							</el-button>
 						</div>
@@ -37,9 +64,15 @@
 					<el-tabs class="flex-1" v-model="activeName" @tab-click="handleClickTabItem">
 						<el-tab-pane v-for="v in tabItems" :key="v.id" :label="v.label" :name="v.value" />
 					</el-tabs>
-					<el-table v-loading="state.loading" :data="state.dataList" row-key="userId"
-						@selection-change="handleSelectionChange" border :cell-style="tableStyle.cellStyle"
-						:header-cell-style="tableStyle.headerCellStyle">
+					<el-table
+						v-loading="state.loading"
+						:data="state.dataList"
+						row-key="userId"
+						@selection-change="handleSelectionChange"
+						border
+						:cell-style="tableStyle.cellStyle"
+						:header-cell-style="tableStyle.headerCellStyle"
+					>
 						<el-table-column :selectable="handleSelectable" type="selection" width="40" />
 						<el-table-column label="#" type="index" width="60" fixed="left" />
 						<el-table-column label="姓名" prop="username" fixed="left" show-overflow-tooltip />
@@ -59,17 +92,21 @@
 						<el-table-column label="审核时间" prop="processTime" show-overflow-tooltip min-width="160" />
 						<el-table-column label="操作" min-width="160" fixed="right">
 							<template #default="{ row }">
-								<el-button type="primary" v-if="row.isCheckUser && row.processStatus != '2'"
-									size="small" link icon="VideoPlay" @click="deal(row)">
+								<el-button
+									type="primary"
+									v-if="row.isCheckUser && row.processStatus != '2'"
+									size="small"
+									link
+									icon="VideoPlay"
+									@click="deal(row)"
+								>
 									开始处理
 								</el-button>
-								<el-button v-auth="'userFace_sysUserFace_del'" link type="danger" icon="Delete"
-									@click="delFace(row)">删除</el-button>
+								<el-button v-auth="'userFace_sysUserFace_del'" link type="danger" icon="Delete" @click="delFace(row)">删除</el-button>
 							</template>
 						</el-table-column>
 					</el-table>
-					<pagination v-bind="state.pagination" @current-change="currentChangeHandle"
-						@size-change="sizeChangeHandle" />
+					<pagination v-bind="state.pagination" @current-change="currentChangeHandle" @size-change="sizeChangeHandle" />
 				</template>
 			</DraggableDepTree>
 		</div>