Browse Source

我要纠错

李雪梅 2 years ago
parent
commit
41ab67bd33

+ 90 - 0
nngkxxdp/src/main/resources/static/district/correct.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<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">
+    <link href="img/favicon.ico" rel="shortcut icon">
+    <link rel="stylesheet" href="./layui/css/layui.css">
+    <link rel="stylesheet" href="./css/correct.css">
+    <title>重庆市南岸区政务公开惠民便民地图</title>
+</head>
+<body>
+    <div class="head">
+        <!-- 头部蓝色部分的logo和文字 -->
+        <div class="left-logo">
+            <img class="logo-img" src="img/map-logo.png" style="width: 446px">
+        </div>
+    </div>
+    <div class="main">
+        <div class="wrap_cont">
+            <div class="left_map">
+                <div class="bread_tag">
+                    <a href="">重庆市南岸区政务公开惠民便民地图</a>
+                    <span>>&nbsp;</span>
+                    <a href="">纠错</a>
+                </div>
+                <div class="second_title">该地点存在的信息/位置错误:</div>
+                <table class="jctab">
+                    <tbody>
+                        <tr>
+                            <td width="85" align="right" valign="top">名称:</td>
+                            <td>
+                                <input id="newname" type="text" class="jcinp" value="" readonly="readonly">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td align="right" valign="top">地址:</td>
+                            <td>
+                                <input id="newAddres" type="text" class="jcinp" maxlength="6000" value="" readonly="readonly">
+                                <br>
+                                <span class="font12 col6">您可在右侧地图上拖动图标,对该机构的位置进行标注。</span>
+                                <br>
+                                <span class="font12 col6"> 如果要还原为默认位置,请点击右侧地图上方的'原位置'。</span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td width="85" align="right" valign="top">电话:</td>
+                            <td>
+                                <input id="newtel" type="text" class="jcinp" placeholder="" value="" readonly="readonly">
+                            </td>
+                        </tr>
+                        <tr>
+                            <td width="85" align="right" valign="top">办公时间:</td>
+                            <td>
+                                <input id="newtime" type="text" class="jcinp" placeholder="" value="" readonly="readonly">
+                            </td>
+                        </tr>
+                        <!-- <tr>
+                            <td width="85" align="right" valign="top">验证码:</td>
+                            <td>
+                                <input type="text" name="captcha" placeholder="" style="height: 24px;">
+                                <img id="captchaImg" src="" onclick="javascript:refreshCaptcha();">
+                            </td>
+                        </tr> -->
+                        <tr>
+                            <td align="right" valign="top">
+                                &nbsp;
+                            </td>
+                            <td align="center">
+                                <button class="jcbtn2">提交</button>
+                                <br>
+                                <span class="font12 col6">提交前请您确认上方的纠错信息是否准确。</span>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="right_map" id="right_map"></div>
+        </div>
+    </div>
+    <script type="text/javascript" src="../page/js/constans.js"></script>
+	<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=4L6UzXBVZxG1jWopGBxRdq5kdW3L36Du"></script>
+    <script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
+    <script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
+    <script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js"></script>
+    <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
+    <script type="text/javascript" src="./layui/layui.js"></script>
+    <script type="text/javascript" src="./js/correct.js"></script>
+</body>
+</html>

+ 111 - 0
nngkxxdp/src/main/resources/static/district/css/correct.css

