元素库编辑元素新增搜索功能

src/views/manager/wbsinfo/element.vue

@@ -222,7 +222,7 @@
           placeholder="请输入名称"
           size="samll" clearable @clear="searchFormulaName"
         ></el-input>
-        <el-button type="info" class="mg-l-10" @click="searchFormulaName">搜索</el-button>
+        <el-button type="primary" class="mg-l-10" @click="searchFormulaName">搜索</el-button>
       </div>
         <el-table
         :data="editEleListFilter"
@@ -286,6 +286,10 @@
       :close-on-click-modal="false"
     >
       <p class="font-c-warning">编辑元素信息（请谨慎操作）</p>
+        <div style="display:flex;margin-bottom:10px">
+                      <el-input placeholder="请输入你想编辑的元素名称" v-model="searchinput" :size="size"  clearable  @clear="clearsearchinput" >  </el-input>
+                      <el-button type="primary" icon="el-icon-search"  size="small"  @click="searchinputChange">搜索</el-button>
+        </div>
       <el-table
         :data="editEleList"
         border
@@ -737,7 +741,9 @@ export default {
       defaultExpandKey:[],//默认展开的节点
       sortTag: false,
       sortTag2: false,
-      sort:[]
+      sort:[],
+      searchinput:'',
+
     }
   },
   computed:{
@@ -1090,22 +1096,26 @@ export default {
         this.$refs.avueTree.setCurrentKey(this.curNode.data.id);
       });
     },
+    //获取编辑元素信息
+    getselectPrivateFormElements(){
+       this.editEleloading=true
+            selectPrivateFormElements(this.curEleTable.id,{eName:this.searchinput}).then((res) => {
+                this.editEleloading=false
+                res.data.data.forEach((element) => {
+                this.eleReg.exec(element.eAllowDeviation);
+                //console.log(RegExp.$1)
+                //console.log(RegExp.$2)
+                element.allow = RegExp.$1 ? RegExp.$1 : '';
+                element.deviation = RegExp.$2 ? RegExp.$2 : '';
+              })
+              this.editEleList = res.data.data;
+            })
+            this.editEleVisible = true;
+    },
     editElement (row) {
       console.log(row,'row');
       this.curEleTable = row;
-      this.editEleloading=true
-      selectPrivateFormElements(this.curEleTable.id).then((res) => {
-           this.editEleloading=false
-          res.data.data.forEach((element) => {
-          this.eleReg.exec(element.eAllowDeviation);
-          //console.log(RegExp.$1)
-          //console.log(RegExp.$2)
-          element.allow = RegExp.$1 ? RegExp.$1 : '';
-          element.deviation = RegExp.$2 ? RegExp.$2 : '';
-        })
-        this.editEleList = res.data.data;
-      })
-      this.editEleVisible = true;
+      this.getselectPrivateFormElements()
     },
       //修改数据类型，给个默认值
     setDefatableTypeultLength (row) {
@@ -1390,7 +1400,13 @@ export default {
         }
       });
     },
-
+    //编辑元素搜索相关
+    clearsearchinput(){
+      this.getselectPrivateFormElements()
+    },
+    searchinputChange(){
+     this.getselectPrivateFormElements()
+    }
   },
   created () {
      this.getTableTypelist();