| | |
| | | <!-- |
| | | * @Date: 2024-04-09 22:11:21 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-10-22 20:01:19 |
| | | * @LastEditTime: 2024-10-22 20:56:44 |
| | | * @FilePath: /cps-web/src/views/mdc/realtime-status/index.vue |
| | | 实时看板 |
| | | --> |
| | |
| | | </div> |
| | | <div class="status-card-machine" style="border-color: #ccc;"> |
| | | <div class="status-card-machine-img"> |
| | | <img src="./station1.jpg" width="68" height="68"> |
| | | <img :src="item.avatar" width="68" height="68"> |
| | | |
| | | </div> |
| | | <div class="status-card-machine-mesg"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import station from "./station1.jpg"; |
| | | import moment from 'moment'; |
| | | import * as ElementPlusIconsVue from '@element-plus/icons-vue' |
| | | let icons = [] |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | station: station, |
| | | clickIndex: 0, |
| | | allwcs: [], |
| | | statusStyle: "#ccc", |
| | |
| | | if (res.code == 200) { |
| | | var ids = []; |
| | | res.data.records.forEach(item => { |
| | | if(item.avatar == "") { |
| | | item.avatar = station; |
| | | } |
| | | ids.push(item.id); |
| | | if (item.properties != null && item.properties.length != 0) { |
| | | item.properties.forEach(item1 => { |