| | |
| | | <!-- |
| | | * @Date: 2024-04-09 22:11:21 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-10-21 13:45:54 |
| | | * @LastEditTime: 2024-10-21 15:01:18 |
| | | * @FilePath: /cps-web/src/views/mdc/realtime-status/index.vue |
| | | 实时看板 |
| | | --> |
| | |
| | | <div class="status-card-box" style="border-color: #ccc;"> |
| | | <div class="status-card-top"> |
| | | <div class="status-card-detail"> |
| | | <div title="461" class="status-card-detail-name">{{ item.code }}</div> |
| | | <div class="status-card-detail-name" :title="item.name">{{ item.name }}</div> |
| | | <div class="status-card-detail-status"> |
| | | <div class="status-card-detail-point" :style="{ 'background-color': item.statusStyle }"> |
| | | </div>{{ item.statusName }} |
| | |
| | | item.time = diffTime; |
| | | } |
| | | } |
| | | console.log(eventData,111) |
| | | |
| | | item.properties.forEach((item1, index1) => { |
| | | if (item1.key == "DeviceStatus") { //机器状态 |
| | | that.allwcs.forEach(item2 => { |
| | |
| | | item1.name = v.code; |
| | | item1.code = v.msg; |
| | | } |
| | | alert(1) |
| | | } |
| | | } else { |
| | | if (eventData.data[item1.key]) { |
| | |
| | | font-weight: 700; |
| | | font-size: 16px; |
| | | color: #333; |
| | | width: 26%; |
| | | max-width: 37%; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | |
| | | |
| | | .status-card-detail-time { |
| | | line-height: 12px; |
| | | margin-left: 16px; |
| | | margin-left: 8px; |
| | | } |
| | | |
| | | .status-card-machine { |