Browse Source

Modify the icon when device is not available

tags/0.7.0-beta
fengxuefeng 5 years ago
parent
commit
b51b652f57
1 changed files with 7 additions and 3 deletions
  1. +7
    -3
      mindinsight/ui/src/views/train-manage/hardware-visual.vue

+ 7
- 3
mindinsight/ui/src/views/train-manage/hardware-visual.vue View File

@@ -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;


Loading…
Cancel
Save