Browse Source

机械手状态

master
han\hanst 2 months ago
parent
commit
82b6c299bd
  1. BIN
      src/assets/img/agv.png
  2. 23
      src/views/modules/dashboard/warehouse-3d-board.vue

BIN
src/assets/img/agv.png

After

Width: 870  |  Height: 1213  |  Size: 395 KiB

23
src/views/modules/dashboard/warehouse-3d-board.vue

@ -159,7 +159,7 @@
<div class="card-body"> <div class="card-body">
<!-- 拣选机器人 --> <!-- 拣选机器人 -->
<div class="device-group"> <div class="device-group">
<div class="group-title">🤖 拣选机器</div>
<div class="group-title">🤖 拣选机器</div>
<div class="device-list"> <div class="device-list">
<div <div
v-for="robot in robotData" v-for="robot in robotData"
@ -174,7 +174,7 @@
</div> </div>
</div> </div>
<div class="device-metrics"> <div class="device-metrics">
<span class="metric"></span>
<span class="metric">{{ robot.workModelText }}</span>
<span class="metric">任务: {{ robot.tasks }}</span> <span class="metric">任务: {{ robot.tasks }}</span>
</div> </div>
</div> </div>
@ -183,7 +183,10 @@
<!-- AGV --> <!-- AGV -->
<div class="device-group"> <div class="device-group">
<div class="group-title">🚗 AGV搬运车</div>
<div class="group-title">
<img src="~@/assets/img/agv.png" class="title-icon" alt="AGV" />
AGV搬运车
</div>
<div class="device-list agv-grid"> <div class="device-list agv-grid">
<!-- AGV 列表 --> <!-- AGV 列表 -->
<div <div
@ -599,9 +602,9 @@ export default {
}) })
} }
//
// 使
if (message.data.robotData !== undefined) { if (message.data.robotData !== undefined) {
//this.robotData = message.data.robotData
this.robotData = message.data.robotData
console.log('[智能立体仓库看板] 机器人数据已更新:', this.robotData.length, '条') console.log('[智能立体仓库看板] 机器人数据已更新:', this.robotData.length, '条')
} }
@ -1989,6 +1992,16 @@ export default {
margin-bottom: 2px; margin-bottom: 2px;
padding-bottom: 4px; padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 212, 255, 0.2); border-bottom: 1px solid rgba(0, 212, 255, 0.2);
display: flex;
align-items: center;
gap: 6px;
.title-icon {
width: 20px;
height: 20px;
object-fit: contain;
vertical-align: middle;
}
} }
.device-list { .device-list {

Loading…
Cancel
Save