| | |
|---|
| | | <div :class="hmsInfo[dock.sn][0].level === EHmsLevel.CAUTION ? 'caution' : |
|---|
| | | hmsInfo[dock.sn][0].level === EHmsLevel.WARN ? 'warn' : 'notice'" |
|---|
| | | style="margin-left: 3px; width: 62px; height: 16px;"> |
|---|
| | | <span class="word-loop">{{ hmsInfo[dock.sn][0].message_en }}</span> |
|---|
| | | <span class="word-loop">{{ hmsInfo[dock.sn][0].message_zh }}</span> |
|---|
| | | </div> |
|---|
| | | <template #content> |
|---|
| | | <a-collapse style="background: black; height: 300px; overflow-y: auto;" :bordered="false" |
|---|
| | |
|---|
| | | <template #header="{ isActive }"> |
|---|
| | | <div class="flex-row flex-align-center" style="width: 130px;"> |
|---|
| | | <div style="width: 110px;"> |
|---|
| | | <span class="word-loop">{{ hms.message_en }}</span> |
|---|
| | | <span class="word-loop">{{ hms.message_zh }}</span> |
|---|
| | | </div> |
|---|
| | | <div style="width: 20px; height: 15px; font-size: 10px; z-index: 2 " |
|---|
| | | class="flex-row flex-align-center flex-justify-center" |
|---|
| | |
|---|
| | | </a-collapse> |
|---|
| | | |
|---|
| | | <!-- 测试视频播放组件 --> |
|---|
| | | <JessibucaVideo videoUrl="https://www.ainfo.top:700/rtp/34020000001110000101_34020000001310000001.flv" /> |
|---|
| | | <!-- <JessibucaVideo videoUrl="https://www.ainfo.top:700/rtp/34020000001110000101_34020000001310000001.flv" /> --> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import { computed, onMounted, reactive, ref, watch, WritableComputedRef } from 'vue' |
|---|
| | | import { EDeviceTypeName, ELocalStorageKey } from '/@/types' |
|---|
| | | import JessibucaVideo from '/@/components/Jessibuca/Jessibuca.vue' |
|---|
| | | import noData from '/@/assets/icons/no-data.png' |
|---|
| | | import rc from '/@/assets/icons/rc.png' |
|---|
| | | import { OnlineDevice, EModeCode, OSDVisible, EDockModeCode, DeviceOsd, EDockModeText, EModeText } from '/@/types/device' |
|---|
