浏览代码

datacenter补充图标判断

qinhouyu 2 年之前
父节点
当前提交
73c99141bb
共有 1 个文件被更改,包括 221 次插入51 次删除
  1. 221 51
      src/views/datacenter.vue

+ 221 - 51
src/views/datacenter.vue

@@ -432,61 +432,231 @@ export default {
       });
     },
     getMarkersMap(resourceTable, markersMap, item) {
-      let icon = "sj-icon-map-"+resourceTable.replaceAll("_", "-");
-      markersMap.lng = item.longitude;
-      markersMap.lat = item.latitude;
       markersMap.click = "sewageOutletClick";
       markersMap.parameter = item;
-      markersMap.icon = icon;
-      markersMap.bindPopupHtml =
-        '<div class="map-tip">' +
-        "<span>" +
-        '                  <div class="d-l-con">' +
-        '                  <div class="d-l-l-text">' +
-        "                  <h4>经纬度:" +
-        (item.longitude ? item.longitude : "") +
-        "," +
-        (item.latitude ? item.latitude : "") +
-        "</h4>" +
-        "                </div>" +
-        "                </div>" +
-        "                </span>" +
-        "<span>" +
-        '                  <div class="d-l-con">' +
-        '                  <div class="d-l-l-text">' +
-        "                  <h4>名称:" +
-        (item.name ? item.name : "") +
-        "</h4>" +
-        "                </div>" +
-        "                </div>" +
-        "                </span>" +
-        "<span>" +
-        '                  <div class="d-l-con">' +
-        '                  <div class="d-l-l-text">' +
-        "                  <h4>地址:" +
-        (item.address ? item.address : "") +
-        "</h4>" +
-        "                </div>" +
-        "                </div>" +
-        "                </span>" +
-        "<span>" +
-        '                  <div class="d-l-con">' +
-        '                  <div class="d-l-l-text">' +
-        "                  <h4>联系人:" +
-        (item.contacts ? item.contacts : "") +
-        "</h4>" +
-        "                </div>" +
-        "                </div>" +
-        "                </span>" +
-        "<span>" +
+      if (resourceTable == 'centerdata_t_resources_illegal_construction') { //违建信息
+        markersMap.icon = 'sj-icon-map-centerdata-t-resources-illegal-constructionon'
+        markersMap.lng = (item.longitude ? item.longitude : "")
+        markersMap.lat = (item.latitude ? item.latitude : "")
+        markersMap.bindPopupHtml = '<div class="map-tip">' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>经纬度:' + (item.longitude ? item.longitude : "") + ',' + (item.latitude ? item
+            .latitude : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>名称:' + (item.name ? item.name : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>违建处理负责人:' + (item.person ? item.person : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>联系方式:' + (item.phone ? item.phone : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span></div>'
+      }
+      else if (resourceTable == 'centerdata_t_resources_deposit') { //矿产资源
+        markersMap.icon = 'sj-icon-map-centerdata-t-resources-deposit'
+        markersMap.lng = (item.longitude ? item.longitude : "")
+        markersMap.lat = (item.latitude ? item.latitude : "")
+        markersMap.bindPopupHtml = '<div class="map-tip">' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>经纬度:' + (item.longitude ? item.longitude : "") + ',' + (item.latitude ? item
+            .latitude : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>名称:' + (item.name ? item.name : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>联系人:' + (item.person ? item.person : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>电话:' + (item.phone ? item.phone : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span></div>'
+      }
+      else if (resourceTable == 'centerdata_t_resources_forest') { //森林资源管理信息
+        markersMap.icon = 'sj-icon-map-centerdata-t-forest-landing'
+        markersMap.lng = (item.longitude ? item.longitude : "")
+        markersMap.lat = (item.latitude ? item.latitude : "")
+        markersMap.bindPopupHtml = '<div class="map-tip">' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>经纬度:' + (item.longitude ? item.longitude : "") + ',' + (item.latitude ? item
+            .latitude : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>名称:' + (item.name ? item.name : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>占地范围:' + (item.zdfw ? item.zdfw : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>占地面积(万公顷):' + (item.landArea ? item.landArea : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span></div>'
+      }
+      else if (resourceTable == 'centerdata_t_resources_geologic_hazard') { //地质灾害易发区
+        markersMap.icon = 'sj-icon-map-centerdata-t-resources-geologic-hazard'
+        markersMap.lng = (item.longitude ? item.longitude : "")
+        markersMap.lat = (item.latitude ? item.latitude : "")
+        markersMap.bindPopupHtml = '<div class="map-tip">' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>经纬度:' + (item.longitude ? item.longitude : "") + ',' + (item.latitude ? item
+            .latitude : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>名称:' + (item.name ? item.name : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>联系人:' + (item.person ? item.person : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>电话:' + (item.phone ? item.phone : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span></div>'
+      }
+      else if (resourceTable == 'centerdata_t_resources_hydroenergy') { //水能资源
+        markersMap.icon = 'sj-icon-map-centerdata-t-forest-checkpoint'
+        markersMap.lng = (item.longitude ? item.longitude : "")
+        markersMap.lat = (item.latitude ? item.latitude : "")
+        markersMap.bindPopupHtml = '<div class="map-tip">' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>经纬度:' + (item.longitude ? item.longitude : "") + ',' + (item.latitude ? item
+            .latitude : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>名称:' + (item.name ? item.name : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>联系人:' + (item.person ? item.person : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>位置:' + (item.address ? item.address : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>电话:' + (item.phone ? item.phone : "") +
+          '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span></div>'
+      }
+      else if (resourceTable == 'centerdata_t_resources_land') { //土地资源管理信息
+        markersMap.icon = 'sj-icon-map-centerdata-t-forest-waterintake'
+        markersMap.lng = (item.longitude ? item.longitude : "")
+        markersMap.lat = (item.latitude ? item.latitude : "")
+        markersMap.bindPopupHtml = '<div class="map-tip">' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>经纬度:' + (item.longitude ? item.longitude : "") + ',' + (item.latitude ? item
+            .latitude : "") + '</h4>' +
+          '                </div>' +
+          '                </div>' +
+          '                </span>' +
+          '<span>' +
+          '                  <div class="d-l-con">' +
+          '                  <div class="d-l-l-text">' +
+          '                  <h4>名称:' + (item.name ? item.name : "") +
+          '</h4>'
+        '                </div>' +
+        '                </div>' +
+        '                </span>' +
+        '<span>' +
         '                  <div class="d-l-con">' +
         '                  <div class="d-l-l-text">' +
-        "                  <h4>联系电话:" +
-        (item.phone ? item.phone : "") +
-        "</h4>" +
-        "                </div>" +
-        "                </div>" +
-        "                </span></div>";
+        '                  <h4>占地面积(万公顷):' + (item.landArea ? item.landArea : "") +
+        '</h4>' +
+        '                </div>' +
+        '                </div>' +
+        '                </span></div>'
+      }
       return markersMap;
     },
     sewageOutletClick(data) {