| | |
| | | }} |
| | | </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> |
| | |
| | | </template> |
| | | </a-popover> |
| | | </div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)"></div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)">N/A</div> |
| | | </div> |
| | | </div> |
| | | <!-- // 机场是否启动 --> |
| | |
| | | }} |
| | | </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> |
| | |
| | | </template> |
| | | </a-popover> |
| | | </div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)"></div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)">N/A</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }} |
| | | </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> |
| | |
| | | </template> |
| | | </a-popover> |
| | | </div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)"></div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)">N/A</div> |
| | | </div> |
| | | </div> |
| | | <!-- // 机场是否启动 --> |
| | |
| | | }} |
| | | </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_en }}</span> |
| | | </div> |
| | | <template #content> |
| | |
| | | </template> |
| | | </a-popover> |
| | | </div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)"></div> |
| | | <div v-else class="width-100" style="height: 90%; background: rgba(0, 0, 0, 0.35)">N/A</div> |
| | | </div> |
| | | </div> |
| | | </div> |