Update offLineMap.vue

This commit is contained in:
TimSpan 2024-10-16 15:41:27 +08:00
parent e0b8261193
commit b5edff437d
1 changed files with 36 additions and 29 deletions

View File

@ -235,104 +235,104 @@
<ul>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 事件类型: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 事件类型: </span>
<span id="" class="p10c">
{{ infoData.alarmCode }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 上报时间: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 上报时间: </span>
<span id="" class="p10c">
{{ infoData.timestamp }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 上报地点: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 上报地点: </span>
<span id="" class="p10c">
{{ infoData.address }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 上报来源: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 上报来源: </span>
<span id="" class="p10c">
{{ infoData.alarmSource }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 核验状态: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 核验状态: </span>
<span id="" class="p10c">
{{ totypecn(infoData.fakeState) }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 转发模式: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 转发模式: </span>
<span id="" class="p10c">
{{ infoData.reportMode == '1' ? '自动转发' : infoData.reportMode == '2' ? '核验转发' : '' }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 描述信息: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 描述信息: </span>
<span id="" class="p10c">
{{ infoData.description }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 设备类型: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 设备类型: </span>
<span id="" class="p10c">
{{ infoData.deviceType }}
</span>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 警报类型: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 警报类型: </span>
<span id="" class="p10c">
{{ infoData.alarmCode }}
</span>
</li>
<li style="margin-bottom: 20px; display: flex">
<div style="flex: 1">
<span id="" style="color: #b3c2d0"> 联系人1: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 联系人1: </span>
<span id="" class="p10c">
{{ infoData.user1Name }}
</span>
</div>
<div style="flex: 1">
<span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="p10c">
{{ infoData.user1Phone }}
</span>
</div>
</li>
<li style="margin-bottom: 20px; display: flex">
<div style="flex: 1">
<span id="" style="color: #b3c2d0"> 联系人2: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 联系人2: </span>
<span id="" class="p10c">
{{ infoData.user2Name }}
</span>
</div>
<div style="flex: 1">
<span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="p10c">
{{ infoData.user2Phone }}
</span>
</div>
</li>
<li style="margin-bottom: 20px; display: flex">
<div style="flex: 1">
<span id="" style="color: #b3c2d0"> 联系人3: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 联系人3: </span>
<span id="" class="p10c">
{{ infoData.user3Name }}
</span>
</div>
<div style="flex: 1">
<span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="p10c">
{{ infoData.user3Phone }}
</span>
</div>
</li>
<li style="margin-bottom: 20px">
<span id="" style="color: #b3c2d0"> 处置状态: </span>
<span id="" style="color: #01d8e2; margin-left: 10px">
<span id="" class="c_b3c2d0"> 处置状态: </span>
<span id="" class="p10c">
{{ infoData.state == 'new' ? '新事件' : infoData.state == 'processing' ? '处置中' : infoData.state == 'processed' ? '处置完成' : infoData.state == 'close' ? '关闭' : '' }}
</span>
</li>
@ -1381,6 +1381,13 @@ const initMap = () => {
</script>
<style scoped lang="scss">
.c_b3c2d0 {
color: #b3c2d0;
}
.p10c {
color: #01d8e2;
margin-left: 10px;
}
.scrollContainer {
margin: 10px 20px;
height: 70%;