!438 Modify the visual tips and icons of hardware resources

Merge pull request !438 from 冯学峰/myMaster01

mindinsight/ui/src/locales/zh-cn.json

@@ -394,7 +394,7 @@
     "allCpu": "CPU-总计：",
     "chipNameTip": "芯片名称",
     "deviceIdTip": "芯片号",
-    "availableTip": "芯片是否空闲",
+    "availableTip": "芯片是否空闲（仅供参考）",
     "healthTip": "芯片健康指数（正常、一般警告、重要警告、紧急警告）",
     "ipTip": "芯片IP地址",
     "aicoreTip": "芯片利用率",
@@ -412,7 +412,8 @@
     "cpuGuestTip": "运行虚拟机的时间百分比",
     "cpuGuestniceTip": "运行低优先级虚拟机的时间百分比",
     "cpuInterruptTip": "处理硬中断的时间百分比",
-    "cpuDpcTip": "远程调用的时间百分比"
+    "cpuDpcTip": "远程调用的时间百分比",
+    "noNpuInfo":"暂无昇腾AI处理器信息"
   },
   "components": {
     "summaryTitle": "训练选择",

mindinsight/ui/src/views/train-manage/hardware-visual.vue

@@ -20,11 +20,12 @@ limitations under the License.
          v-if="!(chipTableData.length === 0 && cpuList.length===0)">
       <div class="cl-hardware-top">
         <div class="cl-hardware-left">
-          <div class="cl-sub-title">
+          <div class="cl-sub-title"
+               v-if="chipTableData.length">
             {{$t('hardwareVisual.processor')}}
           </div>
           <div class="cl-chip-wrap">
-            <el-table v-if="!(chipTableData.length === 0)"
+            <el-table v-if="chipTableData.length"
                       :data="chipTableData"
                       width="100%"
                       height="100%">
@@ -66,7 +67,7 @@ limitations under the License.
                 <template slot-scope="scope">
                   <i class="el-icon-success"
                      v-if="scope.row.available"></i>
-                  <i class="el-icon-error"
+                  <i class="el-icon-question"
                      v-else></i>
                 </template>
               </el-table-column>
@@ -189,7 +190,7 @@ limitations under the License.
                 <img :src="require('@/assets/images/nodata.png')"
                      alt="" />
               </div>
-              <p>{{$t("public.noData")}}</p>
+              <p>{{$t("hardwareVisual.noNpuInfo")}}</p>
             </div>
           </div>
         </div>
@@ -721,6 +722,9 @@ export default {
         .cl-chip-wrap {
           height: calc(100% - 36px);
           overflow: auto;
+          .el-icon-question::before {
+            color: red;
+          }
           .el-icon-success:before {
             color: #57d7ac;
           }