| | |
| | | }} |
| | | </div> |
| | | </div> |
| | | <div class="mr5 flex-align-center flex-row" style="width: 85px; margin-right: 0; height: 18px;"> |
| | | <div class="mr5 flex-align-center flex-row" style="width: 125px; margin-right: 0; height: 18px;"> |
| | | <div v-if="hmsInfo[dock.gateway.sn]" class="flex-align-center flex-row"> |
| | | <div :class="hmsInfo[dock.gateway.sn][0].level === EHmsLevel.CAUTION ? 'caution-blink' : |
| | | hmsInfo[dock.gateway.sn][0].level === EHmsLevel.WARN ? 'warn-blink' : 'notice-blink'" |
| | |
| | | :overlayStyle="{ width: '200px', height: '300px' }"> |
| | | <div :class="hmsInfo[dock.gateway.sn][0].level === EHmsLevel.CAUTION ? 'caution' : |
| | | hmsInfo[dock.gateway.sn][0].level === EHmsLevel.WARN ? 'warn' : 'notice'" |
| | | style="margin-left: 3px; width: 62px; height: 16px;"> |
| | | style="margin-left: 3px; width: 107px; height: 16px;"> |
| | | <span class="word-loop">{{ hmsInfo[dock.gateway.sn][0].message_zh }}</span> |
| | | </div> |
| | | <template #content> |
| | |
| | | }} |
| | | </div> |
| | | </div> |
| | | <div class="mr5 flex-align-center flex-row" style="width: 85px; margin-right: 0; height: 18px;"> |
| | | <div class="mr5 flex-align-center flex-row" style="width: 125px; margin-right: 0; height: 18px;"> |
| | | <div v-if="hmsInfo[dock.sn]" class="flex-align-center flex-row"> |
| | | <div :class="hmsInfo[dock.sn][0].level === EHmsLevel.CAUTION ? 'caution-blink' : |
| | | hmsInfo[dock.sn][0].level === EHmsLevel.WARN ? 'warn-blink' : 'notice-blink'" |
| | |
| | | :overlayStyle="{ width: '200px', height: '300px' }"> |
| | | <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;"> |
| | | style="margin-left: 3px; width: 107px; height: 16px;"> |
| | | <span class="word-loop">{{ hmsInfo[dock.sn][0].message_zh }}</span> |
| | | </div> |
| | | <template #content> |