机构管理--加筛选条件：姓名和邮箱

src/pages/config/pages/mechanismManage/index.vue

@@ -27,6 +27,32 @@
     </div>
     <div class="tree-right">
       <div class="content">
+        <!--搜索区域-->
+        <div class="search-area">
+          <el-form inline class="label-input-form" v-model="searchForm">
+            <el-form-item label="姓名" class="search-item">
+              <el-input placeholder="根据姓名查询" clearable v-model="searchForm.uname">
+
+              </el-input>
+            </el-form-item>
+            <el-form-item label="邮箱" class="search-item">
+              <el-input placeholder="根据邮箱查询" clearable v-model="searchForm.email">
+
+              </el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" size="mini"
+                         class="common-button-primary" @click="getData">
+                查询
+              </el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button size="mini" class="common-button-default" @click="clearAllSearch">
+                清空
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
         <el-table
           ref="multipleTable"
           :data="data"
@@ -140,6 +166,10 @@ export default {
   name: 'MechanismManage',
   data () {
     return {
+      searchForm: {
+        uname:"",
+        email:""
+      },
       userId: '',
       postList: [],
       props: {
@@ -165,6 +195,13 @@ export default {
     }
   },
   methods: {
+    clearAllSearch() {
+      this.searchForm = {
+        uname: "",
+        email: ""
+      }
+      this.getData()
+    },
     resetFormPost () {
       this.modalPost= false
     },
@@ -247,12 +284,15 @@ export default {
       })
     },
     getData () {
-      this.$http.get('SarInstitution/institution/user', {
+      this.$http.post('SarInstitution/institution/user', {
-        institutionId: this.id
+        institutionId: this.id,
+        uname: this.searchForm.uname,
+        email: this.searchForm.email
       }, {
         _this: this,
         loading: 'Loading'
       }, res => {
+        console.log(res.data)
         res.data.forEach((item) => {
           var NameList = ''
           item.positions.forEach((items) => {