Skip to content

M
mindinsight

MindSpore / mindinsight

通知 8
Star 4
Fork 2
M
mindinsight
提交 b4a6a036 编写于 作者: F fengxuefeng
浏览文件
操作

Table text is displayed in the center

上级 f674ae3e
隐藏空白更改
内联 并排
Showing with 81 addition and 64 deletion
mindinsight/ui/src/components/header.vue
浏览文件 @ b4a6a036
...@@ -49,6 +49,7 @@ limitations under the License. ...@@ -49,6 +49,7 @@ limitations under the License.
v-if="this.$route.path.indexOf('/scalar') > 0 v-if="this.$route.path.indexOf('/scalar') > 0
|| this.$route.path.indexOf('/image') > 0 || this.$route.path.indexOf('/image') > 0
|| this.$route.path.indexOf('/histogram') > 0 || this.$route.path.indexOf('/histogram') > 0
|| this.$route.path.indexOf('/tensor') > 0
|| this.$route.path.indexOf('/training-dashboard') > 0 || this.$route.path.indexOf('/training-dashboard') > 0
|| !this.$route.path.indexOf('/compare-plate')"> || !this.$route.path.indexOf('/compare-plate')">
<!-- automatic refresh switch --> <!-- automatic refresh switch -->
......
mindinsight/ui/src/views/train-manage/hardware-visual.vue
浏览文件 @ b4a6a036
...@@ -29,82 +29,100 @@ limitations under the License. ...@@ -29,82 +29,100 @@ limitations under the License.
:data="chipTableData" :data="chipTableData"
width="100%" width="100%"
height="100%"> height="100%">
<el-table-column prop="chip_name" <el-table-column width="120">
width="120">
<template slot="header"> <template slot="header">
Name <span class="cl-text-center">
<el-tooltip class="item" Name
effect="light" <el-tooltip class="item"
:content="$t('hardwareVisual.chipNameTip')" effect="light"
placement="top-start"> :content="$t('hardwareVisual.chipNameTip')"
<i class="el-icon-info"></i> placement="top-start">
</el-tooltip> <i class="el-icon-info"></i>
</el-tooltip>
</span>
</template>
<template slot-scope="scope">
<span class="cl-text-center">{{ scope.row.chip_name }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="device_id" <el-table-column width="80">
width="80">
<template slot="header"> <template slot="header">
NPU <span class="cl-text-center">
<el-tooltip class="item" NPU
effect="light" <el-tooltip class="item"
:content="$t('hardwareVisual.deviceIdTip')" effect="light"
placement="top-start"> :content="$t('hardwareVisual.deviceIdTip')"
<i class="el-icon-info"></i> placement="top-start">
</el-tooltip> <i class="el-icon-info"></i>
</el-tooltip>
</span>
</template>
<template slot-scope="scope">
<span class="cl-text-center">{{ scope.row.device_id }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="available" <el-table-column width="110">
width="110">
<template slot="header"> <template slot="header">
Available <span class="cl-text-center">
<el-tooltip class="item" Available
effect="light" <el-tooltip class="item"
:content="$t('hardwareVisual.availableTip')" effect="light"
placement="top-start"> :content="$t('hardwareVisual.availableTip')"
<i class="el-icon-info"></i> placement="top-start">
</el-tooltip> <i class="el-icon-info"></i>
</el-tooltip>
</span>
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<i class="el-icon-success" <span class="cl-text-center">
v-if="scope.row.available"></i> <i class="el-icon-success"
<i class="el-icon-question" v-if="scope.row.available"></i>
v-else></i> <i class="el-icon-question"
v-else></i>
</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="health" <el-table-column width="80">
width="80">
<template slot="header"> <template slot="header">
Health <span class="cl-text-center">
<el-tooltip class="item" Health
effect="light" <el-tooltip class="item"
:content="$t('hardwareVisual.healthTip')" effect="light"
placement="top-start"> :content="$t('hardwareVisual.healthTip')"
<i class="el-icon-info"></i> placement="top-start">
</el-tooltip> <i class="el-icon-info"></i>
</el-tooltip>
</span>
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<i class="el-icon-success" <span class="cl-text-center">
v-if="scope.row.health===0"></i> <i class="el-icon-success"
<i class="el-icon-warning normal" v-if="scope.row.health===0"></i>
v-if="scope.row.health===1"></i> <i class="el-icon-warning normal"
<i class="el-icon-warning important" v-if="scope.row.health===1"></i>
v-if="scope.row.health===2"></i> <i class="el-icon-warning important"
<i class="el-icon-warning emergency" v-if="scope.row.health===2"></i>
v-if="scope.row.health===3"></i> <i class="el-icon-warning emergency"
<i class="el-icon-remove" v-if="scope.row.health===3"></i>
v-if="scope.row.health=== 0xffffffff"></i> <i class="el-icon-remove"
v-if="scope.row.health=== 0xffffffff"></i>
</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="ip_address" <el-table-column width="130">
width="130">
<template slot="header"> <template slot="header">
IP Address <span class="cl-text-center">
<el-tooltip class="item" IP Address
effect="light" <el-tooltip class="item"
:content="$t('hardwareVisual.ipTip')" effect="light"
placement="top-start"> :content="$t('hardwareVisual.ipTip')"
<i class="el-icon-info"></i> placement="top-start">
</el-tooltip> <i class="el-icon-info"></i>
</el-tooltip>
</span>
</template>
<template slot-scope="scope">
<span class="cl-text-center">{{ scope.row.ip_address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="aicore"> <el-table-column prop="aicore">
...@@ -680,12 +698,10 @@ export default { ...@@ -680,12 +698,10 @@ export default {
padding-top: 16px; padding-top: 16px;
& > div { & > div {
width: 100%; width: 100%;
.el-table_1_column_1, .cl-text-center {
.el-table_1_column_2, display: inline-block;
.el-table_1_column_3,
.el-table_1_column_4,
.el-table_1_column_5 {
text-align: center; text-align: center;
width: 100%;
} }
.el-table::before { .el-table::before {
height: 0px; height: 0px;
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或