feat:更改页面

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

@@ -2,17 +2,20 @@
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
 			<el-row class="ml10" v-show="showSearch">
-				<el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
+				<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 :label="$t('post.postName')" prop="postName">
 						<el-input :placeholder="$t('post.inputpostNameTip')" style="max-width: 180px" v-model="state.queryForm.postName" />
 					</el-form-item>
-					<el-form-item>
-						<el-button @click="getDataList" icon="search" type="primary">
-							{{ $t("common.queryBtn") }}
-						</el-button>
-						<el-button @click="resetQuery" icon="Refresh">{{ $t("common.resetBtn") }}</el-button>
-					</el-form-item>
-				</el-form>
+				</SearchPanel>
 			</el-row>
 			<el-row>
 				<div class="mb8" style="width: 100%">