@@ -0,0 +1,111 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+li {
+	list-style: none;
+}
+
+a {
+	text-decoration: none;
+}
+
+body {
+	min-width: 1360px;
+}
+
+.head {
+	width: 100%;
+	height: 107px;
+	background-color: #2775CC;
+	overflow: hidden;
+	display: flex;
+	justify-content: space-between;
+}
+
+/* 头部蓝色部分的logo和文字 */
+.left-logo {
+	width: 446px;
+	margin-left: 31px;
+	margin-top: 17px;
+}
+
+.logo-img {
+	width: 100%;
+	height: 67px;
+}
+.main{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.wrap_cont{
+    width: 998px;
+    border: 1px solid #d1d1d1;
+    margin-top: 50px;
+    display: flex;
+}
+.left_map{
+    width: 50%;
+    border-right: 1px solid #d1d1d1;
+}
+.right_map{
+    width: 50%;
+    overflow: hidden;
+}
+.bread_tag{
+    display: flex;
+    font-size: 14px;
+    align-items: center;
+    background: linear-gradient(0deg, #CFD2E5 0%, #FFFFFF 100%);
+    height: 28px;
+    box-sizing: border-box;
+    padding: 0 10px;
+}
+.second_title{
+    border-bottom: 1px dotted #b3b3b3;
+    margin: 8px;
+    height: 24px;
+    line-height: 24px;
+    color: #368;
+    font-size: 14px;
+    text-indent: 5px;
+    padding: 3px 0;
+}
+.jctab td {
+    color: #368;
+    font-size: 14px;
+    line-height: 24px;
+    padding: 6px 0;
+}
+.jcinp {
+    height: 24px;
+    line-height: 24px;
+    text-indent: 3px;
+    border: 1px solid #cecece;
+    border-top: 1px solid #b1b1b1;
+    border-left: 1px solid #b1b1b1;
+    width: 380px;
+}
+.col6 {
+    color: #666;
+}
+.font12 {
+    font-size: 12px;
+}
+.jcbtn2 {
+    width: 115px;
+    height: 30px;
+    border: 1px solid #b1b1b1;
+    border-radius: 4px;
+    color: #000;
+    margin: auto;
+    font-size: 14px;
+    cursor: pointer;
+    margin-top: 20px;
+}
+/* 设置滚动条 */
+::-webkit-scrollbar {
+	width: 0px; /* 竖向滚动条宽度 */
+}

+ 4 - 0
nngkxxdp/src/main/resources/static/district/css/sy.css

@@ -998,6 +998,10 @@ body {
 	visibility: hidden;
 }
 
+.hideWOY{
+	visibility: hidden;
+}
+
 /* 设置滚动条 */
 ::-webkit-scrollbar {
 	width: 0px; /* 竖向滚动条宽度 */

+ 310 - 0
nngkxxdp/src/main/resources/static/district/js/correct.js

@@ -0,0 +1,310 @@
+// var PATH = "http://data.cqna.gov.cn";
+// var PATH = "http://localhost:7777";
+var PATH = "";
+$(function(){
+    // 百度地图API功能
+	function G(id) {
+		return document.getElementById(id);
+	}
+
+	var map = new BMap.Map('right_map'); // 创建Map实例
+	map.centerAndZoom(new BMap.Point(106.563, 29.523), 18); // 初始化地图,设置中心点坐标和地图级别
+	map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
+    // 接收数据的数组
+    var allArr=[];
+    var getoldpoint,lngAndlat;
+	// 区级部门与街镇解析地址批量解析开始
+	var myGeo = new BMap.Geocoder();
+
+    $.ajax({
+		type: 'GET',
+		url: PATH + '/mapdata/getMapDataAll',
+		// url: "http://192.168.1.253:7777/mapdata/getMapDataAll",
+		async: false,
+		success: function(res) {
+			$.each(res.data.xxs,function(i){
+				allArr.push(res.data.xxs[i]);
+			});
+			$.each(res.data.dxs,function(i){
+				allArr.push(res.data.dxs[i]);
+			});
+			$.each(res.data.zyyxs,function(i){
+				allArr.push(res.data.zyyxs[i]);
+			});
+			$.each(res.data.yeys,function(i){
+				allArr.push(res.data.yeys[i]);
+			});
+			$.each(res.data.bmfwzxs,function(i){
+				allArr.push(res.data.bmfwzxs[i]);
+			});
+			$.each(res.data.ggfwzxs,function(i){
+				allArr.push(res.data.ggfwzxs[i]);
+			});
+			$.each(res.data.dqfwzxs,function(i){
+				allArr.push(res.data.dqfwzxs[i]);
+			});
+			$.each(res.data.bms,function(i){
+				allArr.push(res.data.bms[i]);
+			});
+			$.each(res.data.jzs,function(i){
+				allArr.push(res.data.jzs[i]);
+			});
+			$.each(res.data.cycsbms,function(i){
+				allArr.push(res.data.cycsbms[i]);
+			});
+			$.each(res.data.cyys,function(i){
+				allArr.push(res.data.cyys[i]);
+			});
+			$.each(res.data.byfwjgs,function(i){
+				allArr.push(res.data.byfwjgs[i]);
+			});
+			$.each(res.data.cwsss,function(i){
+				allArr.push(res.data.cwsss[i]);
+			});
+			$.each(res.data.sqwsfwzs,function(i){
+				allArr.push(res.data.sqwsfwzs[i]);
+			});
+			$.each(res.data.ekzlfwjgs,function(i){
+				allArr.push(res.data.ekzlfwjgs[i]);
+			});
+			$.each(res.data.kqbpsfczmzs,function(i){
+				allArr.push(res.data.kqbpsfczmzs[i]);
+			});
+			for (let i = 0; i < res.data.myghyfjzmzs.length; i++) {
+				allArr.push(res.data.myghyfjzmzs[i]);
+			}
+			for (let i = 0; i < res.data.ejyljgs.length; i++) {
+				allArr.push(res.data.ejyljgs[i]);
+			}
+			for (let i = 0; i < res.data.sjyljgs.length; i++) {
+				allArr.push(res.data.sjyljgs[i]);
+			}
+			for (let i = 0; i < res.data.sqwsfwjgs.length; i++) {
+				allArr.push(res.data.sqwsfwjgs[i]);
+			}
+			for (let i = 0; i < res.data.zybzdjgs.length; i++) {
+				allArr.push(res.data.zybzdjgs[i]);
+			}
+			for (let i = 0; i < res.data.gys.length; i++) {
+				allArr.push(res.data.gys[i]);
+			}
+			for (let i = 0; i < res.data.tcs.length; i++) {
+				allArr.push(res.data.tcs[i]);
+			}
+			$.each(res.data.gcs,function(i){
+				allArr.push(res.data.gcs[i]);
+			});
+			$.each(res.data.hydjcs,function(i){
+				allArr.push(res.data.hydjcs[i]);
+			});
+			$.each(res.data.zcyljg,function(i){
+				allArr.push(res.data.zcyljg[i]);
+			});
+			$.each(res.data.ckmzfwjgs,function(i){
+				allArr.push(res.data.ckmzfwjgs[i]);
+			});
+			$.each(res.data.pcss,function(i){
+				allArr.push(res.data.pcss[i]);
+			});
+			$.each(res.data.crjywbljgs,function(i){
+				allArr.push(res.data.crjywbljgs[i]);
+			});
+			$.each(res.data.jtxljcdds,function(i){
+				allArr.push(res.data.jtxljcdds[i]);
+			});
+			$.each(res.data.jtwfcljgs,function(i){
+				allArr.push(res.data.jtwfcljgs[i]);
+			});
+			$.each(res.data.jtsgcljgs,function(i){
+				allArr.push(res.data.jtsgcljgs[i]);
+			});
+			$.each(res.data.cgss,function(i){
+				allArr.push(res.data.cgss[i]);
+			});
+			$.each(res.data.jdcjccss,function(i){
+				allArr.push(res.data.jdcjccss[i]);
+			});
+			$.each(res.data.jsrtjzs,function(i){
+				allArr.push(res.data.jsrtjzs[i]);
+			});
+			$.each(res.data.ylfwjgs,function(i){
+				allArr.push(res.data.ylfwjgs[i]);
+			});
+			$.each(res.data.tsgs,function(i){
+				allArr.push(res.data.tsgs[i]);
+			});
+			$.each(res.data.whgs,function(i){
+				allArr.push(res.data.whgs[i]);
+			});
+			$.each(res.data.wgss,function(i){
+				allArr.push(res.data.wgss[i]);
+			});
+			$.each(res.data.ggtys,function(i){
+				allArr.push(res.data.ggtys[i]);
+			});
+			$.each(res.data.jqs,function(i){
+				allArr.push(res.data.jqs[i]);
+			});
+			$.each(res.data.bdcdjzxbsdts,function(i){
+				allArr.push(res.data.bdcdjzxbsdts[i]);
+			});
+			$.each(res.data.cjrfwzxs,function(i){
+				allArr.push(res.data.cjrfwzxs[i]);
+			});
+			$.each(res.data.qtcjrfwzxs,function(i){
+				allArr.push(res.data.qtcjrfwzxs[i]);
+			});
+			$.each(res.data.fwglzxs,function(i){
+				allArr.push(res.data.fwglzxs[i]);
+			});
+			$.each(res.data.gzcs,function(i){
+				allArr.push(res.data.gzcs[i]);
+			});
+			$.each(res.data.sfjdjgs,function(i){
+				allArr.push(res.data.sfjdjgs[i]);
+			});
+			$.each(res.data.jcfwfwss,function(i){
+				allArr.push(res.data.jcfwfwss[i]);
+			});
+			$.each(res.data.flyzzxs,function(i){
+				allArr.push(res.data.flyzzxs[i]);
+			});
+			$.each(res.data.bsfwts,function(i){
+				allArr.push(res.data.bsfwts[i]);
+			});
+			$.each(res.data.scjdgljs,function(i){
+				allArr.push(res.data.scjdgljs[i]);
+			});
+			$.each(res.data.ybs,function(i){
+				allArr.push(res.data.ybs[i]);
+			});
+			$.each(res.data.dkblds,function(i){
+				allArr.push(res.data.dkblds[i]);
+			});
+			$.each(res.data.cjgshfwzs,function(i){
+				allArr.push(res.data.cjgshfwzs[i]);
+			});
+			$.each(res.data.jykszxs,function(i){
+				allArr.push(res.data.jykszxs[i]);
+			});
+			$.each(res.data.xzfwzxs,function(i){
+				allArr.push(res.data.xzfwzxs[i]);
+			});
+			$.each(res.data.jzzxs,function(i){
+				allArr.push(res.data.jzzxs[i]);
+			});
+			$.each(res.data.jyhrczxs,function(i){
+				allArr.push(res.data.jyhrczxs[i]);
+			});
+			$.each(res.data.shbxswzxs,function(i){
+				allArr.push(res.data.shbxswzxs[i]);
+			});
+			$.each(res.data.sqs,function(i){
+				allArr.push(res.data.sqs[i]);
+			});
+			$.each(res.data.gjjs,function(i){
+				allArr.push(res.data.gjjs[i]);
+			});
+		},
+		error: function(err) {},
+	});
+    
+    var passid = localStorage.getItem("passid");
+    var filterId = allArr.filter(function(i){
+        return i.id == passid
+    });
+    xxGEO(filterId)
+    // var point = new BMap.Point(106.563, 29.523);
+
+    // var marker = new BMap.Marker(point, {
+    //     enableDragging: true
+    // });
+
+    function xxGEO(arr) {
+		map.clearOverlays();
+		for (var z = 0; z < arr.length; z++) {
+			var add = arr[z].address;
+			const tempAdd = add;
+			myGeo.getPoint(tempAdd, function(point) {
+				if (point) {
+					var address = new BMap.Point(point.lng, point.lat);
+                    getoldpoint = address;
+					for (var index = 0; index < arr.length; index++) {
+						var arrdep = arr[index].dep;
+						var arraddre = arr[index].address;
+						var arrtype = arr[index].type;
+						var arrspecial = arr[index].specialtype;
+						var arrtag = arr[index].tag;
+						var arrtag2 = arr[index].tag2;
+						var arrtag3 = arr[index].tag3;
+						var arrcontent = arr[index].content;
+						var arrimg = arr[index].img;
+						var arrtel = arr[index].tel;
+						var arrtime = arr[index].time;
+						var arrIndex = arr[index].clickIndex;
+						var arrUrl = arr[index].url;
+						var arrSptype = arr[index].sptype;
+                        $('#newname').val(arrdep);
+                        $('#newAddres').val(arraddre);
+                        $('#newtel').val(arrtel);
+                        $('#newtime').val(arrtime);
+						if (tempAdd == arraddre) {
+							addMarker(address,arrdep);
+						}
+					}
+				}
+			}, "重庆市");
+		}
+	};
+
+    function addMarker(point,dep) {
+	    map.centerAndZoom(point, 18); // 初始化地图,设置中心点坐标和地图级别
+		var myIcon = new BMap.Icon("./img/location.png", new BMap.Size(40, 40));
+		var marker = new BMap.Marker(point, {
+			icon: myIcon,
+            enableDragging: true
+		});
+        marker.addEventListener("dragend", function (e) {
+            lngAndlat= new BMap.Point(e.point.lng, e.point.lat);
+            myGeo.getLocation(lngAndlat, function(rs){
+                var addComp = rs.addressComponents;
+                $('#newAddres').val(addComp.city + addComp.district + addComp.street + addComp.streetNumber)
+            })
+        });
+		map.addOverlay(marker);
+        marker.setLabel(new BMap.Label(dep,{offset:new BMap.Size(40,5)}));
+	}
+
+    $('.jcbtn2').click(function(){
+        var dep,oldAddress;
+        $.each(filterId,function(i){
+            dep=filterId[i].dep;
+            oldAddress=filterId[i].address;
+        })
+        var obj={
+            sMapId: passid,
+            addressName: dep,
+            originalAddress: oldAddress,
+            originalLongitude: getoldpoint.lng,
+            originalLatitude: getoldpoint.lat,
+            newAddress: $('#newAddres').val(),
+            newLongitude: lngAndlat.lng,
+            newLatitude: lngAndlat.lat,
+            errorState: 0
+        }
+        $.ajax({
+            // url: PATH + '/mapdata/saveErrorLog',
+            url: "http://192.168.0.69:7777/mapdata/saveErrorLog",
+            type: 'Post',
+            data: obj,
+		    async: false,
+            success: function (res) {
+                if(res) {
+                    layer.msg('提交成功');
+                    window.history.back();
+                }
+            },
+		    error: function(err) {}
+        })
+    })
+})

+ 3 - 3
nngkxxdp/src/main/resources/static/district/js/map.json

@@ -3754,7 +3754,7 @@
 		{
 			"dep": "重庆市南岸区涂山镇石溪路社区党群服务中心",
 			"content": "",
-			"address": "重庆市南岸区华兰路重庆市南岸区涂山镇骡子堡社区",
+			"address": "重庆市南岸区下石浩路怡景园涂山镇石溪路社区退役军人服务站",
 			"tel": "023-62885694;023-62988040",
 			"time": "周一至周五9:00-12:30,14:00-18:00(法定节假日除外)",
 			"img": "/image/sxlsqbmfwzx.jpg",
@@ -3862,7 +3862,7 @@
 		{
 			"dep": "重庆市南岸区海棠溪街道四公里党群服务中心",
 			"content": "",
-			"address": "南岸区花园路与光电路交叉口东60米",
+			"address": "重庆市南岸区海棠溪街道四公里社区",
 			"tel": "18523002152",
 			"time": "周一至周五9:00-12:30,14:00-18:00(法定节假日除外)",
 			"img": "",
@@ -6583,7 +6583,7 @@
 			"address": "重庆市南岸区四公里街318号友联大厦3楼彩色宝宝儿童成长中心",
 			"tel": "199922252958",
 			"img": "/image/cqcsbb.jpg",
-			"sptype": "残疾人服务中心"
+			"sptype": "残疾人服务"
 		},
 		{
 			"dep": "重庆市南岸区乐语鸟特殊儿童早期干预中心",

+ 11 - 1
nngkxxdp/src/main/resources/static/district/js/sy.js

@@ -834,7 +834,7 @@ $(function() {
 						} else {
 							sContnet += "<a href='"+arrUrl+"' target='_blank' style='color: #2775CC;text-decoration:underline;'>在线预约</a>"
 						}
-						sContnet += "<a class='correct_html' target='_blank' style='color: #2775CC;text-decoration:underline;'>我要纠错</a>"
+						sContnet += "<a class='correct_html' style='color: #2775CC;text-decoration:underline;'>我要纠错</a>"
 						sContnet += "</li>"
 						sContnet += "<li class='btn_box'>"
 						sContnet += "<button class='one_bus'>公交</button>"
@@ -909,6 +909,7 @@ $(function() {
 				html += "<p>" + "电话:" + tel + "</p>"
 			}
 			html += "<div class='differentdz'>" + "地址:" + "<p  class='jzdz' title='"+address+"'>" + address + "</p>" + "</div>"
+			html += "<a class='correct_text' style='color: #2775CC;text-decoration:underline;visibility:hidden;'>我要纠错</a>"
 			html += "</li>"
 			html += "</ul>"
 		});
@@ -980,6 +981,7 @@ $(function() {
 				html += "<p>" + "电话:" + jzdhs + "</p>"
 			}
 			html += "<div class='differentdz'>" + "地址:" + "<p  class='jzdz' title='"+jzdzs+"'>" + jzdzs + "</p>" + "</div>"
+			html += "<a class='correct_text' style='color: #2775CC;text-decoration:underline;visibility: hidden;'>我要纠错</a>"
 			html += "</li>"
 			html += "</ul>"
 			html += "</div>"
@@ -1057,6 +1059,7 @@ $(function() {
 				html3 += "<p>" + "电话:" + bmdhs + "</p>"
 			}
 			html3 += "<div class='differentdz'>" + "地址:" + "<p  class='jzdz'>" + bmdzs + "</p>" + "</div>"
+			html3 += "<a class='correct_text' target='_blank' style='color: #2775CC;text-decoration:underline;visibility: hidden;'>我要纠错</a>"
 			html3 += "</li>"
 			html3 += "</ul>"
 
@@ -1075,6 +1078,13 @@ $(function() {
 		    }
 		});
 	};
+	
+	// $('.text-second').on('mouseover','.title-first1',function(){
+	// 	$(this).find('.correct_text').removeAttr('style').css({'color':'#2775CC','text-decoration':'underline'});
+	// });
+	// $('.text-second').on('mouseleave','.title-first1',function(){
+	// 	$(this).find('.correct_text').css({'color':'#2775CC','text-decoration':'underline','visibility':'hidden'});
+	// });
 
 	// 点击市级部门下公交出现输入框并点击中间的切换按钮能够切换起点和终点
 	$(document).on('click', '.change-buts', function() {