元素 搜索 筛选

src/views/manager/wbsinfo/edit.vue

@@ -1212,13 +1212,13 @@
       <div class="flex mg-b-10">
         <el-input
           v-model="formulaInput"
-          placeholder="请输入内容"
+          placeholder="请输入名称"
           size="samll"
         ></el-input>
-        <el-button type="info">保存</el-button>
+        <el-button type="info" @click="searchFormulaName">搜索</el-button>
       </div>
       <el-table
-        :data="editEleList"
+        :data="editEleListFilter"
         border
         style="width: 100%"
         height="400px"
@@ -1242,7 +1242,7 @@
             <el-link
               class="mg-l-10"
               type="danger"
-              @click="delEleRowHandle(scope.$index,editEleList)"
+              @click="delEleRowHandle(scope.$index,editEleListFilter)"
             >删除</el-link>
           </template>
         </el-table-column>
@@ -1727,6 +1727,8 @@ export default {
 
       editEleFormulaVisible: false,
       formulaInput: '',
+      editEleListFilter:[],
+      editEleListAll:[],
 
       importTemplateVisible: false,
       fileUrl: '',
@@ -2158,11 +2160,19 @@ export default {
       this.curEleTable = row;
       selectFormElements(this.curEleTable.id).then((res) => {
 
-        this.editEleList = res.data.data;
+        this.editEleListFilter = res.data.data;
+        this.editEleListAll = [].concat(this.editEleListFilter);
       })
       this.editEleFormulaVisible = true;
     },
 
+    //搜索 筛选
+    searchFormulaName(){
+      this.editEleListFilter = this.editEleListAll.filter((ele)=>{
+        return ele.eName.indexOf(this.formulaInput) > -1;
+      })
+    },
+
     saveNewEle (row) {
       if (!row.eName) {
         this.$message({