feat：完善地图上车船图标

src/layout/components/Header/index.vue

@@ -173,19 +173,23 @@
       router.push(item.path)
     } else {
       if (current.value === item.id) return
-      otherLeftLabel.value = '其他酒店'
-      otherRightLabel.value = '其他场馆'
       current.value = item.id
       switch (router.currentRoute.value.path) {
         case '/scenic':
           title.value = item.name
+          otherLeftLabel.value = '其他景区'
+          otherRightLabel.value = ''
           pubSub.publish('scenicChange', item)
           break
         case '/monitor':
           title.value = item.name
+          otherLeftLabel.value = '其他景区'
+          otherRightLabel.value = ''
           pubSub.publish('monitorChange', item)
           break
         case '/hotel':
+          otherLeftLabel.value = '其他酒店'
+          otherRightLabel.value = '其他场馆'
           pubSub.publish('hotelChange', item)
           break
       }

src/views/scenic/components/big-map.vue

@@ -11,9 +11,6 @@
             placeholder="设备号/设备名称SIM卡号"
             @input="onInput"
           >
-            <!-- <template #suffix>
-              <img src="@/assets/images/search-icon-1.png" alt="" />
-            </template> -->
           </el-input>
           <ul class="tabs">
             <li
@@ -62,7 +59,13 @@
 
   import closeIcon from '@/assets/images/close.png'
   import carIcon from '@/assets/images/car.png'
+  import carStopIcon from '@/assets/images/car-stop.png'
+  import carOfflineIcon from '@/assets/images/car-offline.png'
+
   import shipIcon from '@/assets/images/ship.png'
+  import shipStopIcon from '@/assets/images/ship-stop.png'
+  import shipOfflineIcon from '@/assets/images/ship-offline.png'
+
   import icon13 from '@/assets/images/icon-13.png'
   import icon14 from '@/assets/images/icon-14.png'
   import icon15 from '@/assets/images/icon-15.png'
@@ -184,7 +187,15 @@
         } else {
           props.carList.map((item, i) => {
             if (item.lng && item.lat) {
-              addMarker(carIcon, [item.lng, item.lat], [36, 50])
+              if (item.status == '行驶') {
+                addMarker(carIcon, [item.lng, item.lat], [36, 50])
+              }
+              if (item.status == '离线') {
+                addMarker(carOfflineIcon, [item.lng, item.lat], [36, 50])
+              }
+              if (item.status == '静止') {
+                addMarker(carStopIcon, [item.lng, item.lat], [36, 50])
+              }
               marker.value.addEventListener('click', (e) => {
                 e.sim = e.target.sim
                 currentMarker.value = e
@@ -230,7 +241,15 @@
         } else {
           props.shipList.map((item, i) => {
             if (item.lng && item.lat) {
-              addMarker(shipIcon, [item.lng, item.lat], [36, 50])
+              if (item.status == '行驶') {
+                addMarker(shipIcon, [item.lng, item.lat], [36, 50])
+              }
+              if (item.status == '离线') {
+                addMarker(shipOfflineIcon, [item.lng, item.lat], [36, 50])
+              }
+              if (item.status == '静止') {
+                addMarker(shipStopIcon, [item.lng, item.lat], [36, 50])
+              }
               marker.value.addEventListener('click', (e) => {
                 currentMarker.value = e
                 let obj = props.shipList.find((item) => item.sim == e.target.sim)