输入框回车查询

This commit is contained in:
DESKTOP-8FGKA8Q\chunfen 2024-11-05 16:20:39 +08:00
parent 914f59d6c9
commit 9db90e62c2
10 changed files with 65 additions and 50 deletions

View File

@ -4,11 +4,11 @@
<div class="searchBox"> <div class="searchBox">
<div class="row"> <div class="row">
<span>商品名称</span> <span>商品名称</span>
<el-input v-model="searchForm.sku_title" clearable></el-input> <el-input v-model="searchForm.sku_title" @keyup.enter.native="handleChoose" clearable></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>商品编码</span> <span>商品编码</span>
<el-input v-model="searchForm.external_sku_id" clearable></el-input> <el-input v-model="searchForm.external_sku_id" @keyup.enter.native="handleChoose" clearable></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>创建时间</span> <span>创建时间</span>
@ -21,11 +21,12 @@
format="yyyy-MM-dd" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
clearable clearable
style="width: 250px;"> style="width: 250px;"
@change="handleChoose()">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="row"> <div class="row">
<el-button type="primary" @click="handleChoose(1)" icon="el-icon-search">筛选</el-button> <el-button type="primary" @click="handleChoose()" icon="el-icon-search">筛选</el-button>
</div> </div>
</div> </div>
</div> </div>

View File

@ -5,7 +5,7 @@
<div class="searchBox"> <div class="searchBox">
<div class="row"> <div class="row">
<span>商品名称</span> <span>商品名称</span>
<el-input v-model="form.goods_title" placeholder="商品名称" clearable></el-input> <el-input v-model="form.goods_title" @keyup.enter.native="handleChoose" placeholder="商品名称" clearable></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>商品品种/品类</span> <span>商品品种/品类</span>
@ -22,11 +22,11 @@
</div> </div>
<div class="row"> <div class="row">
<span>商品编码</span> <span>商品编码</span>
<el-input v-model="form.external_sku_id" placeholder="商品编码" clearable></el-input> <el-input v-model="form.external_sku_id" @keyup.enter.native="handleChoose" placeholder="商品编码" clearable></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>商品状态</span> <span>商品状态</span>
<el-select v-model="form.status" placeholder="商品状态" clearable> <el-select v-model="form.status" placeholder="商品状态" clearable @change="handleChoose()">
<el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id"> <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
@ -42,7 +42,8 @@
format="yyyy-MM-dd" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
clearable clearable
style="width: 250px;"> style="width: 250px;"
@change="handleChoose()">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="row"> <div class="row">

View File

