Explorar el Código

事件详情的云广播

qinhouyu hace 1 año
padre
commit
928a58edba

+ 6 - 0
src/api/datacenter.js

@@ -7,6 +7,12 @@ export function getResource() {
     method: 'post',
   })
 }
+export function getBroadcast(param) {
+  return request({
+    url: `/center-monitor/broadcast/selectNearHorn/${param.longitude}/${param.latitude}/${param.distance}/${param.type}`,
+    method: 'get',
+  })
+}
 
 //点击左侧菜单列表查询落点
 export function getResourcePoint(resourceTable, name) {

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 234 - 4
src/assets/iconfont/demo_index.html


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 44 - 4
src/assets/iconfont/iconfont.css


La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 1 - 1
src/assets/iconfont/iconfont.js


+ 70 - 0
src/assets/iconfont/iconfont.json

@@ -6,6 +6,76 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "37023277",
+      "name": "大喇叭",
+      "font_class": "big-horn",
+      "unicode": "e664",
+      "unicode_decimal": 58980
+    },
+    {
+      "icon_id": "680694",
+      "name": "确认",
+      "font_class": "queren",
+      "unicode": "e6f8",
+      "unicode_decimal": 59128
+    },
+    {
+      "icon_id": "4065592",
+      "name": "催办",
+      "font_class": "cuiban",
+      "unicode": "e770",
+      "unicode_decimal": 59248
+    },
+    {
+      "icon_id": "5809108",
+      "name": "归档",
+      "font_class": "guidang",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "5809119",
+      "name": "办结",
+      "font_class": "banjie",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "25076147",
+      "name": "上报",
+      "font_class": "shangbao",
+      "unicode": "e6bf",
+      "unicode_decimal": 59071
+    },
+    {
+      "icon_id": "27856542",
+      "name": "已签收",
+      "font_class": "yiqianshou",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "36358348",
+      "name": "交通精细化摄像头",
+      "font_class": "jiaotongjingxihuashexiangtou",
+      "unicode": "e65f",
+      "unicode_decimal": 58975
+    },
+    {
+      "icon_id": "36789955",
+      "name": "水质断面",
+      "font_class": "shuizhiduanmian",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "36973250",
+      "name": "水质断面-copy",
+      "font_class": "shuizhiduanmian-copy",
+      "unicode": "100e9",
+      "unicode_decimal": 65769
+    },
+    {
       "icon_id": "1104530",
       "name": "其它类_森林防火 ",
       "font_class": "centerdata-t-forest-keyfireproofplots",

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 20 - 0
src/assets/iconfont/iconfont.svg


BIN
src/assets/iconfont/iconfont.ttf


BIN
src/assets/iconfont/iconfont.woff


BIN
src/assets/iconfont/iconfont.woff2


+ 147 - 4
src/views/eventdetailsdialog.vue

@@ -2100,6 +2100,7 @@ import { getDahuaVideoServer } from "@/api/dahua/dahua";
 import DHWs from "@/dahua/lib/DHWs";
 import { selectConfigKey } from "@/api/system/config";
 import Cookies from "js-cookie";
+import {getBroadcast} from "@/api/datacenter";
 export default {
   dicts: ["task_source"],
   watch: {
@@ -2387,7 +2388,6 @@ export default {
     },
     // 获取消防左侧菜单列表
     fireControlViewList() {
-      console.log(11111)
       this.resourcesList = [];
       let _this = this;
       fireControlViewList("xiaofang").then(function (res) {
@@ -2418,6 +2418,13 @@ export default {
           icon: "sj-icon-jkzx",
           bg: "#f5ad1b",
         });
+        _this.resourcesList.push({
+          resourceName: "云广播",
+          type: "broadcast",
+          count: "1",
+          icon: "sj-icon-labaguangbo",
+          bg: "#0f0773",
+        });
       });
     },
     /************************************责任制-开始****************************************/
@@ -2723,7 +2730,6 @@ export default {
       }
     },
     fireControlViewPoint(type) {
-      // alert(type)
       if (this.resourcesListCheck.indexOf(type) > -1) {
         this.resourcesListCheck.splice(
           this.resourcesListCheck.indexOf(type),
@@ -2740,7 +2746,7 @@ export default {
           type: type,
           radius: this.radius,
         };
-        if (type != "sxt") {
+        if (type != "sxt"&&type!="broadcast") {
           fireControlViewPoint(param).then((res) => {
             if (res.data != null && res.data.pointList.length > 0) {
               this.resourcesListCheck.push(type);
@@ -2836,9 +2842,13 @@ export default {
               this.$message.warning("当前点位附近无资源数据");
             }
           });
-        } else {
+        }
+        else if(type=="sxt"){
           this.listResourceByWz(type);
         }
+        else if(type=="broadcast"){
+          this.listResourceBybroadcast(type);
+        }
       }
     },
     //设置联动部门不可选择本部门
@@ -2987,6 +2997,139 @@ export default {
         });
       }
     },
+    listResourceBybroadcast(type) {
+      if (this.resourcesListCheck.indexOf(type) > -1) {
+        this.resourcesListCheck.splice(
+          this.resourcesListCheck.indexOf(type),
+          1
+        );
+        setTimeout(() => {
+          this.$refs.supermapDialog.clearMByType(type);
+        }, 1000);
+      } else {
+        //搜索物资
+        let param = {
+          longitude: this.longitude,
+          latitude: this.latitude,
+          type: 5,
+          distance: this.radius,
+        };
+        getBroadcast(param).then(res => {
+          if(res.data!=null&&res.data.length==0){
+            this.$message.warning("设定范围内无该资源信息!")
+          }
+          if (res.data != null && res.data.length > 0) {
+            this.resourcesListCheck.push(type);
+            var markersList = [];
+            for (let i = 0; i < res.data.length; i++) {
+              let markersMap = {
+                lng: 124.59,
+                lat: 43.02,
+                icon: "marker",
+                bindPopupHtml: "",
+                click: "",
+                parameter: "",
+                keepBindPopup: false,
+                isAggregation: true,
+              };
+              if (type == "qsk") {
+                markersMap.icon = "sj-icon-centerdata-t-forest-waterintake";
+              } else if (type == "sh") {
+                markersMap.icon = "sj-icon-centerdata-t-forest-watercrane";
+              } else if (type == "xfs") {
+                markersMap.icon = "sj-icon-centerdata-t-forest-firehydrant";
+              } else if (type == "qjd") {
+                markersMap.icon = "sj-icon-landing";
+              } else if (type == "jcz") {
+                markersMap.icon = "sj-icon-checkpoint";
+              } else if (type == "fhd") {
+                markersMap.icon = "sj-icon-fireteam";
+              } else if (type == "zdqy") {
+                markersMap.icon = "sj-icon-keyAreas";
+              } else if (type == "broadcast") {
+                markersMap.icon = "big-horn";
+              }
+              else if (type == "sxt") {
+                if (res.data[i].cameraUse == 1) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-slmonitor'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-slmonitor'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 2) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'camera'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'camera-not'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 3) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-slmonitor-traffic'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-slmonitor-traffic'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 5) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-river_camera'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-river_camera'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 4) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-sand-quarry-camera'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-sand-quarry-camera'
+                    markersMap.click=''
+                  }
+                }
+                if (res.data[i].cameraCode != null) {
+                  // markersMap.click = "preview";
+                  // markersMap.parameter = res.data[i].cameraCode
+                  markersMap.parameter = {
+                    code: res.data[i].cameraCode,
+                    type: res.data[i].cameraFactory
+                      ? res.data[i].cameraFactory
+                      : 1,
+                    name: res.data[i].cameraName,
+                  };
+                }
+              }
+              markersMap.lng = res.data[i].longitude;
+              markersMap.lat = res.data[i].latitude;
+              markersMap.bindPopupHtml =
+                '<div class="map-tip">' +
+                "<span>" +
+                '                  <div class="d-l-con">' +
+                '                  <div class="d-l-l-text">' +
+                "                  <h4>资源名称:" +
+                res.data[i].name +
+                "</h4>" +
+                "                </div>" +
+                "                </div>" +
+                "                </span>" +
+                "</div>";
+              markersList.push(markersMap);
+            }
+            setTimeout(() => {
+              this.$refs.supermapDialog.setMarkersByType(markersList, type);
+            }, 1000);
+          }
+        });
+      }
+    },
     // 返回图片列表
     assetTypeAnImage(filePath) {
       let imageList = [];

+ 146 - 2
src/views/firespread.vue

@@ -1116,6 +1116,7 @@ import {
   getIconBg
 } from '@/api/components/sookaMapIcon'; //资源底色控制文件
 import TVWall from '@/components/TVWall.vue' //电视墙弹窗
+import {getBroadcast} from "@/api/datacenter";
 import {
   getEventDetail,
   sendEventLog,
@@ -1608,6 +1609,13 @@ export default {
           icon: "sj-icon-jkzx",
           bg: "#f5ad1b",
         });
+        _this.resourcesList1.push({
+          resourceName: "云广播",
+          type: "broadcast",
+          count: "1",
+          icon: "sj-icon-labaguangbo",
+          bg: "#0f0773",
+        });
       });
     },
     fireControlViewPoint(type) {
@@ -1625,7 +1633,7 @@ export default {
           type: type,
           radius: this.radius
         }
-        if (type != 'sxt') {
+        if (type != "sxt"&&type!="broadcast") {
           fireControlViewPoint(param).then(res => {
             if (res.data != null && res.data.pointList.length > 0) {
               this.resourcesListCheck.push(type)
@@ -1719,9 +1727,145 @@ export default {
               }, 1000)
             }
           })
-        } else {
+        } else if(type=="sxt"){
           this.listResourceByWz(type);
         }
+        else if(type=="broadcast"){
+          this.listResourceBybroadcast(type);
+        }
+      }
+    },
+    listResourceBybroadcast(type) {
+      if (this.resourcesListCheck.indexOf(type) > -1) {
+        this.resourcesListCheck.splice(
+          this.resourcesListCheck.indexOf(type),
+          1
+        );
+        setTimeout(() => {
+          this.$refs.supermapDialog.clearMByType(type);
+        }, 1000);
+      } else {
+        //搜索物资
+        let param = {
+          longitude: this.longitude,
+          latitude: this.latitude,
+          type: 5,
+          distance: this.radius,
+        };
+        getBroadcast(param).then(res => {
+          if(res.data!=null&&res.data.length==0){
+            this.$message.warning("设定范围内无该资源信息!")
+          }
+          if (res.data != null && res.data.length > 0) {
+            this.resourcesListCheck.push(type);
+            var markersList = [];
+            for (let i = 0; i < res.data.length; i++) {
+              let markersMap = {
+                lng: 124.59,
+                lat: 43.02,
+                icon: "marker",
+                bindPopupHtml: "",
+                click: "",
+                parameter: "",
+                keepBindPopup: false,
+                isAggregation: true,
+              };
+              if (type == "qsk") {
+                markersMap.icon = "sj-icon-centerdata-t-forest-waterintake";
+              } else if (type == "sh") {
+                markersMap.icon = "sj-icon-centerdata-t-forest-watercrane";
+              } else if (type == "xfs") {
+                markersMap.icon = "sj-icon-centerdata-t-forest-firehydrant";
+              } else if (type == "qjd") {
+                markersMap.icon = "sj-icon-landing";
+              } else if (type == "jcz") {
+                markersMap.icon = "sj-icon-checkpoint";
+              } else if (type == "fhd") {
+                markersMap.icon = "sj-icon-fireteam";
+              } else if (type == "zdqy") {
+                markersMap.icon = "sj-icon-keyAreas";
+              } else if (type == "broadcast") {
+                markersMap.icon = "big-horn";
+              }
+              else if (type == "sxt") {
+                if (res.data[i].cameraUse == 1) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-slmonitor'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-slmonitor'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 2) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'camera'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'camera-not'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 3) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-slmonitor-traffic'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-slmonitor-traffic'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 5) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-river_camera'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-river_camera'
+                    markersMap.click=''
+                  }
+                }
+                else if (res.data[i].cameraUse == 4) {
+                  if (res.data[i].workingStatus == '0') {
+                    markersMap.icon = 'sj-icon-map-centerdata-sand-quarry-camera'
+                    markersMap.click='preview'
+                  } else {
+                    markersMap.icon = 'sj-icon-map-not-centerdata-sand-quarry-camera'
+                    markersMap.click=''
+                  }
+                }
+                if (res.data[i].cameraCode != null) {
+                  // markersMap.click = "preview";
+                  // markersMap.parameter = res.data[i].cameraCode
+                  markersMap.parameter = {
+                    code: res.data[i].cameraCode,
+                    type: res.data[i].cameraFactory
+                      ? res.data[i].cameraFactory
+                      : 1,
+                    name: res.data[i].cameraName,
+                  };
+                }
+              }
+              markersMap.lng = res.data[i].longitude;
+              markersMap.lat = res.data[i].latitude;
+              markersMap.bindPopupHtml =
+                '<div class="map-tip">' +
+                "<span>" +
+                '                  <div class="d-l-con">' +
+                '                  <div class="d-l-l-text">' +
+                "                  <h4>资源名称:" +
+                res.data[i].name +
+                "</h4>" +
+                "                </div>" +
+                "                </div>" +
+                "                </span>" +
+                "</div>";
+              markersList.push(markersMap);
+            }
+            setTimeout(() => {
+              this.$refs.supermapDialog1.setMarkersByType(markersList, type);
+            }, 1000);
+          }
+        });
       }
     },
     showTVWall(channelCode, channelName) {

+ 2 - 2
vue.config.js

@@ -53,9 +53,9 @@ module.exports = {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
         // target: `http://127.0.0.1:3031`,
-        target: `http://121.36.228.66:3031`,
+        // target: `http://121.36.228.66:3031`,
         // target: `http://192.168.31.235:3031`,
-        // target: `http://192.168.31.134:3031`,
+        target: `http://192.168.31.134:3031`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''