Browse Source

refactor(shop-information): 优化查询功能和页面跳转逻辑
- 添加 handleInputQuery 函数,用于处理查询输入框的变化
- 在参数变化时重置页码为第 1 页
- 更新平台、平台编号和公司名称输入框的事件处理

WanGxC 6 months ago
parent
commit
ddc1b60a97
1 changed files with 9 additions and 3 deletions
  1. 9 3
      src/views/shop-information/components/DataTable.vue

+ 9 - 3
src/views/shop-information/components/DataTable.vue

@@ -116,10 +116,16 @@ async function processParameter() {
 
 function parameterChange() {
   if (operatorName.value.toString() != tempOperator.value || country.value.toString() != tempCountry.value) {
+    gridOptions.pagerConfig.page = 1;
     fetchList();
   }
 }
 
+function handleInputQuery() {
+  gridOptions.pagerConfig.page = 1;
+  fetchList()
+}
+
 function handleNavigate(item: any) {
   router.push({
     path: '/shop/detail',
@@ -155,7 +161,7 @@ function handleNavigate(item: any) {
         <el-col :span="4">
           <div class="flex items-center gap-1.5">
             <span class="font-medium">平台</span>
-            <el-select v-model="platform" clearable @change="fetchList">
+            <el-select v-model="platform" clearable @change="handleInputQuery">
               <el-option v-for="item in platformOption" :label="item" :value="item" />
             </el-select>
           </div>
@@ -163,13 +169,13 @@ function handleNavigate(item: any) {
         <el-col :span="4">
           <div class="flex items-center gap-1.5">
             <span class="font-medium">平台编号</span>
-            <el-input v-model="platformNumber" clearable @change="fetchList" />
+            <el-input v-model="platformNumber" clearable placeholder="请输入平台编号" @change="handleInputQuery" />
           </div>
         </el-col>
         <el-col :span="5">
           <div class="flex items-center gap-1.5">
             <span class="font-medium">公司</span>
-            <el-input v-model="company" clearable placeholder="请输入公司名称" @change="fetchList" />
+            <el-input v-model="company" clearable placeholder="请输入公司名称" @change="handleInputQuery" />
           </div>
         </el-col>
       </el-row>