admin123
/
shop-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 将输入框的keyup事件改为keydown事件 

统一所有输入框的搜索触发事件，从@keyup.enter.native.prevent改为@keydown.enter.prevent，确保搜索功能在不同浏览器和设备上的一致性
This commit is contained in:
dzq 2025-05-26 10:23:05 +08:00
parent 210386a036
commit 2ca1a758a4
16 changed files with 37 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/cabinet/cabinet-cell/index.vue
View File

@ -204,12 +204,12 @@ const switchCellType = (cellType: number) => {
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="柜体ID：" prop="cabinetId">
<el-input @keyup.enter.native.prevent="onSearch" v-model.number="searchFormParams.cabinetId"
placeholder="请输入柜体ID" clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model.number="searchFormParams.cabinetId" placeholder="请输入柜体ID"
clearable class="!w-[200px]" />
</el-form-item>
<el-form-item label="单元格号：" prop="cellNo">
<el-input @keyup.enter.native.prevent="onSearch" v-model.number="searchFormParams.cellNo"
placeholder="请输入单元格号" clearable class="!w-[180px]" />
<el-input @keydown.enter.prevent="onSearch" v-model.number="searchFormParams.cellNo" placeholder="请输入单元格号"
clearable class="!w-[180px]" />
</el-form-item>
<el-form-item label="单元格类型：" prop="cellType">
<el-select v-model="searchFormParams.cellType" placeholder="请选择类型" clearable class="!w-[180px]">

8
src/views/cabinet/mqtt-server/index.vue
View File

@ -122,12 +122,12 @@ getList();
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="服务地址：" prop="serverUrl">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.serverUrl" placeholder="请输入服务地址"
clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.serverUrl" placeholder="请输入服务地址" clearable
class="!w-[200px]" />
</el-form-item>
<el-form-item label="用户名：" prop="username">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.username" placeholder="请输入用户名"
clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.username" placeholder="请输入用户名" clearable
class="!w-[200px]" />
</el-form-item>
<el-form-item>
<el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch">

4
src/views/cabinet/operation/index.vue
View File

@ -84,8 +84,8 @@ getList();
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="格口ID：" prop="cellId">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.cellId" placeholder="请输入格口ID"
clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.cellId" placeholder="请输入格口ID" clearable
class="!w-[200px]" />
</el-form-item>
<el-form-item label="操作类型：" prop="operationType">
<el-select v-model="searchFormParams.operationType" placeholder="请选择类型" clearable class="!w-[180px]">

4
src/views/cabinet/shop/index.vue
View File

@ -138,8 +138,8 @@ getList();
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="商店名称：" prop="shopName">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.shopName" placeholder="请输入商店名称"
clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.shopName" placeholder="请输入商店名称" clearable
class="!w-[200px]" />
</el-form-item>
<el-form-item>
<el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch">

2
src/views/cabinet/smart-cabinet-card/detail.vue
View File

@ -316,7 +316,7 @@ onMounted(() => {
<div style="display: flex; justify-content: space-between; margin-bottom: 16px;">
<el-form :inline="true" :model="searchCellParams" class="search-form">
<el-form-item>
<el-input @keyup.enter.native.prevent="fetchCellList" v-model="searchCellParams.goodsName"
<el-input @keydown.enter.prevent="fetchCellList" v-model="searchCellParams.goodsName"
placeholder="请输入商品名称" clearable class="!w-[180px]" />
</el-form-item>
<el-form-item>

2
src/views/cabinet/smart-cabinet-card/index.vue
View File

@ -92,7 +92,7 @@ onMounted(() => {
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color flex w-[99/100] pl-[22px] pt-[12px]">
<el-form-item label="" prop="cabinetName">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.cabinetName" placeholder="请输入柜体名称"
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.cabinetName" placeholder="请输入柜体名称"
clearable class="!w-[200px]" />
</el-form-item>
<el-form-item label="" prop="cabinetType">

2
src/views/cabinet/smart-cabinet/index.vue
View File

@ -160,7 +160,7 @@ getList();
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="柜体名称：" prop="cabinetName">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.cabinetName" placeholder="请输入柜体名称"
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.cabinetName" placeholder="请输入柜体名称"
clearable class="!w-[200px]" />
</el-form-item>
<el-form-item label="柜体类型：" prop="cabinetType">

6
src/views/qy/balance/index.vue
View File

@ -86,12 +86,12 @@ getList().then(() => getTotalBalance());
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="姓名：" prop="name">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.name" placeholder="请输入姓名" clearable
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.name" placeholder="请输入姓名" clearable
class="!w-[180px]" />
</el-form-item>
<el-form-item label="手机号：" prop="mobile">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.mobile" placeholder="请输入手机号"
clearable class="!w-[180px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.mobile" placeholder="请输入手机号" clearable
class="!w-[180px]" />
</el-form-item>
<el-form-item>
<el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch">

8
src/views/shop/approval/index.vue
View File

@ -133,15 +133,15 @@ getList();
value-format="YYYY-MM-DD HH:mm:ss" class="!w-[200px]" />
</el-form-item>
<el-form-item label="审批ID：" prop="approvalId">
<el-input @keyup.enter.native.prevent="onSearch" v-model.number="searchFormParams.approvalId"
placeholder="请输入审批ID" clearable class="!w-[180px]" />
<el-input @keydown.enter.prevent="onSearch" v-model.number="searchFormParams.approvalId" placeholder="请输入审批ID"
clearable class="!w-[180px]" />
</el-form-item>
<el-form-item label="订单ID：" prop="orderId">
<el-input @keyup.enter.native.prevent="onSearch" v-model.number="searchFormParams.orderId" placeholder="请输入订单ID"
<el-input @keydown.enter.prevent="onSearch" v-model.number="searchFormParams.orderId" placeholder="请输入订单ID"
clearable class="!w-[180px]" />
</el-form-item>
<el-form-item label="商品ID：" prop="goodsId">
<el-input @keyup.enter.native.prevent="onSearch" v-model.number="searchFormParams.goodsId" placeholder="请输入商品ID"
<el-input @keydown.enter.prevent="onSearch" v-model.number="searchFormParams.goodsId" placeholder="请输入商品ID"
clearable class="!w-[180px]" />
</el-form-item>
<el-form-item label="状态：" prop="status">

4
src/views/shop/cabinet-goods/index.vue
View File

@ -231,8 +231,8 @@ const handleClearGoods = async (row: CabinetCellDTO) => {
<div class="flex-1 pl-4">
<el-form ref="formRef" :inline="true" :model="searchFormParams" class="search-form bg-bg_color w-full pt-[12px]">
<el-form-item label="单元格号：" prop="cellNo">
<el-input @keyup.enter.native.prevent="onSearch" v-model.number="searchFormParams.cellNo"
placeholder="请输入单元格号" clearable class="!w-[180px]" />
<el-input @keydown.enter.prevent="onSearch" v-model.number="searchFormParams.cellNo" placeholder="请输入单元格号"
clearable class="!w-[180px]" />
</el-form-item>
<el-form-item label="单元格类型：" prop="cellType">
<el-select v-model="searchFormParams.cellType" placeholder="请选择类型" clearable class="!w-[180px]">

4
src/views/shop/category/index.vue
View File

@ -158,11 +158,11 @@ getList();
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="分类名称：" prop="categoryName">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.categoryName" placeholder="请输入分类名称"
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.categoryName" placeholder="请输入分类名称"
clearable class="!w-[200px]" />
</el-form-item>
<el-form-item label="排序：" prop="sort">
<el-input-number @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.sort" :min="0"
<el-input-number @keydown.enter.prevent="onSearch" v-model="searchFormParams.sort" :min="0"
class="!w-[120px]" />
</el-form-item>
<el-form-item>

4
src/views/shop/goods/index.vue
View File

@ -134,8 +134,8 @@ const handleEdit = (row: GoodsDTO) => {
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="商品名称：" prop="goodsName">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.goodsName" placeholder="请输入商品名称"
clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.goodsName" placeholder="请输入商品名称" clearable
class="!w-[200px]" />
</el-form-item>
<el-form-item label="状态：" prop="status">
<el-select v-model="searchFormParams.status" placeholder="请选择状态" clearable class="!w-[180px]">

8
src/views/shop/order/index.vue
View File

@ -142,12 +142,12 @@ getList();
value-format="YYYY-MM-DD HH:mm:ss" class="!w-[200px]" />
</el-form-item>
<el-form-item label="订单编号：" prop="orderId">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.orderId" placeholder="请输入订单编号"
clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.orderId" placeholder="请输入订单编号" clearable
class="!w-[200px]" />
</el-form-item>
<el-form-item label="格口ID：" prop="cellId">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.cellId" placeholder="请输入格口ID"
clearable class="!w-[200px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.cellId" placeholder="请输入格口ID" clearable
class="!w-[200px]" />
</el-form-item>
<el-form-item label="订单状态：" prop="status">
<el-select v-model="searchFormParams.status" placeholder="请选择状态" clearable class="!w-[180px]">

4
src/views/system/user/index.vue
View File

@ -53,8 +53,8 @@ watch(
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="姓名：" prop="nickname">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.nickname" placeholder="请输入"
clearable class="!w-[160px]" />
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.nickname" placeholder="请输入" clearable
class="!w-[160px]" />
</el-form-item>
<!-- <el-form-item label="用户编号：" prop="userId">
<el-input

3
src/views/user/ab98/index.vue
View File

@ -37,6 +37,7 @@ const pagination = reactive<PaginationProps>({
});
async function onSearch() {
handleSearchInput(searchFormParams.search);
pagination.currentPage = 1;
getList();
}
@ -116,7 +117,7 @@ onMounted(() => {
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="搜索：" prop="search">
<el-input v-model="searchFormParams.search" placeholder="请输入姓名/手机号/身份证" clearable class="!w-[300px]"
@keyup.enter.native.prevent="onSearch" @change="handleSearchInput" />
@keydown.enter.prevent="onSearch" @change="handleSearchInput" />
</el-form-item>
<el-form-item label="标签：" prop="tagName">
<el-select v-model="searchFormParams.tagName" placeholder="请选择" clearable class="!w-[160px]">

2
src/views/user/qy/index.vue
View File

@ -51,7 +51,7 @@ watch(
<el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<el-form-item label="姓名：" prop="name">
<el-input @keyup.enter.native.prevent="onSearch" v-model="searchFormParams.name" placeholder="请输入" clearable
<el-input @keydown.enter.prevent="onSearch" v-model="searchFormParams.name" placeholder="请输入" clearable
class="!w-[160px]" />
</el-form-item>
<el-form-item>