@ -4,42 +4,42 @@
<el-card class="box-card" :body-style="{ padding: '20px 20px 0 20px' }"> <el-card class="box-card" :body-style="{ padding: '20px 20px 0 20px' }">
<el-form ref="form" :inline="true" :model="form"> <el-form ref="form" :inline="true" :model="form">
<el-form-item label="模块:" style="margin-right: 40px"> <el-form-item label="模块:" style="margin-right: 40px">
<el-select v-model="form.module" clearable> <el-select v-model="form.module" clearable @change="query(1)">
<el-option v-for="item in mouduleOptions" :key="item.value" :label="item.label" <el-option v-for="item in mouduleOptions" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="操作:" style="margin-right: 40px"> <el-form-item label="操作:" style="margin-right: 40px">
<el-select v-model="form.action" clearable> <el-select v-model="form.action" clearable @change="query(1)">
<el-option v-for="item in actionOptions" :key="item.value" :label="item.label" <el-option v-for="item in actionOptions" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="目标类型:" style="margin-right: 40px"> <el-form-item label="目标类型:" style="margin-right: 40px">
<el-select v-model="form.target_type" clearable> <el-select v-model="form.target_type" clearable @change="query(1)">
<el-option v-for="item in target_ypeOptions" :key="item.value" :label="item.label" <el-option v-for="item in target_ypeOptions" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="类别:" style="margin-right: 40px"> <el-form-item label="类别:" style="margin-right: 40px">
<el-select v-model="form.targetField" clearable> <el-select v-model="form.targetField" clearable @change="query(1)">
<el-option v-for="item in target_fieldOptions" :key="item.value" :label="item.label" <el-option v-for="item in target_fieldOptions" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="操作人:" style="margin-right: 40px"> <el-form-item label="操作人:" style="margin-right: 40px">
<el-select v-model="form.userId" placeholder="输入操作人" clearable> <el-select v-model="form.userId" placeholder="输入操作人" clearable @change="query(1)">
<el-option v-for="item in userOptions" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in userOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="时间:"> <el-form-item label="时间:">
<el-date-picker v-model="value1" type="datetimerange" range-separator="-" start-placeholder="" <el-date-picker v-model="value1" type="datetimerange" range-separator="-" start-placeholder=""
end-placeholder="止" value-format="yyyy-MM-dd HH:mm:ss" style="width: 340px;"> end-placeholder="止" value-format="yyyy-MM-dd HH:mm:ss" style="width: 340px;" @change="query(1)">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -307,7 +307,7 @@ export default {
userId: "",//id() userId: "",//id()
}, },
value1: "", // value1: "", //
loading: true, loading: false,
tableData: [], // tableData: [], //
Paginationdata: {}, // Paginationdata: {}, //
current_page: 1, // current_page: 1, //
@ -317,6 +317,7 @@ export default {
methods: { methods: {
// //
getList() { getList() {
this.loading = true;
let page = { let page = {
page: this.current_page, page: this.current_page,
per_page: this.per_page, per_page: this.per_page,
@ -324,8 +325,11 @@ export default {
recordList(page).then((res) => { recordList(page).then((res) => {
this.tableData = res.data.data; this.tableData = res.data.data;
this.Paginationdata = res.data.meta; this.Paginationdata = res.data.meta;
}); this.loading = false;
this.loading = false; }).catch(() => {
this.loading = false;
})
}, },
// //
@ -337,6 +341,7 @@ export default {
// //
query(page) { query(page) {
this.loading = true;
let queryData = { let queryData = {
page: page, page: page,
per_page: this.per_page, per_page: this.per_page,
@ -353,7 +358,10 @@ export default {
recordList(queryData).then((res) => { recordList(queryData).then((res) => {
this.tableData = res.data.data; this.tableData = res.data.data;
this.Paginationdata = res.data.meta; this.Paginationdata = res.data.meta;
}); this.loading = false;
}).catch(() => {
this.loading = false;
})
}, },
// //

View File

@ -4,25 +4,25 @@
<div class="searchBox"> <div class="searchBox">
<div class="row"> <div class="row">
<span>店铺</span> <span>店铺</span>
<el-select v-model="filter.shop_id" placeholder="店铺"> <el-select v-model="filter.shop_id" placeholder="店铺" @change="handleSearch()">
<el-option v-for="item in shopsList" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in shopsList" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="row"> <div class="row">
<span>售后单状态</span> <span>售后单状态</span>
<el-select v-model="filter.after_sales_status" placeholder="请选择"> <el-select v-model="filter.after_sales_status" placeholder="请选择" @change="handleSearch()">
<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="row"> <div class="row">
<span>订单编号</span> <span>订单编号</span>
<el-input v-model="filter.order_sn" clearable></el-input> <el-input v-model="filter.order_sn" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>售后单编号</span> <span>售后单编号</span>
<el-input v-model="filter.after_sales_biz_sn" clearable></el-input> <el-input v-model="filter.after_sales_biz_sn" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>创建时间</span> <span>创建时间</span>
@ -33,7 +33,8 @@
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
style="width: 340px"> style="width: 340px"
@change="handleSearch()">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="row"> <div class="row">

View File

@ -3,19 +3,19 @@
<el-card :body-style="{ padding: '20px 20px 0 20px' }"> <el-card :body-style="{ padding: '20px 20px 0 20px' }">
<el-form ref="form" :inline="true" :model="form"> <el-form ref="form" :inline="true" :model="form">
<el-form-item label="店铺:"> <el-form-item label="店铺:">
<el-select v-model="form.shop_id" placeholder="店铺"> <el-select v-model="form.shop_id" placeholder="店铺" @change="handleChoose()">
<el-option v-for="item in shops" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in shops" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="商品名称:"> <el-form-item label="商品名称:">
<el-input v-model="form.goods_name" placeholder="商品名称"> <el-input v-model="form.goods_name" placeholder="商品名称" @keyup.enter.native="handleChoose">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="商品编码:"> <el-form-item label="商品编码:">
<el-input v-model="form.external_sku_id" placeholder="商品编码"> <el-input v-model="form.external_sku_id" placeholder="商品编码" @keyup.enter.native="handleChoose">
</el-input> </el-input>
</el-form-item> </el-form-item>

View File

@ -3,14 +3,14 @@
<el-card> <el-card>
<el-form ref="form" :inline="true" :model="form"> <el-form ref="form" :inline="true" :model="form">
<el-form-item label="所属店铺:"> <el-form-item label="所属店铺:">
<el-select v-model="form.shop_id" placeholder="店铺"> <el-select v-model="form.shop_id" placeholder="店铺" @change="handleChoose()">
<el-option v-for="item in shops" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in shops" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="发货状态:"> <el-form-item label="发货状态:">
<el-select v-model="form.shipping_status" placeholder="发货状态"> <el-select v-model="form.shipping_status" placeholder="发货状态" @change="handleChoose()">
<el-option value="" label="全部"></el-option> <el-option value="" label="全部"></el-option>
<el-option value="0" label="未发货"></el-option> <el-option value="0" label="未发货"></el-option>
<el-option value="2" label="部分发货"></el-option> <el-option value="2" label="部分发货"></el-option>
@ -19,7 +19,7 @@
</el-form-item> </el-form-item>
<el-form-item label="订单类型:"> <el-form-item label="订单类型:">
<el-select v-model="form.is_supplier" placeholder="订单类型"> <el-select v-model="form.is_supplier" placeholder="订单类型" @change="handleChoose()">
<el-option value="" label="全部订单"></el-option> <el-option value="" label="全部订单"></el-option>
<el-option value="1" label="自卖团订单"></el-option> <el-option value="1" label="自卖团订单"></el-option>
<el-option value="0" label="帮卖团订单"></el-option> <el-option value="0" label="帮卖团订单"></el-option>
@ -27,7 +27,7 @@
</el-form-item> </el-form-item>
<el-form-item label="订单状态:"> <el-form-item label="订单状态:">
<el-select v-model="form.cancel_status" placeholder="订单状态"> <el-select v-model="form.cancel_status" placeholder="订单状态" @change="handleChoose()">
<el-option value="" label="全部"></el-option> <el-option value="" label="全部"></el-option>
<el-option value="0" label="未取消"></el-option> <el-option value="0" label="未取消"></el-option>
<el-option value="1" label="已取消"></el-option> <el-option value="1" label="已取消"></el-option>
@ -35,7 +35,7 @@
</el-form-item> </el-form-item>
<el-form-item label="售后状态:"> <el-form-item label="售后状态:">
<el-select v-model="form.after_sales_status" placeholder="售后状态"> <el-select v-model="form.after_sales_status" placeholder="售后状态" @change="handleChoose()">
<el-option value="" label="全部"></el-option> <el-option value="" label="全部"></el-option>
<el-option value="0" label="未售后"></el-option> <el-option value="0" label="未售后"></el-option>
<el-option value="1" label="有售后"></el-option> <el-option value="1" label="有售后"></el-option>
@ -43,7 +43,7 @@
</el-form-item> </el-form-item>
<el-form-item label="商品数量:"> <el-form-item label="商品数量:">
<el-select v-model="form.goods_sku_num" placeholder="商品数量"> <el-select v-model="form.goods_sku_num" placeholder="商品数量" @change="handleChoose()">
<el-option value="" label="全部"></el-option> <el-option value="" label="全部"></el-option>
<el-option value="1" label="1个商品"></el-option> <el-option value="1" label="1个商品"></el-option>
<el-option value="2" label="2-5个商品"></el-option> <el-option value="2" label="2-5个商品"></el-option>
@ -70,12 +70,12 @@
<el-form-item label="下单时间:"> <el-form-item label="下单时间:">
<el-date-picker v-model="confirmAt" type="datetimerange" range-separator="-" start-placeholder="" <el-date-picker v-model="confirmAt" type="datetimerange" range-separator="-" start-placeholder=""
end-placeholder="止" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"> end-placeholder="止" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" @change="handleChoose()">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="跟团号:"> <el-form-item label="跟团号:">
<el-input v-model="form.pno" placeholder="跟团号"> <el-input v-model="form.pno" placeholder="跟团号" @keyup.enter.native="handleChoose">
</el-input> </el-input>
</el-form-item> </el-form-item>
@ -266,8 +266,8 @@ export default {
...this.form, ...this.form,
page: 1, page: 1,
per_page: this.per_page, per_page: this.per_page,
confirm_at_start: this.confirmAt[0] ? this.confirmAt[0] : '', confirm_at_start: this.confirmAt ? this.confirmAt[0] : '',
confirm_at_end: this.confirmAt[1] ? this.confirmAt[1] : '' confirm_at_end: this.confirmAt ? this.confirmAt[1] : ''
}; };
this.getPlatOrderList(params) this.getPlatOrderList(params)
}, },

View File

@ -4,11 +4,11 @@
<div class="searchBox"> <div class="searchBox">
<div class="row"> <div class="row">
<span>商品名称</span> <span>商品名称</span>
<el-input v-model="filter.title" clearable></el-input> <el-input v-model="filter.title" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>商品编码</span> <span>商品编码</span>
<el-input v-model="filter.external_sku_id" clearable></el-input> <el-input v-model="filter.external_sku_id" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>创建时间</span> <span>创建时间</span>
@ -19,7 +19,8 @@
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
style="width: 340px"> style="width: 340px"
@change="handleSearch()">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="row"> <div class="row">

View File

@ -4,11 +4,11 @@
<div class="searchBox"> <div class="searchBox">
<div class="row"> <div class="row">
<span>商品名称</span> <span>商品名称</span>
<el-input v-model="filter.title" clearable></el-input> <el-input v-model="filter.title" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>商品编码</span> <span>商品编码</span>
<el-input v-model="filter.external_sku_id" clearable></el-input> <el-input v-model="filter.external_sku_id" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>创建时间</span> <span>创建时间</span>
@ -19,7 +19,8 @@
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
style="width: 340px"> style="width: 340px"
@change="handleSearch()">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="row"> <div class="row">

View File

@ -4,11 +4,11 @@
<div class="searchBox"> <div class="searchBox">
<div class="row"> <div class="row">
<span>商品名称</span> <span>商品名称</span>
<el-input v-model="filter.title" clearable></el-input> <el-input v-model="filter.title" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>商品编码</span> <span>商品编码</span>
<el-input v-model="filter.external_sku_id" clearable></el-input> <el-input v-model="filter.external_sku_id" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>创建时间</span> <span>创建时间</span>
@ -19,12 +19,13 @@
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
style="width: 340px"> style="width: 340px"
@change="handleSearch()">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="row"> <div class="row">
<span>审核状态</span> <span>审核状态</span>
<el-select v-model="filter.status" placeholder="请选择" clearable> <el-select v-model="filter.status" placeholder="请选择" clearable @change="handleSearch()">
<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>

View File

@ -4,11 +4,11 @@
<div class="searchBox"> <div class="searchBox">
<div class="row"> <div class="row">
<span>商品名称</span> <span>商品名称</span>
<el-input v-model="filter.title" clearable></el-input> <el-input v-model="filter.title" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>商品编码</span> <span>商品编码</span>
<el-input v-model="filter.external_sku_id" clearable></el-input> <el-input v-model="filter.external_sku_id" clearable @keyup.enter.native="handleSearch"></el-input>
</div> </div>
<div class="row"> <div class="row">
<span>创建时间</span> <span>创建时间</span>
@ -19,12 +19,13 @@
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
style="width: 340px"> style="width: 340px"
@change="handleSearch()">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="row"> <div class="row">
<span>审核状态</span> <span>审核状态</span>
<el-select v-model="filter.status" placeholder="请选择" clearable> <el-select v-model="filter.status" placeholder="请选择" clearable @change="handleSearch()">
<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id"> <el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
</el-option> </el-option>
</el-select> </el-select>