From d90a49716c60ad7f3be253e82ea8738b5d3c4244 Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Thu, 22 Sep 2022 14:57:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=8F=92=E4=BB=B6=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E5=8C=96=20=E8=A1=A8=E6=A0=BC=E8=AE=B0=E5=BF=86select?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/gridTable/index.vue        |  4 +++-
 frontend/src/lang/en.js                            |  2 +-
 frontend/src/styles/index.scss                     |  8 ++++++++
 frontend/src/views/system/task/DatasetTaskList.vue | 14 +++++++++++---
 4 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/gridTable/index.vue b/frontend/src/components/gridTable/index.vue
index ab75046091..178f927aa7 100644
--- a/frontend/src/components/gridTable/index.vue
+++ b/frontend/src/components/gridTable/index.vue
@@ -25,7 +25,6 @@
 </template>
 
 <script>
-import { log } from '@antv/g2plot/lib/utils';
 import tableBody from "./tableBody";
 export default {
   components: { tableBody },
@@ -112,6 +111,9 @@ export default {
     },
   },
   methods: {
+    toggleRowSelection(row) {
+      this.$refs.table.toggleRowSelection(row, true);
+    },
     handlerSelected(multipleSelection) {
       this.multipleSelectionCach = [
         ...this.multipleSelectionCach,
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index a46b9dd1be..d3ed1ac200 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -445,7 +445,7 @@ export default {
     cost: 'cost',
     developer: 'developer',
     edition: 'edition',
-    installation_time: 'Installation time:'
+    installation_time: 'Install time'
   },
   table: {
     dynamicTips1: 'Fixed header, sorted by header order',
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index 730a435bd9..00ec60e2c7 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -1389,6 +1389,14 @@ div:focus {
     width: 2px;
     background: #3370ff;
   }
+
+  .explain {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 20px;
+    margin-left: 8px;
+    color: var(--deTextSecondary, #646a73);
+  }
 }
 
 .de-foot {
diff --git a/frontend/src/views/system/task/DatasetTaskList.vue b/frontend/src/views/system/task/DatasetTaskList.vue
index c71a903ed5..3c99b740f2 100644
--- a/frontend/src/views/system/task/DatasetTaskList.vue
+++ b/frontend/src/views/system/task/DatasetTaskList.vue
@@ -104,6 +104,7 @@
         @selection-change="handleSelectionChange"
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
+        ref="multipleTable"
       >
         <el-table-column type="selection" width="55" />
         <el-table-column
@@ -507,11 +508,18 @@ export default {
       const { currentPage, pageSize } = this.paginationConfig;
       datasetTaskList(currentPage, pageSize, param, showLoading).then(
         (response) => {
+          const multipleSelection = this.multipleSelection.map(ele => ele.id)
           this.data = response.data.listObject;
-          // this.data.forEach((item) => {
-          //   this.taskStatus(item);
-          // });
           this.paginationConfig.total = response.data.itemCount;
+          if (multipleSelection.length) {
+            this.$nextTick(() => {
+              this.data.forEach(row => {
+                if (multipleSelection.includes(row.id)) {
+                  this.$refs.multipleTable.toggleRowSelection(row);
+                }
+              });
+            })
+          }
         }
       );
     },