Quellcode durchsuchen

大喇叭增加气泡

彭宇 vor 2 Jahren
Ursprung
Commit
cbf1f9a5d8
1 geänderte Dateien mit 42 neuen und 5 gelöschten Zeilen
  1. 42 5
      src/views/monitor.vue

+ 42 - 5
src/views/monitor.vue

@@ -35,7 +35,7 @@
                   <div class="icon icon-dot"></div>
                   <div class="icon-text">
                     <h6>{{ loudspeakerNum }}</h6>
-                    <h5>大喇叭</h5>
+                    <h5>云广播</h5>
                   </div>
                 </div>
               </div>
@@ -427,7 +427,7 @@
         this.onShe = false
         this.onChuan = false
         this.localMark = 'la'
-        this.placeholderMsg = "请输入大喇叭名称"
+        this.placeholderMsg = "请输入云广播名称"
         this.deptId = Cookies.get("deptId")
         clearInterval(this.cgqTimer)
         this.getDlblistBydeptId()
@@ -445,7 +445,7 @@
           this.getMonitorDeviceAndDataList()
         }, 5 * 60 * 1000)
       },
-      // 大喇叭
+      // 云广播
       getDlblistBydeptId(index) {
         let that = this;
         let markersList = [];
@@ -466,7 +466,44 @@
                   lng: 124.59,
                   lat: 43.02,
                   icon: "marker",
-                  bindPopupHtml: "",
+                  bindPopupHtml: '<div class="map-tip">' +
+                    "<span>" +
+                    '                  <div class="d-l-con">' +
+                    '                  <div class="d-l-l-text">' +
+                    "                  <h4>名称:" +
+                    (res.data[i].name ? res.data[i].name : "") +
+                    "</h4>" +
+                    "                </div>" +
+                    "                </div>" +
+                    "                </span>" +
+                    "<span>" +
+                    '                  <div class="d-l-con">' +
+                    '                  <div class="d-l-l-text">' +
+                    "                  <h4>位置:" +
+                    (res.data[i].position ? res.data[i].position : "") +
+                    "</h4>" +
+                    "                </div>" +
+                    "                </div>" +
+                    "                </span>" +
+                    "<span>" +
+                    '                  <div class="d-l-con">' +
+                    '                  <div class="d-l-l-text">' +
+                    "                  <h4>备注:" +
+                    (res.data[i].remark ? res.data[i].remark : "") +
+                    "</h4>" +
+                    "                </div>" +
+                    "                </div>" +
+                    "                </span>" +
+                    "<span>" +
+                    '                  <div class="d-l-con">' +
+                    '                  <div class="d-l-l-text">' +
+                    "                  <h4>经纬度:" +
+                    res.data[i].longitude + "," + res.data[i].latitude +
+                    "</h4>" +
+                    "                </div>" +
+                    "                </div>" +
+                    "                </span>" +
+                    "</div>",
                   click: "jump",
                   parameter: "",
                   keepBindPopup: false,
@@ -495,7 +532,7 @@
           });
       },
       jump()
-      {// 跳转大喇叭页面
+      {// 跳转云广播页面
         window.open("https://sts.sty1818.com");
       },
       getDlblistBydeptIds(index) {