公有wbs编辑元素增加搜索功能

src/views/manager/wbsinfo/edit.vue

@@ -1031,11 +1031,16 @@
       :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
         style="width: 100%"
         height="400px"
+        v-loading="editEleloading"
       >
         <el-table-column
           align="center"
@@ -1816,7 +1821,9 @@ export default {
       formulaCurRow:{},//当前元素
       testTreeLoad: false,
       testTreeData: [],
-      mixRatioTestIds: []
+      mixRatioTestIds: [],
+      searchinput:'',
+      editEleloading:false
     };
   },
   computed: {
@@ -2184,17 +2191,37 @@ export default {
     importHandle () {
 
     },
-
-    handleEdit (index, row) {
-      this.curEleTable = row;
-      selectFormElements(this.curEleTable.id,{type:1}).then((res) => {
+  //获取编辑元素表格数据
+  getSelectFormElements(){
+     this.editEleloading=true
+      selectFormElements(this.curEleTable.id,{type:1,search:this.searchinput}).then((res) => {
         res.data.data.forEach((element) => {
           this.eleReg.exec(element.eAllowDeviation);
           element.allow = RegExp.$1 ? RegExp.$1 : '';
           element.deviation = RegExp.$2 ? RegExp.$2 : '';
         })
+         this.editEleloading=false
         this.editEleList = res.data.data;
       })
+  },
+    //编辑元素搜索相关
+    clearsearchinput(){
+      this.getSelectFormElements()
+    },
+    searchinputChange(){
+     this.getSelectFormElements()
+    },
+    handleEdit (index, row) {
+      this.curEleTable = row;
+      // selectFormElements(this.curEleTable.id,{type:1}).then((res) => {
+      //   res.data.data.forEach((element) => {
+      //     this.eleReg.exec(element.eAllowDeviation);
+      //     element.allow = RegExp.$1 ? RegExp.$1 : '';
+      //     element.deviation = RegExp.$2 ? RegExp.$2 : '';
+      //   })
+      //   this.editEleList = res.data.data;
+      // })
+      this.getSelectFormElements()
       this.editEleVisible = true;
     },
     handleDelete (index, row) {