搜索框聚焦时隐藏搜索结果框

src/components/icss/AddMedicalInfo.vue

@@ -11,7 +11,7 @@
                      ref="groups">
                 <el-form-item label="搜索概念:">
                   <div class="conceptSearch">
-                    <input v-model="conceptText" type="text" class="searchText">
+                    <input v-model="conceptText" @focus="focusInput" type="text" class="searchText">
                     <span class="searchName" @click="searchConcept">搜索</span>
                     <ul class="conceptList" ref="conceptList">
                       <li 
@@ -52,7 +52,7 @@
                 </el-form-item>
                 <el-form-item label="搜索小类名称:" >
                   <div class="conceptSearch  termMiniClassSearch">
-                    <input v-model="termMiniClassText" type="text" class="searchText">
+                    <input v-model="termMiniClassText" @focus="focusInput" type="text" class="searchText">
                     <span class="searchName" @click="searchTermMiniClass">搜索</span>
                     <ul class="conceptList" ref="termMiniClassNameList">
                       <li 
@@ -79,7 +79,7 @@
                 </el-form-item>
                  <el-form-item label="搜索术语类组:">
                   <div class="conceptSearch termClassSearch">
-                    <input v-model="termClassText" type="text" class="searchText">
+                    <input v-model="termClassText" @focus="focusInput" type="text"  class="searchText">
                     <span class="searchName" @click="searchTermClass">搜索</span>
                     <ul class="conceptList" ref="termClassList">
                       <li 
@@ -468,6 +468,11 @@
           }
         })
       },
+      focusInput() {
+         this.$refs['conceptList'].style.display = 'none'
+         this.$refs['termClassList'].style.display = 'none'
+         this.$refs['termMiniClassNameList'].style.display = 'none'
+      },
       selectPrimarySite() {
         this.form.twoLevelPosition = '';
         this.getTwoLevelPosition();