This commit is contained in:
猫猫guowen
2025-12-23 13:06:46 +08:00
parent 2524f53a33
commit acc2ae68a4
2 changed files with 97 additions and 72 deletions

View File

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