电签列表搜索增加

src/views/certificate/list.vue

@@ -1,28 +1,40 @@
 <template>
   <basic-container class="list">
     <div class="flexBetween">
+      <div class="flex">
+          <el-select
+          v-model="value"
+          filterable
+          style="width:300px;"
+          placeholder="请选择项目"
+          clearable
+          @change="projectChange"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.id"
+            :label="item.projectName"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      <div class="header-box-center">
+          <el-input v-model="searchinput" style="width: 240px;margin-right: 10px;" placeholder="请输入"  clearable/>
+          <el-button
+            type="primary"
+        
+            class="el-icon-search"
+            @click="searchClick"
+          >搜索</el-button>
+      </div>
+      </div>
+ 
       <el-button
         type="primary"
         size="mini"
         class="el-icon-plus"
         @click="pushRouter(0)"
       >新增</el-button>
-      <el-select
-        v-model="value"
-        filterable
-        style="width:300px;"
-        placeholder="请选择"
-        clearable
-        @change="projectChange"
-      >
-        <el-option
-          v-for="item in options"
-          :key="item.id"
-          :label="item.projectName"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
     </div>
 
     <el-table
@@ -112,6 +124,7 @@ import { queryProjectList, listpage, goRegister, remove } from "@/api/certificat
 export default {
   data () {
     return {
+      searchinput:'',
       value: '',
       options: [],
       tableData: [],
@@ -196,6 +209,7 @@ export default {
         current: this.pageindex,
         size: this.pagesize,
         projectId: this.value,
+        certificateUserName:this.searchinput
       })
      
       if (res.code == 200) {
@@ -214,13 +228,13 @@ export default {
         this.listpage()
       }
     },
+    searchClick(){
+      this.listpage()
+    }
     //#endregion
   },
   created () {
     this.queryProjectList()
-
-   
-   
     
   },
 }
@@ -233,4 +247,7 @@ export default {
     font-size: 16px !important;
   }
 }
+.header-box-center{
+    margin-left: 40px;
+  }
 </style>