首页
This commit is contained in:
@@ -3,20 +3,20 @@
|
||||
<!-- 统计卡片 -->
|
||||
<el-row :gutter="20" class="stats-row">
|
||||
|
||||
<el-col :span="5">
|
||||
<el-col :span="4">
|
||||
<el-card class="stats-card">
|
||||
<div class="stats-content">
|
||||
<div class="stats-icon ddj-icon">
|
||||
<i class="el-icon-cpu"></i>
|
||||
</div>
|
||||
<div class="stats-info">
|
||||
<div class="stats-number">{{ deviceStats.ddjCount }}</div>
|
||||
<div class="stats-label">堆垛机设备总数</div>
|
||||
<div class="stats-number">{{ deviceStats.srgvCount }}</div>
|
||||
<div class="stats-label">四向车设备总数</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-col :span="4">
|
||||
<el-card class="stats-card">
|
||||
<div class="stats-content">
|
||||
<div class="stats-icon ctu-icon">
|
||||
@@ -29,7 +29,20 @@
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-col :span="4">
|
||||
<el-card class="stats-card">
|
||||
<div class="stats-content">
|
||||
<div class="stats-icon tsj-icon">
|
||||
<i class="el-icon-upload"></i>
|
||||
</div>
|
||||
<div class="stats-info">
|
||||
<div class="stats-number">{{ deviceStats.tsjCount }}</div>
|
||||
<div class="stats-label">提升机设备总数</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-card class="stats-card">
|
||||
<div class="stats-content">
|
||||
<div class="stats-icon queue-icon">
|
||||
@@ -42,7 +55,7 @@
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-col :span="4">
|
||||
<el-card class="stats-card">
|
||||
<div class="stats-content">
|
||||
<div class="stats-icon running-icon">
|
||||
@@ -170,9 +183,10 @@ export default {
|
||||
return {
|
||||
// 统计数据
|
||||
deviceStats: {
|
||||
agvCount: 0,
|
||||
ctuCount: 0,
|
||||
ssjCount: 0
|
||||
srgvCount: 0,
|
||||
tsjCount: 0,
|
||||
ssjCount: 0,
|
||||
tsjCount: 0
|
||||
},
|
||||
taskStats: {
|
||||
pendingCount: 0,
|
||||
@@ -414,21 +428,22 @@ export default {
|
||||
if (response.code === 200) {
|
||||
const statusData = response.data
|
||||
|
||||
// AGV数据
|
||||
/*if (statusData.AGV) {
|
||||
runningData[0] = statusData.AGV['运行'] || 0 // 运行
|
||||
idleData[0] = statusData.AGV['其他'] || 0 // 其他
|
||||
}*/
|
||||
// CTU数据
|
||||
if (statusData.DDJ) {
|
||||
runningData[0] = statusData.DDJ['运行'] || 0 // 运行
|
||||
idleData[0] = statusData.DDJ['其他'] || 0 // 其他
|
||||
console.log(statusData)
|
||||
// SRGV数据
|
||||
if (statusData.SRGV) {
|
||||
runningData[0] = statusData.SRGV['运行'] || 0 // 运行
|
||||
idleData[0] = statusData.SRGV['其他'] || 0 // 其他
|
||||
}
|
||||
// SSJ数据
|
||||
if (statusData.SSJ) {
|
||||
runningData[1] = statusData.SSJ['运行'] || 0 // 运行
|
||||
idleData[1] = statusData.SSJ['其他'] || 0 // 其他
|
||||
}
|
||||
// TSJ数据
|
||||
if (statusData.TSJ) {
|
||||
runningData[2] = statusData.TSJ['运行'] || 0 // 运行
|
||||
idleData[2] = statusData.TSJ['其他'] || 0 // 其他
|
||||
}
|
||||
} else {
|
||||
// 默认数据
|
||||
runningData = [4, 2]
|
||||
@@ -447,7 +462,7 @@ export default {
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['DDJ', 'SSJ']
|
||||
data: ['SRGV', 'SSJ', 'TSJ']
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
@@ -483,7 +498,7 @@ export default {
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['AGV', 'DDJ', 'SSJ']
|
||||
data: ['SRGV', 'SSJ', 'TSJ']
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
@@ -538,8 +553,8 @@ export default {
|
||||
// 获取设备类型文本
|
||||
getDeviceTypeText(type) {
|
||||
const typeMap = {
|
||||
'1': 'AGV',
|
||||
'2': 'CTU',
|
||||
'1': 'SRGV',
|
||||
'2': 'TSJ',
|
||||
'3': 'SSJ'
|
||||
}
|
||||
return typeMap[type] || this.$t('index.unknown') // 未知
|
||||
@@ -618,8 +633,13 @@ export default {
|
||||
background: linear-gradient(135deg, #36d1dc 0%, #5b86e5 100%);
|
||||
}
|
||||
|
||||
.tsj-icon {
|
||||
background: linear-gradient(135deg, #d593fb 0%, #f557e0 100%);
|
||||
}
|
||||
|
||||
|
||||
.queue-icon {
|
||||
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||||
background: linear-gradient(135deg, #fbf993 0%, #f56957 100%);
|
||||
}
|
||||
|
||||
.running-icon {
|
||||
|
||||
Reference in New Issue
Block a user