From b474419566f7e4f6e200c4b2113239e6f8e50ca8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E5=A6=8D?= <3096114695@qq.com>
Date: Fri, 19 May 2023 16:10:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E2D=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E4=BB=A5=E5=8F=8A=E5=9C=B0=E5=9B=BE=E7=82=B9=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/largeSreen.ts                 |   4 +
 src/api/types/common.d.ts                     |  40 ++++
 src/assets/images/screenImg/mapImg/dian.png   | Bin 0 -> 5236 bytes
 .../largeScreen/components/map2D.vue          | 209 +++++++++++++-----
 src/views/goverment/largeScreen/index.vue     |   4 +-
 5 files changed, 199 insertions(+), 58 deletions(-)
 create mode 100644 src/assets/images/screenImg/mapImg/dian.png

diff --git a/src/api/modules/largeSreen.ts b/src/api/modules/largeSreen.ts
index 167371b..a1f3277 100644
--- a/src/api/modules/largeSreen.ts
+++ b/src/api/modules/largeSreen.ts
@@ -30,3 +30,7 @@ export const getRealNameSystem = () => {
 export const getEngineeringAll = () => {
 	return http.get<ResponseSame<ScreenResponse.EngineeringAllResponse>>(BASEURL + `/gov/api/index/engineeringStat`);
 };
+//顶部查询工程统计信息
+export const getMapProject = () => {
+	return http.get<ResponseSame<ScreenResponse.mapProjectResponse>>(BASEURL + `/gov/api/index/engineeringList`);
+};
diff --git a/src/api/types/common.d.ts b/src/api/types/common.d.ts
index 35985bd..446f01a 100644
--- a/src/api/types/common.d.ts
+++ b/src/api/types/common.d.ts
@@ -154,4 +154,44 @@ export declare namespace ScreenResponse {
 		finish: number; //今年竣工工程
 		important: number; //重点工程
 	}
+	interface mapProjectResponse {
+		id: string;
+		project_sn: string;
+		engineering_sn: string;
+		engineering_name: string; //工程名称
+		engineering_code: string;
+		engineering_type: number;
+		engineering_use: number;
+		engineering_cost: string; //工程造价(万元)
+		engineering_area: string; //工程总面积(㎡)
+		engineering_length: string;
+		is_important: boolean;
+		longitude: string;
+		latitude: string;
+		province: string; //省
+		city: string; //市
+		district: string; //区
+		address: string; //详细地址
+		license_key: string;
+		license_create_time: string;
+		safety_supervision: string;
+		safety_supervision_person: string;
+		safety_supervision_code: string;
+		safety_supervision_state: string;
+		safety_supervision_plan: string;
+		quality_supervision: string;
+		quality_supervision_person: string;
+		quality_supervision_code: string;
+		quality_supervision_state: string;
+		quality_supervision_plan: string;
+		start_time: string;
+		end_time: string;
+		create_time: string;
+		examine_state: number;
+		reject_reason: string;
+		state: number; //工程状态(1:未开工;2:在建;3:在建.普通停工;4:在建.处罚停                                                                                            工;5:在建.完工;6:待竣工;7:竣工)
+		update_time: string;
+		ai_alarm_stat: string;
+		enterprise_name: string; //建设单位
+	}
 }
diff --git a/src/assets/images/screenImg/mapImg/dian.png b/src/assets/images/screenImg/mapImg/dian.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b28d3df5ce44baf67dfdbbc75594ba38834ad6f
GIT binary patch
literal 5236
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

literal 0
HcmV?d00001

diff --git a/src/views/goverment/largeScreen/components/map2D.vue b/src/views/goverment/largeScreen/components/map2D.vue
index f5e1702..2a7e535 100644
--- a/src/views/goverment/largeScreen/components/map2D.vue
+++ b/src/views/goverment/largeScreen/components/map2D.vue
@@ -4,19 +4,39 @@
 	</div>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import AMapLoader from "@amap/amap-jsapi-loader";
 /*在Vue3中使用时,需要引入Vue3中的shallowRef方法(使用shallowRef进行非深度监听,
 因为在Vue3中所使用的Proxy拦截操作会改变JSAPI原生对象,所以此处需要区别Vue2使用方式对地图对象进行非深度监听,
 否则会出现问题,建议JSAPI相关对象采用非响应式的普通对象来存储)*/
-import { shallowRef } from "@vue/reactivity";
-import { ref } from "vue";
+// import { shallowRef } from "@vue/reactivity";
+import { ref, onMounted } from "vue";
+import { getMapProject } from "@/api/modules/largeSreen";
 
+onMounted(() => {
+	getProjectList();
+});
 // const map = shallowRef(null);
 const path = ref([]);
 const current_position = ref([]);
