潘钊 / bsth_control · Commits

Commit cbb132c03352d275f0c0804c27d62aaea7fef9d8

Authored by youxiw2000
1 parent 4de38ce8
build: skipped

1

Inline Side-by-side
Showing 1 changed file with 312 additions and 312 deletions
src/main/resources/static/pages/base/stationroute/addstationstemplate.html
  View file @cbb132c
1   -<!-- 手动添加站点 -->
2   -<div class="modal fade" id="add_station_template_mobal" tabindex="-1" role="basic" aria-hidden="true">
3   -
4   - <div class="modal-dialog">
5   -
6   - <div class="modal-content">
7   -
8   - <div class="modal-header">
9   - <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
10   - <h4 class="modal-title">手动添加站点</h4>
11   - </div>
12   -
13   - <div class="modal-body">
14   -
15   - <form class="form-horizontal" role="form" id="save_station_template_form" action="/module" method="post">
16   -
17   - <div class="alert alert-danger display-hide"> <button class="close" data-close="alert"></button>
18   - 您的输入有误，请检查下面的输入项
19   - </div>
20   -
21   - <!-- 站点名称 -->
22   - <div class="form-body">
23   -
24   - <div class="form-group">
25   - <label class="control-label col-md-3">
26   - <span class="required"> * </span> 站点名称：
27   - </label>
28   - <div class="col-md-9">
29   - <textarea class="form-control" rows="12" name="stations" id="stationsInput" placeholder="站点名称"></textarea>
30   - </div>
31   - </div>
32   -
33   - </div>
34   -
35   - <div class="form-group">
36   - <label class="col-md-3 control-label">坐标系类型：</label>
37   - <div class="col-md-9">
38   - <div class="icheck-list">
39   - <label>
40   - <input type="radio" class="icheck" name="baseRes" value='No'> 暂无坐标系
41   - </label>
42   - <label>
43   - <input type="radio" class="icheck" name="baseRes" value='GCJ02' > 火星坐标系
44   - </label>
45   - <label >
46   - <input type="radio" class="icheck" name="baseRes" value='BD09'> 百度坐标系
47   - </label>
48   - <label >
49   - <input type="radio" class="icheck" name="baseRes" value='WGS84' checked> WGS84坐标系
50   - </label>
51   - </div>
52   - </div>
53   - </div>
54   - <!-- 版本号 -->
55   - <div class="form-body">
56   - <div class="form-group">
57   - <label class="col-md-3 control-label">版本号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
58   - <div class="col-md-6">
59   - <input type="text" class="form-control" name="versions" id='versionsInput' Readonly>
60   - </div>
61   - </div>
62   - </div>
63   - <div class="form-group">
64   - <div class="alert alert-info font-blue-chambray" style="background-color: #2C3E50">
65   - <h5 class="block"><span class="help-block" style="color:#1bbc9b;"> *　手动添加站点规划说明： </span></h5>
66   - <p>
67   - <span class="help-block" style="color:#1bbc9b;">
68   - &nbsp;请在文本域中按站点顺序依次输入站点名称（如果已有站点GPS坐标(坐标点也用【Tab】键隔开)，请将坐标跟在站点名称后面用【Tab】键隔开）,每输入完一个站名时请按回车键【Enter】换行.
69   - 例如：<br><br>
70   - 浦东大道金桥路 121.496612 31.238960<br>
71   - 浦东大道居家桥路 121.496618 31.238957<br>
72   - 浦东大道德平路 121.496622 31.238948<br>
73   - </span>
74   - </p>
75   - </div>
76   - </div>
77   - </form>
78   - </div>
79   - <div class="modal-footer">
80   - <button type="button" class="btn default" data-dismiss="modal" id="addMobalHiden">取消</button>
81   - <button type="button" class="btn btn-primary" id="templateSaveData">提交数据</button>
82   - </div>
83   - </div>
84   - </div>
85   -</div>
86   -<script type="text/javascript">
87   -
88   -$('#add_station_template_mobal').on('AddStationTempMobal.show', function(e,map,ajaxd,dir,line,fun){
89   -
90   -
91   -
92   - // 延迟加载显示mobal
93   - setTimeout(function(){$('#add_station_template_mobal').modal({show : true,backdrop: 'static', keyboard: false});},200);
94   -
95   - // 获取表单元素
96   - var form = $('#save_station_template_form');
97   -
98   - $('#versionsInput').val($("#versions").val());
99   -
100   - // 获取错误提示信息元素
101   - var error = $('.alert-danger', form);
102   -
103   - // 提交数据点击事件
104   - $('.modal-footer #templateSaveData').on('click',function() {
105   -
106   - // 表单提交
107   - form.submit();
108   -
109   - });
110   -
111   - // 表单验证
112   - form.validate({
113   -
114   - errorElement : 'span',
115   -
116   - errorClass : 'help-block help-block-error',
117   -
118   - focusInvalid : false,
119   -
120   - rules : {
121   -
122   - 'stations' : {
123   -
124   - required : true,
125   -
126   - }
127   -
128   - },
129   -
130   - invalidHandler : function(event, validator) {
131   -
132   - error.show();
133   -
134   - App.scrollTo(error, -200);
135   -
136   - },
137   -
138   - highlight : function(element) {
139   -
140   - $(element).closest('.form-group').addClass('has-error');
141   -
142   - },
143   -
144   - unhighlight : function(element) {
145   -
146   - $(element).closest('.form-group').removeClass('has-error');
147   -
148   - },
149   -
150   - success : function(label) {
151   -
152   - label.closest('.form-group').removeClass('has-error');
153   -
154   - },
155   -
156   - submitHandler : function(f) {
157   - // 隐藏手动规划弹出层
158   - $('#add_station_template_mobal').modal('hide');
159   - var directionData = dir;
160   - // 定义线路名称
161   - var lineNameV = $('.portlet-title .caption').text();
162   - var dirStr = '';
163   - // 上行
164   - if(directionData==0){
165   - dirStr = '上行路段';
166   - // 隐藏上行规划
167   - $('#upToolsMobal').hide();
168   - // 下行
169   - }else if(directionData==1){
170   - dirStr = '下行路段';
171   - // 隐藏上行规划
172   - $('#downToolsMobal').hide();
173   - }
174   - // 弹出正在加载层
175   - var i = layer.load(0,{offset:['200px', '280px']});
176   - // 表单序列化
177   - var paramsForm = form.serializeJSON();
178   - var baseResValue = paramsForm.baseRes;
179   - // 站点名称字符串切割
180   - var array = paramsForm.stations.split('\r\n');
181   - var arrayFormat = inputStationValueFormat(array);
182   - // 根据站点名称获取百度坐标
183   - map.stationsNameToPoints(arrayFormat,function(resultJson) {
184   - // 根据坐标点获取两点之间的时间与距离
185   - map.getDistanceAndDuration(resultJson,function(stationdataList) {
186   - // 设置第一个站的距离
187   - stationdataList[0].distance = '';
188   - // 设置第一个站的时间
189   - stationdataList[0].duration = '';
190   - // 定义站点信息JSON字符串
191   - var stationJSON = JSON.stringify(stationdataList);
192   - var addLine = line.getLineObj();
193   - // 参数集合
194   - var params = {};
195   - params.baseRes = baseResValue;
196   - // 站点信息JSON字符串
197   - params.stationJSON = stationJSON;
198   - // 线路ID
199   - params.lineId = addLine.id;
200   - // 方向
201   - params.directions = directionData;
202   - // 原始坐标类型
203   - params.dbType = 'b';
204   - // 圆形半径
205   - params.radius = '100';
206   - // 限速
207   - params.speedLimit = '60';
208   - // 图形类型（r：圆形；p：多边形）
209   - params.shapesType = 'r';
210   - // destroy：是否撤销
211   - params.destroy = '0';
212   - // versions：版本号
213   - params.versions = '1';
214   - map.lineInfoPanl(lineNameV,directionData,function(BusLine){
215   - // 如果线路信息不为空
216   - if(BusLine){
217   - // 获取公交线几何对象, 仅当结果自动添加到地图上时有效
218   - var Polygon = BusLine.getPolyline();
219   - // 返回多边型的点数组（自1.2新增）
220   - var polyGonArray = Polygon.getPath();
221   - var jsonArray = [{sectionName:lineNameV+dirStr,points:polyGonArray}];
222   - // 定义路段信息字符串
223   - var sectionJSON = JSON.stringify(jsonArray);
224   - // 路段信息JSON字符串
225   - // if(sectionJSON != null && sectionJSON != "") {
226   - params.sectionJSON = sectionJSON;
227   - addSave(params,addLine.id,directionData);
228   - /* } else {
229   - layer.msg('百度地图上没有此线路的相应路段，请更换方式规划！！！');
230   - } */
231   - }else {
232   - // 根据坐标点获取两点之间的折线路段
233   - map.getSectionListPlonly(stationdataList,function(sectiondata) {
234   - // 定义路段信息字符串
235   - var sectionJSON = JSON.stringify(sectiondata);
236   - // 路段信息JSON字符串
237   - //if(sectionJSON != null && sectionJSON != "") {
238   - params.sectionJSON = sectionJSON;
239   - addSave(params,addLine.id,directionData);
240   - /* } else {
241   - layer.msg('无法生成路段，请重试！');
242   - return;
243   - } */
244   - });
245   - }
246   - });
247   -
248   - });
249   -
250   - });
251   -
252   - }
253   -
254   - });
255   -
256   - function inputStationValueFormat(paramsStationsArray) {
257   - var stationList = [];
258   - var len = paramsStationsArray.length;
259   - for(var k =0;k<len;k++) {
260   - if(paramsStationsArray[k]=="")
261   - continue;
262   - var tempStr = paramsStationsArray[k].split('\t');
263   - if(tempStr.length<2){
264   - stationList.push({name:paramsStationsArray[k]+"公交车站",wgs:{x:'',y:''}});
265   - }else {
266   - stationList.push({name:tempStr[0]+"公交车站",wgs:{x:tempStr[1], y:tempStr[2]}});
267   - }
268   - }
269   - return stationList;
270   - }
271   -
272   - function addSave(params,lineid,directionData) {
273   -
274   -
275   - var version = $("#versions").val();
276   - params.versions = version;
277   - // 保存
278   - ajaxd.manualSave(params,function(rd) {
279   - // 关闭弹出层
280   - layer.closeAll();
281   - if(rd.status='SUCCESS') {
282   - layer.msg('保存成功！');
283   - var stationD = rd.stationData,isNullStr = '';
284   - for(var t = 0 ;t<stationD.length;t++) {
285   - if(stationD[t].potion.lat =='' || stationD[t].potion.lat ==null ||
286   - stationD[t].potion.lng =='' || stationD[t].potion.lng ==null)
287   - isNullStr = isNullStr + stationD[t].name + ' , ';
288   - }
289   - if(isNullStr!='') {
290   - layer.open({
291   - title: '提示',
292   - content:'【' + isNullStr + '】' + '地址系统无法解析!,请手动调整位置!'
293   - });
294   - }
295   - }else {
296   - layer.msg('保存失败！');
297   - }
298   - // 清除地图覆盖物
299   - map.clearMarkAndOverlays();
300   - // 刷新树
301   - fun.resjtreeDate(lineid,directionData,version);
302   -
303   -
304   - //PublicFunctions.resjtreeDate(lineid,directionData,version);
305   - // 查询上行路段信息
306   - //ajaxd.getSectionRouteInfo(lineid,directionData,version,function(data) {
307   - // // 在地图上画出线路走向
308   - // fun.linePanlThree(lineid,data,directionData,version);
309   - //});
310   - });
311   - }
312   -});
  1 +<!-- 手动添加站点 -->
  2 +<div class="modal fade" id="add_station_template_mobal" tabindex="-1" role="basic" aria-hidden="true">
  3 +
  4 + <div class="modal-dialog">
  5 +
  6 + <div class="modal-content">
  7 +
  8 + <div class="modal-header">
  9 + <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
  10 + <h4 class="modal-title">手动添加站点</h4>
  11 + </div>
  12 +
  13 + <div class="modal-body">
  14 +
  15 + <form class="form-horizontal" role="form" id="save_station_template_form" action="/module" method="post">
  16 +
  17 + <div class="alert alert-danger display-hide"> <button class="close" data-close="alert"></button>
  18 + 您的输入有误，请检查下面的输入项
  19 + </div>
  20 +
  21 + <!-- 站点名称 -->
  22 + <div class="form-body">
  23 +
  24 + <div class="form-group">
  25 + <label class="control-label col-md-3">
  26 + <span class="required"> * </span> 站点名称：
  27 + </label>
  28 + <div class="col-md-9">
  29 + <textarea class="form-control" rows="12" name="stations" id="stationsInput" placeholder="站点名称"></textarea>
  30 + </div>
  31 + </div>
  32 +
  33 + </div>
  34 +
  35 + <div class="form-group">
  36 + <label class="col-md-3 control-label">坐标系类型：</label>
  37 + <div class="col-md-9">
  38 + <div class="icheck-list">
  39 + <label>
  40 + <input type="radio" class="icheck" name="baseRes" value='No'> 暂无坐标系
  41 + </label>
  42 + <label>
  43 + <input type="radio" class="icheck" name="baseRes" value='GCJ02' > 火星坐标系
  44 + </label>
  45 + <label >
  46 + <input type="radio" class="icheck" name="baseRes" value='BD09'> 百度坐标系
  47 + </label>
  48 + <label >
  49 + <input type="radio" class="icheck" name="baseRes" value='WGS84' checked> WGS84坐标系
  50 + </label>
  51 + </div>
  52 + </div>
  53 + </div>
  54 + <!-- 版本号 -->
  55 + <div class="form-body">
  56 + <div class="form-group">
  57 + <label class="col-md-3 control-label">版本号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</label>
  58 + <div class="col-md-6">
  59 + <input type="text" class="form-control" name="versions" id='versionsInput' Readonly>
  60 + </div>
  61 + </div>
  62 + </div>
  63 + <div class="form-group">
  64 + <div class="alert alert-info font-blue-chambray" style="background-color: #2C3E50">
  65 + <h5 class="block"><span class="help-block" style="color:#1bbc9b;"> *　手动添加站点规划说明： </span></h5>
  66 + <p>
  67 + <span class="help-block" style="color:#1bbc9b;">
  68 + &nbsp;请在文本域中按站点顺序依次输入站点名称（如果已有站点GPS坐标(坐标点也用【Tab】键隔开)，请将坐标跟在站点名称后面用【Tab】键隔开）,每输入完一个站名时请按回车键【Enter】换行.
  69 + 例如：<br><br>
  70 + 浦东大道金桥路 121.496612 31.238960<br>
  71 + 浦东大道居家桥路 121.496618 31.238957<br>
  72 + 浦东大道德平路 121.496622 31.238948<br>
  73 + </span>
  74 + </p>
  75 + </div>
  76 + </div>
  77 + </form>
  78 + </div>
  79 + <div class="modal-footer">
  80 + <button type="button" class="btn default" data-dismiss="modal" id="addMobalHiden">取消</button>
  81 + <button type="button" class="btn btn-primary" id="templateSaveData">提交数据</button>
  82 + </div>
  83 + </div>
  84 + </div>
  85 +</div>
  86 +<script type="text/javascript">
  87 +
  88 +$('#add_station_template_mobal').on('AddStationTempMobal.show', function(e,map,ajaxd,dir,line,fun){
  89 +
  90 +
  91 +
  92 + // 延迟加载显示mobal
  93 + setTimeout(function(){$('#add_station_template_mobal').modal({show : true,backdrop: 'static', keyboard: false});},200);
  94 +
  95 + // 获取表单元素
  96 + var form = $('#save_station_template_form');
  97 +
  98 + $('#versionsInput').val($("#versions").val());
  99 +
  100 + // 获取错误提示信息元素
  101 + var error = $('.alert-danger', form);
  102 +
  103 + // 提交数据点击事件
  104 + $('.modal-footer #templateSaveData').on('click',function() {
  105 +
  106 + // 表单提交
  107 + form.submit();
  108 +
  109 + });
  110 +
  111 + // 表单验证
  112 + form.validate({
  113 +
  114 + errorElement : 'span',
  115 +
  116 + errorClass : 'help-block help-block-error',
  117 +
  118 + focusInvalid : false,
  119 +
  120 + rules : {
  121 +
  122 + 'stations' : {
  123 +
  124 + required : true,
  125 +
  126 + }
  127 +
  128 + },
  129 +
  130 + invalidHandler : function(event, validator) {
  131 +
  132 + error.show();
  133 +
  134 + App.scrollTo(error, -200);
  135 +
  136 + },
  137 +
  138 + highlight : function(element) {
  139 +
  140 + $(element).closest('.form-group').addClass('has-error');
  141 +
  142 + },
  143 +
  144 + unhighlight : function(element) {
  145 +
  146 + $(element).closest('.form-group').removeClass('has-error');
  147 +
  148 + },
  149 +
  150 + success : function(label) {
  151 +
  152 + label.closest('.form-group').removeClass('has-error');
  153 +
  154 + },
  155 +
  156 + submitHandler : function(f) {
  157 + // 隐藏手动规划弹出层
  158 + $('#add_station_template_mobal').modal('hide');
  159 + var directionData = dir;
  160 + // 定义线路名称
  161 + var lineNameV = $('.portlet-title .caption').text();
  162 + var dirStr = '';
  163 + // 上行
  164 + if(directionData==0){
  165 + dirStr = '上行路段';
  166 + // 隐藏上行规划
  167 + $('#upToolsMobal').hide();
  168 + // 下行
  169 + }else if(directionData==1){
  170 + dirStr = '下行路段';
  171 + // 隐藏上行规划
  172 + $('#downToolsMobal').hide();
  173 + }
  174 + // 弹出正在加载层
  175 + var i = layer.load(0,{offset:['200px', '280px']});
  176 + // 表单序列化
  177 + var paramsForm = form.serializeJSON();
  178 + var baseResValue = paramsForm.baseRes;
  179 + // 站点名称字符串切割
  180 + var array = paramsForm.stations.split('\r\n');
  181 + var arrayFormat = inputStationValueFormat(array);
  182 + // 根据站点名称获取百度坐标
  183 + map.stationsNameToPoints(arrayFormat,function(resultJson) {
  184 + // 根据坐标点获取两点之间的时间与距离
  185 + map.getDistanceAndDuration(resultJson,function(stationdataList) {
  186 + // 设置第一个站的距离
  187 + stationdataList[0].distance = '';
  188 + // 设置第一个站的时间
  189 + stationdataList[0].duration = '';
  190 + // 定义站点信息JSON字符串
  191 + var stationJSON = JSON.stringify(stationdataList);
  192 + var addLine = line.getLineObj();
  193 + // 参数集合
  194 + var params = {};
  195 + params.baseRes = baseResValue;
  196 + // 站点信息JSON字符串
  197 + params.stationJSON = stationJSON;
  198 + // 线路ID
  199 + params.lineId = addLine.id;
  200 + // 方向
  201 + params.directions = directionData;
  202 + // 原始坐标类型
  203 + params.dbType = 'b';
  204 + // 圆形半径
  205 + params.radius = '100';
  206 + // 限速
  207 + params.speedLimit = '60';
  208 + // 图形类型（r：圆形；p：多边形）
  209 + params.shapesType = 'r';
  210 + // destroy：是否撤销
  211 + params.destroy = '0';
  212 + // versions：版本号
  213 + params.versions = '1';
  214 + map.lineInfoPanl(lineNameV,directionData,function(BusLine){
  215 + // 如果线路信息不为空
  216 + if(BusLine && Polygon){
  217 + // 获取公交线几何对象, 仅当结果自动添加到地图上时有效
  218 + var Polygon = BusLine.getPolyline();
  219 + // 返回多边型的点数组（自1.2新增）
  220 + var polyGonArray = Polygon.getPath();
  221 + var jsonArray = [{sectionName:lineNameV+dirStr,points:polyGonArray}];
  222 + // 定义路段信息字符串
  223 + var sectionJSON = JSON.stringify(jsonArray);
  224 + // 路段信息JSON字符串
  225 + // if(sectionJSON != null && sectionJSON != "") {
  226 + params.sectionJSON = sectionJSON;
  227 + addSave(params,addLine.id,directionData);
  228 + /* } else {
  229 + layer.msg('百度地图上没有此线路的相应路段，请更换方式规划！！！');
  230 + } */
  231 + }else {
  232 + // 根据坐标点获取两点之间的折线路段
  233 + map.getSectionListPlonly(stationdataList,function(sectiondata) {
  234 + // 定义路段信息字符串
  235 + var sectionJSON = JSON.stringify(sectiondata);
  236 + // 路段信息JSON字符串
  237 + //if(sectionJSON != null && sectionJSON != "") {
  238 + params.sectionJSON = sectionJSON;
  239 + addSave(params,addLine.id,directionData);
  240 + /* } else {
  241 + layer.msg('无法生成路段，请重试！');
  242 + return;
  243 + } */
  244 + });
  245 + }
  246 + });
  247 +
  248 + });
  249 +
  250 + });
  251 +
  252 + }
  253 +
  254 + });
  255 +
  256 + function inputStationValueFormat(paramsStationsArray) {
  257 + var stationList = [];
  258 + var len = paramsStationsArray.length;
  259 + for(var k =0;k<len;k++) {
  260 + if(paramsStationsArray[k]=="")
  261 + continue;
  262 + var tempStr = paramsStationsArray[k].split('\t');
  263 + if(tempStr.length<2){
  264 + stationList.push({name:paramsStationsArray[k]+"公交车站",wgs:{x:'',y:''}});
  265 + }else {
  266 + stationList.push({name:tempStr[0]+"公交车站",wgs:{x:tempStr[1], y:tempStr[2]}});
  267 + }
  268 + }
  269 + return stationList;
  270 + }
  271 +
  272 + function addSave(params,lineid,directionData) {
  273 +
  274 +
  275 + var version = $("#versions").val();
  276 + params.versions = version;
  277 + // 保存
  278 + ajaxd.manualSave(params,function(rd) {
  279 + // 关闭弹出层
  280 + layer.closeAll();
  281 + if(rd.status='SUCCESS') {
  282 + layer.msg('保存成功！');
  283 + var stationD = rd.stationData,isNullStr = '';
  284 + for(var t = 0 ;t<stationD.length;t++) {
  285 + if(stationD[t].potion.lat =='' || stationD[t].potion.lat ==null ||
  286 + stationD[t].potion.lng =='' || stationD[t].potion.lng ==null)
  287 + isNullStr = isNullStr + stationD[t].name + ' , ';
  288 + }
  289 + if(isNullStr!='') {
  290 + layer.open({
  291 + title: '提示',
  292 + content:'【' + isNullStr + '】' + '地址系统无法解析!,请手动调整位置!'
  293 + });
  294 + }
  295 + }else {
  296 + layer.msg('保存失败！');
  297 + }
  298 + // 清除地图覆盖物
  299 + map.clearMarkAndOverlays();
  300 + // 刷新树
  301 + fun.resjtreeDate(lineid,directionData,version);
  302 +
  303 +
  304 + //PublicFunctions.resjtreeDate(lineid,directionData,version);
  305 + // 查询上行路段信息
  306 + //ajaxd.getSectionRouteInfo(lineid,directionData,version,function(data) {
  307 + // // 在地图上画出线路走向
  308 + // fun.linePanlThree(lineid,data,directionData,version);
  309 + //});
  310 + });
  311 + }
  312 +});
313 313 </script>
314 314 \ No newline at end of file
... ...