页面调整

src/views/homepage/components/searchPanel.vue

 <template>
   <div class="search-box">
     <div class="search-btn">
-      <el-input v-model="query.keyword" placeholder="请输入关键字" style="width: 600px" />
+      <el-input v-model="query.keyword" clearable placeholder="请输入关键字" style="width: 600px" />
       <el-select v-model="query.productType" placeholder="全部产品" style="width: 160px">
         <el-option v-for="item in [{value:undefined,label:'全部产品'}, ...dict.product_type]" :key="item.value" :label="item.label" :value="item.value" />
       </el-select>

src/views/homepage/product/index.vue

@@ -17,7 +17,7 @@
           <div class="search-tools">
             <el-row :gutter="18">
               <el-col :span="18">
-                <el-input v-model="query.keyword" placeholder="请输入关键字" />
+                <el-input v-model="query.keyword" clearable placeholder="请输入关键字" />
               </el-col>
               <el-col :span="3">
                 <el-select v-model="query.productType" placeholder="全部产品">
@@ -199,6 +199,7 @@ export default {
       defaultImgSystem: default_system,
       imgSrcStart: process.env.VUE_APP_BASE_API,
       query: {
+        keyword: '',
         area: undefined,
         type: undefined,
         sort: false
@@ -351,7 +352,7 @@ export default {
       this.areaOpts = [{ value: undefined, label: '全部' }, ...dict.area_province]
     },
     keywordClick(item, type) {
-
+      this.query.keyword = item
     },
     setQuertType(type) {
       if (type === this.query.type) {