搜索功能

DAPlatform-front/src/components/TaskHall.vue

@@ -4,10 +4,10 @@
       <div class="filter-container">
         <div class="filter-item">
           任务名称：
-          <el-input class="filter-input" prefix-icon="el-icon-search" v-model="keywords" placeholder="请输入查询条件"></el-input>
+          <el-input class="filter-input" prefix-icon="el-icon-search" v-model="keyword" placeholder="请输入查询条件"></el-input>
         </div>
         <div class="filter-item">
-          <el-button class="filter-button" type="primary">查询</el-button>
+          <el-button class="filter-button" type="primary" @click="search()">查询</el-button>
         </div>
         <el-divider></el-divider>
       </div>
@@ -53,7 +53,7 @@ export default {
     return {
       activeName: '任务大厅',
       tasks: [],
-      keywords: '',
+      keyword: '',
       pageSize: 10,
       currentPage: 1,
       pageNum: 0
@@ -81,6 +81,20 @@ export default {
         name: 'task',
         params: { task: encodeURIComponent(JSON.stringify(task)) }
       })
+    },
+    search () {
+      var self = this
+      this.axios.get('/task/getTasks', {
+        params: {
+          pageSize: self.pageSize,
+          currentPage: self.currentPage,
+          keyword: self.keyword
+        }
+      }).then(res => {
+        console.log(res)
+        self.tasks = res.data.tasks
+        self.pageNum = res.data.pageNum
+      })
     }
   }
 }