feat:更改页面

src/views/admin/log/index.vue

@@ -5,7 +5,16 @@
 			<log-line-chart />
 
 			<el-row class="mt-4 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('syslog.logType')" prop="logType">
 						<el-select :placeholder="$t('syslog.inputLogTypeTip')" clearable v-model="state.queryForm.logType">
 							<el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in log_type" />
@@ -21,11 +30,7 @@
 							value-format="YYYY-MM-DD HH:mm:ss"
 						/>
 					</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>