lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

类型：开发

Browse Source 
描述：
This commit is contained in:
lixuefeng
2025-04-29 09:55:46 +08:00
parent 67ebc1cb97
commit 3c512c9c34
3 changed files with 77 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/views/scenic/components/big-map.vue
View File

@@ -34,18 +34,18 @@
<div class="child-box">
<p class="item__label">{{ item.licenseNumber }}</p>
<span v-if="item.type == 0" class="label_img">
车
观光车
</span>
<span v-if="item.type == 2" class="label_img">
<span v-if="item.type == 2" class="label_img label_img_0">
直通车
</span>
<span class="label_img label_img_2" v-if="item.type == 1" >
船
</span>
</div>
<div class="item__value"
>{{ item.speed }}km/h
>{{ item.speed }}km/h
<img v-if="item.accStatus == 1" src="@/assets/images/engine.png" alt="" />
<img v-else src="@/assets/images/unengine.png" alt="" />
<div
@@ -183,7 +183,7 @@ let tabsIndex = ref(0)
listTabs.value = val[0].offline
}
return false
},
{ immediate: true }
)
@@ -192,23 +192,23 @@ let tabsIndex = ref(0)
(val) => {
if (val[0]&&val[1]) {
if(carOverlays.value.length){
for(let i=0;i<carOverlays.value.length;i++){
for(let j=0;j<list.value.length;j++){
let carOverlay = carOverlays.value[i]
let car = list.value[j]
if (carOverlay && car && carOverlays.value[i].sim == car.sim) {
carOverlays.value[i].setPosition({
lng: car.lng,
lat: car.lat
})
continue
}
}
}
// 更新车辆infobox位置和内容
for (let i = 0; i < list.value.length; i++) {
@@ -226,8 +226,8 @@ let tabsIndex = ref(0)
break
}
}
}else{
list.value.map((item, i) => {
console.log(item,'item')
@@ -235,16 +235,16 @@ let tabsIndex = ref(0)
// if (item.status == '行驶') {
// if(item.type==1){
// addMarker(shipIcon, [item.lng, item.lat], [36, 50])
// }else{
// addMarker(carIcon, [item.lng, item.lat], [36, 50])
// }
// }
if (item.accStatus == 1) {
if(item.type==1){
addMarker(shipIcon, [item.lng, item.lat], [36, 50])
}else{
addMarker(carIcon, [item.lng, item.lat], [36, 50])
}
@@ -253,15 +253,15 @@ let tabsIndex = ref(0)
if(item.type==1){
addMarker(shipOfflineIcon, [item.lng, item.lat], [36, 50])
}else{
addMarker(carOfflineIcon, [item.lng, item.lat], [36, 50])
}
}
if (item.status == '静止') {
if(item.type==1){
addMarker(shipOfflineIcon, [item.lng, item.lat], [36, 50])
}else{
addMarker(carOfflineIcon, [item.lng, item.lat], [36, 50])
}
@@ -272,8 +272,8 @@ let tabsIndex = ref(0)
// }
}
}
marker.value.addEventListener('click', (e) => {
e.sim = e.target.sim
currentMarker.value = carOverlays.value.find(
@@ -285,9 +285,9 @@ let tabsIndex = ref(0)
marker.value.sim = item.sim
carOverlays.value[i] = marker.value
}
})
})
}
}
},
{ immediate: true }
@@ -306,8 +306,8 @@ let tabsIndex = ref(0)
<p class='marker-title'> ${data?.licenseNumber} </p>
<div class='marker-header'>
<span class='marker-sim'> ${data?.imei} </span>
<div class='marker-tag' style="color:#fff;">
<div></div>
<div class='marker-tag' style="color:#fff;">
<div></div>
${data?.status} （${data?.statusTimeDesc}）
</div>
</div>
@@ -316,20 +316,20 @@ let tabsIndex = ref(0)
<div class='marker-col'>
<img src='${icon13}' />
<p> ${data?.contactUser} </p> </div>
<div class='marker-col'>
<img src='${icon14}' /> <p> ${data?.contactTel} </p>
<div class='marker-col'>
<img src='${icon14}' /> <p> ${data?.contactTel} </p>
</div>
</div>
<div class='marker-row'>
<div class='marker-col'>
<img src='${icon15}' />
<div class='marker-col'>
<img src='${icon15}' />
<p> ${timestampToYMD(data?.gpsTime)} </p> </div>
</div>
<div class='marker-row'>
<div class='marker-col'> <img src='${icon17}' /> <p> ${data?.speed}KM/H </p> </div>
</div>
<div class='marker-row'>
<div class='marker-col'>
<div class='marker-col'>
<img src='${icon19}' /> <p> ${data?.lng},${data?.lat} </p> </div>
</div>
<div class='marker-row'>
@@ -431,8 +431,11 @@ let tabsIndex = ref(0)
color:#fff;
width:vw(90);
text-align:center;
}
.label_img_0{
background: #FF9D6F;
}
.label_img_2{
background: rgba(2, 249, 250, 0.5);
}