@enter=search

This commit is contained in:
gotoeasy 2023-11-17 19:03:53 +08:00
parent 6b5aae4431
commit 91833a5bea
2 changed files with 4 additions and 5 deletions

View File

@ -1,9 +1,6 @@
<template> <template>
<el-form ref="form" :inline="true" :model="formData" :rules="formRules" label-width="100"> <el-form ref="form" :inline="true" :model="formData" :rules="formRules" label-width="100">
<el-row> <el-row>
<!-- <el-form-item label="" class="c-search-form-item">
<el-input v-model="formData.searchKeys" input-style="width:500px" @keyup.enter="fnSearch" />
</el-form-item> -->
<el-form-item class="c-search-form-item"> <el-form-item class="c-search-form-item">
<el-input v-model="formData.searchKeys" placeholder="请输入关键词检索,支持多关键词" input-style="width:500px;height: 30px" <el-input v-model="formData.searchKeys" placeholder="请输入关键词检索,支持多关键词" input-style="width:500px;height: 30px"
maxlength="1000" @keyup.enter="fnSearch"> maxlength="1000" @keyup.enter="fnSearch">
@ -82,6 +79,7 @@ const fnSearch = () => {
moreVisible.value = false; moreVisible.value = false;
emit('search', 1); emit('search', 1);
} }
$emitter.on("fnSearch", fnSearch);
const fnReset = () => { const fnReset = () => {

View File

@ -32,7 +32,8 @@
popper-class="c-datapicker" /> popper-class="c-datapicker" />
</el-form-item> </el-form-item>
<el-form-item label="用户"> <el-form-item label="用户">
<el-input v-model="formData.user" placeholder="请输入用户" maxlength="100" style="width:420px;" /> <el-input v-model="formData.user" placeholder="请输入用户" maxlength="100" style="width:420px;"
@keyup.enter="() => $emitter.emit('fnSearch')" />
</el-form-item> </el-form-item>
</el-row> </el-row>
</SearchForm> </SearchForm>
@ -79,7 +80,7 @@
</template> </template>
<script setup> <script setup>
import { useEmitter, usePageMainHooks, useTabsState } from "~/pkgs"; import { useEmitter, $emitter, usePageMainHooks, useTabsState } from "~/pkgs";
import { userLogout, enableLogin } from "~/api"; import { userLogout, enableLogin } from "~/api";
const tabsState = useTabsState(); const tabsState = useTabsState();