update

src/components/taskPage/JuanList.vue

@@ -318,7 +318,7 @@
   }
 </style>
 <template>
-<div class="juan juanList commonF">
+<div @click="getRef($event,1)" :data-self="0" class="juan juanList commonF">
     <!-- 图片 -->
     <div style="position:relative">
       <img style="width:100%" src="../../assets/img/juan/listbanner.png" alt="">
@@ -326,17 +326,17 @@
         <div class="serachDiv">
           <p class="f30 pfR" style="text-align:center;color:#fff">全世界最棒的旅游体验</p>
           <p style="text-align:center;color:#fff;margin-bottom:15px">探索有趣又独特目的地旅游体验</p>
-          <div class="searchInput">
-            <el-input @focus="InputFocus" @blur="InputBlur" @input="InputChange" v-model="text" placeholder="请输入"></el-input>
+          <div @click.stop.prevent="getRef($event,2)" class="searchInput">
+            <el-input ref="inputs" @focus="InputFocus" @blur="InputBlur" @input="InputChange" v-model="text" placeholder="请输入"></el-input>
             <span @click="SearchText" class="searchBtn"><i class="iconfont icon-search"></i></span>
           </div>
-          <div v-loading="serachLoading" v-if="searchShow" class="searchHot">
-            <ul  class="searchUl">
+          <div @click.stop.prevent="getRef($event,2)" v-loading="serachLoading" v-if="searchShow" class="searchHot">
+            <ul class="searchUl">
               <li @click="Gourl(item)" v-for="(item,index) in searchList" :key="index+5000000">{{item.title}}</li>
               <li v-show="searchList.length==0" style="margin:6px 0;text-align:center">暂无数据</li>
             </ul>
           </div>
-          <div v-if="searchHot" class="searchHot">
+          <div @click.stop.prevent="getRef($event,2)" v-show="searchHot" class="searchHot">
             <p class="pfR">热门目的地</p>
             <el-row class="hotList" style="margin-top:15px">
               <el-col :span="8">
@@ -587,14 +587,22 @@ export default {
         pageIndex:1,
       },
       dataloading:false,
+      focusa:0,
+      focusb:0,
     }
   },
   methods:{
+    getRef(e,num){
+      if(num==1){
+        this.searchShow=false;
+        this.searchHot=false;
+      }
+    },
+ 
     InputFocus(){
       this.searchHot=true;
     },
     InputBlur(){
-      // this.searchHot=false;
 
     },
     handleCurrentChange(val) {
@@ -614,6 +622,7 @@ export default {
       this.SearchMsg.texts=this.text;
       this.SearchMsg.pageSize=1000;
       this.apiJavaPost('/api/rssarticle/searchArticle',this.SearchMsg,res=>{
+        // console.log("res",res);
         this.serachLoading=false;
           if(res.data.resultCode==1){
             let data=res.data.data.list;
@@ -628,7 +637,9 @@ export default {
       this.text=str;
       this.SearchText();
       this.searchHot=false;
+      
     },
+    
     getDatatype(val){
       if(this.text==""){
         this.listMsg.pageIndex = parseInt(val);
@@ -643,6 +654,7 @@ export default {
     },
     SearchText(){
       this.searchHot=false;
+      this.searchShow=false;
       let that=this;
       if(this.text==""){
         this.dataList=[];
@@ -653,6 +665,7 @@ export default {
       this.dataloading=true;
       this.SearchMsg.texts=this.text;
       this.apiJavaPost('/api/rssarticle/searchArticle',this.SearchMsg,res=>{
+
         this.dataloading=false;
           if(res.data.resultCode==1){
             let data=res.data.data.list;