diff --git a/web/vue/src/pages/host/list.vue b/web/vue/src/pages/host/list.vue
index 5333dbf..6c5e1c4 100644
--- a/web/vue/src/pages/host/list.vue
+++ b/web/vue/src/pages/host/list.vue
@@ -53,6 +53,11 @@
           prop="port"
           label="端口">
         </el-table-column>
+        <el-table-column label="查看任务">
+          <template slot-scope="scope">
+            <el-button type="success" @click="toTasks(scope.row)">查看任务</el-button>
+          </template>
+        </el-table-column>
         <el-table-column
           prop="remark"
           label="备注">
@@ -134,6 +139,15 @@ export default {
       this.search(() => {
         this.$message.success('刷新成功')
       })
+    },
+    toTasks (item) {
+      this.$router.push(
+        {
+          path: '/task',
+          query: {
+            host_id: item.id
+          }
+        })
     }
   }
 }
diff --git a/web/vue/src/pages/task/list.vue b/web/vue/src/pages/task/list.vue
index 81174a0..474fb0e 100644
--- a/web/vue/src/pages/task/list.vue
+++ b/web/vue/src/pages/task/list.vue
@@ -230,6 +230,11 @@ export default {
   },
   components: {taskSidebar},
   created () {
+    const hostId = this.$route.query.host_id
+    if (hostId) {
+      this.searchParams.host_id = hostId
+    }
+
     this.search()
   },
   filters: {