diff --git a/.env.dev b/.env.dev
index 91a3b8b..3b3d9ec 100644
--- a/.env.dev
+++ b/.env.dev
@@ -47,3 +47,38 @@ VUE_APP_ANYRTC_URL = https://pyrtc.hopetrytech.com:9004
 #VUE_APP_BASE_IMG_URL = http://123.132.248.154:9224
 
 
+添加和编辑：
+
+1. 上传文件
+
+2. 服务名称：
+
+3. 参考空间： EPSG:3857   EPSG:4326 
+
+4. 数据源类型：矢量(shp)、矢量(excel)、栅格(tif)
+
+    1.数据源类型为shp时: 
+
+        1. 数据类型：点(point)、线(line)、面(fill)
+
+        2. 上传sld样式文件
+
+    2.数据源类型为tif时:
+
+        1. 上传tif影像边界shp文件
+
+
+列表展示字段：
+
+    1.服务名称
+
+    2.服务地址
+
+    3.数据源类型
+
+    4.空间参考
+
+    5.创建时间
+
+    6.更新时间
+
diff --git a/.history/.env_20240412105237.dev b/.history/.env_20240412105237.dev
new file mode 100644
index 0000000..e396501
--- /dev/null
+++ b/.history/.env_20240412105237.dev
@@ -0,0 +1,49 @@
+NODE_ENV = development
+
+VUE_APP_OIDC_AUTHORITY = http://112.233.241.108:12796
+VUE_APP_OIDC_CLIENTID = OpenAuth.Pro
+VUE_APP_OIDC_REDIRECTURI = http://112.233.241.108:1803/#/oidc-callback
+VUE_APP_OIDC_POSTLOGOUTREDIRECTURI = http://112.233.241.108:1803
+VUE_APP_OIDC_RESPONSETYPE = code
+VUE_APP_OIDC_SCOPE = openid profile openauthapi
+VUE_APP_OIDC_AUTOMATICSILENTRENEW = true
+VUE_APP_OIDC_SILENTREDIRECTURI = http://112.233.241.108:1803/silent-renew-oidc.html
+
+#VUE_APP_BASE_API =http://192.168.10.123:9159/api
+#VUE_APP_BASE_IMG_URL = http://192.168.10.123:9159
+
+
+
+#VUE_APP_BASE_API =http://223.99.16.253:9001/api
+#VUE_APP_BASE_IMG_URL =http://223.99.16.253:9001
+
+
+#VUE_APP_BASE_API = http://111.17.207.220:9001/api
+#VUE_APP_BASE_IMG_URL = http://111.17.207.220:9001
+#VUE_APP_WEBSOCKET_URL = ws://123.132.248.154:9225/ws
+
+# 1240服务器http接口
+VUE_APP_BASE_API = http://111.17.207.220:9001/api
+# VUE_APP_BASE_API = http://192.168.10.106:88/api
+VUE_APP_BASE_IMG_URL = http://111.17.207.220:9001
+#VUE_APP_WEBSOCKET_URL = ws://123.132.248.154:9225/ws
+VUE_APP_WEBSOCKET_URL = ws://111.17.207.220:9002/ws
+VUE_APP_GEOSERVER_URL = http://111.17.207.220:9007/
+VUE_APP_ANYRTC_URL = https://pyrtc.hopetrytech.com:9004
+
+# 1240 平邑测试服务器http接口
+# VUE_APP_BASE_API = http://123.132.248.154:9242/api
+# VUE_APP_BASE_IMG_URL = http://123.132.248.154:9242
+# VUE_APP_WEBSOCKET_URL = ws://123.132.248.154:9225/ws
+#VUE_APP_WEBSOCKET_URL = ws://111.17.207.220:9002/ws
+
+
+# 费县服务器https接口
+# VUE_APP_BASE_API = https://py.hopetrytech.com:7001/api
+# VUE_APP_BASE_IMG_URL = https://py.hopetrytech.com:7001
+# VUE_APP_WEBSOCKET_URL = wss://py.hopetrytech.com:7002/ws
+
+#VUE_APP_BASE_API = http://123.132.248.154:9224/api
+#VUE_APP_BASE_IMG_URL = http://123.132.248.154:9224
+
+
diff --git a/.history/.env_20240812162325.dev b/.history/.env_20240812162325.dev
new file mode 100644
index 0000000..56c493e
--- /dev/null
+++ b/.history/.env_20240812162325.dev
@@ -0,0 +1,84 @@
+NODE_ENV = development
+
+VUE_APP_OIDC_AUTHORITY = http://112.233.241.108:12796
+VUE_APP_OIDC_CLIENTID = OpenAuth.Pro
+VUE_APP_OIDC_REDIRECTURI = http://112.233.241.108:1803/#/oidc-callback
+VUE_APP_OIDC_POSTLOGOUTREDIRECTURI = http://112.233.241.108:1803
+VUE_APP_OIDC_RESPONSETYPE = code
+VUE_APP_OIDC_SCOPE = openid profile openauthapi
+VUE_APP_OIDC_AUTOMATICSILENTRENEW = true
+VUE_APP_OIDC_SILENTREDIRECTURI = http://112.233.241.108:1803/silent-renew-oidc.html
+
+#VUE_APP_BASE_API =http://192.168.10.123:9159/api
+#VUE_APP_BASE_IMG_URL = http://192.168.10.123:9159
+
+
+
+#VUE_APP_BASE_API =http://223.99.16.253:9001/api
+#VUE_APP_BASE_IMG_URL =http://223.99.16.253:9001
+
+
+#VUE_APP_BASE_API = http://111.17.207.220:9001/api
+#VUE_APP_BASE_IMG_URL = http://111.17.207.220:9001
+#VUE_APP_WEBSOCKET_URL = ws://123.132.248.154:9225/ws
+
+# 1240服务器http接口
+VUE_APP_BASE_API = http://111.17.207.220:9001/api
+# VUE_APP_BASE_API = http://192.168.10.106:88/api
+VUE_APP_BASE_IMG_URL = http://111.17.207.220:9001
+#VUE_APP_WEBSOCKET_URL = ws://123.132.248.154:9225/ws
+VUE_APP_WEBSOCKET_URL = ws://111.17.207.220:9002/ws
+VUE_APP_GEOSERVER_URL = http://111.17.207.220:9007/
+VUE_APP_ANYRTC_URL = https://pyrtc.hopetrytech.com:9004
+
+# 1240 平邑测试服务器http接口
+# VUE_APP_BASE_API = http://123.132.248.154:9242/api
+# VUE_APP_BASE_IMG_URL = http://123.132.248.154:9242
+# VUE_APP_WEBSOCKET_URL = ws://123.132.248.154:9225/ws
+#VUE_APP_WEBSOCKET_URL = ws://111.17.207.220:9002/ws
+
+
+# 费县服务器https接口
+# VUE_APP_BASE_API = https://py.hopetrytech.com:7001/api
+# VUE_APP_BASE_IMG_URL = https://py.hopetrytech.com:7001
+# VUE_APP_WEBSOCKET_URL = wss://py.hopetrytech.com:7002/ws
+
+#VUE_APP_BASE_API = http://123.132.248.154:9224/api
+#VUE_APP_BASE_IMG_URL = http://123.132.248.154:9224
+
+
+添加和编辑：
+
+1. 上传文件
+
+2. 服务名称：
+
+3. 参考空间： EPSG:3857   EPSG:4326 
+
+4. 数据源类型：矢量(shp)、矢量(excel)、栅格(tif)
+
+    1.数据源类型为shp时: 
+
+        1. 数据类型：点(point)、线(line)、面(fill)
+
+        2. 上传sld样式文件
+
+    2.数据源类型为tif时:
+
+        1. 上传tif影像边界shp文件
+
+
+列表展示字段：
+
+    1.服务名称
+
+    2.服务地址
+
+    3.数据源类型
+
+    4.空间参考
+
+    5.创建时间
+
+    6.更新时间
+
diff --git a/.history/public/config/app_20240315151101.json b/.history/public/config/app_20240315151101.json
new file mode 100644
index 0000000..40349b5
--- /dev/null
+++ b/.history/public/config/app_20240315151101.json
@@ -0,0 +1,77 @@
+{
+    "method":"pingyixian",
+    "gaodeApi": "4f992c089f9496201f6e4ea39ff3ab60",
+
+    "pingyixian":{
+        "appname":"平邑县森林火灾指挥调度系统",
+        "area":"平邑县",
+        "baseUrl":"http://111.17.207.220:9001",
+        "layerurl":"http://111.17.207.220:9006/applicationMars/getApplicationInfo/pingyixian",
+        "uavWebSocketUrl":"ws://123.132.248.154:9211/",
+        "map":{
+            "center":[],
+            "zoom":null
+        },
+        "waterUrl":"http://111.17.207.220:9007/geoserver/ksp/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=ksp%3Ashp_1692064004&maxFeatures=5000&outputFormat=application%2Fjson",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":true,
+            "uavbox":true,
+            "waterbox":true,
+            "reportbox":true,
+            "goodsbox":true,
+            "griderbox":false
+        }
+    },
+    "feixian":{
+        "appname":"费县森林防火电子沙盘",
+        "area":"费县",
+        "baseUrl":"http://223.99.16.253:9001",
+        "layerurl":"http://223.99.16.253:9006/applicationMars/getApplicationInfo",
+        "uavWebSocketUrl":"ws://123.132.248.154:9211/",
+        "map":{
+            "center":[],
+            "zoom":null
+        },
+        "waterUrl":"http://111.17.207.220:9007/geoserver/ksp/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=ksp%3Ashp_1691142509&maxFeatures=5000&outputFormat=application%2Fjson",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":false,
+            "uavbox":true,
+            "waterbox":true,
+            "reportbox":true,
+            "goodsbox":true,
+            "griderbox":true
+        }
+    },
+    "gaoxinqu":{
+        "appname":"高新区森林防火电子沙盘",
+        "area":"高新区",
+        "baseUrl":"",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":true,
+            "uavbox":true,
+            "waterbox":true
+        }
+    },
+    "lanlingxian":{
+        "appname":"兰陵县森林防火电子沙盘",
+        "area":"兰陵县",
+        "baseUrl":"",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":true,
+            "uavbox":true,
+            "waterbox":true
+        }
+    }
+}
diff --git a/.history/public/config/app_20241112091856.json b/.history/public/config/app_20241112091856.json
new file mode 100644
index 0000000..53ad910
--- /dev/null
+++ b/.history/public/config/app_20241112091856.json
@@ -0,0 +1,77 @@
+{
+    "method":"pingyixian",
+    "gaodeApi": "4f992c089f9496201f6e4ea39ff3ab60",
+
+    "pingyixian":{
+        "appname":"平邑县森林防火指挥调度系统",
+        "area":"平邑县",
+        "baseUrl":"http://111.17.207.220:9001",
+        "layerurl":"http://111.17.207.220:9006/applicationMars/getApplicationInfo/pingyixian",
+        "uavWebSocketUrl":"ws://123.132.248.154:9211/",
+        "map":{
+            "center":[],
+            "zoom":null
+        },
+        "waterUrl":"http://111.17.207.220:9007/geoserver/ksp/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=ksp%3Ashp_1692064004&maxFeatures=5000&outputFormat=application%2Fjson",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":true,
+            "uavbox":true,
+            "waterbox":true,
+            "reportbox":true,
+            "goodsbox":true,
+            "griderbox":false
+        }
+    },
+    "feixian":{
+        "appname":"费县森林防火电子沙盘",
+        "area":"费县",
+        "baseUrl":"http://223.99.16.253:9001",
+        "layerurl":"http://223.99.16.253:9006/applicationMars/getApplicationInfo",
+        "uavWebSocketUrl":"ws://123.132.248.154:9211/",
+        "map":{
+            "center":[],
+            "zoom":null
+        },
+        "waterUrl":"http://111.17.207.220:9007/geoserver/ksp/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=ksp%3Ashp_1691142509&maxFeatures=5000&outputFormat=application%2Fjson",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":false,
+            "uavbox":true,
+            "waterbox":true,
+            "reportbox":true,
+            "goodsbox":true,
+            "griderbox":true
+        }
+    },
+    "gaoxinqu":{
+        "appname":"高新区森林防火电子沙盘",
+        "area":"高新区",
+        "baseUrl":"",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":true,
+            "uavbox":true,
+            "waterbox":true
+        }
+    },
+    "lanlingxian":{
+        "appname":"兰陵县森林防火电子沙盘",
+        "area":"兰陵县",
+        "baseUrl":"",
+        "goodsUrl":"",
+        "tools":{
+            "routebox":true,
+            "toolsbox":true,
+            "monitorbox":true,
+            "uavbox":true,
+            "waterbox":true
+        }
+    }
+}
diff --git a/.history/public/config/pingyixianConfig_20231202141545.json b/.history/public/config/pingyixianConfig_20231202141545.json
new file mode 100644
index 0000000..83f6c98
--- /dev/null
+++ b/.history/public/config/pingyixianConfig_20231202141545.json
@@ -0,0 +1,2023 @@
+{
+	"map3d": {
+		"scene": {
+			"center": {
+				"lat": 35.450434,
+				"lng": 117.81595,
+				"alt": 2657.5,
+				"heading": 19.7,
+				"pitch": -17
+			},
+			"scene3DOnly": false,
+			"shadows": false,
+			"removeDblClick": true,
+			"sceneMode": 3,
+			"showSun": true,
+			"showMoon": true,
+			"showSkyBox": true,
+			"showSkyAtmosphere": true,
+			"fog": true,
+			"fxaa": true,
+			"globe": {
+				
+			},
+			"cameraController": {
+				"zoomFactor": 3,
+				"minimumZoomDistance": 1,
+				"maximumZoomDistance": 50000000,
+				"enableRotate": true,
+				"enableTranslate": true,
+				"enableTilt": true,
+				"enableZoom": true,
+				"enableCollisionDetection": true
+			}
+		},
+		"control": {
+			"homeButton": true,
+			"baseLayerPicker": false,
+			"sceneModePicker": true,
+			"vrButton": true,
+			"fullscreenButton": true,
+			"navigationHelpButton": true,
+			"animation": false,
+			"timeline": false,
+			"infoBox": false,
+			"geocoder": false,
+			"selectionIndicator": false,
+			"contextmenu": {
+				"hasDefault": false
+			},
+			"mouseDownView": false,
+			"zoom": {
+				"insertIndex": 1
+			},
+			"compass": {
+				"bottom": "toolbar",
+				"left": "5px"
+			},
+			"distanceLegend": {
+				"left": "100px",
+				"bottom": "2px"
+			},
+			"locationBar": {
+				"fps":true,
+				"crs": "CGCS2000_GK_Zone_3",
+				"crsDecimal": 0,
+				"template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>"
+			}
+		},
+		"terrain": {
+			"type": "ion",
+			"requestWaterMask": true,
+			"requestVertexNormals": true,
+			"show":true
+		},
+		"basemaps": [{
+				"id": 10,
+				"name": "地图底图",
+				"type": "group"
+			},
+			{
+				"pid": 10,
+				"name": "天地图卫星",
+				"icon": "img/basemaps/tdt_img.png",
+				"type": "tdt",
+				"layer": "img_d",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": true
+			},
+			{
+				"pid": 10,
+				"name": "天地图电子",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [{
+						"name": "底图",
+						"type": "tdt",
+						"layer": "vec_d",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					},
+					{
+						"name": "注记",
+						"type": "tdt",
+						"layer": "vec_z",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					}
+				]
+			},
+			{
+				"pid": 10,
+				"name": "谷歌卫星",
+				"icon": "img/basemaps/google_img.png",
+				"type": "google",
+				"layer": "img_d"
+			},
+			{
+				"pid": 10,
+				"name": "ArcGIS卫星",
+				"icon": "img/basemaps/esriWorldImagery.png",
+				"type": "arcgis",
+				"url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "微软卫星",
+				"icon": "img/basemaps/bingAerial.png",
+				"type": "bing",
+				"key": "AuKhM0WRkjhX8E4y1OM0TukYycaw_4Vh3eSfXONDf7OARls-WEB3K_Rfx89bWxof",
+				"layer": "Aerial"
+			},
+			{
+				"pid": 10,
+				"id": 2017,
+				"name": "蓝色底图(GCJ02偏移)",
+				"icon": "img/basemaps/bd-c-midnight.png",
+				"crs": "gcj",
+				"type": "arcgis",
+				"url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "最新高清影像",
+				"type": "wms",
+				"url": "https://fx.hopetrytech.com:7005/geoserver/PY/wms",
+				"layers": "PY:yingxiang",
+				"crs": "EPSG:4326",
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": true,
+				"pickFeatureStyle": {
+					"clampToGround": true
+				},
+				"mapSplit": false,
+				"noCenter": true,
+				"show": false
+			},{
+				"pid": 10,
+				"name": "天地图注记",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [
+				  { "name": "注记", "type": "tdt", "layer": "vec_z" }
+				]
+			  }
+		],
+		"layers": [
+			{
+				"pid": 10,
+				"name": "天地图注记",
+				"type": "tdt",
+				"layer": "img_z",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": false
+			},
+			{
+				"id": 8090,
+				"name": "行政区划",
+				"type": "group"
+			},
+			{
+				"pid": 8090,
+				"type": "geojson",
+				"name": "县界",
+				"url": "/json/xianjie.json",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"fill": false,
+						"opacity": 0,
+						"outline": true,
+						"outlineColor": "#FED976",
+						"outlineWidth": 3,
+						"outlineOpacity": 1,
+						"perPositionHeight": false,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"opacity": 1,
+							"font_size": 30,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"outlineWidth": 3,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 2743804,
+							"scaleByDistance_farValue": 0.3,
+							"scaleByDistance_near": 10000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 2743804,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "{name}",
+				"show": true,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "镇界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuozhenjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "村界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:cunjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 10040,
+				"name": "其他信息",
+				"type": "group"
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "鬼谷庙",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Aguigumiao&maxFeatures=50&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/miao.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Amonitor&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='monitor_popup'><div class='popup-title'>视频监控</div><div class='popup-item'>设备名称：{name}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控计划",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashipinjiankongjihua&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "公墓林点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinqujilinyuangongmulin&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [
+					{
+						"field": "公墓林",
+						"name": "公墓林名称"
+					},
+					{
+						"field": "主要负",
+						"name": "主要负责人"
+					},
+					{
+						"field": "坟头数",
+						"name": "公墓个数"
+					},
+					{
+						"field": "镇级包",
+						"name": "镇级包管人员"
+					},
+					{
+						"field": "联系方",
+						"name": "镇级包管人员联系电话："
+					},
+					{
+						"field": "村级包",
+						"name": "村级包管人员"
+					},
+					{
+						"field": "联系_1",
+						"name": "村级包管人员联系电话"
+					},
+					{
+						"field": "距离",
+						"name": "林区林木距离"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘散坟点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E6%95%A3%E5%9D%9F&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/wuzichubei.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "散坟墓",
+						"name": "主要负责人："
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系方",
+						"name": "联系方式："
+					},
+					{
+						"field": "位置",
+						"name": "位置："
+					},
+					{
+						"field":"祭祀时",
+						"name":"祭祀时间："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人姓名："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人姓名："
+					},{
+						"field":"联系_12",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘重点人员",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E9%87%8D%E7%82%B9%E4%BA%BA%E5%91%98&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/hulinyuan.png",
+						"scale": 0.9,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "重点人",
+						"name": "重点人员姓名"
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系电",
+						"name": "联系方式："
+					},
+					{
+						"field": "类别_（",
+						"name": "类别："
+					},
+					{
+						"field":"生活、",
+						"name":"生活、生产是否存在室外用火："
+					},{
+						"field":"家庭成",
+						"name":"家庭成员是否吸烟行为："
+					},{
+						"field":"精神状",
+						"name":"精神状况："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人员："
+					},{
+						"field":"联系方",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人员："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 10044,
+				"name": "防火路线",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuolu_line",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "防火路点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Afanghuolu_point&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/jinchukou.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "检查站"
+					},
+					{
+						"field": "PopupInfo",
+						"name": "信息"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "检查站",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A86fanghuozhan&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/center.png",
+						"scale": 0.25,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='jianchazhan_popup'><div class='popup-title'>检查站</div><div class='popup-item'>检查站名称：{防火检}</div><div class='popup-item'>所属乡镇(林场)：{单位}</div><div class='popup-item'>坐标：{坐标}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 9059,
+				"name": "护林员",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "乡镇",
+						"name": "乡镇名称"
+					},
+					{
+						"field": "林场",
+						"name": "林场名称"
+					},
+					{
+						"field": "护林员",
+						"name": "护林员"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9090,
+				"name": "生态隔邻网",
+				"type": "group"
+			},
+			{
+				"pid": 9090,
+				"id": 9052,
+				"name": "自然保护地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:ziranbaohudi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9048,
+				"name": "生态保护观测站",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaohuguancezhan",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9041,
+				"name": "生态保育水池",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuxushuichi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9049,
+				"name": "生态保流溢坝",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtailiuyiba",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "隔离网",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ageliwang&maxFeatures=500&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 400,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#00ffff",
+							"opacity": 0.6,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+					},
+					"popup": "{name}",
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "核心区边界",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ahexinqubianjie&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 1000,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#f9d201",
+							"opacity": 0.7,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "绘标数据",
+				"url": "https://data.mars3d.cn/file/geojson/mars3d-draw.json",
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态保育管网",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuguanwang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},			  
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "生态保育通道",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashengtaibaoyutongdao&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"materialType": "LineFlow",
+						"image": "/img/textures/arrow.png",
+						"repeatX": 100,
+						"color": "#ffcd36",
+						"diffHeight": 471.33,
+						"fill": true,
+						"flow_speed": 10,
+						"grid_lineCount": 8,
+						"grid_lineThickness": 2,
+						"grid_cellAlpha": 0.1,
+						"stripe_oddcolor": "#ffffff",
+						"stripe_repeat": 6,
+						"checkerboard_oddcolor": "#ffffff",
+						"checkerboard_repeat": 4,
+						"opacity": 0.8,
+						"outlineWidth": 1,
+						"outlineColor": "#ffffff",
+						"outlineOpacity": 0.6,
+						"distanceDisplayCondition_far": 100000,
+						"speed": 10,
+						"repeat": 10,
+						"axisY": false,
+						"count": 1,
+						"font_family": "楷体",
+						"font_size": 30,
+						"font_weight": "normal",
+						"font_style": "normal",
+						"lineCount": 8,
+						"lineThickness": 2,
+						"cellAlpha": 0.1,
+						"evenColor": "#000000",
+						"oddColor": "#ffffff",
+						"closure": false,
+						"outline": false,
+						"distanceDisplayCondition": false,
+						"distanceDisplayCondition_near": 0,
+						"hasShadows": false,
+						"repeat_x": 10,
+						"repeat_y": 1
+					}
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态防护墙",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaifanghuqiang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 6040,
+				"name": "水源地",
+				"type": "group"
+			},{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(规划)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-creating.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(规划)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{Name}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>规划建设</span><span class='label-unit'></span></div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(已建成)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi_zeng&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-new.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(已建成)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{位置}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>已建成</span><span class='label-unit'></span></div></div><div class='data-li'><div class='data-label'>乡镇(林场)：</div><div class='data-value'>{乡镇}</div></div><div class='data-li'><div class='data-label'>位置：</div><div class='data-value'>{位置}</div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "水源地",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashuiyuandi_new&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water.png",
+						"scale": 0.8,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "水源地",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "信息："
+					}
+					
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "河流水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:heliushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "坑塘水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:kengtangshuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "水库水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shuikushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 8080,
+				"name": "道路",
+				"type": "group"
+			},
+			{
+				"pid": 8080,
+				"id": 9084,
+				"name": "补充道路",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:buchongdaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9082,
+				"name": "城镇村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:chengzhencundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9083,
+				"name": "公路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gonglu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9041,
+				"name": "农村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:nongcundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9085,
+				"name": "铁路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:tielu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9040,
+				"name": "林地",
+				"type": "group"
+			},
+			{
+				"pid": 9040,
+				"id": 9052,
+				"name": "一般公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "一般商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibanshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "重点公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdiangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9050,
+				"name": "重点商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdianshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"type": "geojson",
+				"name": "林场",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinchang&maxFeatures=10000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{Name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+					"field": "Nmae",
+					"name": "林场名称"
+				}],
+				"show": false,
+				"flyTo": false
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/.history/public/config/pingyixianConfig_20241028161934.json b/.history/public/config/pingyixianConfig_20241028161934.json
new file mode 100644
index 0000000..088a4b5
--- /dev/null
+++ b/.history/public/config/pingyixianConfig_20241028161934.json
@@ -0,0 +1,2023 @@
+{
+	"map3d": {
+		"scene": {
+			"center": {
+				"lat": 35.450434,
+				"lng": 117.81595,
+				"alt": 2657.5,
+				"heading": 19.7,
+				"pitch": -17
+			},
+			"scene3DOnly": false,
+			"shadows": false,
+			"removeDblClick": true,
+			"sceneMode": 3,
+			"showSun": true,
+			"showMoon": true,
+			"showSkyBox": true,
+			"showSkyAtmosphere": true,
+			"fog": true,
+			"fxaa": true,
+			"globe": {
+				
+			},
+			"cameraController": {
+				"zoomFactor": 3,
+				"minimumZoomDistance": 1,
+				"maximumZoomDistance": 50000000,
+				"enableRotate": true,
+				"enableTranslate": true,
+				"enableTilt": true,
+				"enableZoom": true,
+				"enableCollisionDetection": true
+			}
+		},
+		"control": {
+			"homeButton": true,
+			"baseLayerPicker": false,
+			"sceneModePicker": true,
+			"vrButton": true,
+			"fullscreenButton": true,
+			"navigationHelpButton": true,
+			"animation": false,
+			"timeline": false,
+			"infoBox": false,
+			"geocoder": false,
+			"selectionIndicator": false,
+			"contextmenu": {
+				"hasDefault": false
+			},
+			"mouseDownView": false,
+			"zoom": {
+				"insertIndex": 1
+			},
+			"compass": {
+				"bottom": "toolbar",
+				"left": "5px"
+			},
+			"distanceLegend": {
+				"left": "100px",
+				"bottom": "2px"
+			},
+			"locationBar": {
+				"fps":true,
+				"crs": "CGCS2000_GK_Zone_3",
+				"crsDecimal": 0,
+				"template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>"
+			}
+		},
+		"terrain": {
+			"type": "ion",
+			"requestWaterMask": true,
+			"requestVertexNormals": true,
+			"show":true
+		},
+		"basemaps": [{
+				"id": 10,
+				"name": "地图底图",
+				"type": "group"
+			},
+			{
+				"pid": 10,
+				"name": "天地图卫星",
+				"icon": "img/basemaps/tdt_img.png",
+				"type": "tdt",
+				"layer": "img_d",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": true
+			},
+			{
+				"pid": 10,
+				"name": "天地图电子",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [{
+						"name": "底图",
+						"type": "tdt",
+						"layer": "vec_d",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					},
+					{
+						"name": "注记",
+						"type": "tdt",
+						"layer": "vec_z",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					}
+				]
+			},
+			{
+				"pid": 10,
+				"name": "谷歌卫星",
+				"icon": "img/basemaps/google_img.png",
+				"type": "google",
+				"layer": "img_d"
+			},
+			{
+				"pid": 10,
+				"name": "ArcGIS卫星",
+				"icon": "img/basemaps/esriWorldImagery.png",
+				"type": "arcgis",
+				"url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "微软卫星",
+				"icon": "img/basemaps/bingAerial.png",
+				"type": "bing",
+				"key": "AuKhM0WRkjhX8E4y1OM0TukYycaw_4Vh3eSfXONDf7OARls-WEB3K_Rfx89bWxof",
+				"layer": "Aerial"
+			},
+			{
+				"pid": 10,
+				"id": 2017,
+				"name": "蓝色底图(GCJ02偏移)",
+				"icon": "img/basemaps/bd-c-midnight.png",
+				"crs": "gcj",
+				"type": "arcgis",
+				"url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "最新高清影像",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yingxiang",
+				"crs": "EPSG:4326",
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": true,
+				"pickFeatureStyle": {
+					"clampToGround": true
+				},
+				"mapSplit": false,
+				"noCenter": true,
+				"show": false
+			},{
+				"pid": 10,
+				"name": "天地图注记",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [
+				  { "name": "注记", "type": "tdt", "layer": "vec_z" }
+				]
+			  }
+		],
+		"layers": [
+			{
+				"pid": 10,
+				"name": "天地图注记",
+				"type": "tdt",
+				"layer": "img_z",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": false
+			},
+			{
+				"id": 8090,
+				"name": "行政区划",
+				"type": "group"
+			},
+			{
+				"pid": 8090,
+				"type": "geojson",
+				"name": "县界",
+				"url": "/json/xianjie.json",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"fill": false,
+						"opacity": 0,
+						"outline": true,
+						"outlineColor": "#FED976",
+						"outlineWidth": 3,
+						"outlineOpacity": 1,
+						"perPositionHeight": false,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"opacity": 1,
+							"font_size": 30,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"outlineWidth": 3,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 2743804,
+							"scaleByDistance_farValue": 0.3,
+							"scaleByDistance_near": 10000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 2743804,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "{name}",
+				"show": true,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "镇界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuozhenjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "村界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:cunjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 10040,
+				"name": "其他信息",
+				"type": "group"
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "鬼谷庙",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Aguigumiao&maxFeatures=50&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/miao.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Amonitor&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='monitor_popup'><div class='popup-title'>视频监控</div><div class='popup-item'>设备名称：{name}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控计划",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashipinjiankongjihua&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "公墓林点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinqujilinyuangongmulin&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [
+					{
+						"field": "公墓林",
+						"name": "公墓林名称"
+					},
+					{
+						"field": "主要负",
+						"name": "主要负责人"
+					},
+					{
+						"field": "坟头数",
+						"name": "公墓个数"
+					},
+					{
+						"field": "镇级包",
+						"name": "镇级包管人员"
+					},
+					{
+						"field": "联系方",
+						"name": "镇级包管人员联系电话："
+					},
+					{
+						"field": "村级包",
+						"name": "村级包管人员"
+					},
+					{
+						"field": "联系_1",
+						"name": "村级包管人员联系电话"
+					},
+					{
+						"field": "距离",
+						"name": "林区林木距离"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘散坟点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E6%95%A3%E5%9D%9F&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/wuzichubei.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "散坟墓",
+						"name": "主要负责人："
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系方",
+						"name": "联系方式："
+					},
+					{
+						"field": "位置",
+						"name": "位置："
+					},
+					{
+						"field":"祭祀时",
+						"name":"祭祀时间："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人姓名："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人姓名："
+					},{
+						"field":"联系_12",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘重点人员",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E9%87%8D%E7%82%B9%E4%BA%BA%E5%91%98&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/hulinyuan.png",
+						"scale": 0.9,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "重点人",
+						"name": "重点人员姓名"
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系电",
+						"name": "联系方式："
+					},
+					{
+						"field": "类别_（",
+						"name": "类别："
+					},
+					{
+						"field":"生活、",
+						"name":"生活、生产是否存在室外用火："
+					},{
+						"field":"家庭成",
+						"name":"家庭成员是否吸烟行为："
+					},{
+						"field":"精神状",
+						"name":"精神状况："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人员："
+					},{
+						"field":"联系方",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人员："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 10044,
+				"name": "防火路线",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuolu_line",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "防火路点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Afanghuolu_point&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/jinchukou.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "检查站"
+					},
+					{
+						"field": "PopupInfo",
+						"name": "信息"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "检查站",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A86fanghuozhan&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/center.png",
+						"scale": 0.25,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='jianchazhan_popup'><div class='popup-title'>检查站</div><div class='popup-item'>检查站名称：{防火检}</div><div class='popup-item'>所属乡镇(林场)：{单位}</div><div class='popup-item'>坐标：{坐标}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 9059,
+				"name": "护林员",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "乡镇",
+						"name": "乡镇名称"
+					},
+					{
+						"field": "林场",
+						"name": "林场名称"
+					},
+					{
+						"field": "护林员",
+						"name": "护林员"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9090,
+				"name": "生态隔邻网",
+				"type": "group"
+			},
+			{
+				"pid": 9090,
+				"id": 9052,
+				"name": "自然保护地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:ziranbaohudi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9048,
+				"name": "生态保护观测站",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaohuguancezhan",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9041,
+				"name": "生态保育水池",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuxushuichi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9049,
+				"name": "生态保流溢坝",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtailiuyiba",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "隔离网",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ageliwang&maxFeatures=500&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 400,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#00ffff",
+							"opacity": 0.6,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+					},
+					"popup": "{name}",
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "核心区边界",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ahexinqubianjie&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 1000,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#f9d201",
+							"opacity": 0.7,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "绘标数据",
+				"url": "https://data.mars3d.cn/file/geojson/mars3d-draw.json",
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态保育管网",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuguanwang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},			  
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "生态保育通道",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashengtaibaoyutongdao&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"materialType": "LineFlow",
+						"image": "/img/textures/arrow.png",
+						"repeatX": 100,
+						"color": "#ffcd36",
+						"diffHeight": 471.33,
+						"fill": true,
+						"flow_speed": 10,
+						"grid_lineCount": 8,
+						"grid_lineThickness": 2,
+						"grid_cellAlpha": 0.1,
+						"stripe_oddcolor": "#ffffff",
+						"stripe_repeat": 6,
+						"checkerboard_oddcolor": "#ffffff",
+						"checkerboard_repeat": 4,
+						"opacity": 0.8,
+						"outlineWidth": 1,
+						"outlineColor": "#ffffff",
+						"outlineOpacity": 0.6,
+						"distanceDisplayCondition_far": 100000,
+						"speed": 10,
+						"repeat": 10,
+						"axisY": false,
+						"count": 1,
+						"font_family": "楷体",
+						"font_size": 30,
+						"font_weight": "normal",
+						"font_style": "normal",
+						"lineCount": 8,
+						"lineThickness": 2,
+						"cellAlpha": 0.1,
+						"evenColor": "#000000",
+						"oddColor": "#ffffff",
+						"closure": false,
+						"outline": false,
+						"distanceDisplayCondition": false,
+						"distanceDisplayCondition_near": 0,
+						"hasShadows": false,
+						"repeat_x": 10,
+						"repeat_y": 1
+					}
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态防护墙",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaifanghuqiang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 6040,
+				"name": "水源地",
+				"type": "group"
+			},{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(规划)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-creating.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(规划)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{Name}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>规划建设</span><span class='label-unit'></span></div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(已建成)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi_zeng&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-new.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(已建成)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{位置}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>已建成</span><span class='label-unit'></span></div></div><div class='data-li'><div class='data-label'>乡镇(林场)：</div><div class='data-value'>{乡镇}</div></div><div class='data-li'><div class='data-label'>位置：</div><div class='data-value'>{位置}</div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "水源地",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashuiyuandi_new&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water.png",
+						"scale": 0.8,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "水源地",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "信息："
+					}
+					
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "河流水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:heliushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "坑塘水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:kengtangshuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "水库水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shuikushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 8080,
+				"name": "道路",
+				"type": "group"
+			},
+			{
+				"pid": 8080,
+				"id": 9084,
+				"name": "补充道路",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:buchongdaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9082,
+				"name": "城镇村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:chengzhencundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9083,
+				"name": "公路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gonglu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9041,
+				"name": "农村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:nongcundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9085,
+				"name": "铁路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:tielu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9040,
+				"name": "林地",
+				"type": "group"
+			},
+			{
+				"pid": 9040,
+				"id": 9052,
+				"name": "一般公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "一般商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibanshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "重点公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdiangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9050,
+				"name": "重点商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdianshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"type": "geojson",
+				"name": "林场",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinchang&maxFeatures=10000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{Name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+					"field": "Nmae",
+					"name": "林场名称"
+				}],
+				"show": false,
+				"flyTo": false
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/.history/public/config/pingyixianConfig_20241028162327.json b/.history/public/config/pingyixianConfig_20241028162327.json
new file mode 100644
index 0000000..ca9a816
--- /dev/null
+++ b/.history/public/config/pingyixianConfig_20241028162327.json
@@ -0,0 +1,2023 @@
+{
+	"map3d": {
+		"scene": {
+			"center": {
+				"lat": 35.450434,
+				"lng": 117.81595,
+				"alt": 2657.5,
+				"heading": 19.7,
+				"pitch": -17
+			},
+			"scene3DOnly": false,
+			"shadows": false,
+			"removeDblClick": true,
+			"sceneMode": 3,
+			"showSun": true,
+			"showMoon": true,
+			"showSkyBox": true,
+			"showSkyAtmosphere": true,
+			"fog": true,
+			"fxaa": true,
+			"globe": {
+				
+			},
+			"cameraController": {
+				"zoomFactor": 3,
+				"minimumZoomDistance": 1,
+				"maximumZoomDistance": 50000000,
+				"enableRotate": true,
+				"enableTranslate": true,
+				"enableTilt": true,
+				"enableZoom": true,
+				"enableCollisionDetection": true
+			}
+		},
+		"control": {
+			"homeButton": true,
+			"baseLayerPicker": false,
+			"sceneModePicker": true,
+			"vrButton": true,
+			"fullscreenButton": true,
+			"navigationHelpButton": true,
+			"animation": false,
+			"timeline": false,
+			"infoBox": false,
+			"geocoder": false,
+			"selectionIndicator": false,
+			"contextmenu": {
+				"hasDefault": false
+			},
+			"mouseDownView": false,
+			"zoom": {
+				"insertIndex": 1
+			},
+			"compass": {
+				"bottom": "toolbar",
+				"left": "5px"
+			},
+			"distanceLegend": {
+				"left": "100px",
+				"bottom": "2px"
+			},
+			"locationBar": {
+				"fps":true,
+				"crs": "CGCS2000_GK_Zone_3",
+				"crsDecimal": 0,
+				"template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>"
+			}
+		},
+		"terrain": {
+			"type": "ion",
+			"requestWaterMask": true,
+			"requestVertexNormals": true,
+			"show":true
+		},
+		"basemaps": [{
+				"id": 10,
+				"name": "地图底图",
+				"type": "group"
+			},
+			{
+				"pid": 10,
+				"name": "天地图卫星",
+				"icon": "img/basemaps/tdt_img.png",
+				"type": "tdt",
+				"layer": "img_d",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": true
+			},
+			{
+				"pid": 10,
+				"name": "天地图电子",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [{
+						"name": "底图",
+						"type": "tdt",
+						"layer": "vec_d",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					},
+					{
+						"name": "注记",
+						"type": "tdt",
+						"layer": "vec_z",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					}
+				]
+			},
+			{
+				"pid": 10,
+				"name": "谷歌卫星",
+				"icon": "img/basemaps/google_img.png",
+				"type": "google",
+				"layer": "img_d"
+			},
+			{
+				"pid": 10,
+				"name": "ArcGIS卫星",
+				"icon": "img/basemaps/esriWorldImagery.png",
+				"type": "arcgis",
+				"url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "微软卫星",
+				"icon": "img/basemaps/bingAerial.png",
+				"type": "bing",
+				"key": "AuKhM0WRkjhX8E4y1OM0TukYycaw_4Vh3eSfXONDf7OARls-WEB3K_Rfx89bWxof",
+				"layer": "Aerial"
+			},
+			{
+				"pid": 10,
+				"id": 2017,
+				"name": "蓝色底图(GCJ02偏移)",
+				"icon": "img/basemaps/bd-c-midnight.png",
+				"crs": "gcj",
+				"type": "arcgis",
+				"url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "最新高清影像",
+				"type": "wms",
+				"url": "http://fx.hopetrytech.com:9007/geoserver/pingyi/wms",
+				"layers": "pingyi:pingyigaoqingyingxiang",
+				"crs": "EPSG:4326",
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": true,
+				"pickFeatureStyle": {
+					"clampToGround": true
+				},
+				"mapSplit": false,
+				"noCenter": true,
+				"show": false
+			},{
+				"pid": 10,
+				"name": "天地图注记",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [
+				  { "name": "注记", "type": "tdt", "layer": "vec_z" }
+				]
+			  }
+		],
+		"layers": [
+			{
+				"pid": 10,
+				"name": "天地图注记",
+				"type": "tdt",
+				"layer": "img_z",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": false
+			},
+			{
+				"id": 8090,
+				"name": "行政区划",
+				"type": "group"
+			},
+			{
+				"pid": 8090,
+				"type": "geojson",
+				"name": "县界",
+				"url": "/json/xianjie.json",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"fill": false,
+						"opacity": 0,
+						"outline": true,
+						"outlineColor": "#FED976",
+						"outlineWidth": 3,
+						"outlineOpacity": 1,
+						"perPositionHeight": false,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"opacity": 1,
+							"font_size": 30,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"outlineWidth": 3,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 2743804,
+							"scaleByDistance_farValue": 0.3,
+							"scaleByDistance_near": 10000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 2743804,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "{name}",
+				"show": true,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "镇界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuozhenjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "村界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:cunjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 10040,
+				"name": "其他信息",
+				"type": "group"
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "鬼谷庙",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Aguigumiao&maxFeatures=50&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/miao.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Amonitor&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='monitor_popup'><div class='popup-title'>视频监控</div><div class='popup-item'>设备名称：{name}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控计划",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashipinjiankongjihua&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "公墓林点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinqujilinyuangongmulin&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [
+					{
+						"field": "公墓林",
+						"name": "公墓林名称"
+					},
+					{
+						"field": "主要负",
+						"name": "主要负责人"
+					},
+					{
+						"field": "坟头数",
+						"name": "公墓个数"
+					},
+					{
+						"field": "镇级包",
+						"name": "镇级包管人员"
+					},
+					{
+						"field": "联系方",
+						"name": "镇级包管人员联系电话："
+					},
+					{
+						"field": "村级包",
+						"name": "村级包管人员"
+					},
+					{
+						"field": "联系_1",
+						"name": "村级包管人员联系电话"
+					},
+					{
+						"field": "距离",
+						"name": "林区林木距离"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘散坟点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E6%95%A3%E5%9D%9F&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/wuzichubei.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "散坟墓",
+						"name": "主要负责人："
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系方",
+						"name": "联系方式："
+					},
+					{
+						"field": "位置",
+						"name": "位置："
+					},
+					{
+						"field":"祭祀时",
+						"name":"祭祀时间："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人姓名："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人姓名："
+					},{
+						"field":"联系_12",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘重点人员",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E9%87%8D%E7%82%B9%E4%BA%BA%E5%91%98&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/hulinyuan.png",
+						"scale": 0.9,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "重点人",
+						"name": "重点人员姓名"
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系电",
+						"name": "联系方式："
+					},
+					{
+						"field": "类别_（",
+						"name": "类别："
+					},
+					{
+						"field":"生活、",
+						"name":"生活、生产是否存在室外用火："
+					},{
+						"field":"家庭成",
+						"name":"家庭成员是否吸烟行为："
+					},{
+						"field":"精神状",
+						"name":"精神状况："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人员："
+					},{
+						"field":"联系方",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人员："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 10044,
+				"name": "防火路线",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuolu_line",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "防火路点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Afanghuolu_point&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/jinchukou.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "检查站"
+					},
+					{
+						"field": "PopupInfo",
+						"name": "信息"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "检查站",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A86fanghuozhan&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/center.png",
+						"scale": 0.25,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='jianchazhan_popup'><div class='popup-title'>检查站</div><div class='popup-item'>检查站名称：{防火检}</div><div class='popup-item'>所属乡镇(林场)：{单位}</div><div class='popup-item'>坐标：{坐标}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 9059,
+				"name": "护林员",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "乡镇",
+						"name": "乡镇名称"
+					},
+					{
+						"field": "林场",
+						"name": "林场名称"
+					},
+					{
+						"field": "护林员",
+						"name": "护林员"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9090,
+				"name": "生态隔邻网",
+				"type": "group"
+			},
+			{
+				"pid": 9090,
+				"id": 9052,
+				"name": "自然保护地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:ziranbaohudi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9048,
+				"name": "生态保护观测站",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaohuguancezhan",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9041,
+				"name": "生态保育水池",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuxushuichi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9049,
+				"name": "生态保流溢坝",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtailiuyiba",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "隔离网",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ageliwang&maxFeatures=500&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 400,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#00ffff",
+							"opacity": 0.6,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+					},
+					"popup": "{name}",
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "核心区边界",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ahexinqubianjie&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 1000,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#f9d201",
+							"opacity": 0.7,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "绘标数据",
+				"url": "https://data.mars3d.cn/file/geojson/mars3d-draw.json",
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态保育管网",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuguanwang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},			  
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "生态保育通道",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashengtaibaoyutongdao&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"materialType": "LineFlow",
+						"image": "/img/textures/arrow.png",
+						"repeatX": 100,
+						"color": "#ffcd36",
+						"diffHeight": 471.33,
+						"fill": true,
+						"flow_speed": 10,
+						"grid_lineCount": 8,
+						"grid_lineThickness": 2,
+						"grid_cellAlpha": 0.1,
+						"stripe_oddcolor": "#ffffff",
+						"stripe_repeat": 6,
+						"checkerboard_oddcolor": "#ffffff",
+						"checkerboard_repeat": 4,
+						"opacity": 0.8,
+						"outlineWidth": 1,
+						"outlineColor": "#ffffff",
+						"outlineOpacity": 0.6,
+						"distanceDisplayCondition_far": 100000,
+						"speed": 10,
+						"repeat": 10,
+						"axisY": false,
+						"count": 1,
+						"font_family": "楷体",
+						"font_size": 30,
+						"font_weight": "normal",
+						"font_style": "normal",
+						"lineCount": 8,
+						"lineThickness": 2,
+						"cellAlpha": 0.1,
+						"evenColor": "#000000",
+						"oddColor": "#ffffff",
+						"closure": false,
+						"outline": false,
+						"distanceDisplayCondition": false,
+						"distanceDisplayCondition_near": 0,
+						"hasShadows": false,
+						"repeat_x": 10,
+						"repeat_y": 1
+					}
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态防护墙",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaifanghuqiang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 6040,
+				"name": "水源地",
+				"type": "group"
+			},{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(规划)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-creating.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(规划)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{Name}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>规划建设</span><span class='label-unit'></span></div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(已建成)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi_zeng&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-new.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(已建成)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{位置}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>已建成</span><span class='label-unit'></span></div></div><div class='data-li'><div class='data-label'>乡镇(林场)：</div><div class='data-value'>{乡镇}</div></div><div class='data-li'><div class='data-label'>位置：</div><div class='data-value'>{位置}</div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "水源地",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashuiyuandi_new&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water.png",
+						"scale": 0.8,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "水源地",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "信息："
+					}
+					
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "河流水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:heliushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "坑塘水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:kengtangshuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "水库水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shuikushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 8080,
+				"name": "道路",
+				"type": "group"
+			},
+			{
+				"pid": 8080,
+				"id": 9084,
+				"name": "补充道路",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:buchongdaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9082,
+				"name": "城镇村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:chengzhencundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9083,
+				"name": "公路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gonglu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9041,
+				"name": "农村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:nongcundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9085,
+				"name": "铁路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:tielu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9040,
+				"name": "林地",
+				"type": "group"
+			},
+			{
+				"pid": 9040,
+				"id": 9052,
+				"name": "一般公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "一般商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibanshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "重点公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdiangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9050,
+				"name": "重点商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdianshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"type": "geojson",
+				"name": "林场",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinchang&maxFeatures=10000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{Name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+					"field": "Nmae",
+					"name": "林场名称"
+				}],
+				"show": false,
+				"flyTo": false
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/.history/public/config/pingyixianConfig_20241028162406.json b/.history/public/config/pingyixianConfig_20241028162406.json
new file mode 100644
index 0000000..ca9a816
--- /dev/null
+++ b/.history/public/config/pingyixianConfig_20241028162406.json
@@ -0,0 +1,2023 @@
+{
+	"map3d": {
+		"scene": {
+			"center": {
+				"lat": 35.450434,
+				"lng": 117.81595,
+				"alt": 2657.5,
+				"heading": 19.7,
+				"pitch": -17
+			},
+			"scene3DOnly": false,
+			"shadows": false,
+			"removeDblClick": true,
+			"sceneMode": 3,
+			"showSun": true,
+			"showMoon": true,
+			"showSkyBox": true,
+			"showSkyAtmosphere": true,
+			"fog": true,
+			"fxaa": true,
+			"globe": {
+				
+			},
+			"cameraController": {
+				"zoomFactor": 3,
+				"minimumZoomDistance": 1,
+				"maximumZoomDistance": 50000000,
+				"enableRotate": true,
+				"enableTranslate": true,
+				"enableTilt": true,
+				"enableZoom": true,
+				"enableCollisionDetection": true
+			}
+		},
+		"control": {
+			"homeButton": true,
+			"baseLayerPicker": false,
+			"sceneModePicker": true,
+			"vrButton": true,
+			"fullscreenButton": true,
+			"navigationHelpButton": true,
+			"animation": false,
+			"timeline": false,
+			"infoBox": false,
+			"geocoder": false,
+			"selectionIndicator": false,
+			"contextmenu": {
+				"hasDefault": false
+			},
+			"mouseDownView": false,
+			"zoom": {
+				"insertIndex": 1
+			},
+			"compass": {
+				"bottom": "toolbar",
+				"left": "5px"
+			},
+			"distanceLegend": {
+				"left": "100px",
+				"bottom": "2px"
+			},
+			"locationBar": {
+				"fps":true,
+				"crs": "CGCS2000_GK_Zone_3",
+				"crsDecimal": 0,
+				"template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>"
+			}
+		},
+		"terrain": {
+			"type": "ion",
+			"requestWaterMask": true,
+			"requestVertexNormals": true,
+			"show":true
+		},
+		"basemaps": [{
+				"id": 10,
+				"name": "地图底图",
+				"type": "group"
+			},
+			{
+				"pid": 10,
+				"name": "天地图卫星",
+				"icon": "img/basemaps/tdt_img.png",
+				"type": "tdt",
+				"layer": "img_d",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": true
+			},
+			{
+				"pid": 10,
+				"name": "天地图电子",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [{
+						"name": "底图",
+						"type": "tdt",
+						"layer": "vec_d",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					},
+					{
+						"name": "注记",
+						"type": "tdt",
+						"layer": "vec_z",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					}
+				]
+			},
+			{
+				"pid": 10,
+				"name": "谷歌卫星",
+				"icon": "img/basemaps/google_img.png",
+				"type": "google",
+				"layer": "img_d"
+			},
+			{
+				"pid": 10,
+				"name": "ArcGIS卫星",
+				"icon": "img/basemaps/esriWorldImagery.png",
+				"type": "arcgis",
+				"url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "微软卫星",
+				"icon": "img/basemaps/bingAerial.png",
+				"type": "bing",
+				"key": "AuKhM0WRkjhX8E4y1OM0TukYycaw_4Vh3eSfXONDf7OARls-WEB3K_Rfx89bWxof",
+				"layer": "Aerial"
+			},
+			{
+				"pid": 10,
+				"id": 2017,
+				"name": "蓝色底图(GCJ02偏移)",
+				"icon": "img/basemaps/bd-c-midnight.png",
+				"crs": "gcj",
+				"type": "arcgis",
+				"url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "最新高清影像",
+				"type": "wms",
+				"url": "http://fx.hopetrytech.com:9007/geoserver/pingyi/wms",
+				"layers": "pingyi:pingyigaoqingyingxiang",
+				"crs": "EPSG:4326",
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": true,
+				"pickFeatureStyle": {
+					"clampToGround": true
+				},
+				"mapSplit": false,
+				"noCenter": true,
+				"show": false
+			},{
+				"pid": 10,
+				"name": "天地图注记",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [
+				  { "name": "注记", "type": "tdt", "layer": "vec_z" }
+				]
+			  }
+		],
+		"layers": [
+			{
+				"pid": 10,
+				"name": "天地图注记",
+				"type": "tdt",
+				"layer": "img_z",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": false
+			},
+			{
+				"id": 8090,
+				"name": "行政区划",
+				"type": "group"
+			},
+			{
+				"pid": 8090,
+				"type": "geojson",
+				"name": "县界",
+				"url": "/json/xianjie.json",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"fill": false,
+						"opacity": 0,
+						"outline": true,
+						"outlineColor": "#FED976",
+						"outlineWidth": 3,
+						"outlineOpacity": 1,
+						"perPositionHeight": false,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"opacity": 1,
+							"font_size": 30,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"outlineWidth": 3,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 2743804,
+							"scaleByDistance_farValue": 0.3,
+							"scaleByDistance_near": 10000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 2743804,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "{name}",
+				"show": true,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "镇界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuozhenjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "村界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:cunjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 10040,
+				"name": "其他信息",
+				"type": "group"
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "鬼谷庙",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Aguigumiao&maxFeatures=50&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/miao.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Amonitor&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='monitor_popup'><div class='popup-title'>视频监控</div><div class='popup-item'>设备名称：{name}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控计划",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashipinjiankongjihua&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "公墓林点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinqujilinyuangongmulin&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [
+					{
+						"field": "公墓林",
+						"name": "公墓林名称"
+					},
+					{
+						"field": "主要负",
+						"name": "主要负责人"
+					},
+					{
+						"field": "坟头数",
+						"name": "公墓个数"
+					},
+					{
+						"field": "镇级包",
+						"name": "镇级包管人员"
+					},
+					{
+						"field": "联系方",
+						"name": "镇级包管人员联系电话："
+					},
+					{
+						"field": "村级包",
+						"name": "村级包管人员"
+					},
+					{
+						"field": "联系_1",
+						"name": "村级包管人员联系电话"
+					},
+					{
+						"field": "距离",
+						"name": "林区林木距离"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘散坟点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E6%95%A3%E5%9D%9F&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/wuzichubei.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "散坟墓",
+						"name": "主要负责人："
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系方",
+						"name": "联系方式："
+					},
+					{
+						"field": "位置",
+						"name": "位置："
+					},
+					{
+						"field":"祭祀时",
+						"name":"祭祀时间："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人姓名："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人姓名："
+					},{
+						"field":"联系_12",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘重点人员",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E9%87%8D%E7%82%B9%E4%BA%BA%E5%91%98&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/hulinyuan.png",
+						"scale": 0.9,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "重点人",
+						"name": "重点人员姓名"
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系电",
+						"name": "联系方式："
+					},
+					{
+						"field": "类别_（",
+						"name": "类别："
+					},
+					{
+						"field":"生活、",
+						"name":"生活、生产是否存在室外用火："
+					},{
+						"field":"家庭成",
+						"name":"家庭成员是否吸烟行为："
+					},{
+						"field":"精神状",
+						"name":"精神状况："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人员："
+					},{
+						"field":"联系方",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人员："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 10044,
+				"name": "防火路线",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuolu_line",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "防火路点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Afanghuolu_point&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/jinchukou.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "检查站"
+					},
+					{
+						"field": "PopupInfo",
+						"name": "信息"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "检查站",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A86fanghuozhan&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/center.png",
+						"scale": 0.25,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='jianchazhan_popup'><div class='popup-title'>检查站</div><div class='popup-item'>检查站名称：{防火检}</div><div class='popup-item'>所属乡镇(林场)：{单位}</div><div class='popup-item'>坐标：{坐标}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 9059,
+				"name": "护林员",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "乡镇",
+						"name": "乡镇名称"
+					},
+					{
+						"field": "林场",
+						"name": "林场名称"
+					},
+					{
+						"field": "护林员",
+						"name": "护林员"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9090,
+				"name": "生态隔邻网",
+				"type": "group"
+			},
+			{
+				"pid": 9090,
+				"id": 9052,
+				"name": "自然保护地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:ziranbaohudi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9048,
+				"name": "生态保护观测站",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaohuguancezhan",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9041,
+				"name": "生态保育水池",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuxushuichi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9049,
+				"name": "生态保流溢坝",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtailiuyiba",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "隔离网",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ageliwang&maxFeatures=500&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 400,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#00ffff",
+							"opacity": 0.6,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+					},
+					"popup": "{name}",
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "核心区边界",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ahexinqubianjie&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 1000,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#f9d201",
+							"opacity": 0.7,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "绘标数据",
+				"url": "https://data.mars3d.cn/file/geojson/mars3d-draw.json",
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态保育管网",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuguanwang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},			  
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "生态保育通道",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashengtaibaoyutongdao&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"materialType": "LineFlow",
+						"image": "/img/textures/arrow.png",
+						"repeatX": 100,
+						"color": "#ffcd36",
+						"diffHeight": 471.33,
+						"fill": true,
+						"flow_speed": 10,
+						"grid_lineCount": 8,
+						"grid_lineThickness": 2,
+						"grid_cellAlpha": 0.1,
+						"stripe_oddcolor": "#ffffff",
+						"stripe_repeat": 6,
+						"checkerboard_oddcolor": "#ffffff",
+						"checkerboard_repeat": 4,
+						"opacity": 0.8,
+						"outlineWidth": 1,
+						"outlineColor": "#ffffff",
+						"outlineOpacity": 0.6,
+						"distanceDisplayCondition_far": 100000,
+						"speed": 10,
+						"repeat": 10,
+						"axisY": false,
+						"count": 1,
+						"font_family": "楷体",
+						"font_size": 30,
+						"font_weight": "normal",
+						"font_style": "normal",
+						"lineCount": 8,
+						"lineThickness": 2,
+						"cellAlpha": 0.1,
+						"evenColor": "#000000",
+						"oddColor": "#ffffff",
+						"closure": false,
+						"outline": false,
+						"distanceDisplayCondition": false,
+						"distanceDisplayCondition_near": 0,
+						"hasShadows": false,
+						"repeat_x": 10,
+						"repeat_y": 1
+					}
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态防护墙",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaifanghuqiang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 6040,
+				"name": "水源地",
+				"type": "group"
+			},{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(规划)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-creating.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(规划)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{Name}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>规划建设</span><span class='label-unit'></span></div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(已建成)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi_zeng&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-new.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(已建成)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{位置}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>已建成</span><span class='label-unit'></span></div></div><div class='data-li'><div class='data-label'>乡镇(林场)：</div><div class='data-value'>{乡镇}</div></div><div class='data-li'><div class='data-label'>位置：</div><div class='data-value'>{位置}</div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "水源地",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashuiyuandi_new&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water.png",
+						"scale": 0.8,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "水源地",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "信息："
+					}
+					
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "河流水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:heliushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "坑塘水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:kengtangshuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "水库水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shuikushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 8080,
+				"name": "道路",
+				"type": "group"
+			},
+			{
+				"pid": 8080,
+				"id": 9084,
+				"name": "补充道路",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:buchongdaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9082,
+				"name": "城镇村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:chengzhencundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9083,
+				"name": "公路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gonglu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9041,
+				"name": "农村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:nongcundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9085,
+				"name": "铁路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:tielu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9040,
+				"name": "林地",
+				"type": "group"
+			},
+			{
+				"pid": 9040,
+				"id": 9052,
+				"name": "一般公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "一般商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibanshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "重点公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdiangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9050,
+				"name": "重点商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdianshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"type": "geojson",
+				"name": "林场",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinchang&maxFeatures=10000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{Name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+					"field": "Nmae",
+					"name": "林场名称"
+				}],
+				"show": false,
+				"flyTo": false
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/.history/public/config/pingyixianConfig_20241028162507.json b/.history/public/config/pingyixianConfig_20241028162507.json
new file mode 100644
index 0000000..ca9a816
--- /dev/null
+++ b/.history/public/config/pingyixianConfig_20241028162507.json
@@ -0,0 +1,2023 @@
+{
+	"map3d": {
+		"scene": {
+			"center": {
+				"lat": 35.450434,
+				"lng": 117.81595,
+				"alt": 2657.5,
+				"heading": 19.7,
+				"pitch": -17
+			},
+			"scene3DOnly": false,
+			"shadows": false,
+			"removeDblClick": true,
+			"sceneMode": 3,
+			"showSun": true,
+			"showMoon": true,
+			"showSkyBox": true,
+			"showSkyAtmosphere": true,
+			"fog": true,
+			"fxaa": true,
+			"globe": {
+				
+			},
+			"cameraController": {
+				"zoomFactor": 3,
+				"minimumZoomDistance": 1,
+				"maximumZoomDistance": 50000000,
+				"enableRotate": true,
+				"enableTranslate": true,
+				"enableTilt": true,
+				"enableZoom": true,
+				"enableCollisionDetection": true
+			}
+		},
+		"control": {
+			"homeButton": true,
+			"baseLayerPicker": false,
+			"sceneModePicker": true,
+			"vrButton": true,
+			"fullscreenButton": true,
+			"navigationHelpButton": true,
+			"animation": false,
+			"timeline": false,
+			"infoBox": false,
+			"geocoder": false,
+			"selectionIndicator": false,
+			"contextmenu": {
+				"hasDefault": false
+			},
+			"mouseDownView": false,
+			"zoom": {
+				"insertIndex": 1
+			},
+			"compass": {
+				"bottom": "toolbar",
+				"left": "5px"
+			},
+			"distanceLegend": {
+				"left": "100px",
+				"bottom": "2px"
+			},
+			"locationBar": {
+				"fps":true,
+				"crs": "CGCS2000_GK_Zone_3",
+				"crsDecimal": 0,
+				"template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>"
+			}
+		},
+		"terrain": {
+			"type": "ion",
+			"requestWaterMask": true,
+			"requestVertexNormals": true,
+			"show":true
+		},
+		"basemaps": [{
+				"id": 10,
+				"name": "地图底图",
+				"type": "group"
+			},
+			{
+				"pid": 10,
+				"name": "天地图卫星",
+				"icon": "img/basemaps/tdt_img.png",
+				"type": "tdt",
+				"layer": "img_d",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": true
+			},
+			{
+				"pid": 10,
+				"name": "天地图电子",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [{
+						"name": "底图",
+						"type": "tdt",
+						"layer": "vec_d",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					},
+					{
+						"name": "注记",
+						"type": "tdt",
+						"layer": "vec_z",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					}
+				]
+			},
+			{
+				"pid": 10,
+				"name": "谷歌卫星",
+				"icon": "img/basemaps/google_img.png",
+				"type": "google",
+				"layer": "img_d"
+			},
+			{
+				"pid": 10,
+				"name": "ArcGIS卫星",
+				"icon": "img/basemaps/esriWorldImagery.png",
+				"type": "arcgis",
+				"url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "微软卫星",
+				"icon": "img/basemaps/bingAerial.png",
+				"type": "bing",
+				"key": "AuKhM0WRkjhX8E4y1OM0TukYycaw_4Vh3eSfXONDf7OARls-WEB3K_Rfx89bWxof",
+				"layer": "Aerial"
+			},
+			{
+				"pid": 10,
+				"id": 2017,
+				"name": "蓝色底图(GCJ02偏移)",
+				"icon": "img/basemaps/bd-c-midnight.png",
+				"crs": "gcj",
+				"type": "arcgis",
+				"url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "最新高清影像",
+				"type": "wms",
+				"url": "http://fx.hopetrytech.com:9007/geoserver/pingyi/wms",
+				"layers": "pingyi:pingyigaoqingyingxiang",
+				"crs": "EPSG:4326",
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": true,
+				"pickFeatureStyle": {
+					"clampToGround": true
+				},
+				"mapSplit": false,
+				"noCenter": true,
+				"show": false
+			},{
+				"pid": 10,
+				"name": "天地图注记",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [
+				  { "name": "注记", "type": "tdt", "layer": "vec_z" }
+				]
+			  }
+		],
+		"layers": [
+			{
+				"pid": 10,
+				"name": "天地图注记",
+				"type": "tdt",
+				"layer": "img_z",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": false
+			},
+			{
+				"id": 8090,
+				"name": "行政区划",
+				"type": "group"
+			},
+			{
+				"pid": 8090,
+				"type": "geojson",
+				"name": "县界",
+				"url": "/json/xianjie.json",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"fill": false,
+						"opacity": 0,
+						"outline": true,
+						"outlineColor": "#FED976",
+						"outlineWidth": 3,
+						"outlineOpacity": 1,
+						"perPositionHeight": false,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"opacity": 1,
+							"font_size": 30,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"outlineWidth": 3,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 2743804,
+							"scaleByDistance_farValue": 0.3,
+							"scaleByDistance_near": 10000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 2743804,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "{name}",
+				"show": true,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "镇界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuozhenjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "村界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:cunjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 10040,
+				"name": "其他信息",
+				"type": "group"
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "鬼谷庙",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Aguigumiao&maxFeatures=50&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/miao.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Amonitor&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='monitor_popup'><div class='popup-title'>视频监控</div><div class='popup-item'>设备名称：{name}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控计划",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashipinjiankongjihua&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "公墓林点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinqujilinyuangongmulin&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [
+					{
+						"field": "公墓林",
+						"name": "公墓林名称"
+					},
+					{
+						"field": "主要负",
+						"name": "主要负责人"
+					},
+					{
+						"field": "坟头数",
+						"name": "公墓个数"
+					},
+					{
+						"field": "镇级包",
+						"name": "镇级包管人员"
+					},
+					{
+						"field": "联系方",
+						"name": "镇级包管人员联系电话："
+					},
+					{
+						"field": "村级包",
+						"name": "村级包管人员"
+					},
+					{
+						"field": "联系_1",
+						"name": "村级包管人员联系电话"
+					},
+					{
+						"field": "距离",
+						"name": "林区林木距离"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘散坟点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E6%95%A3%E5%9D%9F&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/wuzichubei.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "散坟墓",
+						"name": "主要负责人："
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系方",
+						"name": "联系方式："
+					},
+					{
+						"field": "位置",
+						"name": "位置："
+					},
+					{
+						"field":"祭祀时",
+						"name":"祭祀时间："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人姓名："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人姓名："
+					},{
+						"field":"联系_12",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘重点人员",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E9%87%8D%E7%82%B9%E4%BA%BA%E5%91%98&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/hulinyuan.png",
+						"scale": 0.9,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "重点人",
+						"name": "重点人员姓名"
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系电",
+						"name": "联系方式："
+					},
+					{
+						"field": "类别_（",
+						"name": "类别："
+					},
+					{
+						"field":"生活、",
+						"name":"生活、生产是否存在室外用火："
+					},{
+						"field":"家庭成",
+						"name":"家庭成员是否吸烟行为："
+					},{
+						"field":"精神状",
+						"name":"精神状况："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人员："
+					},{
+						"field":"联系方",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人员："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 10044,
+				"name": "防火路线",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuolu_line",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "防火路点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Afanghuolu_point&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/jinchukou.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "检查站"
+					},
+					{
+						"field": "PopupInfo",
+						"name": "信息"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "检查站",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A86fanghuozhan&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/center.png",
+						"scale": 0.25,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='jianchazhan_popup'><div class='popup-title'>检查站</div><div class='popup-item'>检查站名称：{防火检}</div><div class='popup-item'>所属乡镇(林场)：{单位}</div><div class='popup-item'>坐标：{坐标}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 9059,
+				"name": "护林员",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "乡镇",
+						"name": "乡镇名称"
+					},
+					{
+						"field": "林场",
+						"name": "林场名称"
+					},
+					{
+						"field": "护林员",
+						"name": "护林员"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9090,
+				"name": "生态隔邻网",
+				"type": "group"
+			},
+			{
+				"pid": 9090,
+				"id": 9052,
+				"name": "自然保护地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:ziranbaohudi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9048,
+				"name": "生态保护观测站",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaohuguancezhan",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9041,
+				"name": "生态保育水池",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuxushuichi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9049,
+				"name": "生态保流溢坝",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtailiuyiba",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "隔离网",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ageliwang&maxFeatures=500&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 400,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#00ffff",
+							"opacity": 0.6,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+					},
+					"popup": "{name}",
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "核心区边界",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ahexinqubianjie&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 1000,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#f9d201",
+							"opacity": 0.7,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "绘标数据",
+				"url": "https://data.mars3d.cn/file/geojson/mars3d-draw.json",
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态保育管网",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuguanwang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},			  
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "生态保育通道",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashengtaibaoyutongdao&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"materialType": "LineFlow",
+						"image": "/img/textures/arrow.png",
+						"repeatX": 100,
+						"color": "#ffcd36",
+						"diffHeight": 471.33,
+						"fill": true,
+						"flow_speed": 10,
+						"grid_lineCount": 8,
+						"grid_lineThickness": 2,
+						"grid_cellAlpha": 0.1,
+						"stripe_oddcolor": "#ffffff",
+						"stripe_repeat": 6,
+						"checkerboard_oddcolor": "#ffffff",
+						"checkerboard_repeat": 4,
+						"opacity": 0.8,
+						"outlineWidth": 1,
+						"outlineColor": "#ffffff",
+						"outlineOpacity": 0.6,
+						"distanceDisplayCondition_far": 100000,
+						"speed": 10,
+						"repeat": 10,
+						"axisY": false,
+						"count": 1,
+						"font_family": "楷体",
+						"font_size": 30,
+						"font_weight": "normal",
+						"font_style": "normal",
+						"lineCount": 8,
+						"lineThickness": 2,
+						"cellAlpha": 0.1,
+						"evenColor": "#000000",
+						"oddColor": "#ffffff",
+						"closure": false,
+						"outline": false,
+						"distanceDisplayCondition": false,
+						"distanceDisplayCondition_near": 0,
+						"hasShadows": false,
+						"repeat_x": 10,
+						"repeat_y": 1
+					}
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态防护墙",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaifanghuqiang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 6040,
+				"name": "水源地",
+				"type": "group"
+			},{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(规划)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-creating.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(规划)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{Name}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>规划建设</span><span class='label-unit'></span></div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(已建成)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi_zeng&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-new.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(已建成)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{位置}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>已建成</span><span class='label-unit'></span></div></div><div class='data-li'><div class='data-label'>乡镇(林场)：</div><div class='data-value'>{乡镇}</div></div><div class='data-li'><div class='data-label'>位置：</div><div class='data-value'>{位置}</div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "水源地",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashuiyuandi_new&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water.png",
+						"scale": 0.8,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "水源地",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "信息："
+					}
+					
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "河流水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:heliushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "坑塘水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:kengtangshuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "水库水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shuikushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 8080,
+				"name": "道路",
+				"type": "group"
+			},
+			{
+				"pid": 8080,
+				"id": 9084,
+				"name": "补充道路",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:buchongdaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9082,
+				"name": "城镇村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:chengzhencundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9083,
+				"name": "公路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gonglu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9041,
+				"name": "农村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:nongcundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9085,
+				"name": "铁路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:tielu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9040,
+				"name": "林地",
+				"type": "group"
+			},
+			{
+				"pid": 9040,
+				"id": 9052,
+				"name": "一般公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "一般商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibanshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "重点公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdiangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9050,
+				"name": "重点商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdianshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"type": "geojson",
+				"name": "林场",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinchang&maxFeatures=10000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{Name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+					"field": "Nmae",
+					"name": "林场名称"
+				}],
+				"show": false,
+				"flyTo": false
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/.history/public/config/pingyixianConfig_20241028163317.json b/.history/public/config/pingyixianConfig_20241028163317.json
new file mode 100644
index 0000000..ca9a816
--- /dev/null
+++ b/.history/public/config/pingyixianConfig_20241028163317.json
@@ -0,0 +1,2023 @@
+{
+	"map3d": {
+		"scene": {
+			"center": {
+				"lat": 35.450434,
+				"lng": 117.81595,
+				"alt": 2657.5,
+				"heading": 19.7,
+				"pitch": -17
+			},
+			"scene3DOnly": false,
+			"shadows": false,
+			"removeDblClick": true,
+			"sceneMode": 3,
+			"showSun": true,
+			"showMoon": true,
+			"showSkyBox": true,
+			"showSkyAtmosphere": true,
+			"fog": true,
+			"fxaa": true,
+			"globe": {
+				
+			},
+			"cameraController": {
+				"zoomFactor": 3,
+				"minimumZoomDistance": 1,
+				"maximumZoomDistance": 50000000,
+				"enableRotate": true,
+				"enableTranslate": true,
+				"enableTilt": true,
+				"enableZoom": true,
+				"enableCollisionDetection": true
+			}
+		},
+		"control": {
+			"homeButton": true,
+			"baseLayerPicker": false,
+			"sceneModePicker": true,
+			"vrButton": true,
+			"fullscreenButton": true,
+			"navigationHelpButton": true,
+			"animation": false,
+			"timeline": false,
+			"infoBox": false,
+			"geocoder": false,
+			"selectionIndicator": false,
+			"contextmenu": {
+				"hasDefault": false
+			},
+			"mouseDownView": false,
+			"zoom": {
+				"insertIndex": 1
+			},
+			"compass": {
+				"bottom": "toolbar",
+				"left": "5px"
+			},
+			"distanceLegend": {
+				"left": "100px",
+				"bottom": "2px"
+			},
+			"locationBar": {
+				"fps":true,
+				"crs": "CGCS2000_GK_Zone_3",
+				"crsDecimal": 0,
+				"template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>"
+			}
+		},
+		"terrain": {
+			"type": "ion",
+			"requestWaterMask": true,
+			"requestVertexNormals": true,
+			"show":true
+		},
+		"basemaps": [{
+				"id": 10,
+				"name": "地图底图",
+				"type": "group"
+			},
+			{
+				"pid": 10,
+				"name": "天地图卫星",
+				"icon": "img/basemaps/tdt_img.png",
+				"type": "tdt",
+				"layer": "img_d",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": true
+			},
+			{
+				"pid": 10,
+				"name": "天地图电子",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [{
+						"name": "底图",
+						"type": "tdt",
+						"layer": "vec_d",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					},
+					{
+						"name": "注记",
+						"type": "tdt",
+						"layer": "vec_z",
+						"key": [
+							"b6585bc41ee16251dbe6b1af64f375d9"
+						]
+					}
+				]
+			},
+			{
+				"pid": 10,
+				"name": "谷歌卫星",
+				"icon": "img/basemaps/google_img.png",
+				"type": "google",
+				"layer": "img_d"
+			},
+			{
+				"pid": 10,
+				"name": "ArcGIS卫星",
+				"icon": "img/basemaps/esriWorldImagery.png",
+				"type": "arcgis",
+				"url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "微软卫星",
+				"icon": "img/basemaps/bingAerial.png",
+				"type": "bing",
+				"key": "AuKhM0WRkjhX8E4y1OM0TukYycaw_4Vh3eSfXONDf7OARls-WEB3K_Rfx89bWxof",
+				"layer": "Aerial"
+			},
+			{
+				"pid": 10,
+				"id": 2017,
+				"name": "蓝色底图(GCJ02偏移)",
+				"icon": "img/basemaps/bd-c-midnight.png",
+				"crs": "gcj",
+				"type": "arcgis",
+				"url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
+				"enablePickFeatures": false
+			},
+			{
+				"pid": 10,
+				"name": "最新高清影像",
+				"type": "wms",
+				"url": "http://fx.hopetrytech.com:9007/geoserver/pingyi/wms",
+				"layers": "pingyi:pingyigaoqingyingxiang",
+				"crs": "EPSG:4326",
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": true,
+				"pickFeatureStyle": {
+					"clampToGround": true
+				},
+				"mapSplit": false,
+				"noCenter": true,
+				"show": false
+			},{
+				"pid": 10,
+				"name": "天地图注记",
+				"icon": "img/basemaps/tdt_vec.png",
+				"type": "group",
+				"layers": [
+				  { "name": "注记", "type": "tdt", "layer": "vec_z" }
+				]
+			  }
+		],
+		"layers": [
+			{
+				"pid": 10,
+				"name": "天地图注记",
+				"type": "tdt",
+				"layer": "img_z",
+				"key": [
+					"b6585bc41ee16251dbe6b1af64f375d9"
+				],
+				"show": false
+			},
+			{
+				"id": 8090,
+				"name": "行政区划",
+				"type": "group"
+			},
+			{
+				"pid": 8090,
+				"type": "geojson",
+				"name": "县界",
+				"url": "/json/xianjie.json",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"fill": false,
+						"opacity": 0,
+						"outline": true,
+						"outlineColor": "#FED976",
+						"outlineWidth": 3,
+						"outlineOpacity": 1,
+						"perPositionHeight": false,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"opacity": 1,
+							"font_size": 30,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"outlineWidth": 3,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 2743804,
+							"scaleByDistance_farValue": 0.3,
+							"scaleByDistance_near": 10000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 2743804,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "{name}",
+				"show": true,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "镇界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuozhenjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8090,
+				"id": 9055,
+				"name": "村界",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:cunjie",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "地类名称"
+					},
+					{
+						"field": "",
+						"name": "线路材质"
+					},
+					{
+						"field": "DY",
+						"name": "线路电压"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 10040,
+				"name": "其他信息",
+				"type": "group"
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "鬼谷庙",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Aguigumiao&maxFeatures=50&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/miao.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Amonitor&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='monitor_popup'><div class='popup-title'>视频监控</div><div class='popup-item'>设备名称：{name}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "视频监控计划",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashipinjiankongjihua&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/monitor.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "公墓林点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinqujilinyuangongmulin&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [
+					{
+						"field": "公墓林",
+						"name": "公墓林名称"
+					},
+					{
+						"field": "主要负",
+						"name": "主要负责人"
+					},
+					{
+						"field": "坟头数",
+						"name": "公墓个数"
+					},
+					{
+						"field": "镇级包",
+						"name": "镇级包管人员"
+					},
+					{
+						"field": "联系方",
+						"name": "镇级包管人员联系电话："
+					},
+					{
+						"field": "村级包",
+						"name": "村级包管人员"
+					},
+					{
+						"field": "联系_1",
+						"name": "村级包管人员联系电话"
+					},
+					{
+						"field": "距离",
+						"name": "林区林木距离"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘散坟点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E6%95%A3%E5%9D%9F&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/wuzichubei.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "散坟墓",
+						"name": "主要负责人："
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系方",
+						"name": "联系方式："
+					},
+					{
+						"field": "位置",
+						"name": "位置："
+					},
+					{
+						"field":"祭祀时",
+						"name":"祭祀时间："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人姓名："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人姓名："
+					},{
+						"field":"联系_12",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "林缘重点人员",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A%E5%B9%B3%E9%82%91%E9%98%B2%E7%81%AB_%E6%9E%97%E5%8C%BA%E5%8F%8A%E6%9E%97%E7%BC%98%E9%87%8D%E7%82%B9%E4%BA%BA%E5%91%98&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/hulinyuan.png",
+						"scale": 0.9,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "镇名",
+						"name": "乡镇："
+					},
+					{
+						"field": "村居",
+						"name": "村居："
+					},
+					{
+						"field": "重点人",
+						"name": "重点人员姓名"
+					},
+					{
+						"field": "身份证",
+						"name": "身份证号："
+					},
+					{
+						"field": "联系电",
+						"name": "联系方式："
+					},
+					{
+						"field": "类别_（",
+						"name": "类别："
+					},
+					{
+						"field":"生活、",
+						"name":"生活、生产是否存在室外用火："
+					},{
+						"field":"家庭成",
+						"name":"家庭成员是否吸烟行为："
+					},{
+						"field":"精神状",
+						"name":"精神状况："
+					},{
+						"field":"镇级包",
+						"name":"镇级包保人员："
+					},{
+						"field":"联系方",
+						"name":"联系方式："
+					},{
+						"field":"村级包",
+						"name":"村级包保人员："
+					},{
+						"field":"联系_1",
+						"name":"联系方式："
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 10044,
+				"name": "防火路线",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:fanghuolu_line",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "防火路点",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Afanghuolu_point&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/jinchukou.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "检查站"
+					},
+					{
+						"field": "PopupInfo",
+						"name": "信息"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"type": "geojson",
+				"name": "检查站",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3A86fanghuozhan&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/center.png",
+						"scale": 0.25,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='popup-container' id='jianchazhan_popup'><div class='popup-title'>检查站</div><div class='popup-item'>检查站名称：{防火检}</div><div class='popup-item'>所属乡镇(林场)：{单位}</div><div class='popup-item'>坐标：{坐标}</div></div>",
+				"popupOptions":{
+					"offsetY":-30,
+					"template":"<div class='marsBlackPanel animation-spaceInDown'><div class='marsBlackPanel-text'>{content}</div><span class='mars3d-popup-close-button closeButton' >×</span></div>",
+					"horizontalOrigin":"Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin":"Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 10040,
+				"id": 9059,
+				"name": "护林员",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "乡镇",
+						"name": "乡镇名称"
+					},
+					{
+						"field": "林场",
+						"name": "林场名称"
+					},
+					{
+						"field": "护林员",
+						"name": "护林员"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9090,
+				"name": "生态隔邻网",
+				"type": "group"
+			},
+			{
+				"pid": 9090,
+				"id": 9052,
+				"name": "自然保护地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:ziranbaohudi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9048,
+				"name": "生态保护观测站",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaohuguancezhan",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9041,
+				"name": "生态保育水池",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuxushuichi",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9049,
+				"name": "生态保流溢坝",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtailiuyiba",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "隔离网",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ageliwang&maxFeatures=500&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 400,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#00ffff",
+							"opacity": 0.6,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+					},
+					"popup": "{name}",
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "核心区边界",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ahexinqubianjie&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"diffHeight": 1000,
+						"materialType": "LineFlow",
+						"materialOptions": {
+							"color": "#f9d201",
+							"opacity": 0.7,
+							"image": "/img/textures/fence.png",
+							"repeatX": 1,
+							"axisY": true,
+							"speed": 10,
+							"clampToGround": true
+						},
+						"highlight": {
+							"type": "click",
+							"color": "#ffff00",
+							"clampToGround": true
+						},
+						"clampToGround": true
+					},
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "绘标数据",
+				"url": "https://data.mars3d.cn/file/geojson/mars3d-draw.json",
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态保育管网",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaibaoyuguanwang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},			  
+			{
+				"pid": 9090,
+				"type": "geojson",
+				"name": "生态保育通道",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashengtaibaoyutongdao&maxFeatures=5000&outputFormat=application%2Fjson",
+				"symbol": {
+					"type": "wall",
+					"styleOptions": {
+						"materialType": "LineFlow",
+						"image": "/img/textures/arrow.png",
+						"repeatX": 100,
+						"color": "#ffcd36",
+						"diffHeight": 471.33,
+						"fill": true,
+						"flow_speed": 10,
+						"grid_lineCount": 8,
+						"grid_lineThickness": 2,
+						"grid_cellAlpha": 0.1,
+						"stripe_oddcolor": "#ffffff",
+						"stripe_repeat": 6,
+						"checkerboard_oddcolor": "#ffffff",
+						"checkerboard_repeat": 4,
+						"opacity": 0.8,
+						"outlineWidth": 1,
+						"outlineColor": "#ffffff",
+						"outlineOpacity": 0.6,
+						"distanceDisplayCondition_far": 100000,
+						"speed": 10,
+						"repeat": 10,
+						"axisY": false,
+						"count": 1,
+						"font_family": "楷体",
+						"font_size": 30,
+						"font_weight": "normal",
+						"font_style": "normal",
+						"lineCount": 8,
+						"lineThickness": 2,
+						"cellAlpha": 0.1,
+						"evenColor": "#000000",
+						"oddColor": "#ffffff",
+						"closure": false,
+						"outline": false,
+						"distanceDisplayCondition": false,
+						"distanceDisplayCondition_near": 0,
+						"hasShadows": false,
+						"repeat_x": 10,
+						"repeat_y": 1
+					}
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9090,
+				"id": 9055,
+				"name": "生态防护墙",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shengtaifanghuqiang",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 6040,
+				"name": "水源地",
+				"type": "group"
+			},{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(规划)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi&maxFeatures=1000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-creating.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(规划)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{Name}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>规划建设</span><span class='label-unit'></span></div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "蓄水池(已建成)",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Axushuichi_zeng&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water-new.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": "<div class='marsTiltPanel marsTiltPanel-theme-green'><div class='marsTiltPanel-wrap'><div class='area'><div class='arrow-lt'></div><div class='b-t'></div><div class='b-r'></div><div class='b-b'></div><div class='b-l'></div><div class='arrow-rb'></div><div class='label-wrap'><div class='title'>蓄水池(已建成)</div><div class='label-content'><div class='data-li'><div class='data-label'>蓄水池名称：</div><div class='data-value'>{位置}</div></div><div class='data-li'><div class='data-label'>蓄水量：</div><div class='data-value'><span class='label-num'>{value}</span><span class='label-unit'>m³</span></div></div><div class='data-li'><div class='data-label'>蓄水池状态：</div><div class='data-value'><span class='label-num'>已建成</span><span class='label-unit'></span></div></div><div class='data-li'><div class='data-label'>乡镇(林场)：</div><div class='data-value'>{乡镇}</div></div><div class='data-li'><div class='data-label'>位置：</div><div class='data-value'>{位置}</div></div></div></div></div><div class='b-t-l'></div><div class='b-b-r'></div></div><div class='arrow'></div></div>",
+				"popupOptions": {
+					"offsetY": -30,
+					"template": "{content}",
+					"horizontalOrigin": "Cesium.HorizontalOrigin.LEFT",
+					"verticalOrigin": "Cesium.VerticalOrigin.CENTER"
+				},
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"type": "geojson",
+				"name": "水源地",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Ashuiyuandi_new&maxFeatures=5000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/water.png",
+						"scale": 0.8,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "水源地",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+						"field": "Name",
+						"name": "信息："
+					}
+					
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "河流水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:heliushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "坑塘水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:kengtangshuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 6040,
+				"id": 9041,
+				"name": "水库水面",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:shuikushuimian",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 8080,
+				"name": "道路",
+				"type": "group"
+			},
+			{
+				"pid": 8080,
+				"id": 9084,
+				"name": "补充道路",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:buchongdaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9082,
+				"name": "城镇村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:chengzhencundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9083,
+				"name": "公路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:gonglu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9041,
+				"name": "农村道路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:nongcundaolu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 8080,
+				"id": 9085,
+				"name": "铁路用地",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:tielu",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+						"field": "DLMC",
+						"name": "道路分类"
+					},
+					{
+						"field": "QSDWMC",
+						"name": "所属村庄"
+					}
+				],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"id": 9040,
+				"name": "林地",
+				"type": "group"
+			},
+			{
+				"pid": 9040,
+				"id": 9052,
+				"name": "一般公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "一般商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:yibanshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9051,
+				"name": "重点公益林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdiangongyilin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"id": 9050,
+				"name": "重点商品林",
+				"type": "wms",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/wms",
+				"layers": "pingyixian:zhongdianshangpinlin",
+				"crs": "EPSG:4326",
+				"noCenter": true,
+				"parameters": {
+					"transparent": "true",
+					"format": "image/png"
+				},
+				"showClickFeature": false,
+				"pickFeatureStyle": {
+					"showTime": 10000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 1,
+					"outline": true,
+					"outlineWidth": 5,
+					"outlineColor": "#2deaf7",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"highlight": {
+					"showTime": 5000,
+					"fill": true,
+					"color": "#2deaf7",
+					"opacity": 0.6,
+					"outline": true,
+					"outlineWidth": 3,
+					"outlineColor": "#e000d9",
+					"outlineOpacity": 1,
+					"clampToGround": true
+				},
+				"popup": [{
+					"field": "DLMC",
+					"name": "地类名称"
+				}],
+				"show": false,
+				"flyTo": false
+			},
+			{
+				"pid": 9040,
+				"type": "geojson",
+				"name": "林场",
+				"url": "http://175.27.168.120:8080/geoserver/pingyixian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=pingyixian%3Alinchang&maxFeatures=10000&outputFormat=application%2Fjson",
+				"noCenter": true,
+				"symbol": {
+					"styleOptions": {
+						"image": "/img/slbh.png",
+						"scale": 0.5,
+						"scaleByDistance": true,
+						"scaleByDistance_far": 20000,
+						"scaleByDistance_farValue": 0.5,
+						"scaleByDistance_near": 1000,
+						"scaleByDistance_nearValue": 1,
+						"verticalOrigin": 1,
+						"horizontalOrigin": 0,
+						"clampToGround": true,
+						"label": {
+							"text": "{Name}",
+							"font_size": 15,
+							"color": "#ffffff",
+							"outline": true,
+							"outlineColor": "#000000",
+							"pixelOffsetY": 10,
+							"scaleByDistance": true,
+							"scaleByDistance_far": 80000,
+							"scaleByDistance_farValue": 0.5,
+							"scaleByDistance_near": 1000,
+							"scaleByDistance_nearValue": 1,
+							"distanceDisplayCondition": true,
+							"distanceDisplayCondition_far": 80000,
+							"distanceDisplayCondition_near": 0
+						}
+					}
+				},
+				"popup": [{
+					"field": "Nmae",
+					"name": "林场名称"
+				}],
+				"show": false,
+				"flyTo": false
+			}
+		]
+	}
+}
\ No newline at end of file
diff --git a/.history/public/index_20231220162640.html b/.history/public/index_20231220162640.html
new file mode 100644
index 0000000..67c3d5b
--- /dev/null
+++ b/.history/public/index_20231220162640.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="author" content="山东慧创 http://www.hopetrytech.com ">
+    <link rel="icon" href="<%= BASE_URL %>sitelogo.jpg">
+    <title>平邑县森林火灾指挥调度系统</title>
+    <style>
+      .popup-container{
+        text-align:left;
+      }
+    </style>
+    <!--第三方lib-->
+    <script
+      type="text/javascript"
+      src="lib/include-lib.js?time=20210105"
+      libpath="lib/"
+      include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome,web-icons,layer,haoutil,
+      nprogress,toastr,admui,turf,mars3d,mars3d-widget,mars3d-esri,mars3d-echarts"
+    ></script>
+
+
+    <script  type="text/javascript" src="imouPlayer.js"></script>
+    <link rel="stylesheet" href="index.css">
+    <script>
+      console.log("imouPlayer",imouPlayer)
+    </script>
+    <link rel="stylesheet" href="./css/divGraphic.css">
+  </head>
+  <body style="padding:0px;overflow: hidden;">
+    <noscript>
+      <strong>非常抱歉 <%= htmlWebpackPlugin.options.title %>当前浏览器不支持脚本运行，请进行设置.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
\ No newline at end of file
diff --git a/.history/public/index_20241112091856.html b/.history/public/index_20241112091856.html
new file mode 100644
index 0000000..d7dff66
--- /dev/null
+++ b/.history/public/index_20241112091856.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="author" content="山东慧创 http://www.hopetrytech.com ">
+    <link rel="icon" href="<%= BASE_URL %>sitelogo.jpg">
+    <title>平邑县森林防火指挥调度系统</title>
+    <style>
+      .popup-container{
+        text-align:left;
+      }
+    </style>
+    <!--第三方lib-->
+    <script
+      type="text/javascript"
+      src="lib/include-lib.js?time=20210105"
+      libpath="lib/"
+      include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome,web-icons,layer,haoutil,
+      nprogress,toastr,admui,turf,mars3d,mars3d-widget,mars3d-esri,mars3d-echarts"
+    ></script>
+
+
+    <script  type="text/javascript" src="imouPlayer.js"></script>
+    <link rel="stylesheet" href="index.css">
+    <script>
+      console.log("imouPlayer",imouPlayer)
+    </script>
+    <link rel="stylesheet" href="./css/divGraphic.css">
+  </head>
+  <body style="padding:0px;overflow: hidden;">
+    <noscript>
+      <strong>非常抱歉 <%= htmlWebpackPlugin.options.title %>当前浏览器不支持脚本运行，请进行设置.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
\ No newline at end of file
diff --git a/.history/src/views/dashboard/admin/index_20230925084406.vue b/.history/src/views/dashboard/admin/index_20230925084406.vue
new file mode 100644
index 0000000..db0eb59
--- /dev/null
+++ b/.history/src/views/dashboard/admin/index_20230925084406.vue
@@ -0,0 +1,44 @@
+<template>
+  
+<div class="dashboard-container">
+  <h1>平邑县森林火灾指挥调度系统管理后台</h1>
+</div>
+</template>
+
+<script>
+  // import PanelGroup from './components/PanelGroup'
+
+  export default {
+    name: 'dashboard-admin',
+    components: {
+      // PanelGroup
+    },
+
+    methods: {
+      toAttractPage:function(){
+          this.$router.push({
+              path: '/attract'
+            })
+      },
+    }
+  }
+
+</script>
+
+<style >
+.dashboard-container {
+    padding-top: 20px;
+    background-image: url('~@/assets/nav/bg.png');
+    height: 100%;
+    width: 100%;
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: center;
+}
+.dashboard-container h1{
+  color: aliceblue;
+  font-size: 38px;
+  margin-top: 400px;
+
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/dashboard/admin/index_20241112091856.vue b/.history/src/views/dashboard/admin/index_20241112091856.vue
new file mode 100644
index 0000000..7ca6680
--- /dev/null
+++ b/.history/src/views/dashboard/admin/index_20241112091856.vue
@@ -0,0 +1,44 @@
+<template>
+  
+<div class="dashboard-container">
+  <h1>平邑县森林防火指挥调度系统管理后台</h1>
+</div>
+</template>
+
+<script>
+  // import PanelGroup from './components/PanelGroup'
+
+  export default {
+    name: 'dashboard-admin',
+    components: {
+      // PanelGroup
+    },
+
+    methods: {
+      toAttractPage:function(){
+          this.$router.push({
+              path: '/attract'
+            })
+      },
+    }
+  }
+
+</script>
+
+<style >
+.dashboard-container {
+    padding-top: 20px;
+    background-image: url('~@/assets/nav/bg.png');
+    height: 100%;
+    width: 100%;
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: center;
+}
+.dashboard-container h1{
+  color: aliceblue;
+  font-size: 38px;
+  margin-top: 400px;
+
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20240514152009.vue b/.history/src/views/home/index_20240514152009.vue
new file mode 100644
index 0000000..20b956d
--- /dev/null
+++ b/.history/src/views/home/index_20240514152009.vue
@@ -0,0 +1,1992 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("unitName") == "null" || localStorage.getItem("unitName") == "undefined") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241021095826.vue b/.history/src/views/home/index_20241021095826.vue
new file mode 100644
index 0000000..b16661b
--- /dev/null
+++ b/.history/src/views/home/index_20241021095826.vue
@@ -0,0 +1,2101 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("unitName") == "null" || localStorage.getItem("unitName") == "undefined") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241021100232.vue b/.history/src/views/home/index_20241021100232.vue
new file mode 100644
index 0000000..b16661b
--- /dev/null
+++ b/.history/src/views/home/index_20241021100232.vue
@@ -0,0 +1,2101 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("unitName") == "null" || localStorage.getItem("unitName") == "undefined") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241022112633.vue b/.history/src/views/home/index_20241022112633.vue
new file mode 100644
index 0000000..b397442
--- /dev/null
+++ b/.history/src/views/home/index_20241022112633.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("unitName") == "null" || localStorage.getItem("unitName") == "undefined") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241022113712.vue b/.history/src/views/home/index_20241022113712.vue
new file mode 100644
index 0000000..b397442
--- /dev/null
+++ b/.history/src/views/home/index_20241022113712.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("unitName") == "null" || localStorage.getItem("unitName") == "undefined") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241028114111.vue b/.history/src/views/home/index_20241028114111.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241028114111.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241028114113.vue b/.history/src/views/home/index_20241028114113.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241028114113.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241028132950.vue b/.history/src/views/home/index_20241028132950.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241028132950.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241028155354.vue b/.history/src/views/home/index_20241028155354.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241028155354.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241028155407.vue b/.history/src/views/home/index_20241028155407.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241028155407.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241112091902.vue b/.history/src/views/home/index_20241112091902.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241112091902.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241112091941.vue b/.history/src/views/home/index_20241112091941.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241112091941.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/index_20241112092626.vue b/.history/src/views/home/index_20241112092626.vue
new file mode 100644
index 0000000..008352e
--- /dev/null
+++ b/.history/src/views/home/index_20241112092626.vue
@@ -0,0 +1,2100 @@
+<template>
+  <div id="centerDiv" class="mapcontainer" >
+    <!-- 头部 -->
+    <div class="el-header">
+      <div class="newworkstate">
+        网络状态：<span
+          :style="{
+            color: newworkstate == '网络正常' ? '#67C23A' : '#E6A23C',
+          }"
+          >{{ newworkstate }}</span
+        >
+      </div>
+      <div class="app-name">{{ appName }}</div>
+
+      <div class="header-info" style="z-index: 9999999999999999">
+        <!-- 天气中心 -->
+        <div class="weather-info">
+          <div class="weater">{{ weater }}</div>
+          <div class="temperature">{{ temperature }}</div>
+        </div>
+        <!-- 时间中心 -->
+        <div class="time-info">
+          <div class="time-time-info">{{ time }}</div>
+          <div class="time-date-info">{{ date }}</div>
+        </div>
+        <!-- 退出按钮 -->
+        <div
+          class="logout-button"
+          style="
+            position: relative;
+            z-index: 999999999999999999999999999999999999999999;"
+          @click="logout()"
+        ></div>
+      </div>
+    </div>
+
+    <!-- 快捷按钮 -->
+    <div class="shortcut-button">
+      <!-- <div class="quick-button" v-if="appTools['toolsbox']" @click="toolsShow = !toolsShow">常用工具</div> -->
+
+      <!-- <div class="quick-button" v-if="appTools['uavbox']" @click="uavShow = !uavShow">视频巡航</div> -->
+
+      <div
+        class="quick-button"
+        v-if="appTools['routebox']"
+        @click="routeShow = !routeShow"
+      >
+        路线规划
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['monitorbox']"
+        @click="monitorShow = !monitorShow"
+      >
+        视频监控
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['griderbox']"
+        @click="griderShow = !griderShow"
+      >
+        网格管理
+      </div>
+
+      <div
+        class="quick-button"
+        v-if="appTools['reportbox']"
+        @click="reportlistShow = !reportlistShow"
+      >
+        线索上报
+      </div>
+
+      <div class="quick-button" @click="updatePersonalData">现场人员</div>
+
+      <div class="quick-button" @click="showHistoryLabel">历史标注</div>
+
+      <div class="quick-button" @click="showMonitoringList">单兵设备</div>
+
+      <div class="quick-button" @click="showDajiSiKong">大疆司空</div>
+
+      <div class="quick-button" @click="showDajiSiYun">大疆司运</div>
+    </div>
+
+    <!-- 搜索框 -->
+    <div class="search-container" v-if="finishLoadMap">
+      <search ></search>
+    </div>
+
+    <!-- 地图 -->
+    <Map
+      style="width: 100%; height: 100vh"
+      :url="configUrl"
+      :widgetUrl="widgetUrl"
+      @onload="onMapload"
+    />
+
+    <!--  -->
+
+    <!-- 工具箱 -->
+    <div class="tools">
+      <div class="tools-box" v-show="toolsShow && appTools['toolsbox']">
+        <!-- <toolbox :globalmap="globalmap"></toolbox> -->
+      </div>
+
+      <div class="left-container-box" v-show="socketBoxVisible && finishLoadMap">
+        <div class="search-button" style="width:40px;height:40px;position:absolute;right:10px;top:10px;z-index:666;color:#fff;" @click="onlineuserBoxShow=true">
+          <i class="el-icon el-icon-search"></i>
+        </div>
+        <div class="monitor">
+          <userpoint :list="onlineuserList"></userpoint>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 监控列表 -->
+        <div class="monitor" v-if="monitorShow && appTools['monitorbox']">
+          <monitorbox @showLCmonitorbox="showLCmonitorbox"></monitorbox>
+        </div>
+        <!-- 乐橙监控 -->
+        <div class="monitor" v-if="LCmonitorboxShow">
+          <div class="close-button" @click="LCmonitorboxShow = false">
+            <i class="el-icon el-icon-close"></i>
+          </div>
+          <LCmonitorbox
+            v-if="LCmonitorboxShow"
+            :deviceId="deviceId"
+            :channelId="channelId"
+          ></LCmonitorbox>
+        </div>
+      </div>
+
+      <div class="left-container-box">
+        <!-- 上报线索 -->
+        <div class="huoqing-box"  v-if="reportlistShow && finishLoadMap" >
+          <reportlist
+            @close="reportlistShow = false"
+            :mergeSuccessRandom="mergeSuccessRandom"
+            @wuzi="wuzi"
+            @shuiyuan="shuiyuan"
+            @getTaskListSocket="getTaskList"
+            @getlistSocket="reportlistShow = true"
+            @jiankong="jiankong"
+            @renyuan="renyuan"
+            @merge="handlerMerge"
+            @changeCurrentInfo="changeCurrentInfo"
+            @dealPoint="dealPoint"
+            :checkList="checkList"
+            :checkNumber="checkNumber"
+          ></reportlist>
+        </div>
+
+        <!-- 线索合并 -->
+        <div class="merage-box" v-if="mergeboxShow && finishLoadMap">
+          <mergebox
+            @wuzi="wuzi"
+            @changeCurrentInfo="changeCurrentInfo"
+            @clsoe="mergeboxShow = false"
+            @success="mergeSuccess"
+            :checkList="merageList"
+            :checkNumber="checkNumber"
+          ></mergebox>
+        </div>
+
+        <div class="bottom-tools-container">
+          <!-- 无人机 -->
+          <div class="uav" v-if="uavShow && appTools['uavbox']">
+            <uavbox></uavbox>
+          </div>
+
+          <!-- 最优路线规划 -->
+          <div class="route" v-show="routeShow && appTools['routebox'] && finishLoadMap" v-drag>
+            <routebox></routebox>
+          </div>
+
+          <div class="monitor" v-if="videoCallShow">
+            <!-- <div class="close-button" @click="videoCallShow = false">
+            <i class='el-icon el-icon-close'></i>
+          </div> -->
+            <videocall @endVideoCall="endVideoCall"></videocall>
+          </div>
+
+          <div
+            class="monitor"
+            style="
+              width: 100vw;
+              height: 100vh;
+              position: fixed;
+              top: 0px;
+              left: 0px;
+              z-index: 999999;
+            "
+            v-if="HKmonitorboxShow"
+          >
+            <div
+              class="close-button"
+              style="
+                position: absolute;
+                top: calc(50% - 170px);
+                left: calc(50% + 200px);
+                transform: translate(-50%, -50%);
+              "
+              @click="HKmonitorboxShow = false"
+            >
+              <i class="el-icon el-icon-close"></i>
+            </div>
+            <HKmonitorbox
+              v-if="HKmonitorboxShow"
+              :deviceId="deviceId"
+              :channelId="channelId"
+            ></HKmonitorbox>
+          </div>
+        </div>
+      </div>
+      <!-- 火情调度 -->
+      <div class="situation" v-if="reportSituationShow">
+        <div class="situation-info">
+          <p>
+            <span>火情描述：{{ currentInfo.describe }}</span>
+          </p>
+          <p>
+            <span>上报人员：{{ currentInfo.reportPerson }}</span>
+            <span style="float: right"
+              >上报时间：{{ currentInfo.reportTime }}</span
+            >
+          </p>
+          <p>
+            <span>预估火点：{{ currentInfo.address }} </span>
+            <span>
+              <el-button
+                type="primary"
+                size="mini"
+                icon="el-icon-location-information"
+              ></el-button>
+            </span>
+          </p>
+        </div>
+        <div class="situation-tab-container">
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 1 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 1"
+          >
+            火情动态
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 2 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 2"
+          >
+            任务下发
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 3 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 3"
+          >
+            附近水源
+          </div>
+          <div
+            class="situation-tab"
+            :style="{
+              'border-bottom': active == 4 ? '3px solid #01D6D5' : '0px',
+            }"
+            @click="active = 4"
+          >
+            物资调度
+          </div>
+        </div>
+        <!-- 火情动态 -->
+        <trendsbox v-show="active == 1"></trendsbox>
+
+        <!-- 任务下发 -->
+        <taskbox v-show="active == 2 && finishLoadMap"></taskbox>
+
+        <!-- 监控列表 -->
+      </div>
+    </div>
+
+    <!-- 人员 -->
+    <div class="personnel-container" v-if="personVisible && finishLoadMap" v-drag>
+      <personnel
+        :fireData="currentInfo"
+        @close="personVisible = false"
+        @videoCall="videoCall"
+      ></personnel>
+    </div>
+
+    <!-- 物资 -->
+    <div class="goods-container" v-if="goodsVisible" v-drag>
+      <goodsbox
+        :endLngLat="endLngLat"
+        @close="goodsVisible = false"
+      ></goodsbox>
+    </div>
+
+    <!-- 图层信息编辑 -->
+    <div class="editor-box" v-drag v-if="editorVisible">
+      <editorbox
+        :editData="editData"
+        :tableName="tableName"
+        :showFields="showFields"
+        @close="editSuccess"
+      ></editorbox>
+    </div>
+
+    <!--  -->
+
+    <!-- 水源 -->
+    <div class="goods-container" v-if="waterVisible && finishLoadMap" v-drag>
+      <waterbox
+        :waterCenter="waterCenter"
+        @close="closeWaterlayer()"
+      ></waterbox>
+    </div>
+
+    <!-- 网格化管理 -->
+    <div class="grid-container" v-show="appTools['griderbox'] && griderShow">
+      <gridbox></gridbox>
+    </div>
+
+    <!-- 右键点击设置 -->
+    <div v-if="setVisibleShow && finishLoadMap">
+      <rightclicksetting
+        :type="rightType"
+        :clickdata="setDatas"
+        @close="rightType = 0;setVisibleShow=false;"
+      ></rightclicksetting>
+    </div>
+    <!-- socket -->
+    <!-- <div class="socket-container"> -->
+    <div class="" v-if="finishLoadMap">
+      <socketDiaBox
+        :showOnlineUser="socketBoxVisible"
+        @videoCall="videoCall"
+      ></socketDiaBox>
+    </div>
+
+    <!-- 火情上报 -->
+    <!-- <div class="report" v-if="appTools['reportbox']">
+        <reportbox @getAllReportList="getAllReportList"></reportbox>
+      </div> -->
+    <!-- 任务下发 -->
+    <div class="task" v-if="taskDeliveryShow && finishLoadMap" v-drag>
+      <taskDelivery
+        @closeTask="closeTask"
+        :lng="tasklng"
+        :lat="tasklat"
+      ></taskDelivery>
+    </div>
+    <!-- 脚部 -->
+    <div class="footer">
+      <div class="base-layer-change-button" @click="addTileLayer('vec_d')">
+        电子地图
+      </div>
+      <div
+        class="base-layer-change-button"
+        :style="{ 'margin-right': '40px' }"
+        @click="addTileLayer('img_d')"
+      >
+        卫星地图
+      </div>
+    </div>
+
+
+    <!-- 在线人员弹窗 -->
+    <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
+      <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <OnLineUser @updateOnlineUserList="updateOnlineUserList"></OnLineUser>
+    </div>
+
+    <!-- 单兵设备弹窗 -->
+    <div class="IndividualEquipment-container" v-show="IndividualEquipmentShow"  >
+      <div class="onlineuser-box-close-button" @click="closeIndividualEquipment">
+          <img src="/img/online-user-close-button.png" style="width:30px;height:30px;" alt="">
+      </div>
+      <MonitoringList v-if="IndividualEquipmentShow"></MonitoringList>
+    </div>
+
+  </div>
+
+
+</template>
+
+<script>
+// 请求接口获取全部路由和工具箱信息
+import { getModules } from "@/api/modules.js";
+
+import drag from '../../utils/draged';
+import AppConfigInfo from "../../../public/config/app.json";
+import $ from "jquery";
+import Map from "@/components/mars3d/Map.vue";
+import widgetdiv from "@/components/Widget/index.vue";
+import Uavbox from "./widget/uavbox.vue";
+// import toolbox from "./widget/toolbox.vue";
+import monitorbox from "./widget/monitorbox.vue";
+import routebox from "./widget/routebox.vue";
+import waterbox from "./widget/waterbox.vue";
+import reportlist from "./widget/reportlist.vue";
+import goodsbox from "./widget/goodsbox.vue";
+import trendsbox from "./widget/trendsbox.vue";
+import taskbox from "./widget/taskbox.vue";
+import gridbox from "./widget/gridbox.vue";
+import LCmonitorbox from "./widget/LCmonitorbox.vue";
+import HKmonitorbox from "./widget/HKmonitorbox.vue";
+import videocall from "./widget/videocallbox.vue";
+import personnel from "./widget/personnel.vue";
+import taskDelivery from "./widget/taskDelivery.vue";
+import axios from "axios";
+import jQuery from "jquery";
+import { mask } from "@turf/turf";
+import mergebox from "./widget/mergebox.vue";
+import rightclicksetting from "./widget/rightclick.vue";
+import socketDiaBox from "./widget/socketdiabox.vue";
+import userpoint from "./widget/userpoint.vue";
+import editorbox from "./widget/editorbox";
+import search from "./widget/search";
+// import MonitoringList from "./widget/monitoringList.vue";
+import MonitoringList from "./widget/IndividualEquipment.vue";
+import videoConfig from "./lib/videoConfig.json";
+import {compareArray} from './lib/compareArray.js'
+import OnLineUser from './widget/onlineuserbox.vue'
+
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
+let BASE_URL = process.env.VUE_APP_BASE_API;
+export default {
+  name: "business",
+  components: {
+    Map,
+    // widgetdiv,
+    Uavbox,
+    // toolbox,
+    monitorbox,
+    routebox,
+    waterbox,
+    // reportbox,
+    goodsbox,
+    reportlist,
+    trendsbox,
+    taskbox,
+    gridbox,
+    LCmonitorbox,
+    HKmonitorbox,
+    mergebox,
+    personnel,
+    videocall,
+    rightclicksetting,
+    socketDiaBox,
+    taskDelivery,
+    userpoint,
+    editorbox,
+    search,
+    MonitoringList,
+    OnLineUser
+  },
+
+  data() {
+    return {
+      endLngLat: null,
+      appName: null,
+      appTools: null,
+      toolsShow: false,
+      routeShow: false,
+      uavShow: false,
+      monitorShow: true,
+      griderShow: false,
+      reportSituationShow: false,
+      reportlistShow: true,
+      waterCenter: null,
+      date: null,
+      time: null,
+      weater: null,
+      temperature: null,
+      globalmap: null,
+      // configUrl: "config/config.json",
+      configUrl: "config/" + localStorage.getItem("areaName") + "Config.json",
+      widgetUrl: "config/widget.json",
+      tileLayer: null,
+      active: 1,
+      personVisible: false,
+      goodsVisible: false,
+      waterVisible: false,
+      currentInfo: {},
+      LCmonitorboxShow: false,
+      HKmonitorboxShow: false,
+      deviceId: null,
+      channelId: null,
+      checkList: [],
+      checkNumber: [],
+      mergeboxShow: false,
+      mergeSuccessRandom: 1,
+      rightType: 5,
+      setDatas: {},
+      setVisibleShow: false,
+      videoCallShow: false,
+      socketBoxVisible: true,
+      taskDeliveryShow: false,
+      tasklng: "",
+      tasklat: "",
+      friePointLayer: null,
+      taskList: [],
+      oldTaskList:[],
+      taskGraphicLayer: null,
+      newworkstate: null,
+      editorVisible: false,
+      tableName: null,
+      editData: null,
+      showFields: null,
+      icvGraphicLayer: null,
+      currentGraphic:null,
+      finishLoadMap:false,
+      onlineuserBoxShow:false,
+      onlineuserList:[],
+      merageList:[],
+      IndividualEquipmentShow:false,
+    };
+  },
+
+  mounted() {
+    let _this = this;
+    this.getNetWorkState();
+  },
+  created() {
+    window.AppConfig = AppConfigInfo[localStorage.getItem("areaName")];
+    this.appName = AppConfig.appname;
+    this.appTools = AppConfig.tools;
+    let _this = this;
+    // 每秒更新日期时间
+    setInterval(function () {
+      _this.handlerTime();
+    }, 1000);
+
+    // 获取天气
+    this.getWeater();
+
+    //脱敏
+    window.hiddenReadData = function (e) {
+      e.innerHTML = e
+        .getAttribute("data-phone")
+        .replace(/(\d{3})\d*(\d{4})/, "$1****$2");
+    };
+    window.showReadData = function (e) {
+      e.innerHTML = e.getAttribute("data-phone");
+    };
+
+    window.lookMonitorByMonitorLayer = this.lookMonitorByMonitorLayer;
+
+    // 视频通话
+    window.videoCall = this.videoCall;
+
+    window.shuiyuan = this.shuiyuan;
+
+    window.delFirePoint = this.delFirePoint;
+
+    window.delTaskPoint = this.delTaskPoint;
+
+    window.editlayerinfo = this.editlayerinfo;
+
+    this.getIcvLocation();
+  },
+  methods: {
+    handlerMerge(){
+      let data =[...this.checkList]
+      this.merageList = data
+      this.mergeboxShow = true
+    },
+    dealPoint(){
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+    },
+    updateOnlineUserList(val){
+      this.onlineuserList = val;
+    },
+    updatePersonalData() {
+      this.socketBoxVisible = !this.socketBoxVisible;
+    },
+    // 查看历史标注
+    showHistoryLabel() {
+      this.rightType = 4;
+      this.setVisibleShow = true;
+    },
+    // 获取网络状态
+    getNetWorkState() {
+      if (window.navigator.onLine) {
+        this.newworkstate = "网络正常";
+      } else {
+        this.newworkstate = "网络断开";
+      }
+
+      let _this = this;
+
+      window.addEventListener("online", function (e) {
+        _this.newworkstate = "网络正常";
+      });
+
+      window.addEventListener("offline", function (e) {
+        _this.newworkstate = "网络断开";
+        _this.$message({
+          type: "error",
+          message: "网络已断开！",
+        });
+      });
+    },
+    closeWaterlayer() {
+      this.waterVisible = false;
+    },
+    // 监控列表
+    showMonitoringList() {
+      // this.IndividualEquipmentShow = true;
+      // window.location.href = ""
+
+        let wind = window.open("/videostreamplatform.html","视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "单兵设备列表";
+        }
+    },
+
+    showDajiSiKong(){
+      let wind = window.open("https://fh.dji.com/organization/56c19009-f83c-4352-888b-7dd924b2498c/project-list#/","大疆司空", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司空";
+        }
+    },
+    showDajiSiYun(){
+      let wind = window.open("https://dh.dji.com/group/2561a1f8-483c-421c-be8c-3cf99b8bfdae/team#/monitor","大疆司运", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=1280,height=768");
+        wind.onload = function(){
+            wind.document.title = "大疆司运";
+        }
+    },
+    closeIndividualEquipment(){
+      // document.getElementById("icvs-iframe")
+
+      var iframe = document.getElementById('icvs-iframe');
+      iframe.parentNode.removeChild(iframe);
+      window.resizeTo(1920,1080)
+      this.IndividualEquipmentShow = false;
+    },
+    // 绘制所有摄像机位置
+    async getIcvLocation() {
+      let that = this;
+      let token;
+      // 设备列表
+      let facilityList = [];
+      // 摄像机列表
+      let icvList = [];
+      // 请求token
+      let params = {
+        address: videoConfig.connParams.address,
+        port: videoConfig.connParams.port,
+        user: videoConfig.connParams.user,
+        password: videoConfig.connParams.password,
+        epid: videoConfig.connParams.epid,
+        fixaddr: videoConfig.connParams.bfix,
+      };
+      await axios({
+        method: "post",
+        url: `${videoConfig.q2http_url}login`,
+        data: params,
+      }).then((res) => {
+        let data = res.data;
+        token = data.token;
+      });
+      // 获取设备列表接口
+      await axios({
+        method: "get",
+        url: `${videoConfig.q2http_url}CAS/C_CAS_QueryPUIDSets`,
+        params: {
+          offset: 0,
+          count: 200,
+          token: token,
+        },
+      }).then((res) => {
+        let data = res.data;
+        data.map((item) => {
+          item.id = item.$;
+          item.label = item.Name;
+          facilityList.push(item);
+        });
+      });
+      // 获取摄像机所有列表
+      for (let i = 0; i < facilityList.length; i++) {
+        let items = facilityList[i];
+        await axios({
+          method: "post",
+          url: `${videoConfig.q2http_url}C_CAS_QueryPUIDRes`,
+          params: {
+            token: token,
+          },
+          data: {
+            puid: items.id,
+          },
+        }).then((res) => {
+          let data = res.data["Res"];
+          data.map((item) => {
+            if (item.Type == "IV") {
+              item.label = item.Name;
+              item.id = item.Name;
+              item.puid = items.id;
+              icvList.push(item);
+            }
+          });
+        });
+      }
+
+      if (this.icvGraphicLayer) {
+        this.icvGraphicLayer.clear();
+      } else {
+        this.icvGraphicLayer = new this.mars3d.layer.GraphicLayer();
+        window.globalmap.addLayer(this.icvGraphicLayer);
+      }
+      // 获取摄像机位置
+      // axios({
+      //   method: "post",
+      //   url: `${videoConfig.q2http_url}GPS/C_GS_QueryLastGPSData`,
+      //   params: {
+      //     token: token,
+      //   },
+      //   data: {
+      //     equipment: icvList,
+      //   },
+      // }).then((res) => {
+      //   let list = res.data.Res;
+      //   console.error(list);
+      //   list.map((item) => {
+      //     let graphic = new mars3d.graphic.BillboardEntity({
+      //       position: [
+      //         parseFloat(item.GPS.Longitude),
+      //         parseFloat(item.GPS.Latitude),
+      //       ],
+      //       style: {
+      //         image: "/img/marktask.png",
+      //         clampToGround: true,
+      //         scale: 0.4,
+      //         label: {
+      //           text: "摄像机位置",
+      //           font_size: 14,
+      //           color: "#ffffff",
+      //           pixelOffsetY: 10,
+      //           distanceDisplayCondition: true,
+      //         },
+      //       },
+      //       attr: { remark: "摄像机位置", ...item, token: token },
+      //     });
+      //     graphic.on(mars3d.EventType.click, (e) => {
+      //       that.$refs.monitoringLists.loadVideoAndShow(e.target.options.attr);
+      //     });
+      //     that.icvGraphicLayer.addGraphic(graphic);
+      //     // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      //   });
+      // });
+    },
+    // 获取下发任务列表
+    getTaskList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/LoadAllTask",
+        params: {
+          pageIndex: 1,
+          pageSize: 999,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.taskList = res.data.data;
+          this.drawTaskPoint();
+        }
+      });
+    },
+    // 绘制任务点图标
+    drawTaskPoint() {
+      // 通过新老数组比较，获取新增、删除、更新的数据
+      let compareResult = compareArray(this.oldTaskList,this.taskList,'id');
+      // 如果有新增的任务点
+      if(compareResult.add.length > 0){
+            // 第一次添加时叠加图层
+            // if(this.graphicLayer == null) {
+            //     this.graphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.graphicLayer);
+            // }
+            this.taskList.forEach((item, index) => {
+              let delTask =localStorage.getItem("unitName") != "null" ? "" : `<span id="lablCSFM2" onclick="delTaskPoint(${item.id})"  class="label-tag data-value-status-3" title="删除任务点">删除任务点</span>`;
+             
+              let graphic = new mars3d.graphic.BillboardPrimitive({
+                id:item.id,
+                position: [parseFloat(item.lng), parseFloat(item.lat)],
+                style: {
+                  image: "/img/marktask.png",
+                  horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  clampToGround: true,
+                  scale: 0.4,
+                  label: {
+                    text: "任务点",
+                    font_size: 14,
+                    color: "#ffffff",
+                    pixelOffsetY: 10,
+                    distanceDisplayCondition: true,
+                    distanceDisplayCondition_far: 500000,
+                    distanceDisplayCondition_near: 0,
+                  },
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                  <div class="marsTiltPanel-wrap">
+                      <div class="area">
+                          <div class="arrow-lt"></div>
+                          <div class="b-t"></div>
+                          <div class="b-r"></div>
+                          <div class="b-b"></div>
+                          <div class="b-l"></div>
+                          <div class="arrow-rb"></div>
+                          <div class="label-wrap">
+                              <div class="title">任务信息</div>
+                              <div class="label-content">
+                                  <div class="data-li">
+                                      <div class="data-label">任务内容：${
+                                        item.content ? item.content : "暂无任务内容"
+                                      }</div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务位置：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${item.lng},${item.lat}</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                      <div class="data-label">任务创建时间：</div>
+                                      <div class="data-value"><span id="lablYeWei"  class="label-num">${
+                                        item.taskTime
+                                      }</span><span class="label-unit"></span>
+                                      </div>
+                                  </div>
+                                  <div class="data-li">
+                                        <div class="data-value">
+                                            ${delTask}
+                                        </div>
+                                    </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="b-t-l"></div>
+                      <div class="b-b-r"></div>
+                  </div>
+                  <div class="arrow" ></div>
+              </div>`,
+                popupOptions: {
+                  offsetY: -30,
+                  template: "{content}",
+                  horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                  verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                },
+                attr: { remark: "任务点" },
+              });
+              window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+            });
+      }
+      // 如果有删除的任务点
+      if(compareResult.delete.length > 0){
+        compareResult.delete.forEach((item,index)=>{
+            let graphic = window.graphicLayer.getGraphicById(item.id);
+            window.graphicLayer.removeGraphic(graphic);
+        })
+      }
+
+      // 拷贝最新数据为老数据
+      this.oldTaskList = [...this.taskList];
+    },
+
+    //  <div class="data-li">
+    //                               <div class="data-label"></div>
+    //                               <div class="data-value">
+    //                                   <span class="label-tag data-value-status-2" title="删除任务" onclick="delTask('${item.id}')">删除任务</span></div>
+    //                           </div>
+    // delTask(id){
+    //   axios({
+    //     type:"post",
+    //     url:BASE_URL+"/FireManagement/DeleteFireTask",
+
+    //     headers:{
+    //       "X-Token":localStorage.getItem("X-Token")
+    //     }
+    //   })
+    // },
+    // 视频通话
+    videoCall(phone) {
+      localStorage.setItem("callerName", phone);
+      this.videoCallShow = true;
+    },
+    endVideoCall() {
+      localStorage.setItem("callerName", "");
+      this.videoCallShow = false;
+    },
+    closeTask() {
+      this.taskDeliveryShow = false;
+    },
+    // 线索合并成功后执行
+    mergeSuccess() {
+      this.mergeboxShow = false;
+
+      this.$message({
+        type: "success",
+        message: "合并成功！",
+      });
+      this.checkList = [];
+      this.checkNumber = [];
+      this.mergeSuccessRandom = Math.random();
+      this.getFirePointList();
+    },
+    // 获取火点列表 地图展示
+    getFirePointList() {
+      axios({
+        method: "get",
+        url: BASE_URL + "/FireManagement/GetFireInfo",
+        params: {
+          id: 0,
+        },
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.drawFirePoint(res.data.data);
+        }
+      });
+    },
+    // 绘制火点
+    drawFirePoint(data) {
+
+      if (this.friePointLayer == null) {
+        this.friePointLayer = new this.mars3d.layer.GraphicLayer({ id: 999 });
+        window.globalmap.addLayer(this.friePointLayer);
+      } else {
+        this.friePointLayer.clear();
+      }
+      data.forEach((item, index) => {
+        let graphic = new mars3d.graphic.BillboardEntity({
+          position: [parseFloat(item.lng), parseFloat(item.lat)],
+          style: {
+            image: "/img/markfire.png",
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            clampToGround: true,
+            scale: 0.5,
+            label: {
+              text: "火点",
+              font_size: 14,
+              color: "#ffffff",
+              pixelOffsetY: 10,
+              distanceDisplayCondition: true,
+              distanceDisplayCondition_far: 500000,
+              distanceDisplayCondition_near: 0,
+            },
+          },
+          popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+            <div class="marsTiltPanel-wrap">
+                <div class="area">
+                    <div class="arrow-lt"></div>
+                    <div class="b-t"></div>
+                    <div class="b-r"></div>
+                    <div class="b-b"></div>
+                    <div class="b-l"></div>
+                    <div class="arrow-rb"></div>
+                    <div class="label-wrap">
+                        <div class="title">火点信息</div>
+                        <div class="label-content">
+                            <div class="data-li">
+                                <div class="data-label">火点地址：${item.address}</div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-label">上报时间：</div>
+                                <div class="data-value"><span id="lablYeWei"  class="label-num">${item.createTime}</span><span class="label-unit"></span>
+                                </div>
+                            </div>
+                            <div class="data-li">
+                                <div class="data-value">
+                                    <span id="lablSBZT1" onclick="renyuan([${item.lng},${item.lat}]);" class="label-tag data-value-status-1" title="附近人员">附近人员</span>
+                                    <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="附近水源">附近水源</span>
+                                    <span id="lablCSFM2" onclick="delFirePoint(${item.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="b-t-l"></div>
+                <div class="b-b-r"></div>
+            </div>
+            <div class="arrow" ></div>
+        </div>`,
+          popupOptions: {
+            offsetY: -30,
+            template: "{content}",
+            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+          },
+          attr: { remark: "火点" },
+        });
+        graphic.addTo(this.friePointLayer)
+        // this.friePointLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+      });
+    },
+
+    // 乐橙监控
+    showLCmonitorbox(e) {
+      this.channelId = e.channelId;
+      this.deviceId = e.deviceId;
+      this.LCmonitorboxShow = true;
+    },
+    changeCurrentInfo(item) {
+      this.currentInfo = item;
+      // this.reportSituationShow = true;
+    },
+    getAllReportList() {
+      this.reportlistShow = !this.reportlistShow;
+    },
+    // 退出登录
+    logout() {
+      localStorage.setItem("X-Token", "");
+      window.location.reload();
+    },
+    // 物资
+    wuzi(item) {
+      this.endLngLat = item;
+      if (this.goodsVisible) {
+        this.goodsVisible = false;
+      } else {
+        this.goodsVisible = true;
+      }
+    },
+    // 监控
+    jiankong(e) {
+      // this.deviceId = "8L0995DPAG5DF32";
+      this.deviceId = e;
+      this.channelId = "0";
+      this.HKmonitorboxShow = true;
+    },
+    // 人员
+    renyuan(item) {
+      this.currentInfo.lng = item[0];
+      this.currentInfo.lat = item[1];
+      if (this.personVisible) {
+        this.personVisible = false;
+      } else {
+        this.personVisible = true;
+      }
+    },
+    // 水源
+    shuiyuan(item) {
+      this.waterCenter = item;
+      this.waterVisible = true;
+    
+    },
+    // 删除火点
+    delFirePoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireInfo?id=" + id,
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getFirePointList();
+          this.waterVisible = false;
+        }
+      });
+    },
+    // 删除任务点
+    delTaskPoint(id) {
+      axios({
+        method: "post",
+        url: BASE_URL + "/FireManagement/DeleteFireTask",
+        data: [id],
+        headers: {
+          "X-Token": localStorage.getItem("X-Token"),
+        },
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.$message({
+            type: "success",
+            message: "删除成功",
+          });
+          this.getTaskList();
+        }
+      });
+    },
+    // 地图构造完成回调
+    onMapload(map) {
+
+      let _self = this;
+      
+      // 保存全局Map对象
+      window.globalmap = map;
+      // 创建矢量数据存放图层
+      window.graphicLayer = new this.mars3d.layer.GraphicLayer({
+        pid: 88,
+      });
+      map.addLayer(window.graphicLayer);
+
+
+      setTimeout(function(){
+        _self.finishLoadMap = true;
+      },4000)
+
+
+      // this.globalmap = window.globalmap;
+
+      // 添加灭火专班
+      let graphic = new mars3d.graphic.BillboardPrimitive({
+        position:
+          localStorage.getItem("areaName") == "feixian"
+            ? [118.031537, 35.43147, 246]
+            : [117.838645, 35.503401, 248.7],
+        style: {
+          image:"/img/miehuozhuanban-" + localStorage.getItem("areaName") + ".png",
+          horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          clampToGround: true,
+          scale: 0.7,
+          label: {
+            text: "森林防灭火指挥中心",
+            font_size: 14,
+            color: "#ffffff",
+            pixelOffsetY: 10,
+            distanceDisplayCondition: true,
+            distanceDisplayCondition_far: 500000,
+            distanceDisplayCondition_near: 0,
+          },
+        },
+        attr: { remark: "森林防灭火指挥中心" },
+      });
+      window.graphicLayer.addGraphic(graphic); // 还可以另外一种写法: graphic.addTo(graphicLayer)
+
+
+      // 定时查询任务点
+      setInterval(function () {
+        _self.getTaskList();
+      }, 5000);
+
+
+      // 地图鼠标右键菜单
+      let mapContextmenuItems = [];
+      if (localStorage.getItem("isTaskUser") == "true") {
+        mapContextmenuItems = [
+          {
+            text: "设为火点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              let url =
+                "https://restapi.amap.com/v3/geocode/regeo?key=" +
+                AppConfigInfo.gaodeApi +
+                "&location=" +
+                mpt._lng +
+                "," +
+                mpt._lat +
+                "&extensions=base";
+              axios({
+                method: "get",
+                url: url,
+              })
+                .then((res) => {
+                  let name = res.data.regeocode.formatted_address;
+                  this.setDatas = {
+                    address: name,
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    describe: "",
+                    areaname: localStorage.getItem("areaName"),
+                    sourceType: 5,
+                  };
+                  this.rightType = 1;
+                })
+                .catch((err) => {
+                  console.log("ee", err);
+                });
+
+              this.setVisibleShow = true;
+            },
+          },
+          {
+            text: "设为任务点",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            callback: (e) => {
+              const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+              // let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + mpt._lng + "," + mpt._lat + "&extensions=base"
+              // axios({
+              //     method: 'get',
+              //     url: url,
+              // }).then(res => {
+              //   let name = res.data.regeocode.formatted_address
+              //   this.setDatas = {
+              //     address: name,
+              //     lng: mpt._lng,
+              //     lat: mpt._lat,
+              //     content:''
+              //   }
+              //   this.rightType = 2
+
+              // }).catch(err =>{
+              //   console.log('ee',err)
+              // })
+
+              this.tasklng = mpt._lng;
+              this.tasklat = mpt._lat;
+              this.taskDeliveryShow = true;
+            },
+          },
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              // {
+              //   text: "物资",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.endLngLat = [ mpt._lng , mpt._lat ]
+              //     this.goodsVisible = true
+              //     this.waterVisible = false
+              //     this.personVisible = false
+              //   }
+              // },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+          {
+            text: "添加标注",
+            // show: function (e) {
+            //   return Cesium.defined(e.cartesian)
+            // },
+            children: [
+              {
+                text: "火点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "火点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "集合点",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "集合点",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              {
+                text: "消防车",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.setDatas = {
+                    title: "",
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                    iconUrl: "消防车",
+                    remark: "",
+                  };
+                  this.rightType = 3;
+                  this.setVisibleShow = true;
+                },
+              },
+              // {
+              //   text: "箭头",
+              //   callback: (e) => {
+              //     const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+              //     this.setDatas = {
+              //       title: '',
+              //       lng: mpt._lng,
+              //       lat: mpt._lat,
+              //       iconUrl:'箭头',
+              //       remark: ''
+              //     }
+              //     this.rightType = 3
+              //     this.setVisibleShow = true
+              //   }
+              // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
+            ],
+          },
+        ];
+      } else {
+        mapContextmenuItems = [
+          {
+            text: "查找周边",
+            show: function (e) {
+              return Cesium.defined(e.cartesian);
+            },
+            children: [
+              {
+                text: "人员",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  console.log("aaa", mpt);
+                  this.currentInfo = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  this.personVisible = true;
+                  this.goodsVisible = false;
+                },
+              },
+              {
+                text: "水源",
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+                  this.waterCenter = [mpt._lng, mpt._lat];
+                  this.waterVisible = true;
+                  this.goodsVisible = false;
+                  this.personVisible = false;
+                },
+              },
+            ],
+          },
+        ];
+      }
+      map.bindContextMenu(mapContextmenuItems);
+      // 查询火点
+      _self.getFirePointList();
+
+      // 实体、或者图层点击事件
+      _self.bindShowTilesParts();
+      
+    },
+
+    // 当前日期时间
+    handlerTime() {
+      let date = new Date();
+      this.time =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
+        ":" +
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":" +
+        (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
+      this.date =
+        date.getFullYear() +
+        "-" +
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) +
+        "-" +
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
+    },
+    // 当前天气
+    getWeater() {
+      let _this = this;
+      jQuery.ajax({
+        url: "https://api.asilu.com/weather/",
+        type: "GET",
+        dataType: "jsonp",
+        data: {
+          city: AppConfig.area,
+          key: "adfdb863ddb1101bb6b40c0700d6203b",
+        },
+        success: function (res) {
+          _this.weater = res.weather[0].weather;
+          _this.temperature = res.weather[0].temp;
+        },
+      });
+    },
+    // 添加天地图
+    addTileLayer(layer) {
+      this.removeTileLayer();
+      this.tileLayer = new mars3d.layer.TdtLayer({
+        name: "天地图影像注记",
+        layer: layer,
+        key: ["b6585bc41ee16251dbe6b1af64f375d9"],
+        zIndex: 1,
+      });
+      window.globalmap.addLayer(this.tileLayer);
+    },
+    // 移除底图
+    removeTileLayer() {
+      if (this.tileLayer) {
+        this.tileLayer.remove(true);
+        window.globalmap.removeLayer(this.tileLayer, true);
+        this.tileLayer = null;
+      }
+    },
+    // 邦定地图点击事件
+    bindShowTilesParts() {
+      let _this = this;
+      // 实体点击事件
+      window.globalmap.on(mars3d.EventType.clickGraphic, function (event) {
+        _this.loadUserList(event,"graphicClick");
+      });
+      // 图层点击事件
+      window.globalmap.on(mars3d.EventType.clickTileGraphic, function (event) {
+        _this.loadUserList(event,"layerClick");
+      });
+    },
+    editSuccess(e){
+      this.editorVisible = false;
+      if(e){
+        let options = this.currentGraphic.options;
+        options.style.label.text=e;
+        this.currentGraphic.setOptions(options);
+      }
+    },
+    // 点击事件获取人员
+    loadUserList(event,clickType) {
+
+      let layerName = event.layer.options.name;
+
+      // 所有图层，编辑功能
+      if(clickType== 'graphicClick'){
+        let url = event.layer.options.url;
+        this.editData = event.graphic.options.attr;
+        this.currentGraphic = event.graphic;
+        this.tableName = url ? url.match(/shp_[0-9]+/) : '';
+        this.showFields =event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }else if(clickType == 'layerClick'){
+        if(!event.layer){
+          return;
+        }
+        this.editData = event.layer._graphicLayer._graphicList._array[0].options.attr
+        this.tableName = event.layer.options.layers.split(":")[1];
+        this.showFields = event.layer.options.showFiled && JSON.parse(event.layer.options.showFiled);
+      }
+
+      // 样式一添加编辑按钮
+
+      $(".mars3d-popup-content-wrapper").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 样式二添加编辑按钮
+      $(".marsBlackPanel-text").append(
+        `<el-button type='primary' size='mini' onclick='editlayerinfo()' style='background:#108eff;padding:4px 6px;color:#fff;border-radius:4px;margin-left:12px;'>编辑</el-button>`
+      );
+      // 
+      // 如果是监控图层
+      if (
+        layerName == "视频监控(86处)" ||
+        layerName == "林区监控" ||
+        layerName == "语音卡口"
+      ) {
+        // this.getMonitorList(event.graphic.options.position[0],event.graphic.options.position[1]);
+        this.getMonitorList(
+          event.graphic.options.attr.lng,
+          event.graphic.options.attr.lat
+        );
+        return;
+      }
+          
+      // 人员类图层 接口查询人员信息
+      if (event.graphic && event.graphic.options) {
+        let queryName = event.graphic.options.attr["name2"];
+        let url = null;
+        switch (layerName) {
+          case "检查点":
+            url = "/FirePrevention/LoadjianchadianUser";
+            break;
+          case "检查站(87处)":
+            url = "/FirePrevention/LoadpyjianchadianUser";
+            break;
+          case "瞭望台":
+            url = "/FirePrevention/Loadliaowangtaiuser";
+            break;
+          case "护林点":
+            url = "/FirePrevention/LoadhulindianUser";
+            break;
+          case "防火驿站":
+            url = "/FirePrevention/Loadfanghuoyizhanuser";
+            break;
+          case "向导":
+            url = "/FirePrevention/Loadxiangdaouser";
+            break;
+        }
+        if (url) {
+          // 查询人员列表
+          this.loadUserListApi(url, queryName);
+        }
+      }      
+    },
+    // 
+    // 编辑图斑属性信息
+    editlayerinfo() {
+      // if(this.currentGraphic){
+      //   alert(this.currentGraphic.target.popup)
+      //   this.currentGraphic.target._popupMgr._show = false;
+      // }
+      window.globalmap.closePopup();
+      this.editorVisible = true;
+    },
+    // 获取监控
+    getMonitorList(lng, lat) {
+      axios({
+        method: "get",
+        params: {
+          lng: lng,
+          lat: lat,
+        },
+        url: BASE_URL + "/Camera/GetCameraInfoByPoint",
+      }).then((res) => {
+        if (res.data.code == 200) {
+          res.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div onclick='lookMonitorByMonitorLayer(" +
+                item.type +
+                ',"' +
+                item.num +
+                '",' +
+                item.road +
+                ");' class='monitor-btn' data-channelId='" +
+                item.type +
+                "' data-deviceId=" +
+                item.id +
+                " style='padding:4px 8px;text-align:center;font-size:14px;border-radius:2px;background:#108eff;color:#fff;margin:6px 0px;cursor:pointer;'><img src='/img/monitor-video.png' width='24px' style='position:relative;top:-2px;left:-4px;'/>" +
+                item.name +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 获取人员
+    loadUserListApi(url, queryName) {
+      axios({
+        method: "get",
+        params: {
+          area: queryName,
+        },
+        url: BASE_URL + url,
+      }).then((data) => {
+        if (data.data.code == 200) {
+          data.data.data.forEach((item, index) => {
+            $(".popup-container").append(
+              "<div class='popup-item'>" +
+                item.username +
+                "&nbsp;&nbsp; <span data-phone='" +
+                item.phone +
+                "' onmouseenter='showReadData(this);' onmouseleave='hiddenReadData(this);'>" +
+                item.phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2") +
+                "</span>&nbsp;&nbsp;" +
+                item.area +
+                "&nbsp;&nbsp;" +
+                item.usertype +
+                "</div>"
+            );
+          });
+        }
+      });
+    },
+    // 监控信息
+    lookMonitorByMonitorLayer(type, id, road) {
+      if (type == 1) {
+        //乐橙
+        this.channelId = road;
+        this.deviceId = id;
+        this.LCmonitorboxShow = true;
+      } else if (type == 2) {
+        //海康
+        this.channelId = road;
+        this.deviceId = id;
+        this.HKmonitorboxShow = true;
+      }
+    },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.mapcontainer{
+  width:100vw;
+  height:100vh;
+  overflow: hidden;
+}
+.el-header {
+  width: 100%;
+  height: 112px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 999;
+  background-image: url("/img/header-pingyixian.png");
+  background-size: 100% 112px;
+}
+.newworkstate {
+  float: left;
+  line-height: 80px;
+  color: #fff;
+}
+.app-name {
+  min-width: 200px;
+  height: 80px;
+  color: #fff;
+  line-height: 100px;
+  margin: 0px auto;
+  font-size: 36px;
+  font-weight: 600;
+  background-image: linear-gradient(180deg, #b8ffff, #ddffff);
+  -webkit-background-clip: text;
+  text-align: center;
+  letter-spacing: 10px;
+  color: transparent;
+}
+
+.header-info {
+  min-width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 10px;
+  right: 60px;
+}
+
+.weather-info {
+  min-width: 90px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  float: left;
+  text-align: center;
+  padding: 0px 10px;
+}
+.weather-info .weater {
+  font-size: 18px;
+}
+
+.time-info {
+  width: 120px;
+  height: 25px;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  float: left;
+  margin: 0px 10px;
+  margin-right: 20px;
+  position: relative;
+}
+.time-info::after {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  right: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info::before {
+  content: "";
+  width: 2px;
+  height: 25px;
+  position: absolute;
+  left: 0px;
+  top: 10px;
+  background: #b8ffff;
+}
+.time-info .time-time-info {
+  font-size: 19px;
+}
+
+.logout-button {
+  width: 88px;
+  height: 25px;
+  background-image: url(/img/logout-bg-pingyixian.png);
+  background-size: 88px 25px;
+  float: right;
+  cursor: pointer;
+  float: left;
+  position: relative;
+  top: 10px;
+  cursor: pointer;
+  z-index: 999999999999999999999999999;
+}
+
+/* 快捷按钮 */
+.shortcut-button {
+  width: 140px;
+  min-height: 140px;
+  position: absolute;
+  top: 210px;
+  right: 10px;
+  z-index: 50;
+}
+.shortcut-button .quick-button {
+  width: 140px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 140px 40px;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.tools {
+  min-width: 250px;
+  height: calc(100vh - 440px);
+  position: absolute;
+  top: 130px;
+  left: 25px;
+}
+.task {
+  width: 540px;
+  height:450px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 在线人员弹窗 */
+.onlineuser-box{
+  width: 1000px;
+  height:580px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tools-box {
+  width: 250px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+}
+.huoqing-box {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 12px;
+  position: relative;
+}
+.merage-box {
+  width: 400px;
+  min-height: 220px;
+  float: left;
+  margin-right: 12px;
+}
+.grid-container {
+  width: 1200px;
+  padding-top: 100px;
+  height: 560px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background-image: url(/img/wg-bg.png);
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  z-index: 2000;
+}
+.personnel-container {
+  width: 525px;
+  height: 735px;
+  position: absolute;
+  top: 495px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.goods-container {
+  width: 603px;
+  height: 457px;
+  position: absolute;
+  top: 356px;
+  left: 434px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.socket-container {
+  width: 360px;
+  height: 200px;
+  position: absolute;
+  bottom: 00px;
+  right: 60px;
+  background-image: url(/img/goods-pingyixian.png);
+  background-size: 100% 100%;
+  transform: translate(0, -50%);
+  z-index: 2000;
+}
+.bottom-tools-container {
+  /* min-width:200px; */
+  height: 300px;
+  float: left;
+  z-index: 1999;
+}
+.uav {
+  position: fixed;
+  right: 60px;
+  bottom: 100px;
+  width: 350px;
+  height: 300px;
+  float: left;
+  margin-right: 15px;
+}
+/*  */
+.left-container-box {
+  min-width: 400px;
+  height: 240px;
+  margin-bottom: 15px;
+}
+/* 监控 */
+.monitor {
+  width: 400px;
+  height: 240px;
+  margin-right: 15px;
+  position: relative;
+  float: left;
+}
+
+/* 编辑弹窗 */
+.editor-box {
+  width: 400px;
+  height: 320px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.close-button {
+  position: absolute;
+  right: 20px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  background: #0a43bfcc;
+  line-height: 20px;
+  text-align: center;
+}
+
+.onlineuser-box-close-button{
+  position: absolute;
+  right: 30px;
+  top: 14px;
+  cursor: pointer;
+  color: #fff;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* 火情调度 */
+.situation {
+  width: 480px;
+  height: 100%;
+  float: left;
+  margin-right: 15px;
+  background-image: url(/img/tool-bg.png);
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
+.situation-info {
+  color: #eee;
+  line-height: 18px;
+  padding: 10px 10px 0px 10px;
+}
+.situation-tab-container {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #2f5d55;
+  margin: 0px auto;
+}
+
+.situation-tab {
+  width: 70px;
+  font-size: 12px;
+  height: 50px;
+  line-height: 50px;
+  color: #0abfb5;
+  float: left;
+  cursor: pointer;
+  text-align: center;
+}
+/* 最有路线 */
+.route {
+  width: 400px;
+  height: 240px;
+  float: left;
+  margin-right: 15px;
+  position: absolute;
+}
+/* 附近水源地 */
+.water {
+  width: 325px;
+  height: 455px;
+  position: absolute;
+  left: 400px;
+  top: 200px;
+}
+/* 火情上报 */
+.report {
+  position: absolute;
+  width: 340px;
+  height: 140px;
+  bottom: 100px;
+  right: 70px;
+}
+.footer {
+  width: 100%;
+  height: 50px;
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  background-image: url(/img/footer-bg-pingyixian.png);
+  background-size: 1920px 50px;
+  background-position: 1920px 0px;
+  z-index: 99999;
+}
+
+.footer .base-layer-change-button {
+  float: right;
+  width: 150px;
+  height: 40px;
+  background-image: url(/img/tool-button-bg-pingyixian.png);
+  background-size: 150px 40px;
+  text-align: center;
+  line-height: 40px;
+  position: relative;
+  top: -30px;
+  right: 70px;
+  font-size: 16px;
+  cursor: pointer;
+  color: #ffffff;
+}
+
+.IndividualEquipment-container{
+  width: calc( 100vw - 200px);
+  height: calc( 100vh - 200px);
+  position:relative;
+  z-index:9999999999999;
+  top:50%;
+  left:50%;
+  transform: translate(-50%,-50%);
+  background-image: url(/img/monitoringList/background.png);
+  background-size:100% 100%;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/lib/WGS84ToGCJ02_20230925084406.js b/.history/src/views/home/lib/WGS84ToGCJ02_20230925084406.js
new file mode 100644
index 0000000..12158bb
--- /dev/null
+++ b/.history/src/views/home/lib/WGS84ToGCJ02_20230925084406.js
@@ -0,0 +1,52 @@
+//地球坐标系WGS84转火星坐标系GCJ02
+var pi = 3.14159265358979324;
+var a = 6378245.0;
+var ee = 0.00669342162296594323;
+/*判断是否在国内，不在国内则不做偏移*/
+function outOfChina(lon, lat)
+{
+    if ((lon < 72.004 || lon > 137.8347)&&(lat < 0.8293 || lat > 55.8271)){
+        return true;
+    }else {
+        return false;
+    }
+}
+function transformLat(x,y)
+{
+    var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(y * pi) + 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (160.0 * Math.sin(y / 12.0 * pi) + 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;
+    return ret;
+}
+
+function transformLon(x,y)
+{
+    var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(x * pi) + 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (150.0 * Math.sin(x / 12.0 * pi) + 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;
+    return ret;
+}
+
+export function transformWGSGCJ2(wgLat,wgLon)
+{
+    var mars_point={lon:0,lat:0};
+    if (outOfChina(wgLat, wgLon))
+    {
+        mars_point.lat = wgLat;
+        mars_point.lon = wgLon;
+        return;
+    }
+    var dLat = transformLat(wgLon - 105.0, wgLat - 35.0);
+    var dLon = transformLon(wgLon - 105.0, wgLat - 35.0);
+    var radLat = wgLat / 180.0 * pi;
+    var magic = Math.sin(radLat);
+    magic = 1 - ee * magic * magic;
+    var sqrtMagic = Math.sqrt(magic);
+    dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
+    dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
+    mars_point.lat = wgLat + dLat;
+    mars_point.lon = wgLon + dLon;
+    return mars_point
+}
diff --git a/.history/src/views/home/lib/WGS84ToGCJ02_20240813171548.js b/.history/src/views/home/lib/WGS84ToGCJ02_20240813171548.js
new file mode 100644
index 0000000..12158bb
--- /dev/null
+++ b/.history/src/views/home/lib/WGS84ToGCJ02_20240813171548.js
@@ -0,0 +1,52 @@
+//地球坐标系WGS84转火星坐标系GCJ02
+var pi = 3.14159265358979324;
+var a = 6378245.0;
+var ee = 0.00669342162296594323;
+/*判断是否在国内，不在国内则不做偏移*/
+function outOfChina(lon, lat)
+{
+    if ((lon < 72.004 || lon > 137.8347)&&(lat < 0.8293 || lat > 55.8271)){
+        return true;
+    }else {
+        return false;
+    }
+}
+function transformLat(x,y)
+{
+    var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(y * pi) + 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (160.0 * Math.sin(y / 12.0 * pi) + 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;
+    return ret;
+}
+
+function transformLon(x,y)
+{
+    var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(x * pi) + 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (150.0 * Math.sin(x / 12.0 * pi) + 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;
+    return ret;
+}
+
+export function transformWGSGCJ2(wgLat,wgLon)
+{
+    var mars_point={lon:0,lat:0};
+    if (outOfChina(wgLat, wgLon))
+    {
+        mars_point.lat = wgLat;
+        mars_point.lon = wgLon;
+        return;
+    }
+    var dLat = transformLat(wgLon - 105.0, wgLat - 35.0);
+    var dLon = transformLon(wgLon - 105.0, wgLat - 35.0);
+    var radLat = wgLat / 180.0 * pi;
+    var magic = Math.sin(radLat);
+    magic = 1 - ee * magic * magic;
+    var sqrtMagic = Math.sqrt(magic);
+    dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
+    dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
+    mars_point.lat = wgLat + dLat;
+    mars_point.lon = wgLon + dLon;
+    return mars_point
+}
diff --git a/.history/src/views/home/lib/WGS84ToGCJ02_20240813172715.js b/.history/src/views/home/lib/WGS84ToGCJ02_20240813172715.js
new file mode 100644
index 0000000..12158bb
--- /dev/null
+++ b/.history/src/views/home/lib/WGS84ToGCJ02_20240813172715.js
@@ -0,0 +1,52 @@
+//地球坐标系WGS84转火星坐标系GCJ02
+var pi = 3.14159265358979324;
+var a = 6378245.0;
+var ee = 0.00669342162296594323;
+/*判断是否在国内，不在国内则不做偏移*/
+function outOfChina(lon, lat)
+{
+    if ((lon < 72.004 || lon > 137.8347)&&(lat < 0.8293 || lat > 55.8271)){
+        return true;
+    }else {
+        return false;
+    }
+}
+function transformLat(x,y)
+{
+    var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(y * pi) + 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (160.0 * Math.sin(y / 12.0 * pi) + 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;
+    return ret;
+}
+
+function transformLon(x,y)
+{
+    var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
+    ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+    ret += (20.0 * Math.sin(x * pi) + 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;
+    ret += (150.0 * Math.sin(x / 12.0 * pi) + 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;
+    return ret;
+}
+
+export function transformWGSGCJ2(wgLat,wgLon)
+{
+    var mars_point={lon:0,lat:0};
+    if (outOfChina(wgLat, wgLon))
+    {
+        mars_point.lat = wgLat;
+        mars_point.lon = wgLon;
+        return;
+    }
+    var dLat = transformLat(wgLon - 105.0, wgLat - 35.0);
+    var dLon = transformLon(wgLon - 105.0, wgLat - 35.0);
+    var radLat = wgLat / 180.0 * pi;
+    var magic = Math.sin(radLat);
+    magic = 1 - ee * magic * magic;
+    var sqrtMagic = Math.sqrt(magic);
+    dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
+    dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
+    mars_point.lat = wgLat + dLat;
+    mars_point.lon = wgLon + dLon;
+    return mars_point
+}
diff --git a/.history/src/views/home/lib/getWeather_20240930083527.js b/.history/src/views/home/lib/getWeather_20240930083527.js
new file mode 100644
index 0000000..50260c9
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20240930083527.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241021095818.js b/.history/src/views/home/lib/getWeather_20241021095818.js
new file mode 100644
index 0000000..50260c9
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241021095818.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241021095826.js b/.history/src/views/home/lib/getWeather_20241021095826.js
new file mode 100644
index 0000000..50260c9
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241021095826.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241021100035.js b/.history/src/views/home/lib/getWeather_20241021100035.js
new file mode 100644
index 0000000..50260c9
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241021100035.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241021103052.js b/.history/src/views/home/lib/getWeather_20241021103052.js
new file mode 100644
index 0000000..50260c9
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241021103052.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241021104924.js b/.history/src/views/home/lib/getWeather_20241021104924.js
new file mode 100644
index 0000000..aca1f64
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241021104924.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh&citycode=371324",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241021104925.js b/.history/src/views/home/lib/getWeather_20241021104925.js
new file mode 100644
index 0000000..aca1f64
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241021104925.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh&citycode=371324",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241021105049.js b/.history/src/views/home/lib/getWeather_20241021105049.js
new file mode 100644
index 0000000..dcc54b5
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241021105049.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh&city=平邑",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/lib/getWeather_20241022132601.js b/.history/src/views/home/lib/getWeather_20241022132601.js
new file mode 100644
index 0000000..dcc54b5
--- /dev/null
+++ b/.history/src/views/home/lib/getWeather_20241022132601.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh&city=平邑",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/.history/src/views/home/widget/mergebox_20240320090642.vue b/.history/src/views/home/widget/mergebox_20240320090642.vue
new file mode 100644
index 0000000..5e55c94
--- /dev/null
+++ b/.history/src/views/home/widget/mergebox_20240320090642.vue
@@ -0,0 +1,430 @@
+<template>
+  <div class="box">
+    <div class="box-title">线索合并</div>
+    <div class="tip-title">将会对选中的火情线索进行合并，请您确定合</div>
+    <div class="box-container">
+        <span v-for="(item,index) in  checkNumber" :key="index" @click="checkItem(index)"   class="check-tag" :style="{'color':item.selected?'#179fc8':'#ccc'}">
+           <span :key="checkNumberRondom"> 编号：{{item.clueNo}}</span>
+            <!-- <i class="el-icon el-icon-close"></i> -->
+        </span>
+    </div>
+    <div style="text-align:center;margin:10px 28px;">
+        <span style="color:#fff;">{{formData.lng}}&nbsp;&nbsp;{{formData.lat}}</span>
+    </div>
+    <div style="padding-bottom: 20px;">
+        <el-button type="success" size="mini" @click="selectPosition()">选择位置</el-button>
+        <el-button type="warning" size="mini" @click="cancle()">取消操作</el-button>
+        <el-button type="primary" size="mini" @click="merage()">确认合并</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import AppConfigInfo from '../../../../public/config/app.json'
+import axios from 'axios'
+let BASE_URL = process.env.VUE_APP_BASE_API
+import { parse } from '../lib/handleGeojson';
+  export default {
+    name: 'mergebox',
+    props:['globalmap','checkList','checkNumber'],
+    data(){
+        return {
+            active:1,
+            list:[
+               
+            ],
+            formData:{
+                "address": "",
+                "lng": "",
+                "lat": "",
+                "ids": [],
+                "modifyId": localStorage.getItem("userId")
+            },
+            graphicLayer:null,
+            graphicPoint:null,
+            graphicWinodw:null,
+            pathPointGraphicLayer:null,
+            checkNumberRondom:1,
+
+        }
+    },
+    watch:{
+        checkList:function(e){
+            
+        }
+    },
+    created(){
+        // this.getList();
+        window.wuzi = this.wuzi
+        window.shuiyuan = this.shuiyuan
+    },
+    mounted(){
+
+    },
+    methods:{
+        checkItem(index){
+            this.checkNumber.forEach((item,idx)=>{
+                this.checkNumber[idx].selected = false;
+            })
+
+            this.checkNumber[index].selected = true;
+
+            let obj = this.checkNumber[index]
+            this.formData.lng = obj.lng;
+            this.formData.lat = obj.lat;
+            this.formData.address = obj.address
+
+            console.log("formData",this.formData);
+            this.checkNumberRondom = Math.random();
+        },
+        selectPosition(){
+            let _this = this;
+                window.globalmap.once(mars3d.EventType.click, function (event) {
+                window.globalmap.setCursor(false)
+                const cartesian = event.cartesian
+                const point = mars3d.LngLatPoint.fromCartesian(cartesian)
+                point.format() 
+                _this.drawPoint(point.lng, point.lat, point.z);
+                _this.formData.lng = point.lng;
+                _this.formData.lat = point.lat;
+
+                let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + point.lng + "," + point.lat + "&extensions=base"
+                axios({
+                    method: 'get',
+                    url: url,
+                }).then(res => {
+                    let name = res.data.regeocode.formatted_address
+
+                    _this.formData.address = name;
+                    
+                }).catch(err =>{
+                    console.log('ee',err)
+                })
+
+            })
+        },
+        drawPoint(lng,lat,z){
+            if(this.pathPointGraphicLayer==null){
+                this.pathPointGraphicLayer = new mars3d.layer.GraphicLayer();
+                window.globalmap.addLayer(this.pathPointGraphicLayer);
+            }else{
+                this.pathPointGraphicLayer.clear();
+            }
+            let graphic = new mars3d.graphic.BillboardEntity({
+                position: [lng, lat, z],
+                style: {
+                    image: "/img/huozai.png",
+                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    clampToGround: true
+                },
+                attr: "合并后火点"
+            })
+            this.pathPointGraphicLayer.addGraphic(graphic) // 还可以另
+        },
+        shuiyuan(e){
+            this.$emit("shuiyuan",e);
+        },
+        wuzi(e){
+            this.$emit("wuzi",e);
+        },
+        getInfo(active){
+            this.listQuery.state = active;
+            this.active = active;
+            this.getList();
+        },
+        merage(){
+            this.checkNumber.forEach((item,index)=>{
+            this.formData.ids.push(item.id);
+            })
+
+            if(this.checkList.length<1){
+                this.$message({
+                    type:"warning",
+                    message:"请选择至少1条线索",
+                })
+                return;
+            }
+
+            if(!this.formData.lng && !this.formData.lat){
+                this.$message({
+                    type:"warning",
+                    message:"请选择合并后火点",
+                })
+                return;
+            }
+
+            axios({
+                method:"post",
+                url:BASE_URL+"/FireManagement/MergeNewFireClueInfo",
+                data:this.formData,
+                headers:{
+                    'X-Token':localStorage.getItem("X-Token")
+                }
+            }).then(res=>{
+                if(res.data.code == 200){
+                   if(this.pathPointGraphicLayer){
+                        this.pathPointGraphicLayer.clear();
+                    this.pathPointGraphicLayer = null;
+                    }
+                    this.$emit("success");
+                }
+            })
+        },
+        cancle(){
+            if(this.pathPointGraphicLayer){
+                this.pathPointGraphicLayer.clear();
+            this.pathPointGraphicLayer = null;
+            }
+            this.$emit("clsoe");
+        },
+        getList(){
+            axios({
+                method:"post",
+                url:BASE_URL+"/FireManagement/LoadFireClueInfoByAreaName",
+                params:this.listQuery,
+                headers:{
+                    'X-Token':localStorage.getItem("X-Token")
+                }
+            }).then(res=>{
+                if(res.data.code == 200){
+                    this.list = res.data.data;
+                }
+            })
+        },
+        toPosition(item){
+            console.log(item);
+            this.$emit("changeCurrentInfo",item);
+            let _self  = this;
+
+            if(!_self.graphicLayer){
+                 _self.graphicLayer = new this.mars3d.layer.GraphicLayer({
+                    pid:88,
+                })
+                window.globalmap.addLayer(_self.graphicLayer)
+            }
+            if(_self.graphicPoint && _self.graphicWinodw){
+                _self.graphicLayer.clear();
+                _self.graphicPoint = null;
+                _self.graphicWinodw = null;
+            }
+            _self.graphicPoint = new mars3d.graphic.DivLightPoint({
+                position: [parseFloat(item.lng),parseFloat(item.lat)],
+                style: {
+                    color: "#f33349",
+                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
+                },
+                })
+            _self.graphicLayer.addGraphic(_self.graphicPoint)
+        
+            _self.graphicWinodw = new mars3d.graphic.DivGraphic({
+                position: [parseFloat(item.lng),parseFloat(item.lat)],
+                style: {
+                    html: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+                <div class="marsTiltPanel-wrap">
+                    <div class="area">
+                        <div class="arrow-lt"></div>
+                        <div class="b-t"></div>
+                        <div class="b-r"></div>
+                        <div class="b-b"></div>
+                        <div class="b-l"></div>
+                        <div class="arrow-rb"></div>
+                        <div class="label-wrap">
+                            <div class="title">${item.address}</div>
+                            <div class="label-content">
+                                <div class="data-li">
+                                    <div class="data-label">火情描述：${item.describe}</div>
+                                </div>
+                                <div class="data-li">
+                                    <div class="data-label">上报时间：</div>
+                                    <div class="data-value"><span id="lablYeWei"  class="label-num">${item.reportTime}</span><span class="label-unit"></span>
+                                    </div>
+                                </div>
+                                <div class="data-li">
+                                    <div class="data-value">
+                                        <span id="lablSBZT1"  class="label-tag data-value-status-1" title="人员调度">人员调度</span>
+                                        <span id="lablSBZT2" onclick="wuzi([${item.lng},${item.lat}]);"  class="label-tag data-value-status-0" title="关闭状态" >物资调度</span>
+                                        <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="打开状态">附近水源</span>
+                                        <span id="lablSBZT1"  class="label-tag data-value-status-1" title="路线规划">路线规划</span>
+
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="b-t-l"></div>
+                    <div class="b-b-r"></div>
+                </div>
+                <div class="arrow" ></div>
+            </div>`,horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                    scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+                    clampToGround: true
+                },
+                attr: { remark: "示例10" },
+                // 可以传入自定义测试点样式
+                // testPoint: {
+                //   color: '#ff0000',
+                //   pixelSize: 8,
+                // },
+                pointerEvents: true // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+            })
+            _self.graphicLayer.addGraphic(_self.graphicWinodw);
+
+            _self.graphicWinodw.flyTo();
+        },
+        
+    }
+  }
+</script>
+
+<style scoped>
+  .box{
+      width:100%;
+      height:100%;
+      background-image: url(/img/goods-pingyixian.png);
+      background-size:100% 100%;
+  }
+
+  .box-title{
+      width:100%;
+      height:45px;
+      overflow: hidden;
+      line-height:40px;
+      color:#eee;
+      text-align: center;
+      font-size:18px;
+  }
+  .tip-title{
+      width:280px;
+      margin:0px auto;
+      height:80px;
+      padding-top:20px;
+      font-size: 22px;
+        font-family: OPPOSans-M, OPPOSans;
+        font-weight: normal;
+        color: #179fc8;
+        line-height: 32px;
+
+  }
+  .tab-container{
+      width:210px;
+      height:60px;
+      border-bottom:1px solid #2F5D55;
+      padding-top:10px;
+      margin:0px auto;      
+  }
+  .tab-button{
+      width:70px;
+      font-size:12px;
+      height:50px;
+      line-height:50px;
+      color:#0ABFB5;
+      float:left;
+      cursor:pointer;
+  }
+    .check-tag{
+        cursor:pointer;
+        margin:4px 10px;background: #112A26;border: 1px solid #1C4741;float:left;padding:3px 6px 3px 6px;border-radius: 19px 0px 19px 19px;
+    }
+  .box-container{
+      width: calc( 100% - 20px);
+      margin:0px 15px;
+      margin-bottom:10px;
+      height: calc( 100% - 190px);
+      overflow-y:auto;
+  }
+  .news{
+      width: calc( 100% - 10px);
+      line-height:18px;
+      padding:6px 15px 10px 15px;
+      text-align:left;
+      color:#ccc;
+      background:rgba(0,0,0,0.5);
+      margin:6px 0px;
+      border:1px dashed #999;
+  }
+  .news::after{
+      content:"";
+      clear:both;
+      display:block;
+      height:0px;
+      overflow: hidden;
+  }
+.checkbox-container{
+    width:18px;
+    height:18px;
+    position:relative;
+    top:12px;
+    margin-right:10px;
+    float:left;
+    background: rgba(2,0,77,0.4);
+box-shadow: inset 0px 0px 34px 0px #A15E01;
+border: 1px solid #F18B00;
+    cursor: pointer;
+}
+  .news-container{
+      width: calc( 100% - 30px);
+      float:left;
+  }
+  .news .title{
+      line-height:40px;
+      color:#E48F19;
+      margin-bottom:12px;
+      position: relative;
+  }
+
+  .news .title::after{
+      content:"";
+      width:100%;
+      height:0px;
+      border: 0.5px solid;
+      position:absolute;
+      bottom:0px;
+      left:0px;
+        border-image: linear-gradient(90deg, rgba(241, 139, 0, 1), rgba(86, 254, 254, 0),rgba(86, 254, 254, 0)) 1 1;
+  }
+
+  .news .desc{
+      font-size:12px;
+      color:#fff;
+      margin-bottom:6px;
+  }
+
+     ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+  border: 0
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+  background: transparent;
+  border-radius: 5px
+}
+
+::-webkit-scrollbar-thumb {
+  padding-top: 100px;
+  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
+  background-color: #797979;
+  min-height: 28px;
+  border-radius: 4px;
+  background-clip: padding-box
+}
+
+::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+  border: 0
+}
+
+::-webkit-scrollbar-thumb:hover {
+  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
+  background-color: rgba(0, 0, 0, .4)
+}
+
+::-webkit-scrollbar-thumb:active {
+  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
+  background-color: rgba(0, 0, 0, .5)
+}
+
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/widget/mergebox_20241029134133.vue b/.history/src/views/home/widget/mergebox_20241029134133.vue
new file mode 100644
index 0000000..42cdecb
--- /dev/null
+++ b/.history/src/views/home/widget/mergebox_20241029134133.vue
@@ -0,0 +1,429 @@
+<template>
+  <div class="box">
+    <div class="box-title">线索合并</div>
+    <div class="tip-title">将会对选中的火情线索进行合并，请您确定合</div>
+    <div class="box-container">
+        <span v-for="(item,index) in  checkNumber" :key="index" @click="checkItem(index)"   class="check-tag" :style="{'color':item.selected?'#179fc8':'#ccc'}">
+           <span :key="checkNumberRondom"> 编号：{{item.clueNo}}</span>
+            <!-- <i class="el-icon el-icon-close"></i> -->
+        </span>
+    </div>
+    <div style="text-align:center;margin:10px 28px;">
+        <span style="color:#fff;">{{formData.lng}}&nbsp;&nbsp;{{formData.lat}}</span>
+    </div>
+    <div style="padding-bottom: 20px;">
+        <el-button type="success" size="mini" @click="selectPosition()">选择位置</el-button>
+        <el-button type="warning" size="mini" @click="cancle()">取消操作</el-button>
+        <el-button type="primary" size="mini" @click="merage()">确认合并</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import AppConfigInfo from '../../../../public/config/app.json'
+import axios from 'axios'
+let BASE_URL = process.env.VUE_APP_BASE_API
+import { parse } from '../lib/handleGeojson';
+  export default {
+    name: 'mergebox',
+    props:['globalmap','checkList','checkNumber'],
+    data(){
+        return {
+            active:1,
+            list:[
+               
+            ],
+            formData:{
+                "address": "",
+                "lng": "",
+                "lat": "",
+                "ids": [],
+                "modifyId": localStorage.getItem("userId")
+            },
+            graphicLayer:null,
+            graphicPoint:null,
+            graphicWinodw:null,
+            pathPointGraphicLayer:null,
+            checkNumberRondom:1,
+
+        }
+    },
+    watch:{
+        checkList:function(e){
+            
+        }
+    },
+    created(){
+        // this.getList();
+        window.wuzi = this.wuzi
+        window.shuiyuan = this.shuiyuan
+    },
+    mounted(){
+
+    },
+    methods:{
+        checkItem(index){
+            this.checkNumber.forEach((item,idx)=>{
+                this.checkNumber[idx].selected = false;
+            })
+
+            this.checkNumber[index].selected = true;
+
+            let obj = this.checkNumber[index]
+            this.formData.lng = obj.lng;
+            this.formData.lat = obj.lat;
+            this.formData.address = obj.address
+
+            console.log("formData",this.formData);
+            this.checkNumberRondom = Math.random();
+        },
+        selectPosition(){
+            let _this = this;
+                window.globalmap.once(mars3d.EventType.click, function (event) {
+                window.globalmap.setCursor(false)
+                const cartesian = event.cartesian
+                const point = mars3d.LngLatPoint.fromCartesian(cartesian)
+                point.format() 
+                _this.drawPoint(point.lng, point.lat, point.z);
+                _this.formData.lng = point.lng;
+                _this.formData.lat = point.lat;
+
+                let url = "https://restapi.amap.com/v3/geocode/regeo?key="+AppConfigInfo.gaodeApi+"&location=" + point.lng + "," + point.lat + "&extensions=base"
+                axios({
+                    method: 'get',
+                    url: url,
+                }).then(res => {
+                    let name = res.data.regeocode.formatted_address
+
+                    _this.formData.address = name;
+                    
+                }).catch(err =>{
+                    console.log('ee',err)
+                })
+
+            })
+        },
+        drawPoint(lng,lat,z){
+            if(this.pathPointGraphicLayer==null){
+                this.pathPointGraphicLayer = new mars3d.layer.GraphicLayer();
+                window.globalmap.addLayer(this.pathPointGraphicLayer);
+            }else{
+                this.pathPointGraphicLayer.clear();
+            }
+            let graphic = new mars3d.graphic.BillboardEntity({
+                position: [lng, lat, z],
+                style: {
+                    image: "/img/huozai.png",
+                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    clampToGround: true
+                },
+                attr: "合并后火点"
+            })
+            this.pathPointGraphicLayer.addGraphic(graphic) // 还可以另
+        },
+        shuiyuan(e){
+            this.$emit("shuiyuan",e);
+        },
+        wuzi(e){
+            this.$emit("wuzi",e);
+        },
+        getInfo(active){
+            this.listQuery.state = active;
+            this.active = active;
+            this.getList();
+        },
+        merage(){
+            this.checkNumber.forEach((item,index)=>{
+            this.formData.ids.push(item.id);
+            })
+
+            if(this.checkList.length<1){
+                this.$message({
+                    type:"warning",
+                    message:"请选择至少1条线索",
+                })
+                return;
+            }
+
+            if(!this.formData.lng && !this.formData.lat){
+                this.$message({
+                    type:"warning",
+                    message:"请选择合并后火点",
+                })
+                return;
+            }
+
+            axios({
+                method:"post",
+                url:BASE_URL+"/FireManagement/MergeNewFireClueInfo",
+                data:this.formData,
+                headers:{
+                    'X-Token':localStorage.getItem("X-Token")
+                }
+            }).then(res=>{
+                if(res.data.code == 200){
+                   if(this.pathPointGraphicLayer){
+                        this.pathPointGraphicLayer.clear();
+                    this.pathPointGraphicLayer = null;
+                    }
+                    this.$emit("success");
+                }
+            })
+        },
+        cancle(){
+            if(this.pathPointGraphicLayer){
+                this.pathPointGraphicLayer.clear();
+            this.pathPointGraphicLayer = null;
+            }
+            this.$emit("clsoe");
+        },
+        getList(){
+            axios({
+                method:"post",
+                url:BASE_URL+"/FireManagement/LoadFireClueInfoByAreaName",
+                params:this.listQuery,
+                headers:{
+                    'X-Token':localStorage.getItem("X-Token")
+                }
+            }).then(res=>{
+                if(res.data.code == 200){
+                    this.list = res.data.data;
+                }
+            })
+        },
+        toPosition(item){
+            console.log(item);
+            this.$emit("changeCurrentInfo",item);
+            let _self  = this;
+
+            if(!_self.graphicLayer){
+                 _self.graphicLayer = new this.mars3d.layer.GraphicLayer({
+                    pid:88,
+                })
+                window.globalmap.addLayer(_self.graphicLayer)
+            }
+            if(_self.graphicPoint && _self.graphicWinodw){
+                _self.graphicLayer.clear();
+                _self.graphicPoint = null;
+                _self.graphicWinodw = null;
+            }
+            _self.graphicPoint = new mars3d.graphic.DivLightPoint({
+                position: [parseFloat(item.lng),parseFloat(item.lat)],
+                style: {
+                    color: "#f33349",
+                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                    heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
+                },
+                })
+            _self.graphicLayer.addGraphic(_self.graphicPoint)
+        
+            _self.graphicWinodw = new mars3d.graphic.DivGraphic({
+                position: [parseFloat(item.lng),parseFloat(item.lat)],
+                style: {
+                    html: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+                <div class="marsTiltPanel-wrap">
+                    <div class="area">
+                        <div class="arrow-lt"></div>
+                        <div class="b-t"></div>
+                        <div class="b-r"></div>
+                        <div class="b-b"></div>
+                        <div class="b-l"></div>
+                        <div class="arrow-rb"></div>
+                        <div class="label-wrap">
+                            <div class="title">${item.address}</div>
+                            <div class="label-content">
+                                <div class="data-li">
+                                    <div class="data-label">火情描述：${item.describe}</div>
+                                </div>
+                                <div class="data-li">
+                                    <div class="data-label">上报时间：</div>
+                                    <div class="data-value"><span id="lablYeWei"  class="label-num">${item.reportTime}</span><span class="label-unit"></span>
+                                    </div>
+                                </div>
+                                <div class="data-li">
+                                    <div class="data-value">
+                                        <span id="lablSBZT1"  class="label-tag data-value-status-1" title="人员调度">人员调度</span>
+                                        <span id="lablSBZT2" onclick="wuzi([${item.lng},${item.lat}]);"  class="label-tag data-value-status-0" title="关闭状态" >物资调度</span>
+                                        <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="打开状态">附近水源</span>
+                                        <span id="lablSBZT1"  class="label-tag data-value-status-1" title="路线规划">路线规划</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="b-t-l"></div>
+                    <div class="b-b-r"></div>
+                </div>
+                <div class="arrow" ></div>
+            </div>`,horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                    scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+                    clampToGround: true
+                },
+                attr: { remark: "示例10" },
+                // 可以传入自定义测试点样式
+                // testPoint: {
+                //   color: '#ff0000',
+                //   pixelSize: 8,
+                // },
+                pointerEvents: true // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+            })
+            _self.graphicLayer.addGraphic(_self.graphicWinodw);
+
+            _self.graphicWinodw.flyTo();
+        },
+        
+    }
+  }
+</script>
+
+<style scoped>
+  .box{
+      width:100%;
+      height:100%;
+      background-image: url(/img/goods-pingyixian.png);
+      background-size:100% 100%;
+  }
+
+  .box-title{
+      width:100%;
+      height:45px;
+      overflow: hidden;
+      line-height:40px;
+      color:#eee;
+      text-align: center;
+      font-size:18px;
+  }
+  .tip-title{
+      width:280px;
+      margin:0px auto;
+      height:80px;
+      padding-top:20px;
+      font-size: 22px;
+        font-family: OPPOSans-M, OPPOSans;
+        font-weight: normal;
+        color: #179fc8;
+        line-height: 32px;
+
+  }
+  .tab-container{
+      width:210px;
+      height:60px;
+      border-bottom:1px solid #2F5D55;
+      padding-top:10px;
+      margin:0px auto;      
+  }
+  .tab-button{
+      width:70px;
+      font-size:12px;
+      height:50px;
+      line-height:50px;
+      color:#0ABFB5;
+      float:left;
+      cursor:pointer;
+  }
+    .check-tag{
+        cursor:pointer;
+        margin:4px 10px;background: #112A26;border: 1px solid #1C4741;float:left;padding:3px 6px 3px 6px;border-radius: 19px 0px 19px 19px;
+    }
+  .box-container{
+      width: calc( 100% - 20px);
+      margin:0px 15px;
+      margin-bottom:10px;
+      height: calc( 100% - 190px);
+      overflow-y:auto;
+  }
+  .news{
+      width: calc( 100% - 10px);
+      line-height:18px;
+      padding:6px 15px 10px 15px;
+      text-align:left;
+      color:#ccc;
+      background:rgba(0,0,0,0.5);
+      margin:6px 0px;
+      border:1px dashed #999;
+  }
+  .news::after{
+      content:"";
+      clear:both;
+      display:block;
+      height:0px;
+      overflow: hidden;
+  }
+.checkbox-container{
+    width:18px;
+    height:18px;
+    position:relative;
+    top:12px;
+    margin-right:10px;
+    float:left;
+    background: rgba(2,0,77,0.4);
+box-shadow: inset 0px 0px 34px 0px #A15E01;
+border: 1px solid #F18B00;
+    cursor: pointer;
+}
+  .news-container{
+      width: calc( 100% - 30px);
+      float:left;
+  }
+  .news .title{
+      line-height:40px;
+      color:#E48F19;
+      margin-bottom:12px;
+      position: relative;
+  }
+
+  .news .title::after{
+      content:"";
+      width:100%;
+      height:0px;
+      border: 0.5px solid;
+      position:absolute;
+      bottom:0px;
+      left:0px;
+        border-image: linear-gradient(90deg, rgba(241, 139, 0, 1), rgba(86, 254, 254, 0),rgba(86, 254, 254, 0)) 1 1;
+  }
+
+  .news .desc{
+      font-size:12px;
+      color:#fff;
+      margin-bottom:6px;
+  }
+
+     ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+  border: 0
+}
+
+::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+  background: transparent;
+  border-radius: 5px
+}
+
+::-webkit-scrollbar-thumb {
+  padding-top: 100px;
+  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
+  background-color: #797979;
+  min-height: 28px;
+  border-radius: 4px;
+  background-clip: padding-box
+}
+
+::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+  border: 0
+}
+
+::-webkit-scrollbar-thumb:hover {
+  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
+  background-color: rgba(0, 0, 0, .4)
+}
+
+::-webkit-scrollbar-thumb:active {
+  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
+  background-color: rgba(0, 0, 0, .5)
+}
+
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/widget/socketdiabox_20240418104058.vue b/.history/src/views/home/widget/socketdiabox_20240418104058.vue
new file mode 100644
index 0000000..2ded8c4
--- /dev/null
+++ b/.history/src/views/home/widget/socketdiabox_20240418104058.vue
@@ -0,0 +1,952 @@
+<template>
+    <div class="box">
+      <!-- <div class="close-button" @click="close">
+          <i class='el-icon el-icon-close'></i>
+      </div> -->
+      <div class="box-container">
+          <div class="flex fc-w fz-16 column" style="margin:10px">
+            <div>当前在线总人数：{{ listDataInfo.onlineCount }}人</div>
+          </div>
+          <div class="table-body">
+              <div class="item flex jc-sb" v-for="(item,index) in listDataInfo.onOffLineInfo" :key="index">
+                
+                  <div>{{item.time}}</div>
+                  <div>{{ item.name }}{{ item.typeName }}</div>
+              </div>
+          </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+import { mapState,mapGetters } from "vuex";   
+import axios from "axios";
+import { getMethodCommon } from '@/api/common.js';
+let BASE_URL = process.env.VUE_APP_BASE_API;
+let BASE_IMAGE_URL = process.env.VUE_APP_BASE_IMG_URL;
+import AppConfig from '../../../../public/config/app.json'
+import { parse } from '../lib/handleGeojson.js';
+import * as turf from '@turf/turf'
+import { isJson } from "../../../utils/index";
+import { handlerData } from "../lib/userSport";
+import { getRouterFunc, drawRouterFunc, clearRouterFunc } from '../lib/routePath'
+let ANYRTC_URL = process.env.VUE_APP_ANYRTC_URL
+export default {
+    name: 'monitorbox',
+    computed: {
+    ...mapGetters([
+      
+    ]),
+    //trtc
+    ...mapState({
+      websocket:state=>state.Emergency.listenWebSocket,
+    }),
+  },
+    props:['globalmap',"showOnlineUser"],
+    data(){
+        return{
+            listDataInfo:[],
+            pointData:[],
+            markGraphicLayer: null,
+            markGraphicLayerArr:[],
+            startPoint:null,
+            endPoint:null,
+            pathPointGraphicLayer:null,
+            currentUsers:[],
+            firstLoad:true,
+            icons:[],
+        }
+    },
+    watch:{
+        showOnlineUser:{
+            handler(newVal,oldVal){
+                if(this.markGraphicLayer){
+                    this.markGraphicLayer.show = newVal;
+                }
+            },  
+            immediate:true
+        }
+    },
+    created(){
+        // 加载队伍图标
+        
+        // this.getOnLineInfo()
+       
+        // 
+        // console.log("IMAGE",this.downloadIcon("http://123.132.248.154:9242/2023/20231216/2023121616413488010132.png"));
+
+    },
+    mounted(){
+        window.videoCall = this.videoCall
+        window.designRoute = this.designRoute;
+        window.deleteRoute = this.deleteRoute;
+        this.getIcons();
+        
+    },
+    methods:{
+        getIcons(){
+            getMethodCommon("/FireCodePC/GetUserUnit?pageIndex=1&pageSize=999").then(res=>{
+                if(res.code == 200){
+                    res.data.forEach((item,index)=>{
+                        this.icons[item.unitName] = item.imaUrl
+                    })
+                    let _this = this;
+                    window.addEventListener("onmessageWS", this.getSocketData);
+                    setInterval(function(){
+                        _this.pointData = []
+                        _this.getPointer("人员信息")
+                    },5000)
+                }
+            })
+        },  
+        getSocketData(res){
+            let _this = this;
+            if (!isJson(res.detail.data)) return;
+            let obj = JSON.parse(res.detail.data)
+            if(obj.Module){
+                _this.pointData = []
+                if(obj.Module == '人员信息' || obj.Module == '对讲机信息'){
+                    // _this.getPointer(obj.Module)
+                    // _this.updateOnlineUserPoint(obj.Data)
+                }
+                if(obj.Module == '上线'){
+                    _this.addLayerPoint(obj.Data);
+                }
+                if(obj.Module == '下线'){
+                    _this.delLayerPoint(obj.Data);
+                }
+            }
+        },
+        close(){
+            this.markGraphicLayerArr.forEach(item =>{
+                this.markGraphicLayer.removeGraphic(item)
+            })
+            this.$emit('close')
+        },
+        videoCall(phone){
+            let userId = localStorage.getItem("userName") || ''
+            if(userId && phone){
+                // let wind = window.open("https://ssl.hopetrytech.com:9233/#/userID="+userId+"&callUserID="+phone, "视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=460");
+                let wind = window.open(ANYRTC_URL+"?userID="+userId+"&callUserID="+phone, "视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=460");
+                wind.onload = function(){
+                    wind.document.title = "视频通话";
+                }
+            }
+            else{
+                this.$message({
+                        type:"warning",
+                        message:"系统错误，调用视频通话接口失败"
+                    })
+            }
+            // window.navigator.mediaDevices.enumerateDevices().then(devices => {
+            //     let isSuppertVideo = 0;
+            //     for(let i=0;i<devices.length;i++){
+            //         if(devices[i].kind =="videoinput"){
+            //             isSuppertVideo++;
+            //         }
+            //     }
+            //     if(isSuppertVideo>0){
+            //         let wind = window.open("https://ssl.hopetrytech.com:9233/#/?userID="+localStorage.getItem("userName")+"&callUserID="+phone, "视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=460");
+            //         wind.onload = function(){
+            //           wind.document.title = "视频通话";
+            //         }
+            //     }else{
+            //         this.$message({
+            //             type:"warning",
+            //             message:"当前设备暂不支持视频通话！"
+            //         })
+            //     }
+            // }) 
+        },
+        getOnLineInfo(){
+            getMethodCommon("/FireManagement/GetOnOffLineInfo").then(res =>{
+                this.listDataInfo = res.data
+            })
+        },
+        getPointer(type){
+            let _this = this;
+            // let xmlhttp = new XMLHttpRequest();
+            // xmlhttp.open("get",process.env.VUE_APP_BASE_API+"/FireManagement/GetPointByAPP");
+            // xmlhttp.send();
+            // xmlhttp.onreadystatechange = function (){
+            //     if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
+            //         let responseData = JSON.parse(xmlhttp.responseText);
+            //   
+            //         responseData.data.forEach(item =>{
+            //             _this.pointData.push(item)
+            //         })
+            //         _this.currentUsers = _this.pointData;
+            //         _this.updateLayerPoint();
+    
+            //     }
+            // }
+            getMethodCommon("FireManagement/GetPointByType?type=%E4%BA%BA%E5%91%98%E4%BF%A1%E6%81%AF&pageSize=999&pageIndex=1").then(res =>{
+                res.data.forEach(item =>{
+                    this.pointData.push(item)
+                })
+                this.currentUsers = this.pointData;
+                this.updateLayerPoint();
+            })
+        },  
+        downloadIcon(imageUrl){
+            let _this = this;
+            let xmlhttp = new XMLHttpRequest();
+            xmlhttp.open("get",imageUrl);
+            xmlhttp.setRequestHeader("Access-Control-Allow-Origin","*");
+            xmlhttp.send();
+            xmlhttp.onreadystatechange = function (){
+                if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
+                    // let responseData = JSON.parse(xmlhttp.responseText);
+                    return xmlhttp.responseText;
+                }
+            }
+        },
+        updateLayerPoint(){
+            // return;
+            // 如果是初次加载数据
+
+            //初次加载添加图层
+            // if(this.markGraphicLayer == null){ 
+            //     this.markGraphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.markGraphicLayer);
+            // }
+
+            // window.graphicLayer.clear();
+
+            if(this.firstLoad){
+                
+                this.currentUsers.forEach((item,index)=>{
+                    // 获取图标
+                    let imageUrl = this.icons[item.unitName] ? BASE_IMAGE_URL +"/"+this.icons[item.unitName] : '/img/jiuyuanrenyuan.png'
+                    let graphic = new mars3d.graphic.BillboardEntity({
+                        id:item.createId,
+                        position:[item.lng, item.lat],
+                        style: {
+                            image:imageUrl,
+                            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                            clampToGround:true,
+                            scale:0.5,
+                            label: {
+                                text: item.name,
+                                font_size: 12,
+                                color: "#ffffff",
+                                pixelOffsetY: -48,
+                                distanceDisplayCondition: true,
+                                distanceDisplayCondition_far: 500000,
+                                distanceDisplayCondition_near: 0
+                            }
+                        },
+                        popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                            <div class="marsTiltPanel-wrap">
+                                <div class="area">
+                                    <div class="arrow-lt"></div>
+                                    <div class="b-t"></div>
+                                    <div class="b-r"></div>
+                                    <div class="b-b"></div>
+                                    <div class="b-l"></div>
+                                    <div class="arrow-rb"></div>
+                                    <div class="label-wrap">
+                                        <div class="title">人员信息</div>
+                                        <div class="label-content">
+                                            <div class="data-li">
+                                                <div class="data-label">人员名称：${item.name}</div>
+                                            </div>
+                                            <div class="data-li">
+                                                <div class="data-label">电话号码：${item.phone}</div>
+                                                <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+                                                </div>
+                                            </div>
+                                            <div class="data-li">
+                                                <div class="data-label">所属单位：${item.unitName}</div>
+                                            </div>
+                                            <div class="data-li">
+                                                <div class="data-value">
+                                                    <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('${item.phone}')">视频通话</span></div>
+                                                    <span id="lablSBZT1" onclick="designRoute('${item.createId}');" class="label-tag data-value-status-1" title="路线高亮">路线高亮</span>
+                                                    <span id="lablSBZT1" onclick="deleteRoute('${item.createId}');" class="label-tag data-value-status-2" title="路线隐藏">路线隐藏</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="b-t-l"></div>
+                                <div class="b-b-r"></div>
+                            </div>
+                            <div class="arrow" ></div>
+                        </div>`,
+                        popupOptions: {
+                            offsetY: -30,
+                            template: "{content}",
+                            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                            scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+                        },
+                        pointerEvents: true
+                    })
+                    window.graphicLayer.addGraphic(graphic);
+                    // graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(item.lng),parseFloat(item.lat)),0);
+                }) 
+            }else{
+                this.currentUsers.forEach((item,index)=>{
+                    let graphic = window.graphicLayer.getGraphicById(item.createId);
+                    if(graphic){
+                        graphic.setCallbackPosition([parseFloat(item.lng),parseFloat(item.lat)])
+                        // if(graphic.isPrivate) {
+                        //     return
+                        // }
+                        // graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(item.lng),parseFloat(item.lat)),30);
+                    }
+                })
+            }
+            this.firstLoad = false;
+        }, 
+        // WebSocket直连，实时更新位置
+        updateOnlineUserPoint(user){
+            
+            if(this.markGraphicLayer == null){ //初次加载添加图层
+                this.markGraphicLayer = new mars3d.layer.GraphicLayer();
+                window.globalmap.addLayer(this.markGraphicLayer);
+            }
+            let graphic = this.markGraphicLayer.getGraphicById(user.CreateId); // 先查找是否已经在地图上
+            
+            if(graphic){ // 如果已经再地图上，则更新位置
+                graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(user.Lng),parseFloat(user.Lat)),5);
+            }else{ // 如果地图上没有则添加图标
+                let graphicAdd = new mars3d.graphic.BillboardEntity({
+                    id:user.CreateId,
+                    position:[user.Lng, user.Lat],
+                    style: {
+                        image: "/img/jiuyuanrenyuan.png",
+                        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                        clampToGround:true,
+                        scale:0.3,
+                        label: {
+                            text: "",
+                            font_size: 14,
+                            color: "#ffffff",
+                            pixelOffsetY: 10,
+                            distanceDisplayCondition: true,
+                            distanceDisplayCondition_far: 500000,
+                            distanceDisplayCondition_near: 0
+                        }
+                    },
+                    popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                        <div class="marsTiltPanel-wrap">
+                            <div class="area">
+                                <div class="arrow-lt"></div>
+                                <div class="b-t"></div>
+                                <div class="b-r"></div>
+                                <div class="b-b"></div>
+                                <div class="b-l"></div>
+                                <div class="arrow-rb"></div>
+                                <div class="label-wrap">
+                                    <div class="title">人员信息</div>
+                                    <div class="label-content">
+                                        <div class="data-li">
+                                            <div class="data-label">人员名称：</div>
+                                        </div>
+                                        <div class="data-li">
+                                            <div class="data-label">电话号码：</div>
+                                            <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+                                            </div>
+                                        </div>
+                                        <div class="data-li">
+                                            <div class="data-value">
+                                                <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('123')">视频通话</span></div>
+                                                <span id="lablSBZT1" onclick="designRoute('${user.CreateId}');" class="label-tag data-value-status-1" title="路线高亮">路线高亮</span>
+                                                <span id="lablSBZT1" onclick="deleteRoute('${user.CreateId}');" class="label-tag data-value-status-2" title="路线隐藏">路线隐藏</span>
+                                                
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="b-t-l"></div>
+                            <div class="b-b-r"></div>
+                        </div>
+                        <div class="arrow" ></div>
+                    </div>`,
+                    popupOptions: {
+                        offsetY: -30,
+                        template: "{content}",
+                        horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                        verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                        scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+                    },
+                    pointerEvents: true
+                })
+                this.markGraphicLayer.addGraphic(graphicAdd);
+                graphic.setCallbackPosition([item.lng,item.lat]);
+                // graphicAdd.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(user.Lng),parseFloat(user.Lat)),0);
+            }
+            
+        },
+        addLayerPoint(item){
+            let graphicExists = window.graphicLayer.getGraphicById(item.CreateId); // 先查找是否已经在地图上
+            if(graphicExists){
+                return;
+            }
+            let imageUrl = this.icons[item.UnitName] ? BASE_IMAGE_URL +"/"+this.icons[item.UnitName] : '/img/jiuyuanrenyuan.png'
+            let graphic = new mars3d.graphic.BillboardEntity({
+                id:item.CreateId,
+                position:[item.Lng, item.Lat],
+                style: {
+                    image:imageUrl,
+                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    clampToGround:true,
+                    scale:0.5,
+                    label: {
+                        text: item.Name,
+                        font_size: 12,
+                        color: "#ffffff",
+                        pixelOffsetY: -48,
+                        distanceDisplayCondition: true,
+                        distanceDisplayCondition_far: 500000,
+                        distanceDisplayCondition_near: 0
+                    }
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                    <div class="marsTiltPanel-wrap">
+                        <div class="area">
+                            <div class="arrow-lt"></div>
+                            <div class="b-t"></div>
+                            <div class="b-r"></div>
+                            <div class="b-b"></div>
+                            <div class="b-l"></div>
+                            <div class="arrow-rb"></div>
+                            <div class="label-wrap">
+                                <div class="title">人员信息</div>
+                                <div class="label-content">
+                                    <div class="data-li">
+                                        <div class="data-label">人员名称：${item.Name}</div>
+                                    </div>
+                                    <div class="data-li">
+                                        <div class="data-label">电话号码：${item.Phone}</div>
+                                        <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+                                        </div>
+                                    </div>
+                                    <div class="data-li">
+                                        <div class="data-label">所属单位：${item.UnitName}</div>
+                                    </div>
+                                    <div class="data-li">
+                                        <div class="data-value">
+                                            <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('${item.Phone}')">视频通话</span></div>
+                                            <span id="lablSBZT1" onclick="designRoute('${item.CreateId}');" class="label-tag data-value-status-1" title="路线高亮">路线高亮</span>
+                                            <span id="lablSBZT1" onclick="deleteRoute('${item.CreateId}');" class="label-tag data-value-status-2" title="路线隐藏">路线隐藏</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="b-t-l"></div>
+                        <div class="b-b-r"></div>
+                    </div>
+                    <div class="arrow" ></div>
+                </div>`,
+                popupOptions: {
+                    offsetY: -30,
+                    template: "{content}",
+                    horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                    verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                    scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+                },
+                pointerEvents: true
+            })
+            // let graphic = new mars3d.graphic.BillboardPrimitive({
+            //     id:item.CreateId,
+            //     position:[item.Lng, item.Lat],
+            //     style: {
+            //         image: "/img/jiuyuanrenyuan.png",
+            //         horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            //         verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            //         clampToGround:true,
+            //         scale:0.3,
+            //         label: {
+            //             text: item.Name,
+            //             font_size: 14,
+            //             color: "#ffffff",
+            //             pixelOffsetY: 10,
+            //             distanceDisplayCondition: true,
+            //             distanceDisplayCondition_far: 500000,
+            //             distanceDisplayCondition_near: 0
+            //         }
+            //     },
+            //     popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+            //         <div class="marsTiltPanel-wrap">
+            //             <div class="area">
+            //                 <div class="arrow-lt"></div>
+            //                 <div class="b-t"></div>
+            //                 <div class="b-r"></div>
+            //                 <div class="b-b"></div>
+            //                 <div class="b-l"></div>
+            //                 <div class="arrow-rb"></div>
+            //                 <div class="label-wrap">
+            //                     <div class="title">人员信息</div>
+            //                     <div class="label-content">
+            //                         <div class="data-li">
+            //                             <div class="data-label">人员名称：${item.Name}</div>
+            //                         </div>
+            //                         <div class="data-li">
+            //                             <div class="data-label">电话号码：${item.Phone}</div>
+            //                             <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+            //                             </div>
+            //                         </div>
+            //                         <div class="data-li">
+            //                             <div class="data-value">
+            //                                 <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('${item.Phone}')">视频通话</span></div>
+            //                                 <span id="lablSBZT1" onclick="designRoute('${item.CreateId}');" class="label-tag data-value-status-1" title="人员动态">路线高亮</span>
+            //                                 <span id="lablSBZT1" onclick="deleteRoute('${item.CreateId}');" class="label-tag data-value-status-2" title="清除路线">路线隐藏</span>
+                                            
+            //                             </div>
+            //                         </div>
+            //                     </div>
+            //                 </div>
+            //             </div>
+            //             <div class="b-t-l"></div>
+            //             <div class="b-b-r"></div>
+            //         </div>
+            //         <div class="arrow" ></div>
+            //     </div>`,
+            //     popupOptions: {
+            //         offsetY: -30,
+            //         template: "{content}",
+            //         horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            //         verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+            //         distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+            //         scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+            //     },
+            //     pointerEvents: true
+            // })
+            window.graphicLayer.addGraphic(graphic);
+            // graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(item.Lng),parseFloat(item.Lat)),0);
+        },
+        delLayerPoint(arr){
+            arr.forEach((item,index)=>{
+                let graphic = window.graphicLayer.getGraphicById(item.id);
+                window.graphicLayer.removeGraphic(graphic);
+            })
+        },
+        deleteRoute(){
+            clearRouterFunc();
+            // if(this.pathPointGraphicLayer){
+            //     this.pathPointGraphicLayer.clear();
+            // }
+        },
+        designRoute(userId){
+            axios({
+                method:"get",
+                url:BASE_URL+"/Patrol/LoadUserNavigationByUserId",
+                params:{
+                    id:userId
+                },
+                headers:{
+                    "X-Token":localStorage.getItem("X-Token")
+                }
+            }).then(res=>{
+                if(res.data.code == 200){
+                    if(res.data.data){
+                        this.startPoint = res.data.data.startLng+","+res.data.data.startLat;
+                        this.endPoint = res.data.data.endLng+","+res.data.data.endLat;
+                        this.getRoutePath();
+                    }else{
+                        this.$message({
+                            type:"warning",
+                            message:"当前人员暂无规划地",
+                        })
+                    }
+                }
+            })
+        },
+        getRoutePath() {
+        // 获取路线数据
+            let startCoor = this.startPoint.split(",")
+            let endCoor = this.endPoint.split(",");
+            let params = {
+                startlng: parseFloat(startCoor[0]),
+                startlat: parseFloat(startCoor[1]),
+                endlng: parseFloat(endCoor[0]),
+                endlat: parseFloat(endCoor[1]),
+                areaname: localStorage.getItem("areaName"),
+            };
+            getRouterFunc(params,"gaode").then(res => {
+                drawRouterFunc(res)
+            }).catch(err => {
+                clearRouterFunc()
+            })
+        },
+        drawPoint(type, lng, lat, z) { // 绘制起点、终点
+            let image = null;
+            if (type == "start") {
+                image = "/img/route-start.png"
+            } else {
+                image = "/img/route-end.png"
+            }
+            var graphic = new mars3d.graphic.BillboardEntity({
+                position: [lng, lat, z],
+                style: {
+                    image: image,
+                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    clampToGround: true
+                },
+                attr: { remark: type == 'start'?'起点':'终点' }
+            })
+            this.pathPointGraphicLayer.addGraphic(graphic) // 还可以另
+        },
+        //  getRoutePath(){ // 获取路线数据
+        //     if(this.startPoint&&this.endPoint){
+        //         let startCoor =  this.startPoint.split(",");
+        //         let endCoor = this.endPoint.split(",");
+        //         axios({
+        //             method: 'get',
+        //             url: AppConfig[localStorage.getItem('areaName')].baseUrl+'/api/FirePrevention/LoadRoad',
+        //             params: {
+        //                 startlng: parseFloat(startCoor[0]),
+        //                 startlat: parseFloat(startCoor[1]),
+        //                 endlng: parseFloat(endCoor[0]),
+        //                 endlat: parseFloat(endCoor[1]),
+        //             }
+        //         }).then(data => {
+        //             if (data.data.data.length > 0) {
+                        
+        //                 let LineString = data.data.data[0].route;
+
+        //                 if(LineString == null || LineString == "null"){
+                            
+        //                 }else{
+        //                     let _this = this;
+        //                     setTimeout(function () {
+        //                        _this.drawRoutePath(parse(LineString));
+        //                         // designPath(parse(LineString));
+        //                     }, 1000)
+        //                 }
+        
+        //             }else{
+                        
+        //             }
+        //         })
+        //     }else{
+
+        //     }
+        // },
+        drawRoutePath(geojson) { // 绘制路线
+
+            if(this.pathPointGraphicLayer == null){
+                this.pathPointGraphicLayer = new mars3d.layer.GraphicLayer();
+                window.globalmap.addLayer(this.pathPointGraphicLayer);
+            }else{
+                this.pathPointGraphicLayer.clear();
+            }
+
+           
+
+            if(geojson.type=="LineString"){
+                geojson.coordinates = [geojson.coordinates]
+            }
+
+            // 虚线部分
+            var startCoor = this.startPoint.split(",");
+            var endCoor =this.endPoint.split(",");
+
+             if(this.startPoint&&this.endPoint){
+                         this.drawPoint("start",parseFloat(startCoor[0]),parseFloat(startCoor[1]),0)
+                        this.drawPoint("end",parseFloat(endCoor[0]),parseFloat(endCoor[1]),0)
+                    }else{
+                        this.$message({
+                            type:"warning",
+                            message:"当前人员暂无规划地",
+                        })
+                    }
+
+
+            // 起始点坐标
+            var startCoorArr = [parseFloat(startCoor[0]), parseFloat(startCoor[1])]
+            // 终点坐标
+            var endCoorArr = [parseFloat(endCoor[0]), parseFloat(endCoor[1])]
+
+            var startTurfPoint = turf.point(startCoorArr);
+            var endTurfPoint = turf.point(endCoorArr);
+
+            // 起始路线部分
+            var startPath = [];
+            geojson.coordinates[0].forEach((item, index) => {
+                startPath.push(turf.point([item[0], item[1]]));
+            })
+
+            var startTurfPath = turf.featureCollection(startPath);
+            var startNearestPoint = turf.nearestPoint(startTurfPoint, startTurfPath);
+
+            var startNearestPointLngLat = null;
+            if (startNearestPoint) {
+                startNearestPointLngLat = startNearestPoint.geometry.coordinates;
+                var graphic = new mars3d.graphic.PolylineEntity({
+                positions: [
+                    startCoorArr,
+                    startNearestPointLngLat,
+                ],
+                style: {
+                    width: 5,
+                    clampToGround: true,
+                    materialType: mars3d.MaterialType.PolylineDash,
+                    materialOptions: {
+                    color: Cesium.Color.YELLOW,
+                    dashLength: 8.0
+                    }
+                },
+                attr: { remark: "虚线" }
+                })
+                this.pathPointGraphicLayer.addGraphic(graphic)
+            }
+
+            // 终点路线部分
+            var endPath = [];
+            geojson.coordinates[geojson.coordinates.length - 1].forEach((item, index) => {
+                endPath.push(turf.point([item[0], item[1]]));
+            })
+            var endTurfPath = turf.featureCollection(endPath);
+            var endNearestPoint = turf.nearestPoint(endTurfPoint, endTurfPath);
+
+            var endNearestPointLngLat = null;
+            if (endNearestPoint) {
+                endNearestPointLngLat = endNearestPoint.geometry.coordinates;
+                var graphic = new mars3d.graphic.PolylineEntity({
+                positions: [
+                    endCoorArr,
+                    endNearestPointLngLat,
+                ],
+                style: {
+                    width: 5,
+                    clampToGround: true,
+                    materialType: mars3d.MaterialType.PolylineDash,
+                    materialOptions: {
+                    color: Cesium.Color.YELLOW,
+                    dashLength: 8.0
+                    }
+                },
+                attr: { remark: "虚线" }
+                })
+                this.pathPointGraphicLayer.addGraphic(graphic)
+            }
+
+            // 漫游数据
+            var tripArr = [];
+            // 实线路线部分
+            geojson.coordinates.forEach((item, index) => {
+                tripArr = tripArr.concat(item);
+                // var graphic = new mars3d.graphic.PolylineEntity({
+                //   positions: item,
+                //   style: {
+                //     width: 5,
+                //     clampToGround: true,
+                //     // materialType: mars3d.MaterialType.PolylineDash,
+                //     materialOptions: {
+                //       color: Cesium.Color.CYAN,
+                //       dashLength: 8.0
+                //     }
+                //   },
+                //   attr: { remark: "最优路线" }
+                // })
+            })
+
+            var graphic = new mars3d.graphic.PolylineEntity({
+                positions: tripArr,
+                style: {
+                width: 5,
+                clampToGround: true,
+                materialType: mars3d.MaterialType.LineFlow,
+                materialOptions: {
+                    color: Cesium.Color.CYAN,
+                    image: "/img/line-colour.png",
+                    speed: 10
+                }
+                },
+                attr: { remark: "示例13" }
+            })
+            this.pathPointGraphicLayer.addGraphic(graphic)
+
+            this.pathPointGraphicLayer.flyTo();
+
+            this.tripFlyArray = [];
+            tripArr.forEach((item, index) => {
+                if (index % 20 == 0) {
+                    this.tripFlyArray.push(item);
+                }
+            })
+        
+        },
+        initWebSocket() {
+            let _this = this;
+            if ("WebSocket" in window) {
+                // 打开一个 web socket
+                var ws = new WebSocket("ws://221.2.83.254:7002/ws");
+                var heartCheck;
+                ws.onopen = function () {
+                    //Web Socket 已连接上，使用 send() 方法发送数据
+                    console.log('WEBSOCKET-ONLINE')
+                    heartCheck = setInterval(function() {
+                        ws.send('HeartBeat');
+                    }, 5000);
+                };
+                ws.onmessage = function (evt) {
+                    clearInterval(heartCheck);
+                    heartCheck = setInterval(function() {
+                        ws.send('HeartBeat');
+                    }, 5000);
+                    let obj = JSON.parse(evt.data)
+                    if(obj.Module){
+                        _this.pointData = []
+                        if(obj.Module == '人员信息' || obj.Module == '对讲机信息'){
+                            _this.getPointer(obj.Module)
+                        }
+                        if(obj.Module == '上线' || obj.Module == '下线'){
+                            _this.getOnLineInfo()
+                        }
+                    }
+                };
+                ws.onclose = function () {
+                    clearInterval(heartCheck);
+                    console.log('WEBSOCKET-CLOSED')
+                    _this.initWebSocket()
+                };
+                ws.onerror= function () {
+                    clearInterval(heartCheck);
+                    console.log('WEBSOCKET-ERROR')
+                    _this.initWebSocket()
+                };
+            } else {
+                // 浏览器不支持 WebSocket
+                alert("您的浏览器不支持 WebSocket!");
+            }
+        },
+    }
+}
+</script>
+  
+<style scoped>
+/* .box{
+    width: 100%;
+    height: calc( 100% - 5px);;
+    overflow: hidden;
+    text-align:left;
+    z-index: 99;
+} */
+/* 隐藏该图表 */
+.box{
+width: 1px;
+height: 1px;
+overflow: hidden;
+}
+.box-name{
+    height: 47px;
+    line-height: 47px;
+    color: #fff;
+    font-size: 20px;
+    font-weight: bold;
+    padding: 0 40px;
+    }
+.box-title{
+     width:100%;
+      height:45px;
+      overflow: hidden;
+      line-height:40px;
+      color:#eee;
+      text-align: center;
+      font-size:14px;
+}
+.box-container{
+    width: calc( 100% - 0px);
+    padding:10px 12px;
+    height: calc( 100% - 50px);
+}
+.table-header{
+    width: calc( 100% - 10px);
+    height:25px;
+    color:#fff;
+    text-align: center;
+}
+.table-header div{
+    float:left;
+    width:25%;
+    border-bottom:1px dashed #00FFF0;
+    padding-bottom:8px;
+}
+.table-body{
+    width:100%;
+    height: calc( 100% - 0px);
+    overflow-y: auto;
+}
+
+.table-body .item{
+    width:100%;
+    height:40px;
+    background: #00ffee2f;
+    font-size:14px;
+    text-align: center;
+    line-height:40px;
+}
+
+.table-body .item:nth-child(2n){
+    background:#0099ff50;
+}
+.close-button{
+  position:absolute;
+  right:20px;
+  top:14px;
+  cursor:pointer;
+  color:#fff;
+  font-weight: bold;
+  width:20px;
+  height:20px;
+  background:#0a58bfcc;
+  line-height:20px;
+  text-align:center;
+}
+
+.table-body .item div{
+    float:left;
+    width:50%;
+    color:#eee;
+}
+
+::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+    border: 0
+}
+
+
+::-webkit-scrollbar {
+    height: 10px;
+    width: 10px;
+    background: transparent;
+    border-radius: 5px
+}
+
+::-webkit-scrollbar-thumb {
+    padding-top: 100px;
+    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
+    background-color: #797979;
+    min-height: 28px;
+    border-radius: 4px;
+    background-clip: padding-box
+}
+
+::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+    border: 0
+}
+
+::-webkit-scrollbar-thumb:hover {
+    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
+    background-color: rgba(0, 0, 0, .4)
+}
+
+::-webkit-scrollbar-thumb:active {
+    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
+    background-color: rgba(0, 0, 0, .5)
+}
+
+</style>
\ No newline at end of file
diff --git a/.history/src/views/home/widget/socketdiabox_20241024100024.vue b/.history/src/views/home/widget/socketdiabox_20241024100024.vue
new file mode 100644
index 0000000..dc55db2
--- /dev/null
+++ b/.history/src/views/home/widget/socketdiabox_20241024100024.vue
@@ -0,0 +1,951 @@
+<template>
+    <div class="box">
+      <!-- <div class="close-button" @click="close">
+          <i class='el-icon el-icon-close'></i>
+      </div> -->
+      <div class="box-container">
+          <div class="flex fc-w fz-16 column" style="margin:10px">
+            <div>当前在线总人数：{{ listDataInfo.onlineCount }}人</div>
+          </div>
+          <div class="table-body">
+              <div class="item flex jc-sb" v-for="(item,index) in listDataInfo.onOffLineInfo" :key="index">
+                
+                  <div>{{item.time}}</div>
+                  <div>{{ item.name }}{{ item.typeName }}</div>
+              </div>
+          </div>
+      </div>
+    </div>
+  </template>
+  
+<script>
+import { mapState,mapGetters } from "vuex";   
+import axios from "axios";
+import { getMethodCommon } from '@/api/common.js';
+let BASE_URL = process.env.VUE_APP_BASE_API;
+let BASE_IMAGE_URL = process.env.VUE_APP_BASE_IMG_URL;
+import AppConfig from '../../../../public/config/app.json'
+import { parse } from '../lib/handleGeojson.js';
+import * as turf from '@turf/turf'
+import { isJson } from "../../../utils/index";
+import { handlerData } from "../lib/userSport";
+import { getRouterFunc, drawRouterFunc, clearRouterFunc } from '../lib/routePath'
+let ANYRTC_URL = process.env.VUE_APP_ANYRTC_URL
+export default {
+    name: 'monitorbox',
+    computed: {
+    ...mapGetters([
+      
+    ]),
+    //trtc
+    ...mapState({
+      websocket:state=>state.Emergency.listenWebSocket,
+    }),
+  },
+    props:['globalmap',"showOnlineUser"],
+    data(){
+        return{
+            listDataInfo:[],
+            pointData:[],
+            markGraphicLayer: null,
+            markGraphicLayerArr:[],
+            startPoint:null,
+            endPoint:null,
+            pathPointGraphicLayer:null,
+            currentUsers:[],
+            firstLoad:true,
+            icons:[],
+        }
+    },
+    watch:{
+        showOnlineUser:{
+            handler(newVal,oldVal){
+                if(this.markGraphicLayer){
+                    this.markGraphicLayer.show = newVal;
+                }
+            },  
+            immediate:true
+        }
+    },
+    created(){
+        // 加载队伍图标
+        
+        // this.getOnLineInfo()
+       
+        // 
+        // console.log("IMAGE",this.downloadIcon("http://123.132.248.154:9242/2023/20231216/2023121616413488010132.png"));
+
+    },
+    mounted(){
+        window.videoCall = this.videoCall
+        window.designRoute = this.designRoute;
+        window.deleteRoute = this.deleteRoute;
+        this.getIcons();
+        
+    },
+    methods:{
+        getIcons(){
+            getMethodCommon("/FireCodePC/GetUserUnit?pageIndex=1&pageSize=999").then(res=>{
+                if(res.code == 200){
+                    res.data.forEach((item,index)=>{
+                        this.icons[item.unitName] = item.imaUrl
+                    })
+                    let _this = this;
+                    window.addEventListener("onmessageWS", this.getSocketData);
+                    setInterval(function(){
+                        _this.pointData = []
+                        _this.getPointer("人员信息")
+                    },5000)
+                }
+            })
+        },  
+        getSocketData(res){
+            let _this = this;
+            if (!isJson(res.detail.data)) return;
+            let obj = JSON.parse(res.detail.data)
+            if(obj.Module){
+                _this.pointData = []
+                if(obj.Module == '人员信息' || obj.Module == '对讲机信息'){
+                    // _this.getPointer(obj.Module)
+                    // _this.updateOnlineUserPoint(obj.Data)
+                }
+                if(obj.Module == '上线'){
+                    _this.addLayerPoint(obj.Data);
+                }
+                if(obj.Module == '下线'){
+                    _this.delLayerPoint(obj.Data);
+                }
+            }
+        },
+        close(){
+            this.markGraphicLayerArr.forEach(item =>{
+                this.markGraphicLayer.removeGraphic(item)
+            })
+            this.$emit('close')
+        },
+        videoCall(phone){
+            let userId = localStorage.getItem("userName") || ''
+            if(userId && phone){
+                // let wind = window.open("https://ssl.hopetrytech.com:9233/#/userID="+userId+"&callUserID="+phone, "视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=460");
+                let wind = window.open(ANYRTC_URL+"?userID="+userId+"&callUserID="+phone, "视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=460");
+                wind.onload = function(){
+                    wind.document.title = "视频通话";
+                }
+            }
+            else{
+                this.$message({
+                        type:"warning",
+                        message:"系统错误，调用视频通话接口失败"
+                    })
+            }
+            // window.navigator.mediaDevices.enumerateDevices().then(devices => {
+            //     let isSuppertVideo = 0;
+            //     for(let i=0;i<devices.length;i++){
+            //         if(devices[i].kind =="videoinput"){
+            //             isSuppertVideo++;
+            //         }
+            //     }
+            //     if(isSuppertVideo>0){
+            //         let wind = window.open("https://ssl.hopetrytech.com:9233/#/?userID="+localStorage.getItem("userName")+"&callUserID="+phone, "视频通话", "location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,width=640,height=460");
+            //         wind.onload = function(){
+            //           wind.document.title = "视频通话";
+            //         }
+            //     }else{
+            //         this.$message({
+            //             type:"warning",
+            //             message:"当前设备暂不支持视频通话！"
+            //         })
+            //     }
+            // }) 
+        },
+        getOnLineInfo(){
+            getMethodCommon("/FireManagement/GetOnOffLineInfo").then(res =>{
+                this.listDataInfo = res.data
+            })
+        },
+        getPointer(type){
+            let _this = this;
+            // let xmlhttp = new XMLHttpRequest();
+            // xmlhttp.open("get",process.env.VUE_APP_BASE_API+"/FireManagement/GetPointByAPP");
+            // xmlhttp.send();
+            // xmlhttp.onreadystatechange = function (){
+            //     if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
+            //         let responseData = JSON.parse(xmlhttp.responseText);
+            //   
+            //         responseData.data.forEach(item =>{
+            //             _this.pointData.push(item)
+            //         })
+            //         _this.currentUsers = _this.pointData;
+            //         _this.updateLayerPoint();
+    
+            //     }
+            // }
+            getMethodCommon("FireManagement/GetPointByType?type=%E4%BA%BA%E5%91%98%E4%BF%A1%E6%81%AF&pageSize=999&pageIndex=1").then(res =>{
+                res.data.forEach(item =>{
+                    this.pointData.push(item)
+                })
+                this.currentUsers = this.pointData;
+                this.updateLayerPoint();
+            })
+        },  
+        downloadIcon(imageUrl){
+            let _this = this;
+            let xmlhttp = new XMLHttpRequest();
+            xmlhttp.open("get",imageUrl);
+            xmlhttp.setRequestHeader("Access-Control-Allow-Origin","*");
+            xmlhttp.send();
+            xmlhttp.onreadystatechange = function (){
+                if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
+                    // let responseData = JSON.parse(xmlhttp.responseText);
+                    return xmlhttp.responseText;
+                }
+            }
+        },
+        updateLayerPoint(){
+            // return;
+            // 如果是初次加载数据
+
+            //初次加载添加图层
+            // if(this.markGraphicLayer == null){ 
+            //     this.markGraphicLayer = new mars3d.layer.GraphicLayer();
+            //     window.globalmap.addLayer(this.markGraphicLayer);
+            // }
+
+            // window.graphicLayer.clear();
+
+            if(this.firstLoad){
+                
+                this.currentUsers.forEach((item,index)=>{
+                    // 获取图标
+                    let imageUrl = this.icons[item.unitName] ? BASE_IMAGE_URL +"/"+this.icons[item.unitName] : '/img/jiuyuanrenyuan.png'
+                    let graphic = new mars3d.graphic.BillboardEntity({
+                        id:item.createId,
+                        position:[item.lng, item.lat],
+                        style: {
+                            image:imageUrl,
+                            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                            clampToGround:true,
+                            scale:0.5,
+                            label: {
+                                text: item.name,
+                                font_size: 12,
+                                color: "#ffffff",
+                                pixelOffsetY: -48,
+                                distanceDisplayCondition: true,
+                                distanceDisplayCondition_far: 500000,
+                                distanceDisplayCondition_near: 0
+                            }
+                        },
+                        popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                            <div class="marsTiltPanel-wrap">
+                                <div class="area">
+                                    <div class="arrow-lt"></div>
+                                    <div class="b-t"></div>
+                                    <div class="b-r"></div>
+                                    <div class="b-b"></div>
+                                    <div class="b-l"></div>
+                                    <div class="arrow-rb"></div>
+                                    <div class="label-wrap">
+                                        <div class="title">人员信息</div>
+                                        <div class="label-content">
+                                            <div class="data-li">
+                                                <div class="data-label">人员名称：${item.name}</div>
+                                            </div>
+                                            <div class="data-li">
+                                                <div class="data-label">电话号码：${item.phone}</div>
+                                                <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+                                                </div>
+                                            </div>
+                                            <div class="data-li">
+                                                <div class="data-label">所属单位：${item.unitName}</div>
+                                            </div>
+                                            <div class="data-li">
+                                                <div class="data-value">
+                                                    <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('${item.phone}')">视频通话</span></div>
+                                                    <span id="lablSBZT1" onclick="designRoute('${item.createId}');" class="label-tag data-value-status-1" title="路线高亮">路线高亮</span>
+                                                    <span id="lablSBZT1" onclick="deleteRoute('${item.createId}');" class="label-tag data-value-status-2" title="路线隐藏">路线隐藏</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="b-t-l"></div>
+                                <div class="b-b-r"></div>
+                            </div>
+                            <div class="arrow" ></div>
+                        </div>`,
+                        popupOptions: {
+                            offsetY: -30,
+                            template: "{content}",
+                            horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                            verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                            scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+                        },
+                        pointerEvents: true
+                    })
+                    window.graphicLayer.addGraphic(graphic);
+                    // graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(item.lng),parseFloat(item.lat)),0);
+                }) 
+            }else{
+                this.currentUsers.forEach((item,index)=>{
+                    let graphic = window.graphicLayer.getGraphicById(item.createId);
+                    if(graphic){
+                        graphic.setCallbackPosition([parseFloat(item.lng),parseFloat(item.lat)])
+                        // if(graphic.isPrivate) {
+                        //     return
+                        // }
+                        // graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(item.lng),parseFloat(item.lat)),30);
+                    }
+                })
+            }
+            this.firstLoad = false;
+        }, 
+        // WebSocket直连，实时更新位置
+        updateOnlineUserPoint(user){
+            
+            if(this.markGraphicLayer == null){ //初次加载添加图层
+                this.markGraphicLayer = new mars3d.layer.GraphicLayer();
+                window.globalmap.addLayer(this.markGraphicLayer);
+            }
+            let graphic = this.markGraphicLayer.getGraphicById(user.CreateId); // 先查找是否已经在地图上
+            
+            if(graphic){ // 如果已经再地图上，则更新位置
+                graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(user.Lng),parseFloat(user.Lat)),5);
+            }else{ // 如果地图上没有则添加图标
+                let graphicAdd = new mars3d.graphic.BillboardEntity({
+                    id:user.CreateId,
+                    position:[user.Lng, user.Lat],
+                    style: {
+                        image: "/img/jiuyuanrenyuan.png",
+                        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                        clampToGround:true,
+                        scale:0.3,
+                        label: {
+                            text: "",
+                            font_size: 14,
+                            color: "#ffffff",
+                            pixelOffsetY: 10,
+                            distanceDisplayCondition: true,
+                            distanceDisplayCondition_far: 500000,
+                            distanceDisplayCondition_near: 0
+                        }
+                    },
+                    popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                        <div class="marsTiltPanel-wrap">
+                            <div class="area">
+                                <div class="arrow-lt"></div>
+                                <div class="b-t"></div>
+                                <div class="b-r"></div>
+                                <div class="b-b"></div>
+                                <div class="b-l"></div>
+                                <div class="arrow-rb"></div>
+                                <div class="label-wrap">
+                                    <div class="title">人员信息</div>
+                                    <div class="label-content">
+                                        <div class="data-li">
+                                            <div class="data-label">人员名称：</div>
+                                        </div>
+                                        <div class="data-li">
+                                            <div class="data-label">电话号码：</div>
+                                            <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+                                            </div>
+                                        </div>
+                                        <div class="data-li">
+                                            <div class="data-value">
+                                                <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('123')">视频通话</span></div>
+                                                <span id="lablSBZT1" onclick="designRoute('${user.CreateId}');" class="label-tag data-value-status-1" title="路线高亮">路线高亮</span>
+                                                <span id="lablSBZT1" onclick="deleteRoute('${user.CreateId}');" class="label-tag data-value-status-2" title="路线隐藏">路线隐藏</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="b-t-l"></div>
+                            <div class="b-b-r"></div>
+                        </div>
+                        <div class="arrow" ></div>
+                    </div>`,
+                    popupOptions: {
+                        offsetY: -30,
+                        template: "{content}",
+                        horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                        verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                        scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+                    },
+                    pointerEvents: true
+                })
+                this.markGraphicLayer.addGraphic(graphicAdd);
+                graphic.setCallbackPosition([item.lng,item.lat]);
+                // graphicAdd.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(user.Lng),parseFloat(user.Lat)),0);
+            }
+            
+        },
+        addLayerPoint(item){
+            let graphicExists = window.graphicLayer.getGraphicById(item.CreateId); // 先查找是否已经在地图上
+            if(graphicExists){
+                return;
+            }
+            let imageUrl = this.icons[item.UnitName] ? BASE_IMAGE_URL +"/"+this.icons[item.UnitName] : '/img/jiuyuanrenyuan.png'
+            let graphic = new mars3d.graphic.BillboardEntity({
+                id:item.CreateId,
+                position:[item.Lng, item.Lat],
+                style: {
+                    image:imageUrl,
+                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    clampToGround:true,
+                    scale:0.5,
+                    label: {
+                        text: item.Name,
+                        font_size: 12,
+                        color: "#ffffff",
+                        pixelOffsetY: -48,
+                        distanceDisplayCondition: true,
+                        distanceDisplayCondition_far: 500000,
+                        distanceDisplayCondition_near: 0
+                    }
+                },
+                popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+                    <div class="marsTiltPanel-wrap">
+                        <div class="area">
+                            <div class="arrow-lt"></div>
+                            <div class="b-t"></div>
+                            <div class="b-r"></div>
+                            <div class="b-b"></div>
+                            <div class="b-l"></div>
+                            <div class="arrow-rb"></div>
+                            <div class="label-wrap">
+                                <div class="title">人员信息</div>
+                                <div class="label-content">
+                                    <div class="data-li">
+                                        <div class="data-label">人员名称：${item.Name}</div>
+                                    </div>
+                                    <div class="data-li">
+                                        <div class="data-label">电话号码：${item.Phone}</div>
+                                        <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+                                        </div>
+                                    </div>
+                                    <div class="data-li">
+                                        <div class="data-label">所属单位：${item.UnitName}</div>
+                                    </div>
+                                    <div class="data-li">
+                                        <div class="data-value">
+                                            <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('${item.Phone}')">视频通话</span></div>
+                                            <span id="lablSBZT1" onclick="designRoute('${item.CreateId}');" class="label-tag data-value-status-1" title="路线高亮">路线高亮</span>
+                                            <span id="lablSBZT1" onclick="deleteRoute('${item.CreateId}');" class="label-tag data-value-status-2" title="路线隐藏">路线隐藏</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="b-t-l"></div>
+                        <div class="b-b-r"></div>
+                    </div>
+                    <div class="arrow" ></div>
+                </div>`,
+                popupOptions: {
+                    offsetY: -30,
+                    template: "{content}",
+                    horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+                    verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+                    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+                    scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+                },
+                pointerEvents: true
+            })
+            // let graphic = new mars3d.graphic.BillboardPrimitive({
+            //     id:item.CreateId,
+            //     position:[item.Lng, item.Lat],
+            //     style: {
+            //         image: "/img/jiuyuanrenyuan.png",
+            //         horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            //         verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            //         clampToGround:true,
+            //         scale:0.3,
+            //         label: {
+            //             text: item.Name,
+            //             font_size: 14,
+            //             color: "#ffffff",
+            //             pixelOffsetY: 10,
+            //             distanceDisplayCondition: true,
+            //             distanceDisplayCondition_far: 500000,
+            //             distanceDisplayCondition_near: 0
+            //         }
+            //     },
+            //     popup: `<div class="marsTiltPanel marsTiltPanel-theme-blue" style="font-size:12px;">
+            //         <div class="marsTiltPanel-wrap">
+            //             <div class="area">
+            //                 <div class="arrow-lt"></div>
+            //                 <div class="b-t"></div>
+            //                 <div class="b-r"></div>
+            //                 <div class="b-b"></div>
+            //                 <div class="b-l"></div>
+            //                 <div class="arrow-rb"></div>
+            //                 <div class="label-wrap">
+            //                     <div class="title">人员信息</div>
+            //                     <div class="label-content">
+            //                         <div class="data-li">
+            //                             <div class="data-label">人员名称：${item.Name}</div>
+            //                         </div>
+            //                         <div class="data-li">
+            //                             <div class="data-label">电话号码：${item.Phone}</div>
+            //                             <div class="data-value"><span id="lablYeWei"  class="label-num"></span><span class="label-unit"></span>
+            //                             </div>
+            //                         </div>
+            //                         <div class="data-li">
+            //                             <div class="data-value">
+            //                                 <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('${item.Phone}')">视频通话</span></div>
+            //                                 <span id="lablSBZT1" onclick="designRoute('${item.CreateId}');" class="label-tag data-value-status-1" title="人员动态">路线高亮</span>
+            //                                 <span id="lablSBZT1" onclick="deleteRoute('${item.CreateId}');" class="label-tag data-value-status-2" title="清除路线">路线隐藏</span>
+                                            
+            //                             </div>
+            //                         </div>
+            //                     </div>
+            //                 </div>
+            //             </div>
+            //             <div class="b-t-l"></div>
+            //             <div class="b-b-r"></div>
+            //         </div>
+            //         <div class="arrow" ></div>
+            //     </div>`,
+            //     popupOptions: {
+            //         offsetY: -30,
+            //         template: "{content}",
+            //         horizontalOrigin: "Cesium.HorizontalOrigin.LEFT",
+            //         verticalOrigin: "Cesium.VerticalOrigin.CENTER",
+            //         distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+            //         scaleByDistance: new Cesium.NearFarScalar(1000, 0.8, 8000, 0.3),
+            //     },
+            //     pointerEvents: true
+            // })
+            window.graphicLayer.addGraphic(graphic);
+            // graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(parseFloat(item.Lng),parseFloat(item.Lat)),0);
+        },
+        delLayerPoint(arr){
+            arr.forEach((item,index)=>{
+                let graphic = window.graphicLayer.getGraphicById(item.id);
+                window.graphicLayer.removeGraphic(graphic);
+            })
+        },
+        deleteRoute(){
+            clearRouterFunc();
+            // if(this.pathPointGraphicLayer){
+            //     this.pathPointGraphicLayer.clear();
+            // }
+        },
+        designRoute(userId){
+            axios({
+                method:"get",
+                url:BASE_URL+"/Patrol/LoadUserNavigationByUserId",
+                params:{
+                    id:userId
+                },
+                headers:{
+                    "X-Token":localStorage.getItem("X-Token")
+                }
+            }).then(res=>{
+                if(res.data.code == 200){
+                    if(res.data.data){
+                        this.startPoint = res.data.data.startLng+","+res.data.data.startLat;
+                        this.endPoint = res.data.data.endLng+","+res.data.data.endLat;
+                        this.getRoutePath();
+                    }else{
+                        this.$message({
+                            type:"warning",
+                            message:"当前人员暂无规划地",
+                        })
+                    }
+                }
+            })
+        },
+        getRoutePath() {
+        // 获取路线数据
+            let startCoor = this.startPoint.split(",")
+            let endCoor = this.endPoint.split(",");
+            let params = {
+                startlng: parseFloat(startCoor[0]),
+                startlat: parseFloat(startCoor[1]),
+                endlng: parseFloat(endCoor[0]),
+                endlat: parseFloat(endCoor[1]),
+                areaname: localStorage.getItem("areaName"),
+            };
+            getRouterFunc(params,"gaode").then(res => {
+                drawRouterFunc(res)
+            }).catch(err => {
+                clearRouterFunc()
+            })
+        },
+        drawPoint(type, lng, lat, z) { // 绘制起点、终点
+            let image = null;
+            if (type == "start") {
+                image = "/img/route-start.png"
+            } else {
+                image = "/img/route-end.png"
+            }
+            var graphic = new mars3d.graphic.BillboardEntity({
+                position: [lng, lat, z],
+                style: {
+                    image: image,
+                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                    clampToGround: true
+                },
+                attr: { remark: type == 'start'?'起点':'终点' }
+            })
+            this.pathPointGraphicLayer.addGraphic(graphic) // 还可以另
+        },
+        //  getRoutePath(){ // 获取路线数据
+        //     if(this.startPoint&&this.endPoint){
+        //         let startCoor =  this.startPoint.split(",");
+        //         let endCoor = this.endPoint.split(",");
+        //         axios({
+        //             method: 'get',
+        //             url: AppConfig[localStorage.getItem('areaName')].baseUrl+'/api/FirePrevention/LoadRoad',
+        //             params: {
+        //                 startlng: parseFloat(startCoor[0]),
+        //                 startlat: parseFloat(startCoor[1]),
+        //                 endlng: parseFloat(endCoor[0]),
+        //                 endlat: parseFloat(endCoor[1]),
+        //             }
+        //         }).then(data => {
+        //             if (data.data.data.length > 0) {
+                        
+        //                 let LineString = data.data.data[0].route;
+
+        //                 if(LineString == null || LineString == "null"){
+                            
+        //                 }else{
+        //                     let _this = this;
+        //                     setTimeout(function () {
+        //                        _this.drawRoutePath(parse(LineString));
+        //                         // designPath(parse(LineString));
+        //                     }, 1000)
+        //                 }
+        
+        //             }else{
+                        
+        //             }
+        //         })
+        //     }else{
+
+        //     }
+        // },
+        drawRoutePath(geojson) { // 绘制路线
+
+            if(this.pathPointGraphicLayer == null){
+                this.pathPointGraphicLayer = new mars3d.layer.GraphicLayer();
+                window.globalmap.addLayer(this.pathPointGraphicLayer);
+            }else{
+                this.pathPointGraphicLayer.clear();
+            }
+
+           
+
+            if(geojson.type=="LineString"){
+                geojson.coordinates = [geojson.coordinates]
+            }
+
+            // 虚线部分
+            var startCoor = this.startPoint.split(",");
+            var endCoor =this.endPoint.split(",");
+
+             if(this.startPoint&&this.endPoint){
+                         this.drawPoint("start",parseFloat(startCoor[0]),parseFloat(startCoor[1]),0)
+                        this.drawPoint("end",parseFloat(endCoor[0]),parseFloat(endCoor[1]),0)
+                    }else{
+                        this.$message({
+                            type:"warning",
+                            message:"当前人员暂无规划地",
+                        })
+                    }
+
+
+            // 起始点坐标
+            var startCoorArr = [parseFloat(startCoor[0]), parseFloat(startCoor[1])]
+            // 终点坐标
+            var endCoorArr = [parseFloat(endCoor[0]), parseFloat(endCoor[1])]
+
+            var startTurfPoint = turf.point(startCoorArr);
+            var endTurfPoint = turf.point(endCoorArr);
+
+            // 起始路线部分
+            var startPath = [];
+            geojson.coordinates[0].forEach((item, index) => {
+                startPath.push(turf.point([item[0], item[1]]));
+            })
+
+            var startTurfPath = turf.featureCollection(startPath);
+            var startNearestPoint = turf.nearestPoint(startTurfPoint, startTurfPath);
+
+            var startNearestPointLngLat = null;
+            if (startNearestPoint) {
+                startNearestPointLngLat = startNearestPoint.geometry.coordinates;
+                var graphic = new mars3d.graphic.PolylineEntity({
+                positions: [
+                    startCoorArr,
+                    startNearestPointLngLat,
+                ],
+                style: {
+                    width: 5,
+                    clampToGround: true,
+                    materialType: mars3d.MaterialType.PolylineDash,
+                    materialOptions: {
+                    color: Cesium.Color.YELLOW,
+                    dashLength: 8.0
+                    }
+                },
+                attr: { remark: "虚线" }
+                })
+                this.pathPointGraphicLayer.addGraphic(graphic)
+            }
+
+            // 终点路线部分
+            var endPath = [];
+            geojson.coordinates[geojson.coordinates.length - 1].forEach((item, index) => {
+                endPath.push(turf.point([item[0], item[1]]));
+            })
+            var endTurfPath = turf.featureCollection(endPath);
+            var endNearestPoint = turf.nearestPoint(endTurfPoint, endTurfPath);
+
+            var endNearestPointLngLat = null;
+            if (endNearestPoint) {
+                endNearestPointLngLat = endNearestPoint.geometry.coordinates;
+                var graphic = new mars3d.graphic.PolylineEntity({
+                positions: [
+                    endCoorArr,
+                    endNearestPointLngLat,
+                ],
+                style: {
+                    width: 5,
+                    clampToGround: true,
+                    materialType: mars3d.MaterialType.PolylineDash,
+                    materialOptions: {
+                    color: Cesium.Color.YELLOW,
+                    dashLength: 8.0
+                    }
+                },
+                attr: { remark: "虚线" }
+                })
+                this.pathPointGraphicLayer.addGraphic(graphic)
+            }
+
+            // 漫游数据
+            var tripArr = [];
+            // 实线路线部分
+            geojson.coordinates.forEach((item, index) => {
+                tripArr = tripArr.concat(item);
+                // var graphic = new mars3d.graphic.PolylineEntity({
+                //   positions: item,
+                //   style: {
+                //     width: 5,
+                //     clampToGround: true,
+                //     // materialType: mars3d.MaterialType.PolylineDash,
+                //     materialOptions: {
+                //       color: Cesium.Color.CYAN,
+                //       dashLength: 8.0
+                //     }
+                //   },
+                //   attr: { remark: "最优路线" }
+                // })
+            })
+
+            var graphic = new mars3d.graphic.PolylineEntity({
+                positions: tripArr,
+                style: {
+                width: 5,
+                clampToGround: true,
+                materialType: mars3d.MaterialType.LineFlow,
+                materialOptions: {
+                    color: Cesium.Color.CYAN,
+                    image: "/img/line-colour.png",
+                    speed: 10
+                }
+                },
+                attr: { remark: "示例13" }
+            })
+            this.pathPointGraphicLayer.addGraphic(graphic)
+
+            this.pathPointGraphicLayer.flyTo();
+
+            this.tripFlyArray = [];
+            tripArr.forEach((item, index) => {
+                if (index % 20 == 0) {
+                    this.tripFlyArray.push(item);
+                }
+            })
+        
+        },
+        initWebSocket() {
+            let _this = this;
+            if ("WebSocket" in window) {
+                // 打开一个 web socket
+                var ws = new WebSocket("ws://221.2.83.254:7002/ws");
+                var heartCheck;
+                ws.onopen = function () {
+                    //Web Socket 已连接上，使用 send() 方法发送数据
+                    console.log('WEBSOCKET-ONLINE')
+                    heartCheck = setInterval(function() {
+                        ws.send('HeartBeat');
+                    }, 5000);
+                };
+                ws.onmessage = function (evt) {
+                    clearInterval(heartCheck);
+                    heartCheck = setInterval(function() {
+                        ws.send('HeartBeat');
+                    }, 5000);
+                    let obj = JSON.parse(evt.data)
+                    if(obj.Module){
+                        _this.pointData = []
+                        if(obj.Module == '人员信息' || obj.Module == '对讲机信息'){
+                            _this.getPointer(obj.Module)
+                        }
+                        if(obj.Module == '上线' || obj.Module == '下线'){
+                            _this.getOnLineInfo()
+                        }
+                    }
+                };
+                ws.onclose = function () {
+                    clearInterval(heartCheck);
+                    console.log('WEBSOCKET-CLOSED')
+                    _this.initWebSocket()
+                };
+                ws.onerror= function () {
+                    clearInterval(heartCheck);
+                    console.log('WEBSOCKET-ERROR')
+                    _this.initWebSocket()
+                };
+            } else {
+                // 浏览器不支持 WebSocket
+                alert("您的浏览器不支持 WebSocket!");
+            }
+        },
+    }
+}
+</script>
+  
+<style scoped>
+/* .box{
+    width: 100%;
+    height: calc( 100% - 5px);;
+    overflow: hidden;
+    text-align:left;
+    z-index: 99;
+} */
+/* 隐藏该图表 */
+.box{
+width: 1px;
+height: 1px;
+overflow: hidden;
+}
+.box-name{
+    height: 47px;
+    line-height: 47px;
+    color: #fff;
+    font-size: 20px;
+    font-weight: bold;
+    padding: 0 40px;
+    }
+.box-title{
+     width:100%;
+      height:45px;
+      overflow: hidden;
+      line-height:40px;
+      color:#eee;
+      text-align: center;
+      font-size:14px;
+}
+.box-container{
+    width: calc( 100% - 0px);
+    padding:10px 12px;
+    height: calc( 100% - 50px);
+}
+.table-header{
+    width: calc( 100% - 10px);
+    height:25px;
+    color:#fff;
+    text-align: center;
+}
+.table-header div{
+    float:left;
+    width:25%;
+    border-bottom:1px dashed #00FFF0;
+    padding-bottom:8px;
+}
+.table-body{
+    width:100%;
+    height: calc( 100% - 0px);
+    overflow-y: auto;
+}
+
+.table-body .item{
+    width:100%;
+    height:40px;
+    background: #00ffee2f;
+    font-size:14px;
+    text-align: center;
+    line-height:40px;
+}
+
+.table-body .item:nth-child(2n){
+    background:#0099ff50;
+}
+.close-button{
+  position:absolute;
+  right:20px;
+  top:14px;
+  cursor:pointer;
+  color:#fff;
+  font-weight: bold;
+  width:20px;
+  height:20px;
+  background:#0a58bfcc;
+  line-height:20px;
+  text-align:center;
+}
+
+.table-body .item div{
+    float:left;
+    width:50%;
+    color:#eee;
+}
+
+::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+    border: 0
+}
+
+
+::-webkit-scrollbar {
+    height: 10px;
+    width: 10px;
+    background: transparent;
+    border-radius: 5px
+}
+
+::-webkit-scrollbar-thumb {
+    padding-top: 100px;
+    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
+    background-color: #797979;
+    min-height: 28px;
+    border-radius: 4px;
+    background-clip: padding-box
+}
+
+::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+    border: 0
+}
+
+::-webkit-scrollbar-thumb:hover {
+    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
+    background-color: rgba(0, 0, 0, .4)
+}
+
+::-webkit-scrollbar-thumb:active {
+    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
+    background-color: rgba(0, 0, 0, .5)
+}
+
+</style>
\ No newline at end of file
diff --git a/.history/src/views/login/index_20230925084406.vue b/.history/src/views/login/index_20230925084406.vue
new file mode 100644
index 0000000..f921df1
--- /dev/null
+++ b/.history/src/views/login/index_20230925084406.vue
@@ -0,0 +1,485 @@
+<template>
+  
+    <div>
+      <div class="left-panel">
+      </div>
+       <div class="right-panel">
+         <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"
+              label-position="left">
+        <!-- <div class="header-logo">
+            <div class="image">
+                <img src="~@/assets/login/logo.png" alt="">
+            </div>
+            <div class="sys-title">
+                临沂国家高新区数据资源平台
+            </div>
+        </div> -->
+
+
+
+
+        <div style="top: 15%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="../../assets/login/yonghu.png">
+                </label>
+                <div>
+                    <el-input class="u-input" name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入登录账号" />                    
+                </div>
+            </div>
+        </div>
+        <div style="top: 35%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="~@/assets/login/密码.png">
+                </label>
+                <div>
+                   <el-input class="u-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password"
+                      autoComplete="on" placeholder="请输入密码"></el-input>
+                </div>
+            </div>
+        </div>
+
+        <div style="top: 55%;left: 8%;position:absolute;">
+            <el-button class="login-btn"  v-waves type="primary" style="width:448px;background:#0088FF;border-radius: 10px;font-size: 24px;height: 50px;" :loading="loading" @click.native.prevent="handleLogin">
+             登 录
+            </el-button>
+        </div>
+
+        <div style="top: 76%;left: 10%;position:absolute;">
+            <div class="left-txt">
+                <span>忘记密码？</span>
+            </div>
+            <div class="right-txt">
+                <span class="s1">还没有账号？</span><span class="s2">去注册</span>
+            </div>
+        </div>
+
+        <div class="tips" v-if="isIdentityAuth">
+          <router-link to="/oidcRedirect">
+            <el-badge is-dot>接口服务器启用了Oauth认证，请点击这里登录</el-badge>
+          </router-link>
+        </div>
+        
+      </el-form>
+      </div>
+      <div class="comtxt">
+          山东慧创信息科技有限公司
+      </div>
+    </div>
+ 
+</template>
+
+<script>
+  import waves from '@/directive/waves' // 水波纹指令
+  import {
+    mapGetters,
+    mapActions
+  } from 'vuex'
+  export default {
+    name: 'login',
+    directives: {
+      waves
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('用户名不能为空'))
+        } else {
+          callback()
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('密码不能为空'))
+        } else {
+          callback()
+        }
+      }
+      return {
+        tenant: this.tenantid || 'OpenAuthDBContext',  //当前选择的租户
+        tenants:[{
+          value: 'OpenAuthDBContext',
+          label: '默认租户'
+        },{
+          value: 'ErrorId404',
+          label: '模拟一个不存在的租户'
+        }],
+        loginForm: {
+          username:"",
+          password:""
+        },
+        loginRules: {
+          username: [{
+            required: true,
+            trigger: 'blur',
+            validator: validateUsername
+          }],
+          password: [{
+            required: true,
+            trigger: 'blur',
+            validator: validatePass
+          }]
+        },
+        loading: false,
+        pwdType: 'password'
+      }
+    },
+    computed: {
+      ...mapGetters([
+        'isIdentityAuth',
+        'tenantid'
+      ])
+    },
+
+    methods: {
+       ...mapActions([
+      'setTenantId', //
+      ]),
+      
+      tenantChange(e){
+        this.setTenantId(e)
+      },
+      showPwd() {
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      handleLogin() {
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            this.$store.dispatch('Login', this.loginForm).then(() => {
+              this.loading = false
+              this.$router.push({
+                path: '/home'
+              })
+            }).catch(() => {
+              this.loading = false
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  $bg:#2d3a4b;
+  $light_gray:#eee;
+  $color_balck: #333;
+
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 300px;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 5px 0;
+        color: $color_balck;
+        height: 40px;
+
+        &:-webkit-autofill {
+          transition: background-color 5000s ease-in-out 0s;
+        }
+      }
+    }
+    .el-form-item {
+      margin-bottom: 35px;
+      border-radius: 5px;
+      color: #454545;
+      .el-form-item__content{
+        background:#fff;
+        border:1px solid rgba(223, 223, 223, 1);
+      }
+      &:last-child{
+        padding-top: 20px;
+        .el-form-item__content{
+          border: none;
+        }
+      }
+    }
+  }
+
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  @media screen and (max-width: 1150px) {
+    .leftImg{
+      width: 450px !important;
+    }
+  }
+  @media screen and (max-width: 1010px) {
+    .leftImg{
+      width: 380px !important;
+    }
+  }
+  @media screen and (max-width: 940px) {
+    .leftImg{
+      display: block;
+      width: 260px !important;
+      margin: 0 auto !important;
+    }
+  }
+  $dark_gray:#D1DFE8;
+
+  .login-container {
+    height: 100%;
+    // background: url('~@/assets/login/bg1.jpg') no-repeat;
+    background-color: #EBEBEA;
+    background-position: 0 0;
+    background-size: 62% 100%;
+    text-align: center;
+    &:before{
+      // content: '';
+      display: inline-block;
+      // height: 100%;  //or the input will be in new line
+      vertical-align: middle;
+    }
+    .content{
+      display: inline-block;
+      vertical-align: middle;
+      > img{
+        width: 568px;
+        margin-right: 150px;
+        vertical-align: middle;
+      }
+      .login-form{
+        display: inline-block;
+        width: 400px;
+        vertical-align: middle;
+      }
+    }
+
+    .svg-container {
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 33px;
+      display: inline-block;
+      font-size: 22px;
+      &_login {
+        font-size: 31px;
+      }
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: #4452D5;
+      margin: 0;
+      text-align: left;
+    }
+    .tips{
+      color: #959595;
+      font-size: 14px;
+      margin-top: 0;
+      margin-bottom: 40px;
+      text-align: left;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+      font-size: 24px;
+    }
+  }
+
+</style>
+
+<style scoped>
+.left-panel {
+    background-image: url('/img/login-bg.png');
+    width: 100%;
+    height: 100vh;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.right-panel {
+    /* background-image: url('../../assets/login/矩形.png'); */
+    background-repeat: no-repeat;
+    background-size: 100%;
+    padding-top:20%;
+    position:absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    width:536px;
+    height: 561px;
+}
+
+.header-logo{
+    position:absolute;
+    top:12%;
+    left:8%;
+}
+    .header-logo .image {
+        width: 41px;
+        height: 41px;
+        float: left;
+    }
+
+        .header-logo .image img {
+            width: 41px;
+            height: 41px;
+        }
+
+    .header-logo .sys-title {
+        float: right;
+        line-height: 45px;
+        margin-left: 15px;
+        width: 308px;
+        height: 23px;
+        font-size: 18px;
+        font-family: Adobe Heiti Std;
+        font-weight: normal;
+        color: #7C7C7C;
+    }
+     .input-wrapper {
+            float: left;
+            width: 448px;
+            height: 56px;
+            background: #FFFFFF;
+            box-shadow: 0px 1px 1px 0px rgba(158, 168, 184, 0.5);
+            border-radius: 5px;
+        }
+
+        .label {
+            float: left;
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            text-align: center;
+            overflow: hidden;
+        }
+
+        .u-input {
+            background: transparent;
+            border: none;
+            padding: 5px 0;
+            color: #555;
+            height: 40px;
+            line-height: 40px;
+            width: 390px;      
+        }
+
+        .login-btn {
+            width: 448px;
+            height: 56px;
+            background: #0088FF;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+        .login-btn::after {
+              box-sizing: border-box;
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              content: "";
+              border: 2px solid rgb(255, 255, 255);
+              z-index: 2;
+              margin: 0px;
+              left: 0px;
+              bottom: 0px;
+              border-top-width: 2px;
+              transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
+        } 
+ 
+        .login-btn:hover{
+            opacity: 0.8;
+        }
+        .login-btn:hover::after {
+              width: 60%;
+              height: 0px;
+              border-width: 0px 2px 2px;
+              margin: 0px 20%;
+              transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
+        } 
+
+          .login-btn .btn-txt {
+              font-family: Source Han Sans CN;
+              margin-left: 42%;
+              color: #FFFFFF;
+              width: 56px;
+              height: 56px;
+              line-height: 56px;
+              text-align: center;
+              display: inline-block;
+              border-radius: 50%;
+              text-decoration: none;
+          }
+
+          .login-btn .btn-txt:hover{
+            opacity: 0.8;
+          }
+
+        .left-txt {
+            float:left;
+        }
+
+          .left-txt span {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+      .right-txt {
+          float: right;
+          margin-left: 250px;
+      }
+
+          .right-txt .s1 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+          .right-txt .s2 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #2882FE;
+              line-height: 42px;
+              cursor:pointer;
+          }
+
+            .right-txt .s2:hover{
+              color:#0F31AF;
+            }
+
+      .comtxt {
+          width: 190px;
+          height: 16px;
+          font-size: 12px;
+          font-family: Source Han Sans CN;
+          color: rgba(80, 80, 80, 0.6);
+          line-height: 63px;
+          position: absolute;
+          bottom: 10%;
+          right: 13%;
+      }
+</style>
diff --git a/.history/src/views/login/index_20241028113610.vue b/.history/src/views/login/index_20241028113610.vue
new file mode 100644
index 0000000..159707f
--- /dev/null
+++ b/.history/src/views/login/index_20241028113610.vue
@@ -0,0 +1,492 @@
+<template>
+  
+    <div>
+      <div class="left-panel">
+      </div>
+       <div class="right-panel">
+         <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"
+              label-position="left">
+        <!-- <div class="header-logo">
+            <div class="image">
+                <img src="~@/assets/login/logo.png" alt="">
+            </div>
+            <div class="sys-title">
+                临沂国家高新区数据资源平台
+            </div>
+        </div> -->
+
+
+
+
+        <div style="top: 15%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="../../assets/login/yonghu.png">
+                </label>
+                <div>
+                    <el-input class="u-input" name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入登录账号" />                    
+                </div>
+            </div>
+        </div>
+        <div style="top: 35%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="~@/assets/login/密码.png">
+                </label>
+                <div>
+                   <el-input class="u-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password"
+                      autoComplete="on" placeholder="请输入密码"></el-input>
+                </div>
+            </div>
+        </div>
+
+        <div style="top: 55%;left: 8%;position:absolute;">
+            <el-button class="login-btn"  v-waves type="primary" style="width:448px;background:#0088FF;border-radius: 10px;font-size: 24px;height: 50px;" :loading="loading" @click.native.prevent="handleLogin">
+             登 录
+            </el-button>
+        </div>
+
+        <div style="top: 76%;left: 10%;position:absolute;">
+            <div class="left-txt">
+                <span>忘记密码？</span>
+            </div>
+            <div class="right-txt">
+                <span class="s1">还没有账号？</span><span class="s2">去注册</span>
+            </div>
+        </div>
+
+        <div class="tips" v-if="isIdentityAuth">
+          <router-link to="/oidcRedirect">
+            <el-badge is-dot>接口服务器启用了Oauth认证，请点击这里登录</el-badge>
+          </router-link>
+        </div>
+        
+      </el-form>
+      </div>
+      <div class="comtxt">
+          山东慧创信息科技有限公司
+      </div>
+    </div>
+ 
+</template>
+
+<script>
+  import waves from '@/directive/waves' // 水波纹指令
+  import {
+    mapGetters,
+    mapActions
+  } from 'vuex'
+import { getMethodCommon } from '../../api/common'
+  export default {
+    name: 'login',
+    directives: {
+      waves
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('用户名不能为空'))
+        } else {
+          callback()
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('密码不能为空'))
+        } else {
+          callback()
+        }
+      }
+      return {
+        tenant: this.tenantid || 'OpenAuthDBContext',  //当前选择的租户
+        tenants:[{
+          value: 'OpenAuthDBContext',
+          label: '默认租户'
+        },{
+          value: 'ErrorId404',
+          label: '模拟一个不存在的租户'
+        }],
+        loginForm: {
+          username:"",
+          password:""
+        },
+        loginRules: {
+          username: [{
+            required: true,
+            trigger: 'blur',
+            validator: validateUsername
+          }],
+          password: [{
+            required: true,
+            trigger: 'blur',
+            validator: validatePass
+          }]
+        },
+        loading: false,
+        pwdType: 'password'
+      }
+    },
+    computed: {
+      ...mapGetters([
+        'isIdentityAuth',
+        'tenantid'
+      ])
+    },
+
+    methods: {
+       ...mapActions([
+      'setTenantId', //
+      ]),
+      
+      tenantChange(e){
+        this.setTenantId(e)
+      },
+      showPwd() {
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      handleLogin() {
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            this.$store.dispatch('Login', this.loginForm).then(() => {
+              getMethodCommon("/Check/GetRoles").then(res=>{
+                if(res){
+                  alert(res);
+                  console.log("res123",res);
+                }
+              })
+              this.loading = false
+              this.$router.push({
+                path: '/home'
+              })
+            }).catch(() => {
+              this.loading = false
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  $bg:#2d3a4b;
+  $light_gray:#eee;
+  $color_balck: #333;
+
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 300px;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 5px 0;
+        color: $color_balck;
+        height: 40px;
+
+        &:-webkit-autofill {
+          transition: background-color 5000s ease-in-out 0s;
+        }
+      }
+    }
+    .el-form-item {
+      margin-bottom: 35px;
+      border-radius: 5px;
+      color: #454545;
+      .el-form-item__content{
+        background:#fff;
+        border:1px solid rgba(223, 223, 223, 1);
+      }
+      &:last-child{
+        padding-top: 20px;
+        .el-form-item__content{
+          border: none;
+        }
+      }
+    }
+  }
+
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  @media screen and (max-width: 1150px) {
+    .leftImg{
+      width: 450px !important;
+    }
+  }
+  @media screen and (max-width: 1010px) {
+    .leftImg{
+      width: 380px !important;
+    }
+  }
+  @media screen and (max-width: 940px) {
+    .leftImg{
+      display: block;
+      width: 260px !important;
+      margin: 0 auto !important;
+    }
+  }
+  $dark_gray:#D1DFE8;
+
+  .login-container {
+    height: 100%;
+    // background: url('~@/assets/login/bg1.jpg') no-repeat;
+    background-color: #EBEBEA;
+    background-position: 0 0;
+    background-size: 62% 100%;
+    text-align: center;
+    &:before{
+      // content: '';
+      display: inline-block;
+      // height: 100%;  //or the input will be in new line
+      vertical-align: middle;
+    }
+    .content{
+      display: inline-block;
+      vertical-align: middle;
+      > img{
+        width: 568px;
+        margin-right: 150px;
+        vertical-align: middle;
+      }
+      .login-form{
+        display: inline-block;
+        width: 400px;
+        vertical-align: middle;
+      }
+    }
+
+    .svg-container {
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 33px;
+      display: inline-block;
+      font-size: 22px;
+      &_login {
+        font-size: 31px;
+      }
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: #4452D5;
+      margin: 0;
+      text-align: left;
+    }
+    .tips{
+      color: #959595;
+      font-size: 14px;
+      margin-top: 0;
+      margin-bottom: 40px;
+      text-align: left;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+      font-size: 24px;
+    }
+  }
+
+</style>
+
+<style scoped>
+.left-panel {
+    background-image: url('/img/login-bg.png');
+    width: 100%;
+    height: 100vh;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.right-panel {
+    /* background-image: url('../../assets/login/矩形.png'); */
+    background-repeat: no-repeat;
+    background-size: 100%;
+    padding-top:20%;
+    position:absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    width:536px;
+    height: 561px;
+}
+
+.header-logo{
+    position:absolute;
+    top:12%;
+    left:8%;
+}
+    .header-logo .image {
+        width: 41px;
+        height: 41px;
+        float: left;
+    }
+
+        .header-logo .image img {
+            width: 41px;
+            height: 41px;
+        }
+
+    .header-logo .sys-title {
+        float: right;
+        line-height: 45px;
+        margin-left: 15px;
+        width: 308px;
+        height: 23px;
+        font-size: 18px;
+        font-family: Adobe Heiti Std;
+        font-weight: normal;
+        color: #7C7C7C;
+    }
+     .input-wrapper {
+            float: left;
+            width: 448px;
+            height: 56px;
+            background: #FFFFFF;
+            box-shadow: 0px 1px 1px 0px rgba(158, 168, 184, 0.5);
+            border-radius: 5px;
+        }
+
+        .label {
+            float: left;
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            text-align: center;
+            overflow: hidden;
+        }
+
+        .u-input {
+            background: transparent;
+            border: none;
+            padding: 5px 0;
+            color: #555;
+            height: 40px;
+            line-height: 40px;
+            width: 390px;      
+        }
+
+        .login-btn {
+            width: 448px;
+            height: 56px;
+            background: #0088FF;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+        .login-btn::after {
+              box-sizing: border-box;
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              content: "";
+              border: 2px solid rgb(255, 255, 255);
+              z-index: 2;
+              margin: 0px;
+              left: 0px;
+              bottom: 0px;
+              border-top-width: 2px;
+              transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
+        } 
+ 
+        .login-btn:hover{
+            opacity: 0.8;
+        }
+        .login-btn:hover::after {
+              width: 60%;
+              height: 0px;
+              border-width: 0px 2px 2px;
+              margin: 0px 20%;
+              transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
+        } 
+
+          .login-btn .btn-txt {
+              font-family: Source Han Sans CN;
+              margin-left: 42%;
+              color: #FFFFFF;
+              width: 56px;
+              height: 56px;
+              line-height: 56px;
+              text-align: center;
+              display: inline-block;
+              border-radius: 50%;
+              text-decoration: none;
+          }
+
+          .login-btn .btn-txt:hover{
+            opacity: 0.8;
+          }
+
+        .left-txt {
+            float:left;
+        }
+
+          .left-txt span {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+      .right-txt {
+          float: right;
+          margin-left: 250px;
+      }
+
+          .right-txt .s1 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+          .right-txt .s2 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #2882FE;
+              line-height: 42px;
+              cursor:pointer;
+          }
+
+            .right-txt .s2:hover{
+              color:#0F31AF;
+            }
+
+      .comtxt {
+          width: 190px;
+          height: 16px;
+          font-size: 12px;
+          font-family: Source Han Sans CN;
+          color: rgba(80, 80, 80, 0.6);
+          line-height: 63px;
+          position: absolute;
+          bottom: 10%;
+          right: 13%;
+      }
+</style>
diff --git a/.history/src/views/login/index_20241028113612.vue b/.history/src/views/login/index_20241028113612.vue
new file mode 100644
index 0000000..159707f
--- /dev/null
+++ b/.history/src/views/login/index_20241028113612.vue
@@ -0,0 +1,492 @@
+<template>
+  
+    <div>
+      <div class="left-panel">
+      </div>
+       <div class="right-panel">
+         <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"
+              label-position="left">
+        <!-- <div class="header-logo">
+            <div class="image">
+                <img src="~@/assets/login/logo.png" alt="">
+            </div>
+            <div class="sys-title">
+                临沂国家高新区数据资源平台
+            </div>
+        </div> -->
+
+
+
+
+        <div style="top: 15%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="../../assets/login/yonghu.png">
+                </label>
+                <div>
+                    <el-input class="u-input" name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入登录账号" />                    
+                </div>
+            </div>
+        </div>
+        <div style="top: 35%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="~@/assets/login/密码.png">
+                </label>
+                <div>
+                   <el-input class="u-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password"
+                      autoComplete="on" placeholder="请输入密码"></el-input>
+                </div>
+            </div>
+        </div>
+
+        <div style="top: 55%;left: 8%;position:absolute;">
+            <el-button class="login-btn"  v-waves type="primary" style="width:448px;background:#0088FF;border-radius: 10px;font-size: 24px;height: 50px;" :loading="loading" @click.native.prevent="handleLogin">
+             登 录
+            </el-button>
+        </div>
+
+        <div style="top: 76%;left: 10%;position:absolute;">
+            <div class="left-txt">
+                <span>忘记密码？</span>
+            </div>
+            <div class="right-txt">
+                <span class="s1">还没有账号？</span><span class="s2">去注册</span>
+            </div>
+        </div>
+
+        <div class="tips" v-if="isIdentityAuth">
+          <router-link to="/oidcRedirect">
+            <el-badge is-dot>接口服务器启用了Oauth认证，请点击这里登录</el-badge>
+          </router-link>
+        </div>
+        
+      </el-form>
+      </div>
+      <div class="comtxt">
+          山东慧创信息科技有限公司
+      </div>
+    </div>
+ 
+</template>
+
+<script>
+  import waves from '@/directive/waves' // 水波纹指令
+  import {
+    mapGetters,
+    mapActions
+  } from 'vuex'
+import { getMethodCommon } from '../../api/common'
+  export default {
+    name: 'login',
+    directives: {
+      waves
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('用户名不能为空'))
+        } else {
+          callback()
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('密码不能为空'))
+        } else {
+          callback()
+        }
+      }
+      return {
+        tenant: this.tenantid || 'OpenAuthDBContext',  //当前选择的租户
+        tenants:[{
+          value: 'OpenAuthDBContext',
+          label: '默认租户'
+        },{
+          value: 'ErrorId404',
+          label: '模拟一个不存在的租户'
+        }],
+        loginForm: {
+          username:"",
+          password:""
+        },
+        loginRules: {
+          username: [{
+            required: true,
+            trigger: 'blur',
+            validator: validateUsername
+          }],
+          password: [{
+            required: true,
+            trigger: 'blur',
+            validator: validatePass
+          }]
+        },
+        loading: false,
+        pwdType: 'password'
+      }
+    },
+    computed: {
+      ...mapGetters([
+        'isIdentityAuth',
+        'tenantid'
+      ])
+    },
+
+    methods: {
+       ...mapActions([
+      'setTenantId', //
+      ]),
+      
+      tenantChange(e){
+        this.setTenantId(e)
+      },
+      showPwd() {
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      handleLogin() {
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            this.$store.dispatch('Login', this.loginForm).then(() => {
+              getMethodCommon("/Check/GetRoles").then(res=>{
+                if(res){
+                  alert(res);
+                  console.log("res123",res);
+                }
+              })
+              this.loading = false
+              this.$router.push({
+                path: '/home'
+              })
+            }).catch(() => {
+              this.loading = false
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  $bg:#2d3a4b;
+  $light_gray:#eee;
+  $color_balck: #333;
+
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 300px;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 5px 0;
+        color: $color_balck;
+        height: 40px;
+
+        &:-webkit-autofill {
+          transition: background-color 5000s ease-in-out 0s;
+        }
+      }
+    }
+    .el-form-item {
+      margin-bottom: 35px;
+      border-radius: 5px;
+      color: #454545;
+      .el-form-item__content{
+        background:#fff;
+        border:1px solid rgba(223, 223, 223, 1);
+      }
+      &:last-child{
+        padding-top: 20px;
+        .el-form-item__content{
+          border: none;
+        }
+      }
+    }
+  }
+
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  @media screen and (max-width: 1150px) {
+    .leftImg{
+      width: 450px !important;
+    }
+  }
+  @media screen and (max-width: 1010px) {
+    .leftImg{
+      width: 380px !important;
+    }
+  }
+  @media screen and (max-width: 940px) {
+    .leftImg{
+      display: block;
+      width: 260px !important;
+      margin: 0 auto !important;
+    }
+  }
+  $dark_gray:#D1DFE8;
+
+  .login-container {
+    height: 100%;
+    // background: url('~@/assets/login/bg1.jpg') no-repeat;
+    background-color: #EBEBEA;
+    background-position: 0 0;
+    background-size: 62% 100%;
+    text-align: center;
+    &:before{
+      // content: '';
+      display: inline-block;
+      // height: 100%;  //or the input will be in new line
+      vertical-align: middle;
+    }
+    .content{
+      display: inline-block;
+      vertical-align: middle;
+      > img{
+        width: 568px;
+        margin-right: 150px;
+        vertical-align: middle;
+      }
+      .login-form{
+        display: inline-block;
+        width: 400px;
+        vertical-align: middle;
+      }
+    }
+
+    .svg-container {
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 33px;
+      display: inline-block;
+      font-size: 22px;
+      &_login {
+        font-size: 31px;
+      }
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: #4452D5;
+      margin: 0;
+      text-align: left;
+    }
+    .tips{
+      color: #959595;
+      font-size: 14px;
+      margin-top: 0;
+      margin-bottom: 40px;
+      text-align: left;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+      font-size: 24px;
+    }
+  }
+
+</style>
+
+<style scoped>
+.left-panel {
+    background-image: url('/img/login-bg.png');
+    width: 100%;
+    height: 100vh;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.right-panel {
+    /* background-image: url('../../assets/login/矩形.png'); */
+    background-repeat: no-repeat;
+    background-size: 100%;
+    padding-top:20%;
+    position:absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    width:536px;
+    height: 561px;
+}
+
+.header-logo{
+    position:absolute;
+    top:12%;
+    left:8%;
+}
+    .header-logo .image {
+        width: 41px;
+        height: 41px;
+        float: left;
+    }
+
+        .header-logo .image img {
+            width: 41px;
+            height: 41px;
+        }
+
+    .header-logo .sys-title {
+        float: right;
+        line-height: 45px;
+        margin-left: 15px;
+        width: 308px;
+        height: 23px;
+        font-size: 18px;
+        font-family: Adobe Heiti Std;
+        font-weight: normal;
+        color: #7C7C7C;
+    }
+     .input-wrapper {
+            float: left;
+            width: 448px;
+            height: 56px;
+            background: #FFFFFF;
+            box-shadow: 0px 1px 1px 0px rgba(158, 168, 184, 0.5);
+            border-radius: 5px;
+        }
+
+        .label {
+            float: left;
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            text-align: center;
+            overflow: hidden;
+        }
+
+        .u-input {
+            background: transparent;
+            border: none;
+            padding: 5px 0;
+            color: #555;
+            height: 40px;
+            line-height: 40px;
+            width: 390px;      
+        }
+
+        .login-btn {
+            width: 448px;
+            height: 56px;
+            background: #0088FF;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+        .login-btn::after {
+              box-sizing: border-box;
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              content: "";
+              border: 2px solid rgb(255, 255, 255);
+              z-index: 2;
+              margin: 0px;
+              left: 0px;
+              bottom: 0px;
+              border-top-width: 2px;
+              transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
+        } 
+ 
+        .login-btn:hover{
+            opacity: 0.8;
+        }
+        .login-btn:hover::after {
+              width: 60%;
+              height: 0px;
+              border-width: 0px 2px 2px;
+              margin: 0px 20%;
+              transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
+        } 
+
+          .login-btn .btn-txt {
+              font-family: Source Han Sans CN;
+              margin-left: 42%;
+              color: #FFFFFF;
+              width: 56px;
+              height: 56px;
+              line-height: 56px;
+              text-align: center;
+              display: inline-block;
+              border-radius: 50%;
+              text-decoration: none;
+          }
+
+          .login-btn .btn-txt:hover{
+            opacity: 0.8;
+          }
+
+        .left-txt {
+            float:left;
+        }
+
+          .left-txt span {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+      .right-txt {
+          float: right;
+          margin-left: 250px;
+      }
+
+          .right-txt .s1 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+          .right-txt .s2 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #2882FE;
+              line-height: 42px;
+              cursor:pointer;
+          }
+
+            .right-txt .s2:hover{
+              color:#0F31AF;
+            }
+
+      .comtxt {
+          width: 190px;
+          height: 16px;
+          font-size: 12px;
+          font-family: Source Han Sans CN;
+          color: rgba(80, 80, 80, 0.6);
+          line-height: 63px;
+          position: absolute;
+          bottom: 10%;
+          right: 13%;
+      }
+</style>
diff --git a/.history/src/views/login/index_20241028113923.vue b/.history/src/views/login/index_20241028113923.vue
new file mode 100644
index 0000000..27fe0ca
--- /dev/null
+++ b/.history/src/views/login/index_20241028113923.vue
@@ -0,0 +1,497 @@
+<template>
+  
+    <div>
+      <div class="left-panel">
+      </div>
+       <div class="right-panel">
+         <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"
+              label-position="left">
+        <!-- <div class="header-logo">
+            <div class="image">
+                <img src="~@/assets/login/logo.png" alt="">
+            </div>
+            <div class="sys-title">
+                临沂国家高新区数据资源平台
+            </div>
+        </div> -->
+
+
+
+
+        <div style="top: 15%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="../../assets/login/yonghu.png">
+                </label>
+                <div>
+                    <el-input class="u-input" name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入登录账号" />                    
+                </div>
+            </div>
+        </div>
+        <div style="top: 35%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="~@/assets/login/密码.png">
+                </label>
+                <div>
+                   <el-input class="u-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password"
+                      autoComplete="on" placeholder="请输入密码"></el-input>
+                </div>
+            </div>
+        </div>
+
+        <div style="top: 55%;left: 8%;position:absolute;">
+            <el-button class="login-btn"  v-waves type="primary" style="width:448px;background:#0088FF;border-radius: 10px;font-size: 24px;height: 50px;" :loading="loading" @click.native.prevent="handleLogin">
+             登 录
+            </el-button>
+        </div>
+
+        <div style="top: 76%;left: 10%;position:absolute;">
+            <div class="left-txt">
+                <span>忘记密码？</span>
+            </div>
+            <div class="right-txt">
+                <span class="s1">还没有账号？</span><span class="s2">去注册</span>
+            </div>
+        </div>
+
+        <div class="tips" v-if="isIdentityAuth">
+          <router-link to="/oidcRedirect">
+            <el-badge is-dot>接口服务器启用了Oauth认证，请点击这里登录</el-badge>
+          </router-link>
+        </div>
+        
+      </el-form>
+      </div>
+      <div class="comtxt">
+          山东慧创信息科技有限公司
+      </div>
+    </div>
+ 
+</template>
+
+<script>
+  import waves from '@/directive/waves' // 水波纹指令
+  import {
+    mapGetters,
+    mapActions
+  } from 'vuex'
+import { getMethodCommon } from '../../api/common'
+  export default {
+    name: 'login',
+    directives: {
+      waves
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('用户名不能为空'))
+        } else {
+          callback()
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('密码不能为空'))
+        } else {
+          callback()
+        }
+      }
+      return {
+        tenant: this.tenantid || 'OpenAuthDBContext',  //当前选择的租户
+        tenants:[{
+          value: 'OpenAuthDBContext',
+          label: '默认租户'
+        },{
+          value: 'ErrorId404',
+          label: '模拟一个不存在的租户'
+        }],
+        loginForm: {
+          username:"",
+          password:""
+        },
+        loginRules: {
+          username: [{
+            required: true,
+            trigger: 'blur',
+            validator: validateUsername
+          }],
+          password: [{
+            required: true,
+            trigger: 'blur',
+            validator: validatePass
+          }]
+        },
+        loading: false,
+        pwdType: 'password'
+      }
+    },
+    computed: {
+      ...mapGetters([
+        'isIdentityAuth',
+        'tenantid'
+      ])
+    },
+
+    methods: {
+       ...mapActions([
+      'setTenantId', //
+      ]),
+      
+      tenantChange(e){
+        this.setTenantId(e)
+      },
+      showPwd() {
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      handleLogin() {
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            this.$store.dispatch('Login', this.loginForm).then(() => {
+              getMethodCommon("/Check/GetRoles").then(res=>{
+                if(res){
+                  if(res.result && res.result.length){
+                    res.result.forEach((item,index)=>{
+                      if(item.name == "任务下发"){
+                        localStorage.setItem("isTaskUser","true");
+                      }
+                    })
+                  }
+                }
+              })
+              this.loading = false
+              this.$router.push({
+                path: '/home'
+              })
+            }).catch(() => {
+              this.loading = false
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  $bg:#2d3a4b;
+  $light_gray:#eee;
+  $color_balck: #333;
+
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 300px;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 5px 0;
+        color: $color_balck;
+        height: 40px;
+
+        &:-webkit-autofill {
+          transition: background-color 5000s ease-in-out 0s;
+        }
+      }
+    }
+    .el-form-item {
+      margin-bottom: 35px;
+      border-radius: 5px;
+      color: #454545;
+      .el-form-item__content{
+        background:#fff;
+        border:1px solid rgba(223, 223, 223, 1);
+      }
+      &:last-child{
+        padding-top: 20px;
+        .el-form-item__content{
+          border: none;
+        }
+      }
+    }
+  }
+
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  @media screen and (max-width: 1150px) {
+    .leftImg{
+      width: 450px !important;
+    }
+  }
+  @media screen and (max-width: 1010px) {
+    .leftImg{
+      width: 380px !important;
+    }
+  }
+  @media screen and (max-width: 940px) {
+    .leftImg{
+      display: block;
+      width: 260px !important;
+      margin: 0 auto !important;
+    }
+  }
+  $dark_gray:#D1DFE8;
+
+  .login-container {
+    height: 100%;
+    // background: url('~@/assets/login/bg1.jpg') no-repeat;
+    background-color: #EBEBEA;
+    background-position: 0 0;
+    background-size: 62% 100%;
+    text-align: center;
+    &:before{
+      // content: '';
+      display: inline-block;
+      // height: 100%;  //or the input will be in new line
+      vertical-align: middle;
+    }
+    .content{
+      display: inline-block;
+      vertical-align: middle;
+      > img{
+        width: 568px;
+        margin-right: 150px;
+        vertical-align: middle;
+      }
+      .login-form{
+        display: inline-block;
+        width: 400px;
+        vertical-align: middle;
+      }
+    }
+
+    .svg-container {
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 33px;
+      display: inline-block;
+      font-size: 22px;
+      &_login {
+        font-size: 31px;
+      }
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: #4452D5;
+      margin: 0;
+      text-align: left;
+    }
+    .tips{
+      color: #959595;
+      font-size: 14px;
+      margin-top: 0;
+      margin-bottom: 40px;
+      text-align: left;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+      font-size: 24px;
+    }
+  }
+
+</style>
+
+<style scoped>
+.left-panel {
+    background-image: url('/img/login-bg.png');
+    width: 100%;
+    height: 100vh;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.right-panel {
+    /* background-image: url('../../assets/login/矩形.png'); */
+    background-repeat: no-repeat;
+    background-size: 100%;
+    padding-top:20%;
+    position:absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    width:536px;
+    height: 561px;
+}
+
+.header-logo{
+    position:absolute;
+    top:12%;
+    left:8%;
+}
+    .header-logo .image {
+        width: 41px;
+        height: 41px;
+        float: left;
+    }
+
+        .header-logo .image img {
+            width: 41px;
+            height: 41px;
+        }
+
+    .header-logo .sys-title {
+        float: right;
+        line-height: 45px;
+        margin-left: 15px;
+        width: 308px;
+        height: 23px;
+        font-size: 18px;
+        font-family: Adobe Heiti Std;
+        font-weight: normal;
+        color: #7C7C7C;
+    }
+     .input-wrapper {
+            float: left;
+            width: 448px;
+            height: 56px;
+            background: #FFFFFF;
+            box-shadow: 0px 1px 1px 0px rgba(158, 168, 184, 0.5);
+            border-radius: 5px;
+        }
+
+        .label {
+            float: left;
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            text-align: center;
+            overflow: hidden;
+        }
+
+        .u-input {
+            background: transparent;
+            border: none;
+            padding: 5px 0;
+            color: #555;
+            height: 40px;
+            line-height: 40px;
+            width: 390px;      
+        }
+
+        .login-btn {
+            width: 448px;
+            height: 56px;
+            background: #0088FF;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+        .login-btn::after {
+              box-sizing: border-box;
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              content: "";
+              border: 2px solid rgb(255, 255, 255);
+              z-index: 2;
+              margin: 0px;
+              left: 0px;
+              bottom: 0px;
+              border-top-width: 2px;
+              transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
+        } 
+ 
+        .login-btn:hover{
+            opacity: 0.8;
+        }
+        .login-btn:hover::after {
+              width: 60%;
+              height: 0px;
+              border-width: 0px 2px 2px;
+              margin: 0px 20%;
+              transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
+        } 
+
+          .login-btn .btn-txt {
+              font-family: Source Han Sans CN;
+              margin-left: 42%;
+              color: #FFFFFF;
+              width: 56px;
+              height: 56px;
+              line-height: 56px;
+              text-align: center;
+              display: inline-block;
+              border-radius: 50%;
+              text-decoration: none;
+          }
+
+          .login-btn .btn-txt:hover{
+            opacity: 0.8;
+          }
+
+        .left-txt {
+            float:left;
+        }
+
+          .left-txt span {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+      .right-txt {
+          float: right;
+          margin-left: 250px;
+      }
+
+          .right-txt .s1 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+          .right-txt .s2 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #2882FE;
+              line-height: 42px;
+              cursor:pointer;
+          }
+
+            .right-txt .s2:hover{
+              color:#0F31AF;
+            }
+
+      .comtxt {
+          width: 190px;
+          height: 16px;
+          font-size: 12px;
+          font-family: Source Han Sans CN;
+          color: rgba(80, 80, 80, 0.6);
+          line-height: 63px;
+          position: absolute;
+          bottom: 10%;
+          right: 13%;
+      }
+</style>
diff --git a/.history/src/views/login/index_20241028113925.vue b/.history/src/views/login/index_20241028113925.vue
new file mode 100644
index 0000000..27fe0ca
--- /dev/null
+++ b/.history/src/views/login/index_20241028113925.vue
@@ -0,0 +1,497 @@
+<template>
+  
+    <div>
+      <div class="left-panel">
+      </div>
+       <div class="right-panel">
+         <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"
+              label-position="left">
+        <!-- <div class="header-logo">
+            <div class="image">
+                <img src="~@/assets/login/logo.png" alt="">
+            </div>
+            <div class="sys-title">
+                临沂国家高新区数据资源平台
+            </div>
+        </div> -->
+
+
+
+
+        <div style="top: 15%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="../../assets/login/yonghu.png">
+                </label>
+                <div>
+                    <el-input class="u-input" name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入登录账号" />                    
+                </div>
+            </div>
+        </div>
+        <div style="top: 35%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="~@/assets/login/密码.png">
+                </label>
+                <div>
+                   <el-input class="u-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password"
+                      autoComplete="on" placeholder="请输入密码"></el-input>
+                </div>
+            </div>
+        </div>
+
+        <div style="top: 55%;left: 8%;position:absolute;">
+            <el-button class="login-btn"  v-waves type="primary" style="width:448px;background:#0088FF;border-radius: 10px;font-size: 24px;height: 50px;" :loading="loading" @click.native.prevent="handleLogin">
+             登 录
+            </el-button>
+        </div>
+
+        <div style="top: 76%;left: 10%;position:absolute;">
+            <div class="left-txt">
+                <span>忘记密码？</span>
+            </div>
+            <div class="right-txt">
+                <span class="s1">还没有账号？</span><span class="s2">去注册</span>
+            </div>
+        </div>
+
+        <div class="tips" v-if="isIdentityAuth">
+          <router-link to="/oidcRedirect">
+            <el-badge is-dot>接口服务器启用了Oauth认证，请点击这里登录</el-badge>
+          </router-link>
+        </div>
+        
+      </el-form>
+      </div>
+      <div class="comtxt">
+          山东慧创信息科技有限公司
+      </div>
+    </div>
+ 
+</template>
+
+<script>
+  import waves from '@/directive/waves' // 水波纹指令
+  import {
+    mapGetters,
+    mapActions
+  } from 'vuex'
+import { getMethodCommon } from '../../api/common'
+  export default {
+    name: 'login',
+    directives: {
+      waves
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('用户名不能为空'))
+        } else {
+          callback()
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('密码不能为空'))
+        } else {
+          callback()
+        }
+      }
+      return {
+        tenant: this.tenantid || 'OpenAuthDBContext',  //当前选择的租户
+        tenants:[{
+          value: 'OpenAuthDBContext',
+          label: '默认租户'
+        },{
+          value: 'ErrorId404',
+          label: '模拟一个不存在的租户'
+        }],
+        loginForm: {
+          username:"",
+          password:""
+        },
+        loginRules: {
+          username: [{
+            required: true,
+            trigger: 'blur',
+            validator: validateUsername
+          }],
+          password: [{
+            required: true,
+            trigger: 'blur',
+            validator: validatePass
+          }]
+        },
+        loading: false,
+        pwdType: 'password'
+      }
+    },
+    computed: {
+      ...mapGetters([
+        'isIdentityAuth',
+        'tenantid'
+      ])
+    },
+
+    methods: {
+       ...mapActions([
+      'setTenantId', //
+      ]),
+      
+      tenantChange(e){
+        this.setTenantId(e)
+      },
+      showPwd() {
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      handleLogin() {
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            this.$store.dispatch('Login', this.loginForm).then(() => {
+              getMethodCommon("/Check/GetRoles").then(res=>{
+                if(res){
+                  if(res.result && res.result.length){
+                    res.result.forEach((item,index)=>{
+                      if(item.name == "任务下发"){
+                        localStorage.setItem("isTaskUser","true");
+                      }
+                    })
+                  }
+                }
+              })
+              this.loading = false
+              this.$router.push({
+                path: '/home'
+              })
+            }).catch(() => {
+              this.loading = false
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  $bg:#2d3a4b;
+  $light_gray:#eee;
+  $color_balck: #333;
+
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 300px;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 5px 0;
+        color: $color_balck;
+        height: 40px;
+
+        &:-webkit-autofill {
+          transition: background-color 5000s ease-in-out 0s;
+        }
+      }
+    }
+    .el-form-item {
+      margin-bottom: 35px;
+      border-radius: 5px;
+      color: #454545;
+      .el-form-item__content{
+        background:#fff;
+        border:1px solid rgba(223, 223, 223, 1);
+      }
+      &:last-child{
+        padding-top: 20px;
+        .el-form-item__content{
+          border: none;
+        }
+      }
+    }
+  }
+
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  @media screen and (max-width: 1150px) {
+    .leftImg{
+      width: 450px !important;
+    }
+  }
+  @media screen and (max-width: 1010px) {
+    .leftImg{
+      width: 380px !important;
+    }
+  }
+  @media screen and (max-width: 940px) {
+    .leftImg{
+      display: block;
+      width: 260px !important;
+      margin: 0 auto !important;
+    }
+  }
+  $dark_gray:#D1DFE8;
+
+  .login-container {
+    height: 100%;
+    // background: url('~@/assets/login/bg1.jpg') no-repeat;
+    background-color: #EBEBEA;
+    background-position: 0 0;
+    background-size: 62% 100%;
+    text-align: center;
+    &:before{
+      // content: '';
+      display: inline-block;
+      // height: 100%;  //or the input will be in new line
+      vertical-align: middle;
+    }
+    .content{
+      display: inline-block;
+      vertical-align: middle;
+      > img{
+        width: 568px;
+        margin-right: 150px;
+        vertical-align: middle;
+      }
+      .login-form{
+        display: inline-block;
+        width: 400px;
+        vertical-align: middle;
+      }
+    }
+
+    .svg-container {
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 33px;
+      display: inline-block;
+      font-size: 22px;
+      &_login {
+        font-size: 31px;
+      }
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: #4452D5;
+      margin: 0;
+      text-align: left;
+    }
+    .tips{
+      color: #959595;
+      font-size: 14px;
+      margin-top: 0;
+      margin-bottom: 40px;
+      text-align: left;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+      font-size: 24px;
+    }
+  }
+
+</style>
+
+<style scoped>
+.left-panel {
+    background-image: url('/img/login-bg.png');
+    width: 100%;
+    height: 100vh;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.right-panel {
+    /* background-image: url('../../assets/login/矩形.png'); */
+    background-repeat: no-repeat;
+    background-size: 100%;
+    padding-top:20%;
+    position:absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    width:536px;
+    height: 561px;
+}
+
+.header-logo{
+    position:absolute;
+    top:12%;
+    left:8%;
+}
+    .header-logo .image {
+        width: 41px;
+        height: 41px;
+        float: left;
+    }
+
+        .header-logo .image img {
+            width: 41px;
+            height: 41px;
+        }
+
+    .header-logo .sys-title {
+        float: right;
+        line-height: 45px;
+        margin-left: 15px;
+        width: 308px;
+        height: 23px;
+        font-size: 18px;
+        font-family: Adobe Heiti Std;
+        font-weight: normal;
+        color: #7C7C7C;
+    }
+     .input-wrapper {
+            float: left;
+            width: 448px;
+            height: 56px;
+            background: #FFFFFF;
+            box-shadow: 0px 1px 1px 0px rgba(158, 168, 184, 0.5);
+            border-radius: 5px;
+        }
+
+        .label {
+            float: left;
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            text-align: center;
+            overflow: hidden;
+        }
+
+        .u-input {
+            background: transparent;
+            border: none;
+            padding: 5px 0;
+            color: #555;
+            height: 40px;
+            line-height: 40px;
+            width: 390px;      
+        }
+
+        .login-btn {
+            width: 448px;
+            height: 56px;
+            background: #0088FF;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+        .login-btn::after {
+              box-sizing: border-box;
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              content: "";
+              border: 2px solid rgb(255, 255, 255);
+              z-index: 2;
+              margin: 0px;
+              left: 0px;
+              bottom: 0px;
+              border-top-width: 2px;
+              transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
+        } 
+ 
+        .login-btn:hover{
+            opacity: 0.8;
+        }
+        .login-btn:hover::after {
+              width: 60%;
+              height: 0px;
+              border-width: 0px 2px 2px;
+              margin: 0px 20%;
+              transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
+        } 
+
+          .login-btn .btn-txt {
+              font-family: Source Han Sans CN;
+              margin-left: 42%;
+              color: #FFFFFF;
+              width: 56px;
+              height: 56px;
+              line-height: 56px;
+              text-align: center;
+              display: inline-block;
+              border-radius: 50%;
+              text-decoration: none;
+          }
+
+          .login-btn .btn-txt:hover{
+            opacity: 0.8;
+          }
+
+        .left-txt {
+            float:left;
+        }
+
+          .left-txt span {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+      .right-txt {
+          float: right;
+          margin-left: 250px;
+      }
+
+          .right-txt .s1 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+          .right-txt .s2 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #2882FE;
+              line-height: 42px;
+              cursor:pointer;
+          }
+
+            .right-txt .s2:hover{
+              color:#0F31AF;
+            }
+
+      .comtxt {
+          width: 190px;
+          height: 16px;
+          font-size: 12px;
+          font-family: Source Han Sans CN;
+          color: rgba(80, 80, 80, 0.6);
+          line-height: 63px;
+          position: absolute;
+          bottom: 10%;
+          right: 13%;
+      }
+</style>
diff --git a/.history/src/views/login/index_20241028113948.vue b/.history/src/views/login/index_20241028113948.vue
new file mode 100644
index 0000000..27fe0ca
--- /dev/null
+++ b/.history/src/views/login/index_20241028113948.vue
@@ -0,0 +1,497 @@
+<template>
+  
+    <div>
+      <div class="left-panel">
+      </div>
+       <div class="right-panel">
+         <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"
+              label-position="left">
+        <!-- <div class="header-logo">
+            <div class="image">
+                <img src="~@/assets/login/logo.png" alt="">
+            </div>
+            <div class="sys-title">
+                临沂国家高新区数据资源平台
+            </div>
+        </div> -->
+
+
+
+
+        <div style="top: 15%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="../../assets/login/yonghu.png">
+                </label>
+                <div>
+                    <el-input class="u-input" name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入登录账号" />                    
+                </div>
+            </div>
+        </div>
+        <div style="top: 35%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="~@/assets/login/密码.png">
+                </label>
+                <div>
+                   <el-input class="u-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password"
+                      autoComplete="on" placeholder="请输入密码"></el-input>
+                </div>
+            </div>
+        </div>
+
+        <div style="top: 55%;left: 8%;position:absolute;">
+            <el-button class="login-btn"  v-waves type="primary" style="width:448px;background:#0088FF;border-radius: 10px;font-size: 24px;height: 50px;" :loading="loading" @click.native.prevent="handleLogin">
+             登 录
+            </el-button>
+        </div>
+
+        <div style="top: 76%;left: 10%;position:absolute;">
+            <div class="left-txt">
+                <span>忘记密码？</span>
+            </div>
+            <div class="right-txt">
+                <span class="s1">还没有账号？</span><span class="s2">去注册</span>
+            </div>
+        </div>
+
+        <div class="tips" v-if="isIdentityAuth">
+          <router-link to="/oidcRedirect">
+            <el-badge is-dot>接口服务器启用了Oauth认证，请点击这里登录</el-badge>
+          </router-link>
+        </div>
+        
+      </el-form>
+      </div>
+      <div class="comtxt">
+          山东慧创信息科技有限公司
+      </div>
+    </div>
+ 
+</template>
+
+<script>
+  import waves from '@/directive/waves' // 水波纹指令
+  import {
+    mapGetters,
+    mapActions
+  } from 'vuex'
+import { getMethodCommon } from '../../api/common'
+  export default {
+    name: 'login',
+    directives: {
+      waves
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('用户名不能为空'))
+        } else {
+          callback()
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('密码不能为空'))
+        } else {
+          callback()
+        }
+      }
+      return {
+        tenant: this.tenantid || 'OpenAuthDBContext',  //当前选择的租户
+        tenants:[{
+          value: 'OpenAuthDBContext',
+          label: '默认租户'
+        },{
+          value: 'ErrorId404',
+          label: '模拟一个不存在的租户'
+        }],
+        loginForm: {
+          username:"",
+          password:""
+        },
+        loginRules: {
+          username: [{
+            required: true,
+            trigger: 'blur',
+            validator: validateUsername
+          }],
+          password: [{
+            required: true,
+            trigger: 'blur',
+            validator: validatePass
+          }]
+        },
+        loading: false,
+        pwdType: 'password'
+      }
+    },
+    computed: {
+      ...mapGetters([
+        'isIdentityAuth',
+        'tenantid'
+      ])
+    },
+
+    methods: {
+       ...mapActions([
+      'setTenantId', //
+      ]),
+      
+      tenantChange(e){
+        this.setTenantId(e)
+      },
+      showPwd() {
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      handleLogin() {
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            this.$store.dispatch('Login', this.loginForm).then(() => {
+              getMethodCommon("/Check/GetRoles").then(res=>{
+                if(res){
+                  if(res.result && res.result.length){
+                    res.result.forEach((item,index)=>{
+                      if(item.name == "任务下发"){
+                        localStorage.setItem("isTaskUser","true");
+                      }
+                    })
+                  }
+                }
+              })
+              this.loading = false
+              this.$router.push({
+                path: '/home'
+              })
+            }).catch(() => {
+              this.loading = false
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  $bg:#2d3a4b;
+  $light_gray:#eee;
+  $color_balck: #333;
+
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 300px;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 5px 0;
+        color: $color_balck;
+        height: 40px;
+
+        &:-webkit-autofill {
+          transition: background-color 5000s ease-in-out 0s;
+        }
+      }
+    }
+    .el-form-item {
+      margin-bottom: 35px;
+      border-radius: 5px;
+      color: #454545;
+      .el-form-item__content{
+        background:#fff;
+        border:1px solid rgba(223, 223, 223, 1);
+      }
+      &:last-child{
+        padding-top: 20px;
+        .el-form-item__content{
+          border: none;
+        }
+      }
+    }
+  }
+
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  @media screen and (max-width: 1150px) {
+    .leftImg{
+      width: 450px !important;
+    }
+  }
+  @media screen and (max-width: 1010px) {
+    .leftImg{
+      width: 380px !important;
+    }
+  }
+  @media screen and (max-width: 940px) {
+    .leftImg{
+      display: block;
+      width: 260px !important;
+      margin: 0 auto !important;
+    }
+  }
+  $dark_gray:#D1DFE8;
+
+  .login-container {
+    height: 100%;
+    // background: url('~@/assets/login/bg1.jpg') no-repeat;
+    background-color: #EBEBEA;
+    background-position: 0 0;
+    background-size: 62% 100%;
+    text-align: center;
+    &:before{
+      // content: '';
+      display: inline-block;
+      // height: 100%;  //or the input will be in new line
+      vertical-align: middle;
+    }
+    .content{
+      display: inline-block;
+      vertical-align: middle;
+      > img{
+        width: 568px;
+        margin-right: 150px;
+        vertical-align: middle;
+      }
+      .login-form{
+        display: inline-block;
+        width: 400px;
+        vertical-align: middle;
+      }
+    }
+
+    .svg-container {
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 33px;
+      display: inline-block;
+      font-size: 22px;
+      &_login {
+        font-size: 31px;
+      }
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: #4452D5;
+      margin: 0;
+      text-align: left;
+    }
+    .tips{
+      color: #959595;
+      font-size: 14px;
+      margin-top: 0;
+      margin-bottom: 40px;
+      text-align: left;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+      font-size: 24px;
+    }
+  }
+
+</style>
+
+<style scoped>
+.left-panel {
+    background-image: url('/img/login-bg.png');
+    width: 100%;
+    height: 100vh;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.right-panel {
+    /* background-image: url('../../assets/login/矩形.png'); */
+    background-repeat: no-repeat;
+    background-size: 100%;
+    padding-top:20%;
+    position:absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    width:536px;
+    height: 561px;
+}
+
+.header-logo{
+    position:absolute;
+    top:12%;
+    left:8%;
+}
+    .header-logo .image {
+        width: 41px;
+        height: 41px;
+        float: left;
+    }
+
+        .header-logo .image img {
+            width: 41px;
+            height: 41px;
+        }
+
+    .header-logo .sys-title {
+        float: right;
+        line-height: 45px;
+        margin-left: 15px;
+        width: 308px;
+        height: 23px;
+        font-size: 18px;
+        font-family: Adobe Heiti Std;
+        font-weight: normal;
+        color: #7C7C7C;
+    }
+     .input-wrapper {
+            float: left;
+            width: 448px;
+            height: 56px;
+            background: #FFFFFF;
+            box-shadow: 0px 1px 1px 0px rgba(158, 168, 184, 0.5);
+            border-radius: 5px;
+        }
+
+        .label {
+            float: left;
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            text-align: center;
+            overflow: hidden;
+        }
+
+        .u-input {
+            background: transparent;
+            border: none;
+            padding: 5px 0;
+            color: #555;
+            height: 40px;
+            line-height: 40px;
+            width: 390px;      
+        }
+
+        .login-btn {
+            width: 448px;
+            height: 56px;
+            background: #0088FF;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+        .login-btn::after {
+              box-sizing: border-box;
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              content: "";
+              border: 2px solid rgb(255, 255, 255);
+              z-index: 2;
+              margin: 0px;
+              left: 0px;
+              bottom: 0px;
+              border-top-width: 2px;
+              transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
+        } 
+ 
+        .login-btn:hover{
+            opacity: 0.8;
+        }
+        .login-btn:hover::after {
+              width: 60%;
+              height: 0px;
+              border-width: 0px 2px 2px;
+              margin: 0px 20%;
+              transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
+        } 
+
+          .login-btn .btn-txt {
+              font-family: Source Han Sans CN;
+              margin-left: 42%;
+              color: #FFFFFF;
+              width: 56px;
+              height: 56px;
+              line-height: 56px;
+              text-align: center;
+              display: inline-block;
+              border-radius: 50%;
+              text-decoration: none;
+          }
+
+          .login-btn .btn-txt:hover{
+            opacity: 0.8;
+          }
+
+        .left-txt {
+            float:left;
+        }
+
+          .left-txt span {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+      .right-txt {
+          float: right;
+          margin-left: 250px;
+      }
+
+          .right-txt .s1 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+          .right-txt .s2 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #2882FE;
+              line-height: 42px;
+              cursor:pointer;
+          }
+
+            .right-txt .s2:hover{
+              color:#0F31AF;
+            }
+
+      .comtxt {
+          width: 190px;
+          height: 16px;
+          font-size: 12px;
+          font-family: Source Han Sans CN;
+          color: rgba(80, 80, 80, 0.6);
+          line-height: 63px;
+          position: absolute;
+          bottom: 10%;
+          right: 13%;
+      }
+</style>
diff --git a/.history/src/views/login/index_20241028114048.vue b/.history/src/views/login/index_20241028114048.vue
new file mode 100644
index 0000000..27fe0ca
--- /dev/null
+++ b/.history/src/views/login/index_20241028114048.vue
@@ -0,0 +1,497 @@
+<template>
+  
+    <div>
+      <div class="left-panel">
+      </div>
+       <div class="right-panel">
+         <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"
+              label-position="left">
+        <!-- <div class="header-logo">
+            <div class="image">
+                <img src="~@/assets/login/logo.png" alt="">
+            </div>
+            <div class="sys-title">
+                临沂国家高新区数据资源平台
+            </div>
+        </div> -->
+
+
+
+
+        <div style="top: 15%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="../../assets/login/yonghu.png">
+                </label>
+                <div>
+                    <el-input class="u-input" name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="请输入登录账号" />                    
+                </div>
+            </div>
+        </div>
+        <div style="top: 35%;left: 8%;position:absolute;">
+            <div class="input-wrapper login-container">
+                <label class="label">
+                    <img src="~@/assets/login/密码.png">
+                </label>
+                <div>
+                   <el-input class="u-input" name="password" :type="pwdType" @keyup.enter.native="handleLogin" v-model="loginForm.password"
+                      autoComplete="on" placeholder="请输入密码"></el-input>
+                </div>
+            </div>
+        </div>
+
+        <div style="top: 55%;left: 8%;position:absolute;">
+            <el-button class="login-btn"  v-waves type="primary" style="width:448px;background:#0088FF;border-radius: 10px;font-size: 24px;height: 50px;" :loading="loading" @click.native.prevent="handleLogin">
+             登 录
+            </el-button>
+        </div>
+
+        <div style="top: 76%;left: 10%;position:absolute;">
+            <div class="left-txt">
+                <span>忘记密码？</span>
+            </div>
+            <div class="right-txt">
+                <span class="s1">还没有账号？</span><span class="s2">去注册</span>
+            </div>
+        </div>
+
+        <div class="tips" v-if="isIdentityAuth">
+          <router-link to="/oidcRedirect">
+            <el-badge is-dot>接口服务器启用了Oauth认证，请点击这里登录</el-badge>
+          </router-link>
+        </div>
+        
+      </el-form>
+      </div>
+      <div class="comtxt">
+          山东慧创信息科技有限公司
+      </div>
+    </div>
+ 
+</template>
+
+<script>
+  import waves from '@/directive/waves' // 水波纹指令
+  import {
+    mapGetters,
+    mapActions
+  } from 'vuex'
+import { getMethodCommon } from '../../api/common'
+  export default {
+    name: 'login',
+    directives: {
+      waves
+    },
+    data() {
+      const validateUsername = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('用户名不能为空'))
+        } else {
+          callback()
+        }
+      }
+      const validatePass = (rule, value, callback) => {
+        if (value.length <= 0) {
+          callback(new Error('密码不能为空'))
+        } else {
+          callback()
+        }
+      }
+      return {
+        tenant: this.tenantid || 'OpenAuthDBContext',  //当前选择的租户
+        tenants:[{
+          value: 'OpenAuthDBContext',
+          label: '默认租户'
+        },{
+          value: 'ErrorId404',
+          label: '模拟一个不存在的租户'
+        }],
+        loginForm: {
+          username:"",
+          password:""
+        },
+        loginRules: {
+          username: [{
+            required: true,
+            trigger: 'blur',
+            validator: validateUsername
+          }],
+          password: [{
+            required: true,
+            trigger: 'blur',
+            validator: validatePass
+          }]
+        },
+        loading: false,
+        pwdType: 'password'
+      }
+    },
+    computed: {
+      ...mapGetters([
+        'isIdentityAuth',
+        'tenantid'
+      ])
+    },
+
+    methods: {
+       ...mapActions([
+      'setTenantId', //
+      ]),
+      
+      tenantChange(e){
+        this.setTenantId(e)
+      },
+      showPwd() {
+        if (this.pwdType === 'password') {
+          this.pwdType = ''
+        } else {
+          this.pwdType = 'password'
+        }
+      },
+      handleLogin() {
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true
+            this.$store.dispatch('Login', this.loginForm).then(() => {
+              getMethodCommon("/Check/GetRoles").then(res=>{
+                if(res){
+                  if(res.result && res.result.length){
+                    res.result.forEach((item,index)=>{
+                      if(item.name == "任务下发"){
+                        localStorage.setItem("isTaskUser","true");
+                      }
+                    })
+                  }
+                }
+              })
+              this.loading = false
+              this.$router.push({
+                path: '/home'
+              })
+            }).catch(() => {
+              this.loading = false
+            })
+          } else {
+            console.log('error submit!!')
+            return false
+          }
+        })
+      }
+    }
+  }
+
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  $bg:#2d3a4b;
+  $light_gray:#eee;
+  $color_balck: #333;
+
+  /* reset element-ui css */
+  .login-container {
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 300px;
+      input {
+        background: transparent;
+        border: 0px;
+        -webkit-appearance: none;
+        border-radius: 0px;
+        padding: 5px 0;
+        color: $color_balck;
+        height: 40px;
+
+        &:-webkit-autofill {
+          transition: background-color 5000s ease-in-out 0s;
+        }
+      }
+    }
+    .el-form-item {
+      margin-bottom: 35px;
+      border-radius: 5px;
+      color: #454545;
+      .el-form-item__content{
+        background:#fff;
+        border:1px solid rgba(223, 223, 223, 1);
+      }
+      &:last-child{
+        padding-top: 20px;
+        .el-form-item__content{
+          border: none;
+        }
+      }
+    }
+  }
+
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+  @media screen and (max-width: 1150px) {
+    .leftImg{
+      width: 450px !important;
+    }
+  }
+  @media screen and (max-width: 1010px) {
+    .leftImg{
+      width: 380px !important;
+    }
+  }
+  @media screen and (max-width: 940px) {
+    .leftImg{
+      display: block;
+      width: 260px !important;
+      margin: 0 auto !important;
+    }
+  }
+  $dark_gray:#D1DFE8;
+
+  .login-container {
+    height: 100%;
+    // background: url('~@/assets/login/bg1.jpg') no-repeat;
+    background-color: #EBEBEA;
+    background-position: 0 0;
+    background-size: 62% 100%;
+    text-align: center;
+    &:before{
+      // content: '';
+      display: inline-block;
+      // height: 100%;  //or the input will be in new line
+      vertical-align: middle;
+    }
+    .content{
+      display: inline-block;
+      vertical-align: middle;
+      > img{
+        width: 568px;
+        margin-right: 150px;
+        vertical-align: middle;
+      }
+      .login-form{
+        display: inline-block;
+        width: 400px;
+        vertical-align: middle;
+      }
+    }
+
+    .svg-container {
+      color: $dark_gray;
+      vertical-align: middle;
+      width: 33px;
+      display: inline-block;
+      font-size: 22px;
+      &_login {
+        font-size: 31px;
+      }
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 400;
+      color: #4452D5;
+      margin: 0;
+      text-align: left;
+    }
+    .tips{
+      color: #959595;
+      font-size: 14px;
+      margin-top: 0;
+      margin-bottom: 40px;
+      text-align: left;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
+      font-size: 24px;
+    }
+  }
+
+</style>
+
+<style scoped>
+.left-panel {
+    background-image: url('/img/login-bg.png');
+    width: 100%;
+    height: 100vh;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.right-panel {
+    /* background-image: url('../../assets/login/矩形.png'); */
+    background-repeat: no-repeat;
+    background-size: 100%;
+    padding-top:20%;
+    position:absolute;
+    left:50%;
+    top:50%;
+    transform: translate(-50%,-50%);
+    width:536px;
+    height: 561px;
+}
+
+.header-logo{
+    position:absolute;
+    top:12%;
+    left:8%;
+}
+    .header-logo .image {
+        width: 41px;
+        height: 41px;
+        float: left;
+    }
+
+        .header-logo .image img {
+            width: 41px;
+            height: 41px;
+        }
+
+    .header-logo .sys-title {
+        float: right;
+        line-height: 45px;
+        margin-left: 15px;
+        width: 308px;
+        height: 23px;
+        font-size: 18px;
+        font-family: Adobe Heiti Std;
+        font-weight: normal;
+        color: #7C7C7C;
+    }
+     .input-wrapper {
+            float: left;
+            width: 448px;
+            height: 56px;
+            background: #FFFFFF;
+            box-shadow: 0px 1px 1px 0px rgba(158, 168, 184, 0.5);
+            border-radius: 5px;
+        }
+
+        .label {
+            float: left;
+            width: 56px;
+            height: 56px;
+            line-height: 56px;
+            text-align: center;
+            overflow: hidden;
+        }
+
+        .u-input {
+            background: transparent;
+            border: none;
+            padding: 5px 0;
+            color: #555;
+            height: 40px;
+            line-height: 40px;
+            width: 390px;      
+        }
+
+        .login-btn {
+            width: 448px;
+            height: 56px;
+            background: #0088FF;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+        .login-btn::after {
+              box-sizing: border-box;
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              content: "";
+              border: 2px solid rgb(255, 255, 255);
+              z-index: 2;
+              margin: 0px;
+              left: 0px;
+              bottom: 0px;
+              border-top-width: 2px;
+              transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
+        } 
+ 
+        .login-btn:hover{
+            opacity: 0.8;
+        }
+        .login-btn:hover::after {
+              width: 60%;
+              height: 0px;
+              border-width: 0px 2px 2px;
+              margin: 0px 20%;
+              transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
+        } 
+
+          .login-btn .btn-txt {
+              font-family: Source Han Sans CN;
+              margin-left: 42%;
+              color: #FFFFFF;
+              width: 56px;
+              height: 56px;
+              line-height: 56px;
+              text-align: center;
+              display: inline-block;
+              border-radius: 50%;
+              text-decoration: none;
+          }
+
+          .login-btn .btn-txt:hover{
+            opacity: 0.8;
+          }
+
+        .left-txt {
+            float:left;
+        }
+
+          .left-txt span {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+      .right-txt {
+          float: right;
+          margin-left: 250px;
+      }
+
+          .right-txt .s1 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #999999;
+              line-height: 42px;
+          }
+
+          .right-txt .s2 {
+              width: 81px;
+              height: 17px;
+              font-size: 12px;
+              font-family: Source Han Sans CN;
+              color: #2882FE;
+              line-height: 42px;
+              cursor:pointer;
+          }
+
+            .right-txt .s2:hover{
+              color:#0F31AF;
+            }
+
+      .comtxt {
+          width: 190px;
+          height: 16px;
+          font-size: 12px;
+          font-family: Source Han Sans CN;
+          color: rgba(80, 80, 80, 0.6);
+          line-height: 63px;
+          position: absolute;
+          bottom: 10%;
+          right: 13%;
+      }
+</style>
diff --git a/public/config/app.json b/public/config/app.json
index bb49583..8088132 100644
--- a/public/config/app.json
+++ b/public/config/app.json
@@ -3,7 +3,7 @@
     "gaodeApi": "4f992c089f9496201f6e4ea39ff3ab60",
 
     "pingyixian":{
-        "appname":"平邑县森林火灾指挥调度系统",
+        "appname":"平邑县森林防火指挥调度系统",
         "area":"平邑县",
         "baseUrl":"http://111.17.207.220:9001",
         "layerurl":"http://111.17.207.220:9006/applicationMars/getApplicationInfo/pingyixian",
diff --git a/public/config/pingyixianConfig.json b/public/config/pingyixianConfig.json
index 83f6c98..ca9a816 100644
--- a/public/config/pingyixianConfig.json
+++ b/public/config/pingyixianConfig.json
@@ -148,8 +148,8 @@
 				"pid": 10,
 				"name": "最新高清影像",
 				"type": "wms",
-				"url": "https://fx.hopetrytech.com:7005/geoserver/PY/wms",
-				"layers": "PY:yingxiang",
+				"url": "http://fx.hopetrytech.com:9007/geoserver/pingyi/wms",
+				"layers": "pingyi:pingyigaoqingyingxiang",
 				"crs": "EPSG:4326",
 				"parameters": {
 					"transparent": "true",
diff --git a/public/img/login-bg.png b/public/img/login-bg.png
index 5ca8a99..bc0f484 100644
Binary files a/public/img/login-bg.png and b/public/img/login-bg.png differ
diff --git a/public/img/water.zip b/public/img/water.zip
deleted file mode 100644
index d19e378..0000000
Binary files a/public/img/water.zip and /dev/null differ
diff --git a/public/img/weather_icon/bingbao.png b/public/img/weather_icon/bingbao.png
new file mode 100644
index 0000000..9fed875
Binary files /dev/null and b/public/img/weather_icon/bingbao.png differ
diff --git a/public/img/weather_icon/lei.png b/public/img/weather_icon/lei.png
new file mode 100644
index 0000000..84821c9
Binary files /dev/null and b/public/img/weather_icon/lei.png differ
diff --git a/public/img/weather_icon/qing.png b/public/img/weather_icon/qing.png
new file mode 100644
index 0000000..3c8217f
Binary files /dev/null and b/public/img/weather_icon/qing.png differ
diff --git a/public/img/weather_icon/shachen.png b/public/img/weather_icon/shachen.png
new file mode 100644
index 0000000..36028fb
Binary files /dev/null and b/public/img/weather_icon/shachen.png differ
diff --git a/public/img/weather_icon/wind.png b/public/img/weather_icon/wind.png
new file mode 100644
index 0000000..50a0a85
Binary files /dev/null and b/public/img/weather_icon/wind.png differ
diff --git a/public/img/weather_icon/wind_one.png b/public/img/weather_icon/wind_one.png
new file mode 100644
index 0000000..2fd75d7
Binary files /dev/null and b/public/img/weather_icon/wind_one.png differ
diff --git a/public/img/weather_icon/wind_three.png b/public/img/weather_icon/wind_three.png
new file mode 100644
index 0000000..5f045fd
Binary files /dev/null and b/public/img/weather_icon/wind_three.png differ
diff --git a/public/img/weather_icon/wu.png b/public/img/weather_icon/wu.png
new file mode 100644
index 0000000..fc491da
Binary files /dev/null and b/public/img/weather_icon/wu.png differ
diff --git a/public/img/weather_icon/xue.png b/public/img/weather_icon/xue.png
new file mode 100644
index 0000000..724725a
Binary files /dev/null and b/public/img/weather_icon/xue.png differ
diff --git a/public/img/weather_icon/yin.png b/public/img/weather_icon/yin.png
new file mode 100644
index 0000000..19a7d88
Binary files /dev/null and b/public/img/weather_icon/yin.png differ
diff --git a/public/img/weather_icon/yu.png b/public/img/weather_icon/yu.png
new file mode 100644
index 0000000..64c3f60
Binary files /dev/null and b/public/img/weather_icon/yu.png differ
diff --git a/public/img/weather_icon/yun.png b/public/img/weather_icon/yun.png
new file mode 100644
index 0000000..ebd5a05
Binary files /dev/null and b/public/img/weather_icon/yun.png differ
diff --git a/public/index.html b/public/index.html
index 6dd55aa..fa490ab 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <meta name="author" content="山东慧创 http://www.hopetrytech.com ">
     <link rel="icon" href="<%= BASE_URL %>sitelogo.jpg">
-    <title>平邑县森林火灾指挥调度系统</title>
+    <title>平邑县森林防火指挥调度系统</title>
     <style>
       .popup-container{
         text-align:left;
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
index 35f841b..fbe7079 100644
--- a/src/views/dashboard/admin/index.vue
+++ b/src/views/dashboard/admin/index.vue
@@ -1,7 +1,7 @@
 <template>
   
 <div class="dashboard-container">
-  <h1>平邑县森林火灾指挥调度系统管理后台</h1>
+  <h1>平邑县森林防火指挥调度系统管理后台</h1>
 </div>
 </template>
 
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 7d8bbcb..892b8ef 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -370,7 +370,6 @@
     </div>
 
 
-
     <!-- 在线人员弹窗 -->
     <div class="onlineuser-box" v-show="onlineuserBoxShow" v-drag >
       <div class="onlineuser-box-close-button" @click="onlineuserBoxShow = false">
@@ -431,6 +430,9 @@ import videoConfig from "./lib/videoConfig.json";
 import {compareArray} from './lib/compareArray.js'
 import OnLineUser from './widget/onlineuserbox.vue'
 
+// 天气
+import {getWeather,getWindDegree} from './lib/getWeather'
+
 let BASE_URL = process.env.VUE_APP_BASE_API;
 export default {
   name: "business",
@@ -1153,7 +1155,7 @@ export default {
 
       // 地图鼠标右键菜单
       let mapContextmenuItems = [];
-      if (localStorage.getItem("unitName") == "null" || localStorage.getItem("unitName") == "undefined") {
+      if (localStorage.getItem("isTaskUser") == "true") {
         mapContextmenuItems = [
           {
             text: "设为火点",
@@ -1330,6 +1332,25 @@ export default {
               //     this.setVisibleShow = true
               //   }
               // }
+              {
+                text: "气象信息",
+                show: function (e) {
+                  return Cesium.defined(e.cartesian);
+                },
+                callback: (e) => {
+                  const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian)
+                  let position = {
+                    lng: mpt._lng,
+                    lat: mpt._lat,
+                  };
+                  getWeather().then((res)=>{
+                    if(res){
+                      res.position = [mpt._lng,mpt._lat];
+                      _self.handlerAddWeatherGraphic(res);
+                    }
+                  })
+                }
+              },
             ],
           },
         ];
@@ -1609,6 +1630,93 @@ export default {
         this.HKmonitorboxShow = true;
       }
     },
+    // 添加气象信息图斑
+    handlerAddWeatherGraphic(info){
+      if(this.weatherGraphicLayer==null){
+        this.weatherGraphicLayer = new mars3d.layer.GraphicLayer()
+        window.globalmap.addLayer(this.weatherGraphicLayer)
+        // 绑定点击事件，用于删除图标
+        let _this = this;
+        this.weatherGraphicLayer.bindContextMenu([
+            {
+                text: "删除",
+                icon: "fa fa-trash-o",
+                show: (event) => {
+                    const graphic = event.graphic
+                    if (!graphic || graphic.isDestroy) {
+                      return false
+                    } else {
+                      return true
+                    }
+                },
+                callback: (e) => {
+                    const graphic = e.graphic
+                    if (!graphic) {
+                      return
+                    }
+                    const parent = graphic.parent // 右击是编辑点时
+
+                    let graphic_wind_info = _this.weatherGraphicLayer.getGraphicById(graphic.id+"_info");
+                      console.log("graphic_wind_info",graphic_wind_info);
+                      _this.weatherGraphicLayer.removeGraphic(graphic_wind_info);
+                 
+
+                    _this.weatherGraphicLayer.removeGraphic(graphic)
+                    if (parent) {
+                        _this.weatherGraphicLayer.removeGraphic(parent)
+                    }
+                }
+            }
+        ])
+      }
+
+      let uuid = (Math.random()*10000000).toFixed(0);
+
+      let  graphic_wind = new mars3d.graphic.RectanglePrimitive({
+        id:"graphic_wind_"+uuid,
+        positions: [
+          info.position,
+          [info.position[0]-0.001, info.position[1]-0.001],
+        ],
+        offsetHeight:100,
+        style: {
+          materialType: mars3d.MaterialType.Image,
+          materialOptions: {
+            image:"/img/weather_icon/wind_three.png",
+            font_size: 70,
+            color: new Cesium.Color(1.0, 1.0, 0.0, 1.0),
+            stroke: true,
+            strokeWidth: 10,
+            strokeColor: new Cesium.Color(1.0, 1.0, 1.0, 0.8)
+          },
+          rotationDegree:getWindDegree(info.win),
+          clampToGround: true
+        },
+        attr: { remark: "示例4" }
+      })
+      
+
+      let graphic = new mars3d.graphic.DivGraphic({
+        id:"graphic_wind_"+uuid+"_info",
+        position: info.position,
+        style: {
+          html: `<h1 style="color:#eee;font-size:14px;">
+            <img src="/img/weather_icon/${info.wea_img}.png" style="width:24px;height:24px;" />
+            ${info.win},${info.win_speed},${info.win_meter}</h1>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), // 按视距距离显示
+          scaleByDistance: new Cesium.NearFarScalar(1000, 1.0, 200000, 0.2),
+          disableDepthTestDistance:Number.POSITIVE_INFINITY,
+          clampToGround: true,
+          eyeOffset:new Cesium.Cartesian3(0, 0, -5000),
+        },
+        attr: { remark: "示例9" },
+        pointerEvents: false // false时不允许拾取和触发任意鼠标事件，但可以穿透div缩放地球
+      })
+      this.weatherGraphicLayer.addGraphic(graphic);
+      this.weatherGraphicLayer.addGraphic(graphic_wind);
+    }
   },
 };
 </script>
diff --git a/src/views/home/lib/getWeather.js b/src/views/home/lib/getWeather.js
new file mode 100644
index 0000000..dcc54b5
--- /dev/null
+++ b/src/views/home/lib/getWeather.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+
+export const getWeather = ()=>{
+    return new Promise((resolve,reject)=>{
+        try{
+            // 易客云天气API http://yiketianqi.com/
+            axios({
+                method: 'get',
+                // url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
+                url:"http://v1.yiketianqi.com/api?unescape=1&version=v61&appid=55972896&appsecret=jUb3vKAh&city=平邑",
+            }).then((res) => {
+                resolve(res.data);
+            }).catch(e=>{
+                reject(null);
+            });
+        }catch(e){
+            reject(null);
+        }
+    })
+}
+
+export const getWindDegree = (type)=>{
+    let degree = 0;
+    switch(type){
+        case "东风":
+            degree = 90;
+            break;
+        case "南风":
+            degree = 0;
+            break;
+        case "西风":
+            degree = 270;
+            break;
+        case "北风":
+            degree = 180;
+            break;
+        case "东北风":
+            degree = 135;
+            break;
+        case "东南风":
+            degree = 45;
+            break;
+        case "西北风":
+            degree = 225;
+            break;
+        case "西南风":
+            degree = 315;
+            break;
+        default:
+            degree = null;
+            break;
+    }
+    return degree;
+}
\ No newline at end of file
diff --git a/src/views/home/widget/mergebox.vue b/src/views/home/widget/mergebox.vue
index d0c4f76..89b7e45 100644
--- a/src/views/home/widget/mergebox.vue
+++ b/src/views/home/widget/mergebox.vue
@@ -247,7 +247,6 @@ import { parse } from '../lib/handleGeojson';
                                         <span id="lablSBZT2" onclick="wuzi([${item.lng},${item.lat}]);"  class="label-tag data-value-status-0" title="关闭状态" >物资调度</span>
                                         <span id="lablCSFM2" onclick="shuiyuan([${item.lng},${item.lat}])"  class="label-tag data-value-status-2" title="打开状态">附近水源</span>
                                         <span id="lablSBZT1"  class="label-tag data-value-status-1" title="路线规划">路线规划</span>
-
                                     </div>
                                 </div>
                             </div>
diff --git a/src/views/home/widget/socketdiabox.vue b/src/views/home/widget/socketdiabox.vue
index 2ded8c4..dc55db2 100644
--- a/src/views/home/widget/socketdiabox.vue
+++ b/src/views/home/widget/socketdiabox.vue
@@ -358,7 +358,6 @@ export default {
                                                 <span class="label-tag data-value-status-2" title="视频通话" onclick="videoCall('123')">视频通话</span></div>
                                                 <span id="lablSBZT1" onclick="designRoute('${user.CreateId}');" class="label-tag data-value-status-1" title="路线高亮">路线高亮</span>
                                                 <span id="lablSBZT1" onclick="deleteRoute('${user.CreateId}');" class="label-tag data-value-status-2" title="路线隐藏">路线隐藏</span>
-                                                
                                             </div>
                                         </div>
                                     </div>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 9575d7d..7e6aebb 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -76,6 +76,7 @@
     mapGetters,
     mapActions
   } from 'vuex'
+import { getMethodCommon } from '../../api/common'
   export default {
     name: 'login',
     directives: {
@@ -152,6 +153,17 @@
           if (valid) {
             this.loading = true
             this.$store.dispatch('Login', this.loginForm).then(() => {
+              getMethodCommon("/Check/GetRoles").then(res=>{
+                if(res){
+                  if(res.result && res.result.length){
+                    res.result.forEach((item,index)=>{
+                      if(item.name == "任务下发"){
+                        localStorage.setItem("isTaskUser","true");
+                      }
+                    })
+                  }
+                }
+              })
               this.loading = false
               this.$router.push({
                 path: '/home'