CPU
@@ -314,7 +326,7 @@ export default {
overallCpuInfo: [],
selectedCpuInfo: [],
selectedCpuIndex: null,
- pieColorArr: ['#5e7ce0', '#a6dd82'],
+ pieColorArr: ['#5e7ce0', '#ccc', '#a6dd82'],
autoUpdateTimer: null, // Automatic refresh timer
isReloading: false, // Manually refresh
};
@@ -410,10 +422,14 @@ export default {
}
if (res && res.data) {
this.chipTableData = res.data.npu || [];
+ if (this.chipTableData.length === 0) {
+ this.defaultCpuNum = 192;
+ }
this.powerMax =
Math.max(...this.chipTableData.map((val) => val.power)) * 1.2;
this.temperatureMax =
- Math.max(...this.chipTableData.map((val) => val.temperature)) * 1.2;
+ Math.max(...this.chipTableData.map((val) => val.temperature)) *
+ 1.2;
// 1.2 In order to Demonstrated effect
if (res.data.memory && res.data.memory.virtual) {
this.dealChartData(this.virtualChart, res.data.memory.virtual);
@@ -439,6 +455,17 @@ export default {
} else {
this.selectedCpuInfo = [];
}
+ this.$nextTick(() => {
+ const doms = document.querySelectorAll('.fail-row');
+ if (doms) {
+ for (let i = 0; i < doms.length; i++) {
+ doms[i].setAttribute(
+ 'title',
+ this.$t('hardwareVisual.failQueryChip'),
+ );
+ }
+ }
+ });
}
}
},
@@ -452,6 +479,12 @@ export default {
},
);
},
+ tableRowClassName({row, rowIndex}) {
+ if (!row.success) {
+ return 'fail-row';
+ }
+ return '';
+ },
/**
* add tips
* @param {Array} arr cpu Info
@@ -507,14 +540,21 @@ export default {
if (val.idle !== undefined) {
if (index === key) {
this.selectedCpuIndex = key;
- val.selected = true;
- this.selectedCpuInfo = Object.keys(this.cpuList[index]).map((val) => {
- return {
- label: val,
- value: this.cpuList[index][val],
- };
- });
- this.selectedCpuInfo.pop();
+ val.selected = !val.selected;
+ if (val.selected) {
+ this.selectedCpuInfo = Object.keys(this.cpuList[index]).map(
+ (val) => {
+ return {
+ label: val,
+ value: this.cpuList[index][val],
+ };
+ },
+ );
+ this.selectedCpuInfo.pop();
+ } else {
+ this.selectedCpuIndex = null;
+ this.selectedCpuInfo = [];
+ }
} else {
if (this.cpuList[index].idle !== undefined) {
val.selected = false;
@@ -530,9 +570,12 @@ export default {
* @param {Object} data chart data
*/
dealChartData(chart, data) {
- const virtual = Object.keys(data);
- chart.legend = virtual.reverse();
- chart.data = virtual.map((val) => {
+ if (data.others === 0) {
+ chart.legend = ['used', 'available'];
+ } else {
+ chart.legend = ['used', 'others', 'available'];
+ }
+ chart.data = chart.legend.map((val) => {
return {
value: data[val],
name: val,
@@ -565,7 +608,11 @@ export default {
return `${n}`;
},
format(percentage, item) {
- return `${percentage}`;
+ return () => {
+ return percentage === -1
+ ? this.$t('hardwareVisual.faliQuery')
+ : `${percentage}`;
+ };
},
formatHbm(hbmInfo) {
return function() {
@@ -639,7 +686,7 @@ export default {
name: '',
center: ['25%', '50%'],
type: 'pie',
- radius: ['40%', '60%'],
+ radius: this.chipTableData.length ? ['40%', '60%'] : ['30%', '40%'],
avoidLabelOverlap: false,
label: {
show: true,
@@ -739,7 +786,7 @@ export default {
height: calc(100% - 36px);
overflow: auto;
.el-icon-question::before {
- color: red;
+ color: #f06281;
}
.el-icon-success:before {
color: #57d7ac;
@@ -797,6 +844,12 @@ export default {
margin-right: -145px;
}
}
+ .core-wrap {
+ .el-progress-bar {
+ padding-right: 80px;
+ margin-right: -85px;
+ }
+ }
.power {
background: #e5f6f6;
padding-left: 10px;
@@ -873,6 +926,13 @@ export default {
}
}
}
+ .cl-hardware-bottom.noNpu {
+ padding-top: 16px;
+ height: 570px;
+ .cl-cpu-wrap {
+ height: 399px;
+ }
+ }
.el-table thead tr {
background: #f0f3fa;
}
@@ -905,5 +965,9 @@ export default {
.el-icon-info:before {
color: #6c7280;
}
+ .el-table .fail-row {
+ opacity: 0.24;
+ filter: grayscale(1);
+ }
}