+const projectStatusEnum = ref({
+	1: "开工前准备",
+	2: "在建工程",
+	3: "停工工程",
+	4: "完工待验收",
+	5: "已验收（安全评价）",
+	6: "已验收未备案",
+	7: "已竣工验收备案"
+});
+const mapProjectList = ref([]);
+const getProjectList = async () => {
+	const { result } = await getMapProject();
+	mapProjectList.value = result;
+	console.log(mapProjectList.value, "aaa");
+	initMap();
+};
 
-function initMap() {
+const initMap = () => {
 	window._AMapSecurityConfig = {
 		securityJsCode: "6caf6429e4b98cf7f39db9bf7014a78b"
 	};
@@ -29,8 +49,8 @@ function initMap() {
 			const map = new AMap.Map("container", {
 				//设置地图容器id
 				viewMode: "3D", //是否为3D地图模式
-				zoom: 13, //初始化地图级别
-				center: [104.065735, 30.659462], //初始化地图中心点位置
+				zoom: 10, //初始化地图级别
+				center: [114.085947, 22.547], //初始化地图中心点位置
 				mapStyle: "amap://styles/67570a93d67b07a02ee522a2c1180be4"
 			});
 			// 添加插件
@@ -51,62 +71,139 @@ function initMap() {
 					mouseTool.measureArea(); // 测量面积
 				}
 			);
-			// 单击
-			map.on("click", e => {
-				// lng ==> 经度值  lat => 维度值
-				current_position.value = [e.lnglat.lng, e.lnglat.lat];
-				path.value.push([e.lnglat.lng, e.lnglat.lat]);
-				// addMarker();
-				// addPolyLine();
-			});
-			// 实例化点标记
-			// 第一种(封成函数来触发)
-			function addMarker() {
-				const marker = new AMap.Marker({
-					icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
-					position: current_position.value, // 这里我们通过上面的点击获取经纬度坐标,实时添加标记
-					// 通过设置 offset 来添加偏移量
-					offset: new AMap.Pixel(-26, -54)
-				});
-				console.log("我是经纬度", current_position.value);
-				marker.setMap(map);
-			}
-			// 第二种 直接写死 position 的经纬度值
-			/*const marker = new AMap.Marker({
-					icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
-					position: [113.808299,34.791787],
-					// 通过设置 offset 来添加偏移量
-					offset: new AMap.Pixel(-26, -54),
-			});
-			marker.setMap(map);*/
+			// 单击自定义点位
+			// map.on("click", e => {
+			// 	// lng ==> 经度值  lat => 维度值
+			// 	current_position.value = [e.lnglat.lng, e.lnglat.lat];
+			// 	path.value.push([e.lnglat.lng, e.lnglat.lat]);
+			// 	// addMarker();
+			// 	// addPolyLine();
+			// });
+			// // 实例化点标记
+			// // 第一种(封成函数来触发)
+			// function addMarker() {
+			// 	const marker = new AMap.Marker({
+			// 		icon: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
+			// 		position: current_position.value, // 这里我们通过上面的点击获取经纬度坐标,实时添加标记
+			// 		// 通过设置 offset 来添加偏移量
+			// 		offset: new AMap.Pixel(-26, -54)
+			// 	});
+			// 	console.log("我是经纬度", current_position.value);
+			// 	marker.setMap(map);
+			// }
 
-			// 折线
-			function addPolyLine() {
-				const polyline = new AMap.Polyline({
-					path: path.value,
-					isOutline: true,
-					outlineColor: "#ffeeff",
-					borderWeight: 1,
-					strokeColor: "#3366FF",
-					strokeOpacity: 0.6,
-					strokeWeight: 5,
-					// 折线样式还支持 'dashed'
-					strokeStyle: "solid",
-					// strokeStyle是dashed时有效
-					// strokeDasharray: [10, 5],
-					lineJoin: "round",
-					lineCap: "round",
-					zIndex: 50
+			// 第二种 直接写死 position 的经纬度值
+			mapProjectList.value.forEach((item, index, array) => {
+				const marker = new AMap.Marker({
+					icon: "/src/assets/images/screenImg/mapImg/dian.png",
+					position: [`${item.longitude}`, `${item.latitude}`],
+					// 通过设置 offset 来添加偏移量
+					offset: new AMap.Pixel(-26, -24)
 				});
-				map.add([polyline]);
-			}
+				//信息窗口实例
+				const infoWindow = new window.AMap.InfoWindow({
+					offset: new window.AMap.Pixel(0, -31)
+				});
+
+				// // 图标-项目延期
+				// const postponeImage = require("@/assets/images/screenImg/mapImg/iconPostpone.png");
+				// // 图标-停工整改
+				// const shutdownRectificationImage = require("@/assets/images/screenImg/mapImg/iconShutdownRectification.png");
+				// // 图标-项目停滞
+				// const stagnateImage = require("@/assets/images/screenImg/mapImg/iconStagnate.png");
+				// // 图标-竣工验收
+				// const completedImage = require("@/assets/images/screenImg/mapImg/iconCompleted.png");
+				// // 图标-正常施工
+				// const normalConstruction = require("@/assets/images/screenImg/mapImg/iconNormalConstruction.png");
+
+				// const statusIcons = {
+				// 	projectDelay: createIcon(postponeImage), // 项目延期
+				// 	suspensionandrectification: createIcon(shutdownRectificationImage), // 停工整改
+				// 	projectStagnation: createIcon(stagnateImage), // 项目停滞
+				// 	completionAcceptance: createIcon(completedImage), // 竣工验收
+				// 	normalConstruction: createIcon(normalConstruction) // 竣工验收
+				// };
+				// /**
+				//  * 创建地图图标
+				//  * @param {string} image icon图片
+				//  */
+				// function createIcon(image) {
+				// 	return new window.AMap.Icon({
+				// 		size: new window.AMap.Size(28, 40), // 图标尺寸
+				// 		image, // 图标的取图地址
+				// 		imageSize: new window.AMap.Size(28, 40), // 图标所用图片大小
+				// 		imageOffset: new window.AMap.Pixel(0, 0) // 图标取图偏移量
+				// 	});
+				// }
+				marker.content = `<div class="info-window" style="font-size: 14px">
+			    <div class="info">
+			      <span class="label" style="font-weight: 600">项目名称：</span>
+			      <span class="value">${item.engineering_name}</span>
+			    </div>
+			    <div class="info">
+			      <span class="label" style="font-weight: 600">项目状态：</span>
+			      <span class="value">${projectStatusEnum.value[item.state] ? projectStatusEnum.value[item.state] : "暂无"}</span>
+			    </div>
+			    <div class="info">
+			      <span class="label" style="font-weight: 600">项目造价：</span>
+			      <span class="value">${item.engineering_cost || 0}万元</span>
+			    </div>
+			    <div class="info">
+			      <span class="label" style="font-weight: 600">工程面积：</span>
+			      <span class="value">${item.engineering_area || 0}m²</span>
+			    </div>
+			    <div class="info">
+			      <span class="label" style="font-weight: 600">建设单位：</span>
+			      <span class="value">${item.enterprise_name || "暂无"}</span>
+			    </div>
+			    <span class="info">
+			      <span class="label" style="font-weight: 600">项目地址：</span>
+			      <span class="value">${item.province + item.city + item.district + item.address || "暂无"}</span>
+			    </div>
+			  </div>`;
+				marker.on("mousemove", markerMousemove);
+				// 鼠标移出事件
+				marker.on("mouseout", markerMouseout);
+				// 鼠标移入事件df
+				function markerMousemove(e) {
+					infoWindow.setContent(e.target.content);
+					infoWindow.open(map, e.target.getPosition());
+				}
+
+				// 鼠标移出事件
+				function markerMouseout(e) {
+					infoWindow.setContent(e.target.content);
+					infoWindow.close(map, e.target.getPosition());
+				}
+				marker.setMap(map);
+			});
+			// 鼠标移入事件
+
+			// // 折线
+			// function addPolyLine() {
+			// 	const polyline = new AMap.Polyline({
+			// 		path: path.value,
+			// 		isOutline: true,
+			// 		outlineColor: "#ffeeff",
+			// 		borderWeight: 1,
+			// 		strokeColor: "#3366FF",
+			// 		strokeOpacity: 0.6,
+			// 		strokeWeight: 5,
+			// 		// 折线样式还支持 'dashed'
+			// 		strokeStyle: "solid",
+			// 		// strokeStyle是dashed时有效
+			// 		// strokeDasharray: [10, 5],
+			// 		lineJoin: "round",
+			// 		lineCap: "round",
+			// 		zIndex: 50
+			// 	});
+			// 	map.add([polyline]);
+			// }
 		})
 		.catch(e => {
 			console.log(e);
 		});
-}
-
-initMap();
+};
 </script>
 
 <style>
diff --git a/src/views/goverment/largeScreen/index.vue b/src/views/goverment/largeScreen/index.vue
index 1ad5e51..3874f11 100644
--- a/src/views/goverment/largeScreen/index.vue
+++ b/src/views/goverment/largeScreen/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="orderBgc">
-		<Map3D class="mapStyle"></Map3D>
-		<!-- <Map2D class="mapStyle"></Map2D> -->
+		<!-- <Map3D class="mapStyle"></Map3D> -->
+		<Map2D class="mapStyle"></Map2D>
 		<headerScreen class="topHeader"></headerScreen>
 		<div class="bottomContent">
 			<leftScreen class="leftScreen"></leftScreen>