From 39015872ae39fa9ebd53fc44c461be3a369abbb7 Mon Sep 17 00:00:00 2001
From: marvzhang <tikazyq@163.com>
Date: Thu, 29 Jul 2021 17:09:13 +0800
Subject: [PATCH] fixed data tab issue

---
 frontend/package.json                                     | 2 ++
 frontend/src/router/node.ts                               | 4 +++-
 frontend/src/views/task/detail/tabs/TaskDetailTabData.vue | 4 +++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index d506ef06..d078d394 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -4,8 +4,10 @@
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve --port=8081",
+    "serve:build:local": "vue-cli-service serve --port=8082 --model local",
     "build": "vue-cli-service build",
     "build:docker": "vue-cli-service build --mode docker",
+    "build:local": "vue-cli-service build --mode local",
     "lint": "vue-cli-service lint",
     "test": "jest"
   },
diff --git a/frontend/src/router/node.ts b/frontend/src/router/node.ts
index 6dc66c86..17d4c408 100644
--- a/frontend/src/router/node.ts
+++ b/frontend/src/router/node.ts
@@ -5,10 +5,12 @@ const endpoint = 'nodes';
 
 export default [
   {
+    name: 'NodeList',
     path: endpoint,
-    component: import('@/views/node/list/NodeList.vue'),
+    component: () => import('@/views/node/list/NodeList.vue'),
   },
   {
+    name: 'NodeDetail',
     path: `${endpoint}/:id`,
     redirect: to => {
       return {path: to.path + '/' + TAB_NAME_OVERVIEW};
diff --git a/frontend/src/views/task/detail/tabs/TaskDetailTabData.vue b/frontend/src/views/task/detail/tabs/TaskDetailTabData.vue
index e44c0bf5..19fe36c2 100644
--- a/frontend/src/views/task/detail/tabs/TaskDetailTabData.vue
+++ b/frontend/src/views/task/detail/tabs/TaskDetailTabData.vue
@@ -15,7 +15,7 @@
   </div>
 </template>
 <script lang="ts">
-import {computed, defineComponent} from 'vue';
+import {computed, defineComponent, watch} from 'vue';
 import ListLayout from '@/layouts/ListLayout.vue';
 import {useStore} from 'vuex';
 import useTaskDetail from '@/views/task/detail/taskDetail';
@@ -76,6 +76,8 @@ export default defineComponent({
       },
     } as ListLayoutActionFunctions;
 
+    watch(() => tablePagination.value, actionFunctions.getList);
+
     return {
       actionFunctions,
       tableData,