Libt
/
multiple-police-situations
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/page/offLineMap.vue
View File

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