搜索修改

src/components/qualityControl/AddQualityControlTemp.vue

@@ -21,7 +21,7 @@
                      <el-form-item label="添加模块内容：" prop="moduleInfo" class="formItem">
                         <div class="moduleInfoItem" v-for="(item,index) in moduleInfoList">
                             <div class="searchBox">
-                                <el-input v-model="item.searchName"  placeholder="搜索字段单元" @input="searchFiled(index)">
+                                <el-input v-model.trim="item.searchName"  placeholder="搜索字段单元" @input="searchFiled(index)">
 
                                 </el-input>
                                 <ul v-if="searchIndex == index &&  item.searchResult.length > 0" class="searchResultBox">
@@ -53,6 +53,7 @@
     </div>
 </template>
 <script>
+//   import api from '@api/safeControl.js';
 export default {
     name:"AddQualityControlTemp",
     data: function(){
@@ -88,15 +89,15 @@ export default {
                     {   
                         searchName:"",
                         searchResult:[
-                            {
-                                name: "4姓名"
-                            },
-                            {
-                                name: "5职业"
-                            },
-                            {
-                                name: "6年龄"
-                            }
+                            // {
+                            //     name: "4姓名"
+                            // },
+                            // {
+                            //     name: "5职业"
+                            // },
+                            // {
+                            //     name: "6年龄"
+                            // }
                         ],
                         selectFiled:[
                             {
@@ -118,15 +119,7 @@ export default {
             this.moduleInfoList.push({   
                         searchName:"",
                         searchResult:[
-                            {
-                                name: "4姓名"
-                            },
-                            {
-                                name: "5职业"
-                            },
-                            {
-                                name: "6年龄"
-                            }
+                           
                         ],
                         selectFiled:[
                             {
@@ -144,10 +137,35 @@ export default {
         searchFiled(index){
             console.log(index)
             this.searchIndex = index
+            const searchName = this.moduleInfoList[index].searchName
+            // api.searchFiled(param).then(res =>{
+            //     if(res.data.code == '0'){
+            //          this.moduleInfoList[index].searchResult = []
+            //          this.moduleInfoList[index].searchResult.push(res.data.data)
+            //     }
+            // }).catch(e =>{
+            //     console.log(e)
+            // })
+            if(this.moduleInfoList[index].searchName){
+                this.moduleInfoList[index].searchResult = []
+                this.moduleInfoList[index].searchResult.push([
+                    {
+                        name: "4姓名"
+                    },
+                    {
+                        name: "5职业"
+                    },
+                    {
+                        name: "6年龄"
+                    }
+                    ])
+            }
         },
         selectSearchFiled(searchItem,index){
             this.moduleInfoList[index].selectFiled.push(searchItem)
             this.searchIndex = -1
+            this.moduleInfoList[index].searchName=""
+            this.moduleInfoList[index].searchResult = []
             console.log(searchItem)
         },
         upFiled(ii,index){