From b51b652f57b5a2a7ae06ab055f39ef58bd8d143c Mon Sep 17 00:00:00 2001
From: fengxuefeng <fengxuefeng2@huawei.com>
Date: Tue, 18 Aug 2020 16:32:26 +0800
Subject: [PATCH] Modify the icon when device is not available

---
 .../ui/src/views/train-manage/hardware-visual.vue      | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/mindinsight/ui/src/views/train-manage/hardware-visual.vue b/mindinsight/ui/src/views/train-manage/hardware-visual.vue
index df1199b..262b805 100644
--- a/mindinsight/ui/src/views/train-manage/hardware-visual.vue
+++ b/mindinsight/ui/src/views/train-manage/hardware-visual.vue
@@ -80,7 +80,7 @@ limitations under the License.
                     <i class="el-icon-success"
                        v-if="scope.row.available"
                        :title="$t('hardwareVisual.availableFree')"></i>
-                    <i class="el-icon-question"
+                    <i class="available-fail"
                        :title="$t('hardwareVisual.availableBusy')"
                        v-else></i>
                   </span>
@@ -799,8 +799,12 @@ export default {
         .cl-chip-wrap {
           height: calc(100% - 36px);
           overflow: auto;
-          .el-icon-question::before {
-            color: #f06281;
+          .available-fail{
+            display: inline-block;
+            width: 12px;
+            height: 12px;
+            border-radius: 12px;
+            background: #ffaa00;
           }
           .el-icon-success:before {
             color: #57d7ac;
-- 
GitLab