update...

潘钊
1 parent e3b04d2f
Showing 9 changed files with 279 additions and 31 deletions
src/main/java/com/bsth/controller/geo_data/GeoDataController.java
src/main/java/com/bsth/service/geo_data/GeoDataService.java
src/main/java/com/bsth/service/geo_data/impl/GeoDataServiceImpl.java
src/main/resources/static/pages/base/geo_data_edit/css/mian.css
src/main/resources/static/pages/base/geo_data_edit/fragments/f_road_route.html
src/main/resources/static/pages/base/geo_data_edit/js/map.js
src/main/resources/static/pages/base/geo_data_edit/js/road_route.js
src/main/resources/static/pages/base/geo_data_edit/js/station_route.js
src/main/resources/static/pages/base/geo_data_edit/js/submit.js
 package com.bsth.controller.geo_data;
  
+import com.bsth.entity.geo_data.GeoRoad;
 import com.bsth.entity.geo_data.GeoStation;
 import com.bsth.service.geo_data.GeoDataService;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -51,4 +52,9 @@ public class GeoDataController {
     public Map<String, Object> destroyStation(GeoStation station){
         return geoDataService.destroyStation(station);
     }
+
+    @RequestMapping(value = "updateRoadInfo",method = RequestMethod.POST)
+    public Map<String, Object> updateRoadInfo(GeoRoad road){
+        return geoDataService.updateRoadInfo(road);
+    }
 }
 \ No newline at end of file
 package com.bsth.service.geo_data;
  
+import com.bsth.entity.geo_data.GeoRoad;
 import com.bsth.entity.geo_data.GeoStation;
  
 import java.util.Map;
@@ -22,4 +23,6 @@ public interface GeoDataService {
     Map<String,Object> addNewStationRoute(String lineCode, int upDown,int versions, String stationName, Float lat, Float lng, int prevRouteId);
  
     Map<String,Object> destroyStation(GeoStation station);
+
+    Map<String,Object> updateRoadInfo(GeoRoad road);
 }
@@ -334,6 +334,32 @@ public class GeoDataServiceImpl implements GeoDataService {
         return rs;
     }
  
