增加搜索元素功能

src/views/formula/edit.vue

@@ -97,10 +97,22 @@
             </el-card>
           </el-col>
           <el-col :span="16" class="h-100p flex flex-d-c ov-hidden">
-            <el-select v-model="eleTableId" @change="getTableEle" placeholder="请选择元素表" style="width:300px">
-              <el-option v-if="paramDataList.length" label="选择节点参数2" value="选择节点参数"></el-option>
-              <el-option  v-for="item in eleTableList" :key="item.id" :label="item.tableName" :value="item.id"></el-option>
-            </el-select>
+            <div>
+               <el-select v-model="eleTableId" @change="getTableEle" placeholder="请选择元素表" style="width:300px">
+                <el-option v-if="paramDataList.length" label="选择节点参数2" value="选择节点参数"></el-option>
+                <el-option  v-for="item in eleTableList" :key="item.id" :label="item.tableName" :value="item.id"></el-option>
+              </el-select>
+              <!-- 搜索元素下拉框 -->
+              <el-select v-model="input3" filterable placeholder="搜索元素字段"  @change="getInput">
+              <el-option
+                v-for="item in eleList"
+                :key="item.id"
+                :label="item.eName"
+                :value="item.eName">
+              </el-option>
+              </el-select>
+            </div>
+           
             <div class="mg-t-10 no-mb-col flex1 ov-hidden">
               <el-scrollbar style="height: 100%">
                 <el-row>
@@ -509,6 +521,7 @@ export default {
       },//允许偏差值范围
 
       version:1,//版本号，以后可能会有不兼容旧公式的改动，留作以后可能用来判断
+      input3:'',//搜索元素字段
     };
   },
   computed: {
@@ -704,6 +717,7 @@ export default {
     //把元素加到公式里
     eleAddFormulaHandle(ele){
       if(ele.tableElementKey){
+        console.log(ele,'ele');
         //元素
         if(this.deleEleIndex > -1 && this.selectEleFormula.length-1 >= this.deleEleIndex){
           //删除元素的位置，如果下次添加元素，先加到这个位置
@@ -1285,6 +1299,15 @@ export default {
         })
       }
     },
+    getInput(tableId){
+       let arr=[]
+      arr=this.eleList.filter((item)=>{
+        if(item.eName===tableId){
+          return item
+        }
+      })
+      this.eleList=arr;
+    },
 
     //方法下面的点击树节点
     getNodeDetailComp(data) {