From 8316f9f4c277fdde78307dfbd097659dc813f872 Mon Sep 17 00:00:00 2001
From: WeiFeng-mindinsight <huangweifeng4@huawei.com>
Date: Mon, 24 Aug 2020 12:47:27 +0800
Subject: [PATCH] If there is no data in the traceability module, click the
 disabled form check box to modify the check style

---
 .../ui/src/views/train-manage/data-traceback.vue      | 11 +++++++++++
 .../ui/src/views/train-manage/model-traceback.vue     | 11 +++++++++++
 2 files changed, 22 insertions(+)

diff --git a/mindinsight/ui/src/views/train-manage/data-traceback.vue b/mindinsight/ui/src/views/train-manage/data-traceback.vue
index f29b607..9012360 100644
--- a/mindinsight/ui/src/views/train-manage/data-traceback.vue
+++ b/mindinsight/ui/src/views/train-manage/data-traceback.vue
@@ -114,6 +114,8 @@ limitations under the License.
       <!-- table area -->
       <div class="table-container"
            v-show="!echartNoData && showTable">
+        <div class="disabled-checked"
+             v-show="!table.data.length"></div>
         <el-table ref="table"
                   :data="table.data"
                   tooltip-effect="light"
@@ -2229,6 +2231,15 @@ export default {
       height: calc(68% - 130px);
       padding: 6px 32px;
       position: relative;
+      .disabled-checked {
+        position: absolute;
+        top: 9px;
+        left: 0px;
+        z-index: 1000;
+        width: 87px;
+        height: 66px;
+        cursor: not-allowed;
+      }
       .custom-label {
         max-width: calc(100% - 25px);
         padding: 0;
diff --git a/mindinsight/ui/src/views/train-manage/model-traceback.vue b/mindinsight/ui/src/views/train-manage/model-traceback.vue
index 4c2e319..7ba0397 100644
--- a/mindinsight/ui/src/views/train-manage/model-traceback.vue
+++ b/mindinsight/ui/src/views/train-manage/model-traceback.vue
@@ -116,6 +116,8 @@ limitations under the License.
       </div>
       <div class="table-container"
            v-show="showTable && !noData">
+        <div class="disabled-checked"
+             v-show="!table.data.length"></div>
         <el-table ref="table"
                   :data="table.data"
                   tooltip-effect="light"
@@ -2275,6 +2277,15 @@ export default {
       height: calc(68% - 130px);
       padding: 6px 32px;
       position: relative;
+      .disabled-checked {
+        position: absolute;
+        top: 9px;
+        left: 0px;
+        z-index: 1000;
+        width: 87px;
+        height: 66px;
+        cursor: not-allowed;
+      }
       .custom-label {
         max-width: calc(100% - 25px);
         padding: 0;
-- 
GitLab