1.

王通
1 parent e350383f
Showing 1 changed file with 121 additions and 36 deletions
src/main/resources/static/pages/base/stationroute/js/routes-operation.js
@@ -17,6 +17,8 @@ var RoutesOperation = (function () {
     var road_win_show_p;
     // 被编辑的路段
     var editPolyline;
+    // 前置站点
+    var premise;
     var styleOptions = {
         strokeColor : "blue",
         fillColor : "blue",
@@ -30,6 +32,16 @@ var RoutesOperation = (function () {
         strokeWeight: 2,
         strokeOpacity: 0.7
     }
+    var polygonDmOptions = {
+        isOpen : false,
+        enableDrawingTool : false,
+        drawingToolOptions : {
+            anchor : BMAP_ANCHOR_TOP_RIGHT,
+            offset : new BMap.Size(5, 5),
+            scale : 0.8
+        },
+        polygonOptions : styleOptions
+    }
     var operation = {
         getAddStationRoute: function () {
             return addStationRoute;
@@ -72,16 +84,18 @@ var RoutesOperation = (function () {
             }
             RoutesService.getAllLineVersions(lineId, function(lineVersions) {
                 $('#versions option').remove();
-                for (var i = 0;i < lineVersions.length;i++) {
-                    var lineVersion = lineVersions[i], selected = false;
+                for (var i = 0, selected = 0;i < lineVersions.length;i++) {
+                    var lineVersion = lineVersions[i];
                     if (lineVersion.status == 1 || i == lineVersions.length - 1) {
-                        operation.TreeUpOrDown(lineId, '0', lineVersion.versions);
-                        operation.TreeUpOrDown(lineId, '1', lineVersion.versions);
                         status = lineVersion.status;
                         versions = lineVersion.versions;
-                        selected = true;
+                        selected++;
+                    }
+                    $('#versions').append('<option value="' + lineVersion.versions + '" status="' + lineVersion.status + (selected === 1 ? '" selected' : '"') + '>' + lineVersion.name + ' (' + lineVersion.versions + ')' + '</option>');
+                    if (selected === 1) {
+                        operation.TreeUpOrDown(lineId, '0', lineVersion.versions);
+                        operation.TreeUpOrDown(lineId, '1', lineVersion.versions);
                     }
-                    $('#versions').append('<option value=' + lineVersion.versions + ' status=' + lineVersion.status + (selected ? ' selected' : '') + '>' + lineVersion.name + ' (' + lineVersion.versions + ')' + '</option>');
                 }
                 operation.setTiteText(lineId);
                 operation.registerEvents();
@@ -118,7 +132,7 @@ var RoutesOperation = (function () {
             $("#versions").on('change', function() {
                 versions = $(this).val();
-                status = $($(this).find("option:selected")[0]).prop("status");
+                status = $('option:selected', $(this)).attr('status');
                 $('#upLine').click();
                 if (status > 0) {
@@ -405,14 +419,22 @@ var RoutesOperation = (function () {
                 if(status > 0){
                     htm += '<div>' +
-                        '<button class="info_win_btn" onclick="RoutesOperation.editCenterPoint(' + stationRoute.id+','+stationRoute.directions + ')">站级中心点</button>' +
                         '<button class="info_win_btn" onclick="RoutesOperation.editStation(' + stationRoute.id+','+stationRoute.directions + ')">修改</button>' +
                         '<button class="info_win_btn" onclick="RoutesOperation.destroyStation('+ stationRoute.id + ','+stationRoute.line.id+','+stationRoute.directions+')">撤销</button>' +
-                        '<button class="info_win_btn" id="addBetweenStationRoad" onclick="RoutesOperation.addBetweenStationRoad(' + stationRoute.id + ')">添加站点间路段</button>' +
-                        '</div>';
+                        '<button class="info_win_btn" onclick="RoutesOperation.editCenterPoint(' + stationRoute.id+','+stationRoute.directions + ')">站级中心点</button>';
+                        if (stationRoute.stationMark == 'E') {
+                            htm += '<button class="info_win_btn" onclick="RoutesOperation.geoPremise(' + stationRoute.id + ')">前置电子围栏</button></div>';
+                        } else {
+                            htm += '<button class="info_win_btn" id="addBetweenStationRoad" onclick="RoutesOperation.addBetweenStationRoad(' + stationRoute.id + ')">添加站点间路段</button></div>';
+                        }
                 }
                 // 创建信息窗口
                 var infoWindow = new BMap.InfoWindow(htm, opts);
+                infoWindow.addEventListener('close', function() {
+                    if (premise) {
+                        baiduMap.removeOverlay(premise);
+                    }
+                })
                 setTimeout(function () {
                     //开启信息窗口
                     baiduMap.openInfoWindow(infoWindow, point);
@@ -1025,6 +1047,83 @@ var RoutesOperation = (function () {
         },
         /**
+         * 前置电子围栏
+         * @param stationRouteId
+         */
+        geoPremise: function (stationRouteId) {
+            if (premise) {
+                baiduMap.removeOverlay(premise);
+            }
+            RoutesService.findGeoPremise(stationRouteId, function (res) {
+                if (res.id) {
+                    var coords = res.coords.split(', '), points = [];
+                    for (var i = 0;i < coords.length;i++) {
+                        var coordinates = coords[i].split(' ');
+                        points.push(new BMap.Point(coordinates[0], coordinates[1]));
+                    }
+                    premise = new BMap.Polygon(points);
+                    premise.cdata = res;
+                    premise.enableEditing(true);
+                    premise.addEventListener('dblclick', operation.premiseDblclickHandler);
+                    baiduMap.addOverlay(premise);
+                } else {
+                    layer.confirm('没有电子围栏，是否添加!', {
+                        btn : [ '确认', '取消' ]
+                    },function () {
+                        layer.closeAll();
+                        var drawingManager = new BMapLib.DrawingManager(baiduMap, polygonDmOptions);
+                        drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
+                        drawingManager.open();
+                        drawingManager.addEventListener('polygoncomplete', function(polygon) {
+                            drawingManager.close();
+                            baiduMap.removeOverlay(polygon);
+                            var points = polygon.getPath();
+                            if (points.length < 3) {
+                                layer.msg('坐标点不能小于三个，请点击"退出编辑"后重新修改');
+                                baiduMap.removeOverlay(polygon);
+
+                                return false;
+                            } else {
+                                var bufferPolygonWkt = new Array();
+                                for(var i = 0;i < points.length;i++) {
+                                    bufferPolygonWkt.push(points[i].lng + ' ' + points[i].lat)
+                                }
+                                bufferPolygonWkt.push(points[0].lng + ' ' + points[0].lat)
+                                RoutesService.saveGeoPremise({id: stationRouteId, coords: bufferPolygonWkt.join(', ')}, function(res) {
+                                    if (res.status == 'SUCCESS') {
+                                        layer.msg('前置电子围栏保存成功!');
+                                    } else {
+                                        layer.msg('前置电子围栏保存失败!');
+                                    }
+                                })
+                            }
+                        });
+
+                    });
+                }
+            })
+        },
+
+        /**
+         * 前置围栏双击保存
+         */
+        premiseDblclickHandler: function (event) {
+            var points = event.target.getPath(), cdata = event.target.cdata;
+            var bufferPolygonWkt = new Array();
+            for(var i = 0;i < points.length;i++) {
+                bufferPolygonWkt.push(points[i].lng + ' ' + points[i].lat)
+            }
+            bufferPolygonWkt.push(points[0].lng + ' ' + points[0].lat)
+            RoutesService.saveGeoPremise({id: cdata.id, coords: bufferPolygonWkt.join(', ')}, function(res) {
+                if (res.status == 'SUCCESS') {
+                    layer.msg('前置电子围栏保存成功!');
+                } else {
+                    layer.msg('前置电子围栏保存失败!');
+                }
+            })
+        },
+
+        /**
          * 关闭modal时的清理
          * @param station
          */
@@ -1919,16 +2018,17 @@ var RoutesOperation = (function () {
             var harr = new Array, i = 0;
             for (i = 0;i < points.length;i++) {
                 harr.push('<option value="', points[i].stationName, '_station">', points[i].stationName, '</option>');
-                points[i].bdPoint = points[i].station.bJwpoints;
-                points[i].bdPoints = points[i].station.bdPolygon;
-                points[i].shapesType = points[i].station.shapesType;
-                points[i].radius = points[i].station.radius;
+                points[i].bdPoint = points[i].station.centerPointWkt;
+                points[i].bdPoints = points[i].bufferPolygonWkt;
+                points[i].shapedType = points[i].shapedType;
+                points[i].radius = points[i].radius;
                 name2Point[points[i].stationName + '_station'] = points[i];
             }
             harr.push('<option value="', carpark.parkName, '_park">', carpark.parkName, '</option>');
             carpark.bdPoint = carpark.bCenterPoint;
             carpark.bdPoints = carpark.bParkPoint;
             carpark.stationName = carpark.parkName;
+            carpark.shapedType = carpark.shapesType;
             name2Point[carpark.parkName + '_park'] = carpark;
             return harr.join('');
@@ -1980,20 +2080,20 @@ var RoutesOperation = (function () {
                                 var routes = result1.data.routes, rootNode;
                                 operation.clearMarkAndOverlays();
                                 var startPoint = name2Point[start.join('_')], endPoint = name2Point[end.join('_')], point, points;
-                                if (startPoint.shapesType === 'r') {
-                                    point = startPoint.bdPoint.split(' ');
+                                if (startPoint.shapedType === 'r') {
+                                    point = startPoint.bdPoint.replace('POINT(', '').replace(')', '').split(' ');
                                     operation.drawCircle({lng : point[0], lat : point[1]}, startPoint.radius, startPoint.stationName, true);
-                                } else if (startPoint.shapesType === 'd') {
+                                } else if (startPoint.shapedType === 'd') {
                                     points = startPoint.bdPoints;
                                     points = points.replace('POLYGON ((', '').replace('POLYGON((', '').replaceAll(', ', ',').replace('))', '');
                                     points = points.split(',')
                                     operation.drawPolygon(points, startPoint.stationName, true);
                                 }
-                                if (endPoint.shapesType === 'r') {
-                                    point = endPoint.bdPoint.split(' ');
+                                if (endPoint.shapedType === 'r') {
+                                    point = endPoint.bdPoint.replace('POINT(', '').replace(')', '').split(' ');
                                     operation.drawCircle({lng : point[0], lat : point[1]}, endPoint.radius, endPoint.stationName, true);
-                                } else if (endPoint.shapesType === 'd') {
+                                } else if (endPoint.shapedType === 'd') {
                                     points = endPoint.bdPoints;
                                     points = points.replace('POLYGON ((', '').replace('POLYGON((', '').replaceAll(', ', ',').replace('))', '');
                                     points = points.split(',')
@@ -2351,22 +2451,7 @@ var RoutesOperation = (function () {
         /***************************************************drawingmanager*******************************************************/
         initStationDrawingManager: function() {
-            stationDrawingManager = new BMapLib.DrawingManager(baiduMap, {
-                //是否开启绘制模式
-                isOpen : false,
-                //是否显示工具栏
-                enableDrawingTool : false,
-                drawingToolOptions : {
-                    //位置
-                    anchor : BMAP_ANCHOR_TOP_RIGHT,
-                    //偏离值
-                    offset : new BMap.Size(5, 5),
-                    //工具栏缩放比例
-                    scale : 0.8
-                },
-                //线的样式
-                polygonOptions : styleOptions
-            });
+            stationDrawingManager = new BMapLib.DrawingManager(baiduMap, polygonDmOptions);
             // 添加绘画完成事件
             stationDrawingManager.addEventListener('polygoncomplete', function(polygon) {