+    @Override
+    public Map<String, Object> updateRoadInfo(GeoRoad road) {
+        Map<String, Object> rs = new HashMap<>();
+
+        try {
+            //坐标转换
+            String bdPolyline = "LINESTRING(" + road.getGsectionVector() + ")";
+            String wgsPolyline = "LINESTRING(" + bdPolygon2Wgs(road.getGsectionVector()) + ")";
+
+            String sql = "update bsth_c_section set section_name=?, croses_road=?, bsection_vector=ST_GeomFromText('" + bdPolyline + "'),gsection_vector=ST_GeomFromText('" + wgsPolyline + "'),update_date=sysdate() where section_code=?";
+
+            int rsCount = jdbcTemplate.update(sql, road.getSectionName(), road.getCrosesRoad(), road.getSectionCode());
+
+            //从数据库里重新查询对象
+            if (rsCount > 0) {
+                rs.put("road", findOneRoad(road.getId()));
+                rs.put("status", ResponseCode.SUCCESS);
+            }
+        } catch (Exception e) {
+            logger.error("", e);
+            rs.put("status", ResponseCode.ERROR);
+            rs.put("msg", "服务器出现异常");
+        }
+        return rs;
+    }
+
  
     /**
      * 根据路由ID 获取站点
@@ -352,6 +378,16 @@ public class GeoDataServiceImpl implements GeoDataService {
         return s;
     }
  
+    private GeoRoad findOneRoad(int id){
+        String sql = "SELECT t1.*, t2.section_name,t2.croses_road,ST_AsText (t2.gsection_vector) AS gsection_vector FROM (SELECT id,sectionroute_code,directions,line_code,section_code,versions FROM bsth_c_ls_sectionroute WHERE id="+id+") t1 LEFT JOIN bsth_c_section t2 ON t1.section_code = t2.section_code";
+        List<GeoRoad> list = jdbcTemplate.query(sql, BeanPropertyRowMapper.newInstance(GeoRoad.class));
+
+        for (GeoRoad road : list) {
+            road.setBdCoords(multiWgsToBd(road.getGsectionVector(), 11, 2));
+        }
+        return list.size() > 0 ?list.get(0):null;
+    }
+
     private String bdPolygon2Wgs(String bdPolygon) {
         StringBuilder wgsPolygon = new StringBuilder();
         List<String> list = Splitter.on(",").splitToList(bdPolygon);
@@ -479,4 +479,15 @@ ul.context-menu-list.station-route-ct-menu.context-menu-root {
  
 .add_station_search_point_wrap .buffer_edit_body .ct_row {
     margin-top: 8px;
+}
+
+.road_edit_panel{
+    position: absolute;
+    z-index: 999;
+    top: 10px;
+    left: calc(50% - 190px);
+    width: 380px;
+    background: #fff;
+    height: 120px;
+    box-shadow: 5px 5px 15px rgba(90, 90, 90, 0.48);
 }
 \ No newline at end of file
@@ -35,4 +35,37 @@
             </li>
         </ul>
     </script>
+
+    <script id="geo_d_e_road_edit_panel-temp" type="text/html">
+    <div class="road_edit_panel uk-animation-slide-top-small">
+        <div class="buffer_edit_body" >
+            <h6 class="name">{{sectionName}} （路段编辑）</h6>
+            <form>
+                <input type="hidden" value="{{id}}" name="id">
+                <input type="hidden" value="{{sectionCode}}" name="sectionCode">
+
+                <div class="ct_row">
+                    <div class="uk-inline">
+                        <span class="uk-form-icon uk-form-icon-flip" >路段名</span>
+                        <input class="uk-input" name="sectionName" type="text" value="{{sectionName}}" >
+                    </div>
+                    <div class="uk-inline">
+                        <span class="uk-form-icon uk-form-icon-flip" >交叉路</span>
+                        <input class="uk-input" name="crosesRoad" type="text" value="{{crosesRoad}}" style="font-size: 13px;">
+                    </div>
+                </div>
+
+                <div class="ct_row">
+                    <div class="uk-inline" >
+                        <kbd>长度: <span></span> 米</kbd>
+                    </div>
+                    <div class="uk-inline btns">
+                        <button class="uk-button uk-button-primary submit">确定</button>
+                        <button class="uk-button uk-button-default cancel">取消</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+    </script>
 </div>
 \ No newline at end of file
@@ -103,11 +103,12 @@ var gb_ct_map = function () {
             map.addOverlay(polyline);
  
             polyline.addEventListener('mouseover', function () {
-                this.setStrokeColor('#20bd26');
+                if (map_status != 1)
+                    this.setStrokeColor('#20bd26');
             });
             polyline.addEventListener('mouseout', function () {
-                if (this != road_win_show_p)
-                    this.setStrokeColor(color);
+                if (map_status != 1 && this != road_win_show_p)
+                    this.setStrokeColor(updownColor(this.ct_data.directions));
             });
             polyline.addEventListener('click', function (e) {
                 if (map_status != 1)
@@ -116,7 +117,7 @@ var gb_ct_map = function () {
             _pLines.push(polyline);
         });
  
-        roadPolylines.push(_pLines);
+        roadPolylines[routes[0].directions]= _pLines;
     };
  
     var road_win_show_p;
@@ -127,15 +128,19 @@ var gb_ct_map = function () {
  
         //close event
         win.addEventListener('close', function (e) {
-            p.setStrokeColor(p.ct_data.oldColor);
-            gb_road_route.clearFocus();
-            road_win_show_p = null;
+            if(map_status != 1) {
+                p.setStrokeColor(updownColor(p.ct_data.directions));
+                gb_road_route.clearFocus();
+                road_win_show_p = null;
+            }
         });
         //open event
         win.addEventListener('open', function (e) {
-            gb_road_route.focus(data);
-            p.setStrokeColor('#20bd26');
-            road_win_show_p = p;
+            if(map_status !=1){
+                gb_road_route.focus(data);
+                p.setStrokeColor('#20bd26');
+                road_win_show_p = p;
+            }
         });
  
         map.openInfoWindow(win, point);
@@ -287,18 +292,7 @@ var gb_ct_map = function () {
             }
         }
  
-        var cp = calcCenterPoint(p.ct_data.bdCoords);
-        openRoadInfoWin(p, new BMap.Point(cp.longitude, cp.latitude));
-    };
-
-    var calcCenterPoint = function (coords) {
-        var array = [], strs;
-        for (var i = 0, item; item = coords[i++];) {
-            strs = item.split(' ');
-            array.push({latitude: strs[1], longitude: strs[0]});
-        }
-
-        return geolib.getCenter(array);
+        openRoadInfoWin(p, new BMap.Point(p.ct_data.cp.longitude, p.ct_data.cp.latitude));
     };
  
     var exitEditBufferStatus = function (s) {
@@ -651,6 +645,74 @@ var gb_ct_map = function () {
         _renderStationMarket(gb_station_route.getData()[upDown]);
     };
  
+
+    /**
+     * 进入路段编辑模式
+     * @param road
+     */
+    var editPolyline;
+    var start_edit_road= function (road) {
+        map.closeInfoWindow();//关闭infoWindow
+        map_status = 1;
+        gb_road_route.focus(road);
+
+        //居中
+        console.log('road.cproad.cp', road.cp);
+        map.centerAndZoom(new BMap.Point(road.cp.longitude, road.cp.latitude), 20);
+
+        //路段变色
+        var polyline = getRoadPolyline(road.sectionCode, road.directions);
+        polyline.setStrokeColor('#E91E63');
+
+        editPolyline = polyline;
+        //路段可编辑
+        polyline.enableEditing();
+
+        //lineupdate，计算长度 mouseup
+        gb_road_route.showPathLength(geolib.getPathLength(polyline.getPath()));
+        polyline.addEventListener('lineupdate', reCalcPathLength);
+    }
+
+    /**
+     * 计算并显示路段长度
+     * @param p
+     */
+    var reCalcPathLength = function () {
+        var len = geolib.getPathLength(this.getPath());
+        gb_road_route.showPathLength(len);
+    };
+
+    var getRoadPolyline = function (code, updown) {
+        var array = roadPolylines[updown],
+            polyline;
+        for (var i = 0, p; p = array[i++];) {
+            if (p.ct_data.sectionCode == code) {
+                polyline = p;
+                break;
+            }
+        }
+        return polyline;
+    };
+
+    /**
+     * 退出路段编辑模式
+     */
+    var exitEditRoadStatus = function (road) {
+        map_status = 0;
+        $('.main_left_panel_m_layer').hide();
+        $('.road_edit_panel').remove();
+
+        editPolyline.removeEventListener('lineupdate', reCalcPathLength);
+
+        //polyline
+        var polyline = getRoadPolyline(road.sectionCode, road.directions);
+        polyline.disableEditing();
+        polyline.ct_data = road;
+        polyline.setStrokeColor(updownColor(road.directions));
+
+        openRoadInfoWin(polyline, new BMap.Point(road.cp.longitude, road.cp.latitude));
+    };
+
     res_load_ep.emitLater('load_map');
     return {
         _render: _render,
@@ -666,6 +728,9 @@ var gb_ct_map = function () {
         getDrawPolygon: function () {
             return editPolygon;
         },
+        getDrawPolyline: function () {
+            return editPolyline;
+        },
         updateDragRadius: updateDragRadius,
         closeInfoWin: closeInfoWin,
         showAddPointPanel: showAddPointPanel,
@@ -675,6 +740,8 @@ var gb_ct_map = function () {
             map.removeEventListener('dblclick', pickupPoint);
             map.enableDoubleClickZoom();
         },
-        reDrawStation: reDrawStation
+        reDrawStation: reDrawStation,
+        edit_road: start_edit_road,
+        exitEditRoadStatus: exitEditRoadStatus
     };
 }();
 \ No newline at end of file
