修改按钮颜色

src/components/qualityControl/AddQualityControlTemp.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div @click="closeSearch">
        <crumbs :title="title" linkTo="QualityControlTemp">
         </crumbs>
         <div class="contentWrapper">
@@ -34,7 +34,7 @@
                                 <span  class="el-icon-arrow-down order" @click="downUnit(index)"></span> 
                             </div>
                             <div class="searchBox">
-                                <el-input v-model.trim="item.searchName"  placeholder="搜索字段单元" @input="searchFiled(index)">
+                                <el-input v-model.trim="item.searchName"  placeholder="搜索字段单元" @click="stopClick"  @input="searchFiled(index)">
                                 </el-input>
                                 <ul v-if="searchIndex == index &&  item.searchResult.length > 0" class="searchResultBox">
                                     <li class="searchItem" 
@@ -64,7 +64,9 @@
                             </div>
                             <span class="el-icon-circle-close delUnit" @click="delUnit(index)"></span>
                         </div>
-                        <span  class="addUnit" @click="addUnit">+单元组</span>
+                        <span  class="addUnit" >
+                            <el-button  size="small" type="primary"  @click="addUnit">+单元组</el-button>
+                        </span>
                     </el-form-item>
                 </el-form>
                 <el-button class="disclButn" size="small" type="primary" :disabled = 'saveDisable' @click="confirm('form')">确定</el-button>
@@ -170,6 +172,14 @@ export default {
        
     },
     methods:{
+        closeSearch(){
+            if(this.searchIndex > -1){
+                this.moduleInfoList[this.searchIndex].searchName = ""
+                this.moduleInfoList[this.searchIndex].searchResult=[]
+                this.searchIndex = -1
+            }
+            
+        },
         getAllTypes(){
             if(localStorage.getItem("qcModuleTypes")){
                 this.hospitalList = JSON.parse(localStorage.getItem("qcHospitalTypes"));
@@ -192,6 +202,10 @@ export default {
                 }
             });
         },
+        stopClick(e){
+            console.log('11111')
+            // e.stopPropagation()
+        },
         changeHsopital(){
             this.form.moduleType = ""
             this.getModuleTypeList()
@@ -458,10 +472,7 @@ export default {
     line-height: 20px;
     cursor: pointer;
 }
-.addUnit:hover{
-    background: blue;
-    color: #fff;
-}
+
 .searchBox{
     width: 200px;
     position: relative;