智能搜索左侧只留一个搜索框，不搜索时不显示列表，搜索出结果后再显示

shuishen

2024-12-20 568ae7faa31a8de7bf777f45c8f665db76ea8934

智能搜索左侧只留一个搜索框，不搜索时不显示列表，搜索出结果后再显示

 src/views/intelligentSearch/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-12-19 17:28:42
 * @LastEditTime: 2024-12-20 16:50:18
 * @FilePath: \srs-police-affairs\src\views\intelligentSearch\index.vue
 * @Description: 辖区管理
 * 
@@ -14,13 +14,12 @@
    <div v-show="boxShow" class="container-content" ref="containerContent">
      <div class="time-select" ref="timeSelect">
        <div class="search-item-box">
          <el-input size="small" placeholder="请输入(姓名、手机号、身份证号、住址)" v-model="searchKey" clearable></el-input>
          <el-button @click="searchBtn" icon="el-icon-search" class="bjnr-btn">搜索</el-button>
          <el-button @click="clearRow" icon="el-icon-delete" class="bjnr-btn">清除</el-button>
          <el-input size="small" clearable v-model="searchKey" @input="searchBtn" placeholder="请输入(姓名、手机号、身份证号、住址)"
            style="cursor: pointer;"></el-input>
        </div>
      </div>

      <div class="list police-info intelligent-table" ref="tableBox">
      <div v-show="tableData.length > 0" class="list police-info intelligent-table" ref="tableBox">
        <el-table :data="tableData" style="width: 100%" :height="currentTableHeight"
          :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
          :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
@@ -87,7 +86,7 @@

    that.$nextTick(() => {
      initMapPosition()
      that.getList()
      that.searchBtn()
    })
  },

@@ -284,8 +283,14 @@
      })
    },

    searchBtn () {
    searchBtn (e = '') {
      this.pages.currentPage = 1

      if (e == '') {
        this.tableData = []
        return
      }

      this.getList()
    },