@@ -10,7 +10,6 @@ var gb_road_route = function () {
         var ep = EventProxy.create("data", "temp", function (data, temp) {
             road_maps = data;
             temps = temp;
-            console.log('roads', road_maps);
  
             //按顺序，名称分组
             var ups = _group(road_maps[0]);
@@ -29,6 +28,11 @@ var gb_road_route = function () {
             rs.list.sort(function (a, b) {
                 return parseInt(a.sectionrouteCode) - parseInt(b.sectionrouteCode);
             });
+            //计算路段中心点
+            //var cp = calcCenterPoint(p.ct_data.bdCoords);
+            $.each(rs.list, function () {
+                this.cp = calcCenterPoint(this.bdCoords);
+            });
             ep.emit('data', gb_common.groupBy(rs.list, 'directions'));
         });
  
@@ -69,6 +73,7 @@ var gb_road_route = function () {
     };
  
     var focus = function (data) {
+        clearFocus();
         //sectionCode
         var elem = $('.up_down_route_list>li>.road_route .r_r_item a[data-code='+data.sectionCode+']');
         elem = elem.parent();
@@ -89,20 +94,42 @@ var gb_road_route = function () {
         return elem.offset().top < wrap.height() + 122 && elem.offset().top > 122;
     };
  
+    /**
+     * 路段编辑
+     * @param road
+     */
+    var edit_road = function (road) {
+        $('.main_left_panel_m_layer').show();
+        //弹出编辑面板
+        var $editPanel = temps['geo_d_e_road_edit_panel-temp'](road);
+        $('body').append($editPanel);
+
+        gb_ct_map.edit_road(road);
+    };
+
+    var showPathLength = function (len) {
+        $('.road_edit_panel kbd>span').text(len);
+    };
+
+    var realEditRoad;
+    var callbackHandler = {
+        edit: edit_road
+    };
     //$('.up_down_route_list>li>.road_route .r_r_item a[data-code='+data.sectionCode+']')
     $.contextMenu({
         selector: '.up_down_route_list>li>.road_route .r_r_item a[data-code]',
         className: 'station-route-ct-menu',
         callback: function (key, options) {
-            /*var aLink = options.$trigger;
+            var aLink = options.$trigger;
             var code = aLink.data('code'),
                 updown = aLink.data('updown');
-            var station = getStation(code, updown);
-            realEditStation = station;
-            callbackHandler[key] && callbackHandler[key](station);*/
+
+            var road = getRoad(code, updown);
+            realEditRoad = road;
+            callbackHandler[key] && callbackHandler[key](road);
         },
         items: {
-            'edit_buffer': {
+            'edit': {
                 name: '编辑'
             },
             'sep1': '---------',
@@ -118,6 +145,39 @@ var gb_road_route = function () {
         }
     });
  
+    var getRoad = function (code, updown) {
+        var array = road_maps[updown];
+        for(var i=0,r;r=array[i++];){
+            if(r.sectionCode==code)
+                return r;
+        }
+        return null;
+    };
+
+    var calcCenterPoint = function (coords) {
+        var array = [], strs;
+        for (var i = 0, item; item = coords[i++];) {
+            strs = item.split(' ');
+            array.push({latitude: strs[1], longitude: strs[0]});
+        }
+
+        return geolib.getCenter(array);
+    };
+
+    var update = function (road) {
+        road.cp = calcCenterPoint(road.bdCoords);
+        var array = road_maps[road.directions];
+        for(var i=0,item; item=array[i++];){
+            if(item.sectionCode==road.sectionCode){
+                array.splice(i - 1, 1, road);
+                break;
+            }
+        }
+
+        //重新渲染
+        var htmlStr = temps['geo_d_e_road_route-temp']({list: _group(array)});
+        $('.up_down_route_list>li:'+(road.directions==0?'first':'last')+'>.road_route').html(htmlStr);
+    };
  
     res_load_ep.emitLater('load_road_route');
     return {
@@ -128,6 +188,8 @@ var gb_road_route = function () {
             return temps;
         },
         clearFocus: clearFocus,
-        focus: focus
+        focus: focus,
+        showPathLength: showPathLength,
+        update: update
     };
 }();
 \ No newline at end of file
@@ -154,7 +154,7 @@ var gb_station_route = function () {
     var is_duplication = function (name) {
         var array = station_maps[getUpDown()];
         for(var i=0, s; s=array[i++];){
-            if(s.stationName==name)
+            if(s.stationName==$.trim(name))
                 return true;
         }
         return false;
@@ -66,6 +66,7 @@ var gb_data_submit = function () {
     $(document).on('click', '.add_station_search_point_wrap .buffer_edit_body button.submit', function (e) {
         var f = $(this).parents('form');
         var data = f.serializeJSON();
+        data.stationName = $.trim(data.stationName);
  
         UIkit.modal.confirm('确定新增站点【'+data.stationName+'】？').then(function() {
             data.lineCode = storage.getItem('geo_data_edit_line_code');
@@ -88,6 +89,35 @@ var gb_data_submit = function () {
         return false;
     });
  
+    /**
+     * 路段编辑提交
+     */
+    $(document).on('click', '.road_edit_panel .buffer_edit_body button.submit', function (e) {
+        var f = $(this).parents('form');
+        var data = f.serializeJSON();
+
+        var polyline = gb_ct_map.getDrawPolyline();
+        var pos = polyline.getPath();
+        var gsectionVector = '';
+        for(var i=0,p;p=pos[i++];){
+            gsectionVector += (p.lng + " " + p.lat + ",");
+        }
+        data.gsectionVector = gsectionVector.substr(0, gsectionVector.length - 1);
+
+        console.log('data', data);
+        UIkit.modal.confirm('确定保存编辑的【'+data.sectionName+'】？').then(function() {
+            show_run_text('正在保存...');
+
+            gb_common.$post('/_geo_data/updateRoadInfo', data, function (rs) {
+                hide_run_text();
+                UIkit.notification("修改成功！", {status: 'success'});
+                gb_road_route.update(rs.road);
+
+                gb_ct_map.exitEditRoadStatus(rs.road);
+            });
+        });
+    });
+
     var show_run_text = function (t) {
         $('.text', $loadPanel).text(t);
         $loadPanel.show();