| | |
| | | <a-empty style="color: #fff;" :image="simpleImage" description="暂无数据" :image-style="{ height: '60px' }" /> |
| | | </div> |
| | | <div v-else class="fz12" style="color: white;"> |
| | | {{ onlineDocks.data }} |
| | | ========= |
| | | {{ dockInfo }} |
| | | <div v-for="dock in onlineDocks.data" :key="dock.sn" |
| | | style="background: #3c3c3c; height: 90px; margin-bottom: 10px;"> |
| | | <div style="border-radius: 2px; height: 100%; width: 100%;" |
| | |
| | | <div class="flex-row"> |
| | | <span class="ml5 mr5"> |
| | | <RocketOutlined /> |
| | | 123 |
| | | </span> |
| | | <div class="font-bold text-hidden" style="max-width: 80px" |
| | | :style="deviceInfo[dock.sn] && deviceInfo[dock.sn].mode_code !== EModeCode.Disconnected ? 'color: #00ee8b' : 'color: red;'"> |
| | | {{ deviceInfo[dock.sn] ? EModeCode[deviceInfo[dock.sn].mode_code] : |
| | | EModeCode[EModeCode.Disconnected] }} |
| | | {{ deviceInfo[dock.sn] ? EModeText[deviceInfo[dock.sn].mode_code] : |
| | | EModeText[EModeCode.Disconnected] }} |
| | | </div> |
| | | </div> |
| | | <div class="mr5 flex-align-center flex-row" style="width: 85px; margin-right: 0; height: 18px;"> |
| | |
| | | import { EDeviceTypeName, ELocalStorageKey } from '/@/types' |
| | | import noData from '/@/assets/icons/no-data.png' |
| | | import rc from '/@/assets/icons/rc.png' |
| | | import { OnlineDevice, EModeCode, OSDVisible, EDockModeCode, DeviceOsd, EDockModeText } from '/@/types/device' |
| | | import { OnlineDevice, EModeCode, OSDVisible, EDockModeCode, DeviceOsd, EDockModeText, EModeText } from '/@/types/device' |
| | | import { useMyStore } from '/@/store' |
| | | import { getDeviceTopo, getUnreadDeviceHms, updateDeviceHms } from '/@/api/manage' |
| | | import { RocketOutlined, EyeInvisibleOutlined, EyeOutlined, RobotOutlined, DoubleRightOutlined } from '@ant-design/icons-vue' |