潘钊 / bsth_control · Commits

Commit 09374973359757e7dcdad7bdd762e4a97e300675

Authored by 王通
1 parent a550cc05
build: skipped

1.“路救抛锚”多页面需要加(业务部小姑娘不了解系统)

Inline Side-by-side
Showing 4 changed files with 1665 additions and 1665 deletions
src/main/resources/static/real_control_v2/fragments/line_schedule/context_menu/sub_task/add_sub_task_inpark.html
  View file @0937497
1 -<div class="uk-modal ct_move_modal" id="add-sub-task-inpark-modal">  
2 - <div class="uk-modal-dialog">  
3 - <a href="" class="uk-modal-close uk-close"></a>  
4 - <div class="uk-modal-header">  
5 - <h2>回场子任务</h2></div>  
6 -  
7 - <div style="width: 100%;padding-left: 1%;">  
8 - <div class="sub-task-card">  
9 - <div class="uk-panel uk-panel-box uk-panel-box-primary twins_task_panel">  
10 - <div class="uk-panel-badge uk-badge">营运</div>  
11 - <h3 class="uk-panel-title">线路上站点间</h3>  
12 - <form class="uk-form uk-form-horizontal inpark_form" service_form>  
13 - <input type="hidden" name="type2" value="1">  
14 - <input type="hidden" name="mileageType" value="service">  
15 - <div class="uk-grid">  
16 - <div class="uk-width-3-10">  
17 - <div class="uk-form-row">  
18 - <label class="uk-form-label">班次类型 </label>  
19 - </div>  
20 - </div>  
21 - <div class="uk-width-7-10 pl5">  
22 - <select name="type1" class="ct_focus" disabled>  
23 - <option value="正常">正常</option>  
24 - <option value="临加">临加</option>  
25 - </select>  
26 - </div>  
27 - </div>  
28 - <div class="uk-grid">  
29 - <div class="uk-width-3-10">  
30 - <div class="uk-form-row">  
31 - <label class="uk-form-label">起点 </label>  
32 - </div>  
33 - </div>  
34 - <div class="uk-width-7-10 pl5">  
35 - <select name="startStation" disabled></select>  
36 - </div>  
37 - </div>  
38 - <div class="uk-grid">  
39 - <div class="uk-width-3-10">  
40 - <div class="uk-form-row">  
41 - <label class="uk-form-label">终点 </label>  
42 - </div>  
43 - </div>  
44 - <div class="uk-width-7-10 pl5">  
45 - <select name="endStation" class="ct_focus"></select>  
46 - </div>  
47 - </div>  
48 - <div class="uk-grid">  
49 - <div class="uk-width-3-10">  
50 - <div class="uk-form-row">  
51 - <label class="uk-form-label">营运里程</label>  
52 - </div>  
53 - </div>  
54 - <div class="uk-width-7-10 pl5">  
55 - <input type="number" step="0.01" name="mileage" required>  
56 - </div>  
57 - </div>  
58 - <div class="uk-grid">  
59 - <div class="uk-width-3-10">  
60 - <div class="uk-form-row">  
61 - <label class="uk-form-label">开始时间</label>  
62 - </div>  
63 - </div>  
64 - <div class="uk-width-7-10 pl5">  
65 - <input type="time" name="startDate" required>  
66 - </div>  
67 - </div>  
68 - <div class="uk-grid">  
69 - <div class="uk-width-3-10">  
70 - <div class="uk-form-row">  
71 - <label class="uk-form-label">结束时间</label>  
72 - </div>  
73 - </div>  
74 - <div class="uk-width-7-10 pl5">  
75 - <input type="time" name="endDate" required>  
76 - </div>  
77 - </div>  
78 - </form>  
79 - </div>  
80 - </div>  
81 - <div class="sub-task-card">  
82 - <div class="uk-panel uk-panel-box uk-panel-box-secondary">  
83 - <div class="uk-panel-badge uk-badge uk-badge-default">空驶</div>  
84 - <h3 class="uk-panel-title">进场</h3>  
85 - <form class="uk-form uk-form-horizontal inpark_form" empty_form>  
86 - <input type="hidden" name="type2" value="2">  
87 - <input type="hidden" name="mileageType" value="empty">  
88 - <div class="uk-grid">  
89 - <div class="uk-width-3-10">  
90 - <div class="uk-form-row">  
91 - <label class="uk-form-label">班次类型 </label>  
92 - </div>  
93 - </div>  
94 - <div class="uk-width-7-10 pl5">  
95 - <select name="type1" class="ct_focus">  
96 - <option value="正常">正常</option>  
97 - <option value="临加">临加</option>  
98 - </select>  
99 - </div>  
100 - </div>  
101 - <div class="uk-grid">  
102 - <div class="uk-width-3-10">  
103 - <div class="uk-form-row">  
104 - <label class="uk-form-label">起点 </label>  
105 - </div>  
106 - </div>  
107 - <div class="uk-width-7-10 pl5">  
108 - <select name="startStation" ></select>  
109 - </div>  
110 - </div>  
111 - <div class="uk-grid">  
112 - <div class="uk-width-3-10">  
113 - <div class="uk-form-row">  
114 - <label class="uk-form-label">终点 </label>  
115 - </div>  
116 - </div>  
117 - <div class="uk-width-7-10 pl5">  
118 - <select name="endStation" class="ct_focus"></select>  
119 - </div>  
120 - </div>  
121 - <div class="uk-grid">  
122 - <div class="uk-width-3-10">  
123 - <div class="uk-form-row">  
124 - <label class="uk-form-label">空驶里程</label>  
125 - </div>  
126 - </div>  
127 - <div class="uk-width-7-10 pl5">  
128 - <input type="number" step="0.01" name="mileage" required style="width: calc(100% - 62px);">  
129 - <a style="font-size: 12px;color: grey;cursor: default;" data-uk-tooltip title="可选择回场路径，设置途径点位。暂不开放" id="inpark_paths_link">路径（<span>0</span>）</a>  
130 - </div>  
131 - </div>  
132 - <div class="uk-grid">  
133 - <div class="uk-width-3-10">  
134 - <div class="uk-form-row">  
135 - <label class="uk-form-label">开始时间</label>  
136 - </div>  
137 - </div>  
138 - <div class="uk-width-7-10 pl5">  
139 - <input type="time" name="startDate" required>  
140 - </div>  
141 - </div>  
142 - <div class="uk-grid">  
143 - <div class="uk-width-3-10">  
144 - <div class="uk-form-row">  
145 - <label class="uk-form-label">结束时间</label>  
146 - </div>  
147 - </div>  
148 - <div class="uk-width-7-10 pl5">  
149 - <input type="time" name="endDate" required>  
150 - </div>  
151 - </div>  
152 - </form>  
153 - </div>  
154 - </div>  
155 - <div class="sub-task-card destroy-card uk-animation-scale">  
156 - <div class="uk-panel uk-panel-box uk-panel-box-danger">  
157 - <div class="uk-panel-badge uk-badge uk-badge-danger">烂班</div>  
158 - <h3 class="uk-panel-title">线路上站点间</h3>  
159 - <form class="uk-form uk-form-horizontal inpark_form" destroy_form>  
160 - <input type="hidden" value="正常" name="type1">  
161 - <input type="hidden" value="1" name="type2">  
162 - <input type="hidden" name="mileageType" value="service">  
163 - <input type="hidden" name="destroy" value="true">  
164 - <div class="uk-grid" style="height: 30px;">  
165 - </div>  
166 - <div class="uk-grid">  
167 - <div class="uk-width-3-10">  
168 - <div class="uk-form-row">  
169 - <label class="uk-form-label">起点 </label>  
170 - </div>  
171 - </div>  
172 - <div class="uk-width-7-10 pl5">  
173 - <select name="startStation" disabled></select>  
174 - </div>  
175 - </div>  
176 - <div class="uk-grid">  
177 - <div class="uk-width-3-10">  
178 - <div class="uk-form-row">  
179 - <label class="uk-form-label">终点 </label>  
180 - </div>  
181 - </div>  
182 - <div class="uk-width-7-10 pl5">  
183 - <select name="endStation" class="ct_focus" disabled></select>  
184 - </div>  
185 - </div>  
186 - <div class="uk-grid">  
187 - <div class="uk-width-3-10">  
188 - <div class="uk-form-row">  
189 - <label class="uk-form-label">烂班里程</label>  
190 - </div>  
191 - </div>  
192 - <div class="uk-width-7-10 pl5">  
193 - <input type="number" step="0.01" name="mileage" required>  
194 - </div>  
195 - </div>  
196 - <div class="uk-grid">  
197 - <div class="uk-width-3-10">  
198 - <div class="uk-form-row">  
199 - <label class="uk-form-label">开始时间</label>  
200 - </div>  
201 - </div>  
202 - <div class="uk-width-7-10 pl5">  
203 - <input type="time" name="startDate" required>  
204 - </div>  
205 - </div>  
206 - <div class="uk-grid">  
207 - <div class="uk-width-3-10">  
208 - <div class="uk-form-row">  
209 - <label class="uk-form-label">烂班原因</label>  
210 - </div>  
211 - </div>  
212 - <div class="uk-width-7-10 pl5">  
213 - <select name="destroyReason" required></select>  
214 - </div>  
215 - </div>  
216 - </form>  
217 - </div>  
218 - </div>  
219 -  
220 - <form class="uk-form" style="margin-top: 15px; padding: 0 10px 0 0;">  
221 - <textarea placeholder="备注" style="width: 100%;height: 70px;" id="globalRemarks"></textarea>  
222 - </form>  
223 - </div>  
224 -  
225 - <div class="uk-modal-footer uk-text-right">  
226 - <button type="button" class="uk-button uk-modal-close">取消</button>  
227 - <button type="button" class="uk-button uk-button-primary" id="submitChildTaskBtn">提交子任务</button>  
228 -  
229 - <div class="ct-footer-left">  
230 - <a id="betweenStationRangeCalc" data-drawer-id="station_route_spacing_chart_drawer">站点间公里不准？</a>  
231 - </div>  
232 - </div>  
233 - </div>  
234 -  
235 - <div class="ct-bottom-drawer">  
236 - <div class="ct-bottom-drawer-body"></div>  
237 - </div>  
238 -  
239 - <script id="sub-task-inpark-form-temp" type="text/html">  
240 - </script>  
241 -  
242 - <script>  
243 - (function () {  
244 - var modal = '#add-sub-task-inpark-modal',  
245 - serviceForm = $('form[service_form]', modal),  
246 - emptyForm = $('form[empty_form]', modal),  
247 - destroyForm = $('form[destroy_form]', modal),  
248 - sch, stationRoutes, parks, information, esCode, timeLocStations;  
249 - var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '其他'];  
250 - $(modal).on('init', function (e, data) {  
251 - e.stopPropagation();  
252 - sch = data.sch;  
253 -  
254 - //站点路由  
255 - stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {  
256 - return a.stationRouteCode - b.stationRouteCode;  
257 - }), 'directions')[sch.xlDir];  
258 - //空驶终点（停车场）  
259 - //切换进场终点  
260 - $('select[name=endStation]', emptyForm).on('change', inparkNavigation);  
261 - $.get('/basic/parks', function (rs) {  
262 - parks = rs;  
263 - var opts = '';  
264 - for (var code in parks) {  
265 - opts += '<option value="' + code + '">' + parks[code] + '</option>';  
266 - }  
267 - $('select[name=endStation]', emptyForm).html(opts).val(information.carPark).trigger('change');  
268 - });  
269 - //线路标准  
270 - information = gb_data_basic.getLineInformation(sch.xlBm);  
271 - //本地存储的站点耗时  
272 - getLocStationsSpace();  
273 -  
274 - //设置默认值  
275 - setDefaultVal();  
276 -  
277 - //切换营运终点  
278 - $('select[name=endStation]', serviceForm).val(esCode).on('change', function () {  
279 - var val = $(this).val();  
280 - if (val == esCode) {  
281 - $('.uk-modal-dialog', modal).removeClass('three-children');  
282 - $('.sub-task-card.destroy-card').css("display", "none");  
283 - }  
284 - else {  
285 - $('.uk-modal-dialog', modal).addClass('three-children');  
286 - $('.sub-task-card.destroy-card').css("display", "inline-block");  
287 - }  
288 -  
289 - reClac();  
290 - }).trigger('change');  
291 -  
292 -  
293 - var dataArray = [];  
294 - var fs = $('form.inpark_form', modal).formValidation({  
295 - framework: 'uikit',  
296 - locale: 'zh_CN'  
297 - });  
298 - fs.on('success.form.fv', function(e) {  
299 - e.preventDefault();  
300 - if($(this).is(':hidden'))  
301 - return;  
302 - dataArray.push($.extend($(this).serializeJSON(), getDisabledVal(this)  
303 - , {remarks: $('#globalRemarks',modal).val(), 'schedule.id': sch.id}));  
304 - $(this).data('valid', true);  
305 -  
306 - if(allValidSuccess()){  
307 - var i = 0, rst;  
308 - (function () {  
309 - var f = arguments.callee;  
310 - if(i >= dataArray.length){  
311 - //完成后更新前端数据  
312 - gb_schedule_table.updateSchedule(rst);  
313 - UIkit.modal(modal).hide();  
314 - $('#schedule-lj_zrw-modal .main-schedule-table').trigger('refresh', {sch: sch});  
315 - return;  
316 - }  
317 - var data = dataArray[i];  
318 - //里程为0的不保存  
319 - if(data.mileage==0){  
320 - i++;  
321 - f();  
322 - }  
323 - else{  
324 - //营运子任务不写备注  
325 - if(data.mileageType == 'service' && !data.destroy)  
326 - data.remarks = '';  
327 - gb_common.$post('/childTask', data, function (rs) {  
328 - notify_succ('子任务添加成功');  
329 - rst = rs.t;  
330 - i++;  
331 - f();  
332 - });  
333 - }  
334 - })();  
335 - }  
336 - });  
337 -  
338 - //校验不过  
339 - fs.on('err.field.fv', function () {  
340 - $('#submitChildTaskBtn', modal).removeClass('disabled').removeAttr('disabled');  
341 - });  
342 -  
343 - //submit  
344 - $('#submitChildTaskBtn', modal).on('click', function () {  
345 - $(this).addClass('disabled').attr('disabled','disabled');  
346 - dataArray = [];  
347 - fs.data('valid', false);  
348 - fs.formValidation('validate');  
349 - //fs.submit();  
350 - });  
351 -  
352 - //选择烂班原因  
353 - $('select[name=destroyReason]', destroyForm).on('change', function () {  
354 - var e =$('#globalRemarks', modal);  
355 - e.val(e.val() + $(this).val() + '，');  
356 - });  
357 -  
358 - //根据主任务状态，复子任务  
359 - updateTwinsTaskBySch(sch);  
360 - });  
361 -  
362 - function allValidSuccess() {  
363 - var flag = true;  
364 - $('form.inpark_form:visible', modal).each(function (i, f) {  
365 - if(!$(f).data('valid')){  
366 - flag = false;  
367 - return false;  
368 - }  
369 - });  
370 - return flag;  
371 - }  
372 -  
373 - //获取表单disabled 项的值  
374 - function getDisabledVal(f) {  
375 - var rs = {};  
376 - $('input,select', f).each(function () {  
377 - if($(this).attr('disabled')){  
378 - rs[$(this).attr('name')]=$(this).val();  
379 - }  
380 - });  
381 - return rs;  
382 - }  
383 -  
384 - function setDefaultVal() {  
385 - var routeOpts = '';  
386 - $.each(stationRoutes, function () {  
387 - routeOpts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>';  
388 - });  
389 - esCode = stationRoutes[stationRoutes.length - 1].stationCode;  
390 -  
391 - //营运起终点  
392 - $('select[name=startStation],select[name=endStation]', serviceForm).html(routeOpts);  
393 - //空驶起点  
394 - $('select[name=startStation]', emptyForm).html(routeOpts).val(esCode);  
395 - //烂班起终点  
396 - $('select[name=startStation],select[name=endStation]', destroyForm).html(routeOpts).val(esCode);  
397 -  
398 - //烂班原因  
399 - var adjustExpsOpts = '<option value="">请选择...</option>';  
400 - $.each(adjustExps, function (i, str) {  
401 - adjustExpsOpts += '<option value="' + str + '">' + str + '</option>';  
402 - });  
403 - $('select[name=destroyReason]', destroyForm).html(adjustExpsOpts);  
404 -  
405 - //营运开始时间  
406 - $('input[name=startDate]', serviceForm).val(sch.fcsjActual?sch.fcsjActual:sch.dfsj);  
407 -  
408 - //营运班次类型  
409 - $('select[name=type1]', serviceForm).val(sch['sflj']?'临加':'正常');  
410 - }  
411 -  
412 - //点击 路径  
413 - $('#inpark_paths_link', modal).on('click', function () {  
414 -  
415 - });  
416 -  
417 - //进场导航  
418 - var drivingRouteResult;  
419 - function inparkNavigation() {  
420 - var start = $('select[name=startStation]', emptyForm).val()  
421 - ,end = $('select[name=endStation]', emptyForm).val();  
422 -  
423 - if(!end) return;  
424 -  
425 - var station = getStationByCode(start).station  
426 - ,park = gb_data_basic.getCarparkByCode(end);  
427 -  
428 - if(!park){  
429 - notify_err('无法找到停车场的坐标对照！！！');  
430 - return;  
431 - }  
432 - var tArray = park['gCenterPoint'].split(' ');  
433 - var sCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(station['gLonx'], station['gLaty']))  
434 - ,eCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(parseFloat(tArray[0]), parseFloat(tArray[1])));  
435 -  
436 - var sp = new BMap.Point(sCoord.lng,sCoord.lat);  
437 - var ep = new BMap.Point(eCoord.lng,eCoord.lat);  
438 -  
439 - var driving = new BMap.DrivingRoute('上海', {  
440 - onSearchComplete: function (rs) {  
441 - drivingRouteResult = rs;  
442 - calcInparkMileage(0);  
443 - }  
444 - });  
445 - driving.search(sp,ep);  
446 - }  
447 -  
448 - function calcInparkMileage(index) {  
449 - var count = drivingRouteResult.getNumPlans();  
450 -  
451 - //选择方案  
452 - var routePlan = drivingRouteResult.getPlan(index);  
453 - //里程  
454 - var mileage = routePlan.getDistance(false);  
455 - $('input[name=mileage]', emptyForm).val(mileage / 1000);  
456 - //结束时间  
457 - var duratio = routePlan.getDuration(false);  
458 - var st = $('input[name=startDate]', emptyForm).val();  
459 - var ets = moment(st, 'HH:mm').add(duratio, 'seconds').format('HH:mm');  
460 - $('input[name=endDate]', emptyForm).val(ets);  
461 -  
462 -  
463 - $('#inpark_paths_link span', modal).text(count);  
464 - }  
465 -  
466 - function getStationByCode(code) {  
467 - for(var i = 0; i < stationRoutes.length; i++){  
468 - if(stationRoutes[i]['stationCode']==code)  
469 - return stationRoutes[i];  
470 - }  
471 - return null;  
472 - }  
473 -  
474 - function reClac() {  
475 - var serviceEnd = $('select[name=endStation]', serviceForm).val();  
476 - //空驶起点 == 营运终点  
477 - $('select[name=startStation]', emptyForm).val(serviceEnd);  
478 -  
479 - //计算营运里程  
480 - var s = $('select[name=startStation]', serviceForm).val(),  
481 - e = $('select[name=endStation]', serviceForm).val();  
482 - var sMileage = calcMileage(s, e);  
483 - if(sMileage >= 0)  
484 - $('input[name=mileage]', serviceForm).val(sMileage);  
485 -  
486 - //营运结束时间  
487 - var et = sch.dfsjT + (parseInt(sMileage / sch.jhlcOrig * sch.bcsj) * 60 * 1000)  
488 - ,ets = et > sch.zdsjT?sch.zdsj:moment(et).format('HH:mm');  
489 - $('input[name=endDate]', serviceForm).val(ets);  
490 -  
491 - //有烂班  
492 - if (serviceEnd != esCode) {  
493 - //烂班起点 == 营运终点  
494 - $('select[name=startStation]', destroyForm).val(serviceEnd);  
495 - //计算烂班公里  
496 - s = $('select[name=startStation]', destroyForm).val();  
497 - e = $('select[name=endStation]', destroyForm).val();  
498 - var dMileage = calcMileage(s, e);  
499 - $('input[name=mileage]', destroyForm).val(dMileage);  
500 - //烂班开始时间  
501 - $('input[name=startDate]', destroyForm).val(ets);  
502 - }  
503 -  
504 - //进场开始时间  
505 - $('input[name=startDate]', emptyForm).val(ets);  
506 -  
507 - //重新导航  
508 - inparkNavigation();  
509 - }  
510 -  
511 - function calcMileage(s, e) {  
512 - var mileage = 0, flag, code;  
513 - if (timeLocStations) {  
514 - //空间坐标计算的站距  
515 - $.each(timeLocStations, function () {  
516 - code = this.station['STATION_CODE'];  
517 - if (flag)  
518 - mileage = gb_common.accAdd(mileage, this.toDistanceGl);  
519 - if (code == s)  
520 - flag = true;  
521 - if (code == e)  
522 - return false;  
523 - });  
524 - }  
525 - else{  
526 - //从原始站点路由字段里取值  
527 - $.each(stationRoutes, function () {  
528 - code = this['stationCode'];  
529 - if (flag)  
530 - mileage = gb_common.accAdd(mileage, this.distances);  
531 - if (code == s)  
532 - flag = true;  
533 - if (code == e)  
534 - return false;  
535 - });  
536 - }  
537 - return mileage;  
538 - }  
539 -  
540 - //从本地localStorage获取站间距数据  
541 - function getLocStationsSpace() {  
542 - try {  
543 - timeLocStations = window.localStorage.getItem('control_route_distance_' + sch.xlBm);  
544 - if (timeLocStations)  
545 - timeLocStations = JSON.parse(timeLocStations).stations[sch.xlDir == 0 ? 'up' : 'down'];  
546 - } catch (e) {  
547 - console.log(e);  
548 - }  
549 - }  
550 -  
551 - //站间距计算后刷新  
552 - $(modal).on('refresh_station_space', function () {  
553 - getLocStationsSpace();  
554 - reClac();  
555 - });  
556 -  
557 - //------ 下抽屉 ------  
558 - $('#betweenStationRangeCalc', modal).on('click', function () {  
559 - var id = $(this).data('drawer-id');  
560 - switchBtmDrawer(id, '/real_control_v2/fragments/line_schedule/context_menu/sub_task/station_route_spacing_chart.html');  
561 - });  
562 -  
563 - var btmDrawer = $('.ct-bottom-drawer', modal);  
564 - //打开事件  
565 - btmDrawer.on('drawer_show', function () {  
566 - var url = $(this).data('url');  
567 - if (!url) {  
568 - alert('无效的地址');  
569 - }  
570 -  
571 - var drawerPanel = $(this).data('name');  
572 - $('.ct-bottom-drawer-body', btmDrawer).load(url, function () {  
573 - $('#' + drawerPanel).trigger('drawer-init', {sch: sch});  
574 - });  
575 - });  
576 -  
577 - function switchBtmDrawer(id, url) {  
578 - if (btmDrawer.hasClass('open') && btmDrawer.data('name') == id) {  
579 - btmDrawer.removeClass('open');  
580 - btmDrawer.removeData('name').removeData('url');  
581 - }  
582 - else {  
583 - btmDrawer.addClass('open');  
584 - btmDrawer.data('name', id).data('url', url).trigger('drawer_show');  
585 - }  
586 - }  
587 -  
588 -  
589 - function updateTwinsTaskBySch(sch) {  
590 - //主任务是烂班  
591 - if(sch.destroy){  
592 - serviceForm.prepend('<input type="hidden" name="destroy" value="true">');  
593 - $('[name=mileage]', serviceForm).val(sch.jhlcOrig).attr('disabled', 'disabled');  
594 - $('.twins_task_panel .uk-badge', modal).addClass('uk-badge-danger').text('烂班');  
595 - //终点禁选  
596 - $('select[name=endStation]', serviceForm).attr('disabled', 'disabled');  
597 - //开始结束时间禁选  
598 -  
599 - //空驶起点  
600 - $('select[name=startStation]', emptyForm).val(sch.qdzCode);  
601 - }  
602 - }  
603 - })();  
604 - </script> 1 +<div class="uk-modal ct_move_modal" id="add-sub-task-inpark-modal">
  2 + <div class="uk-modal-dialog">
  3 + <a href="" class="uk-modal-close uk-close"></a>
  4 + <div class="uk-modal-header">
  5 + <h2>回场子任务</h2></div>
  6 +
  7 + <div style="width: 100%;padding-left: 1%;">
  8 + <div class="sub-task-card">
  9 + <div class="uk-panel uk-panel-box uk-panel-box-primary twins_task_panel">
  10 + <div class="uk-panel-badge uk-badge">营运</div>
  11 + <h3 class="uk-panel-title">线路上站点间</h3>
  12 + <form class="uk-form uk-form-horizontal inpark_form" service_form>
  13 + <input type="hidden" name="type2" value="1">
  14 + <input type="hidden" name="mileageType" value="service">
  15 + <div class="uk-grid">
  16 + <div class="uk-width-3-10">
  17 + <div class="uk-form-row">
  18 + <label class="uk-form-label">班次类型 </label>
  19 + </div>
  20 + </div>
  21 + <div class="uk-width-7-10 pl5">
  22 + <select name="type1" class="ct_focus" disabled>
  23 + <option value="正常">正常</option>
  24 + <option value="临加">临加</option>
  25 + </select>
  26 + </div>
  27 + </div>
  28 + <div class="uk-grid">
  29 + <div class="uk-width-3-10">
  30 + <div class="uk-form-row">
  31 + <label class="uk-form-label">起点 </label>
  32 + </div>
  33 + </div>
  34 + <div class="uk-width-7-10 pl5">
  35 + <select name="startStation" disabled></select>
  36 + </div>
  37 + </div>
  38 + <div class="uk-grid">
  39 + <div class="uk-width-3-10">
  40 + <div class="uk-form-row">
  41 + <label class="uk-form-label">终点 </label>
  42 + </div>
  43 + </div>
  44 + <div class="uk-width-7-10 pl5">
  45 + <select name="endStation" class="ct_focus"></select>
  46 + </div>
  47 + </div>
  48 + <div class="uk-grid">
  49 + <div class="uk-width-3-10">
  50 + <div class="uk-form-row">
  51 + <label class="uk-form-label">营运里程</label>
  52 + </div>
  53 + </div>
  54 + <div class="uk-width-7-10 pl5">
  55 + <input type="number" step="0.01" name="mileage" required>
  56 + </div>
  57 + </div>
  58 + <div class="uk-grid">
  59 + <div class="uk-width-3-10">
  60 + <div class="uk-form-row">
  61 + <label class="uk-form-label">开始时间</label>
  62 + </div>
  63 + </div>
  64 + <div class="uk-width-7-10 pl5">
  65 + <input type="time" name="startDate" required>
  66 + </div>
  67 + </div>
  68 + <div class="uk-grid">
  69 + <div class="uk-width-3-10">
  70 + <div class="uk-form-row">
  71 + <label class="uk-form-label">结束时间</label>
  72 + </div>
  73 + </div>
  74 + <div class="uk-width-7-10 pl5">
  75 + <input type="time" name="endDate" required>
  76 + </div>
  77 + </div>
  78 + </form>
  79 + </div>
  80 + </div>
  81 + <div class="sub-task-card">
  82 + <div class="uk-panel uk-panel-box uk-panel-box-secondary">
  83 + <div class="uk-panel-badge uk-badge uk-badge-default">空驶</div>
  84 + <h3 class="uk-panel-title">进场</h3>
  85 + <form class="uk-form uk-form-horizontal inpark_form" empty_form>
  86 + <input type="hidden" name="type2" value="2">
  87 + <input type="hidden" name="mileageType" value="empty">
  88 + <div class="uk-grid">
  89 + <div class="uk-width-3-10">
  90 + <div class="uk-form-row">
  91 + <label class="uk-form-label">班次类型 </label>
  92 + </div>
  93 + </div>
  94 + <div class="uk-width-7-10 pl5">
  95 + <select name="type1" class="ct_focus">
  96 + <option value="正常">正常</option>
  97 + <option value="临加">临加</option>
  98 + </select>
  99 + </div>
  100 + </div>
  101 + <div class="uk-grid">
  102 + <div class="uk-width-3-10">
  103 + <div class="uk-form-row">
  104 + <label class="uk-form-label">起点 </label>
  105 + </div>
  106 + </div>
  107 + <div class="uk-width-7-10 pl5">
  108 + <select name="startStation" ></select>
  109 + </div>
  110 + </div>
  111 + <div class="uk-grid">
  112 + <div class="uk-width-3-10">
  113 + <div class="uk-form-row">
  114 + <label class="uk-form-label">终点 </label>
  115 + </div>
  116 + </div>
  117 + <div class="uk-width-7-10 pl5">
  118 + <select name="endStation" class="ct_focus"></select>
  119 + </div>
  120 + </div>
  121 + <div class="uk-grid">
  122 + <div class="uk-width-3-10">
  123 + <div class="uk-form-row">
  124 + <label class="uk-form-label">空驶里程</label>
  125 + </div>
  126 + </div>
  127 + <div class="uk-width-7-10 pl5">
  128 + <input type="number" step="0.01" name="mileage" required style="width: calc(100% - 62px);">
  129 + <a style="font-size: 12px;color: grey;cursor: default;" data-uk-tooltip title="可选择回场路径，设置途径点位。暂不开放" id="inpark_paths_link">路径（<span>0</span>）</a>
  130 + </div>
  131 + </div>
  132 + <div class="uk-grid">
  133 + <div class="uk-width-3-10">
  134 + <div class="uk-form-row">
  135 + <label class="uk-form-label">开始时间</label>
  136 + </div>
  137 + </div>
  138 + <div class="uk-width-7-10 pl5">
  139 + <input type="time" name="startDate" required>
  140 + </div>
  141 + </div>
  142 + <div class="uk-grid">
  143 + <div class="uk-width-3-10">
  144 + <div class="uk-form-row">
  145 + <label class="uk-form-label">结束时间</label>
  146 + </div>
  147 + </div>
  148 + <div class="uk-width-7-10 pl5">
  149 + <input type="time" name="endDate" required>
  150 + </div>
  151 + </div>
  152 + </form>
  153 + </div>
  154 + </div>
  155 + <div class="sub-task-card destroy-card uk-animation-scale">
  156 + <div class="uk-panel uk-panel-box uk-panel-box-danger">
  157 + <div class="uk-panel-badge uk-badge uk-badge-danger">烂班</div>
  158 + <h3 class="uk-panel-title">线路上站点间</h3>
  159 + <form class="uk-form uk-form-horizontal inpark_form" destroy_form>
  160 + <input type="hidden" value="正常" name="type1">
  161 + <input type="hidden" value="1" name="type2">
  162 + <input type="hidden" name="mileageType" value="service">
  163 + <input type="hidden" name="destroy" value="true">
  164 + <div class="uk-grid" style="height: 30px;">
  165 + </div>
  166 + <div class="uk-grid">
  167 + <div class="uk-width-3-10">
  168 + <div class="uk-form-row">
  169 + <label class="uk-form-label">起点 </label>
  170 + </div>
  171 + </div>
  172 + <div class="uk-width-7-10 pl5">
  173 + <select name="startStation" disabled></select>
  174 + </div>
  175 + </div>
  176 + <div class="uk-grid">
  177 + <div class="uk-width-3-10">
  178 + <div class="uk-form-row">
  179 + <label class="uk-form-label">终点 </label>
  180 + </div>
  181 + </div>
  182 + <div class="uk-width-7-10 pl5">
  183 + <select name="endStation" class="ct_focus" disabled></select>
  184 + </div>
  185 + </div>
  186 + <div class="uk-grid">
  187 + <div class="uk-width-3-10">
  188 + <div class="uk-form-row">
  189 + <label class="uk-form-label">烂班里程</label>
  190 + </div>
  191 + </div>
  192 + <div class="uk-width-7-10 pl5">
  193 + <input type="number" step="0.01" name="mileage" required>
  194 + </div>
  195 + </div>
  196 + <div class="uk-grid">
  197 + <div class="uk-width-3-10">
  198 + <div class="uk-form-row">
  199 + <label class="uk-form-label">开始时间</label>
  200 + </div>
  201 + </div>
  202 + <div class="uk-width-7-10 pl5">
  203 + <input type="time" name="startDate" required>
  204 + </div>
  205 + </div>
  206 + <div class="uk-grid">
  207 + <div class="uk-width-3-10">
  208 + <div class="uk-form-row">
  209 + <label class="uk-form-label">烂班原因</label>
  210 + </div>
  211 + </div>
  212 + <div class="uk-width-7-10 pl5">
  213 + <select name="destroyReason" required></select>
  214 + </div>
  215 + </div>
  216 + </form>
  217 + </div>
  218 + </div>
  219 +
  220 + <form class="uk-form" style="margin-top: 15px; padding: 0 10px 0 0;">
  221 + <textarea placeholder="备注" style="width: 100%;height: 70px;" id="globalRemarks"></textarea>
  222 + </form>
  223 + </div>
  224 +
  225 + <div class="uk-modal-footer uk-text-right">
  226 + <button type="button" class="uk-button uk-modal-close">取消</button>
  227 + <button type="button" class="uk-button uk-button-primary" id="submitChildTaskBtn">提交子任务</button>
  228 +
  229 + <div class="ct-footer-left">
  230 + <a id="betweenStationRangeCalc" data-drawer-id="station_route_spacing_chart_drawer">站点间公里不准？</a>
  231 + </div>
  232 + </div>
  233 + </div>
  234 +
  235 + <div class="ct-bottom-drawer">
  236 + <div class="ct-bottom-drawer-body"></div>
  237 + </div>
  238 +
  239 + <script id="sub-task-inpark-form-temp" type="text/html">
  240 + </script>
  241 +
  242 + <script>
  243 + (function () {
  244 + var modal = '#add-sub-task-inpark-modal',
  245 + serviceForm = $('form[service_form]', modal),
  246 + emptyForm = $('form[empty_form]', modal),
  247 + destroyForm = $('form[destroy_form]', modal),
  248 + sch, stationRoutes, parks, information, esCode, timeLocStations;
  249 + var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '路救抛锚', '其他'];
  250 + $(modal).on('init', function (e, data) {
  251 + e.stopPropagation();
  252 + sch = data.sch;
  253 +
  254 + //站点路由
  255 + stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {
  256 + return a.stationRouteCode - b.stationRouteCode;
  257 + }), 'directions')[sch.xlDir];
  258 + //空驶终点（停车场）
  259 + //切换进场终点
  260 + $('select[name=endStation]', emptyForm).on('change', inparkNavigation);
  261 + $.get('/basic/parks', function (rs) {
  262 + parks = rs;
  263 + var opts = '';
  264 + for (var code in parks) {
  265 + opts += '<option value="' + code + '">' + parks[code] + '</option>';
  266 + }
  267 + $('select[name=endStation]', emptyForm).html(opts).val(information.carPark).trigger('change');
  268 + });
  269 + //线路标准
  270 + information = gb_data_basic.getLineInformation(sch.xlBm);
  271 + //本地存储的站点耗时
  272 + getLocStationsSpace();
  273 +
  274 + //设置默认值
  275 + setDefaultVal();
  276 +
  277 + //切换营运终点
  278 + $('select[name=endStation]', serviceForm).val(esCode).on('change', function () {
  279 + var val = $(this).val();
  280 + if (val == esCode) {
  281 + $('.uk-modal-dialog', modal).removeClass('three-children');
  282 + $('.sub-task-card.destroy-card').css("display", "none");
  283 + }
  284 + else {
  285 + $('.uk-modal-dialog', modal).addClass('three-children');
  286 + $('.sub-task-card.destroy-card').css("display", "inline-block");
  287 + }
  288 +
  289 + reClac();
  290 + }).trigger('change');
  291 +
  292 +
  293 + var dataArray = [];
  294 + var fs = $('form.inpark_form', modal).formValidation({
  295 + framework: 'uikit',
  296 + locale: 'zh_CN'
  297 + });
  298 + fs.on('success.form.fv', function(e) {
  299 + e.preventDefault();
  300 + if($(this).is(':hidden'))
  301 + return;
  302 + dataArray.push($.extend($(this).serializeJSON(), getDisabledVal(this)
  303 + , {remarks: $('#globalRemarks',modal).val(), 'schedule.id': sch.id}));
  304 + $(this).data('valid', true);
  305 +
  306 + if(allValidSuccess()){
  307 + var i = 0, rst;
  308 + (function () {
  309 + var f = arguments.callee;
  310 + if(i >= dataArray.length){
  311 + //完成后更新前端数据
  312 + gb_schedule_table.updateSchedule(rst);
  313 + UIkit.modal(modal).hide();
  314 + $('#schedule-lj_zrw-modal .main-schedule-table').trigger('refresh', {sch: sch});
  315 + return;
  316 + }
  317 + var data = dataArray[i];
  318 + //里程为0的不保存
  319 + if(data.mileage==0){
  320 + i++;
  321 + f();
  322 + }
  323 + else{
  324 + //营运子任务不写备注
  325 + if(data.mileageType == 'service' && !data.destroy)
  326 + data.remarks = '';
  327 + gb_common.$post('/childTask', data, function (rs) {
  328 + notify_succ('子任务添加成功');
  329 + rst = rs.t;
  330 + i++;
  331 + f();
  332 + });
  333 + }
  334 + })();
  335 + }
  336 + });
  337 +
  338 + //校验不过
  339 + fs.on('err.field.fv', function () {
  340 + $('#submitChildTaskBtn', modal).removeClass('disabled').removeAttr('disabled');
  341 + });
  342 +
  343 + //submit
  344 + $('#submitChildTaskBtn', modal).on('click', function () {
  345 + $(this).addClass('disabled').attr('disabled','disabled');
  346 + dataArray = [];
  347 + fs.data('valid', false);
  348 + fs.formValidation('validate');
  349 + //fs.submit();
  350 + });
  351 +
  352 + //选择烂班原因
  353 + $('select[name=destroyReason]', destroyForm).on('change', function () {
  354 + var e =$('#globalRemarks', modal);
  355 + e.val(e.val() + $(this).val() + '，');
  356 + });
  357 +
  358 + //根据主任务状态，复子任务
  359 + updateTwinsTaskBySch(sch);
  360 + });
  361 +
  362 + function allValidSuccess() {
  363 + var flag = true;
  364 + $('form.inpark_form:visible', modal).each(function (i, f) {
  365 + if(!$(f).data('valid')){
  366 + flag = false;
  367 + return false;
  368 + }
  369 + });
  370 + return flag;
  371 + }
  372 +
  373 + //获取表单disabled 项的值
  374 + function getDisabledVal(f) {
  375 + var rs = {};
  376 + $('input,select', f).each(function () {
  377 + if($(this).attr('disabled')){
  378 + rs[$(this).attr('name')]=$(this).val();
  379 + }
  380 + });
  381 + return rs;
  382 + }
  383 +
  384 + function setDefaultVal() {
  385 + var routeOpts = '';
  386 + $.each(stationRoutes, function () {
  387 + routeOpts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>';
  388 + });
  389 + esCode = stationRoutes[stationRoutes.length - 1].stationCode;
  390 +
  391 + //营运起终点
  392 + $('select[name=startStation],select[name=endStation]', serviceForm).html(routeOpts);
  393 + //空驶起点
  394 + $('select[name=startStation]', emptyForm).html(routeOpts).val(esCode);
  395 + //烂班起终点
  396 + $('select[name=startStation],select[name=endStation]', destroyForm).html(routeOpts).val(esCode);
  397 +
  398 + //烂班原因
  399 + var adjustExpsOpts = '<option value="">请选择...</option>';
  400 + $.each(adjustExps, function (i, str) {
  401 + adjustExpsOpts += '<option value="' + str + '">' + str + '</option>';
  402 + });
  403 + $('select[name=destroyReason]', destroyForm).html(adjustExpsOpts);
  404 +
  405 + //营运开始时间
  406 + $('input[name=startDate]', serviceForm).val(sch.fcsjActual?sch.fcsjActual:sch.dfsj);
  407 +
  408 + //营运班次类型
  409 + $('select[name=type1]', serviceForm).val(sch['sflj']?'临加':'正常');
  410 + }
  411 +
  412 + //点击 路径
  413 + $('#inpark_paths_link', modal).on('click', function () {
  414 +
  415 + });
  416 +
  417 + //进场导航
  418 + var drivingRouteResult;
  419 + function inparkNavigation() {
  420 + var start = $('select[name=startStation]', emptyForm).val()
  421 + ,end = $('select[name=endStation]', emptyForm).val();
  422 +
  423 + if(!end) return;
  424 +
  425 + var station = getStationByCode(start).station
  426 + ,park = gb_data_basic.getCarparkByCode(end);
  427 +
  428 + if(!park){
  429 + notify_err('无法找到停车场的坐标对照！！！');
  430 + return;
  431 + }
  432 + var tArray = park['gCenterPoint'].split(' ');
  433 + var sCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(station['gLonx'], station['gLaty']))
  434 + ,eCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(parseFloat(tArray[0]), parseFloat(tArray[1])));
  435 +
  436 + var sp = new BMap.Point(sCoord.lng,sCoord.lat);
  437 + var ep = new BMap.Point(eCoord.lng,eCoord.lat);
  438 +
  439 + var driving = new BMap.DrivingRoute('上海', {
  440 + onSearchComplete: function (rs) {
  441 + drivingRouteResult = rs;
  442 + calcInparkMileage(0);
  443 + }
  444 + });
  445 + driving.search(sp,ep);
  446 + }
  447 +
  448 + function calcInparkMileage(index) {
  449 + var count = drivingRouteResult.getNumPlans();
  450 +
  451 + //选择方案
  452 + var routePlan = drivingRouteResult.getPlan(index);
  453 + //里程
  454 + var mileage = routePlan.getDistance(false);
  455 + $('input[name=mileage]', emptyForm).val(mileage / 1000);
  456 + //结束时间
  457 + var duratio = routePlan.getDuration(false);
  458 + var st = $('input[name=startDate]', emptyForm).val();
  459 + var ets = moment(st, 'HH:mm').add(duratio, 'seconds').format('HH:mm');
  460 + $('input[name=endDate]', emptyForm).val(ets);
  461 +
  462 +
  463 + $('#inpark_paths_link span', modal).text(count);
  464 + }
  465 +
  466 + function getStationByCode(code) {
  467 + for(var i = 0; i < stationRoutes.length; i++){
  468 + if(stationRoutes[i]['stationCode']==code)
  469 + return stationRoutes[i];
  470 + }
  471 + return null;
  472 + }
  473 +
  474 + function reClac() {
  475 + var serviceEnd = $('select[name=endStation]', serviceForm).val();
  476 + //空驶起点 == 营运终点
  477 + $('select[name=startStation]', emptyForm).val(serviceEnd);
  478 +
  479 + //计算营运里程
  480 + var s = $('select[name=startStation]', serviceForm).val(),
  481 + e = $('select[name=endStation]', serviceForm).val();
  482 + var sMileage = calcMileage(s, e);
  483 + if(sMileage >= 0)
  484 + $('input[name=mileage]', serviceForm).val(sMileage);
  485 +
  486 + //营运结束时间
  487 + var et = sch.dfsjT + (parseInt(sMileage / sch.jhlcOrig * sch.bcsj) * 60 * 1000)
  488 + ,ets = et > sch.zdsjT?sch.zdsj:moment(et).format('HH:mm');
  489 + $('input[name=endDate]', serviceForm).val(ets);
  490 +
  491 + //有烂班
  492 + if (serviceEnd != esCode) {
  493 + //烂班起点 == 营运终点
  494 + $('select[name=startStation]', destroyForm).val(serviceEnd);
  495 + //计算烂班公里
  496 + s = $('select[name=startStation]', destroyForm).val();
  497 + e = $('select[name=endStation]', destroyForm).val();
  498 + var dMileage = calcMileage(s, e);
  499 + $('input[name=mileage]', destroyForm).val(dMileage);
  500 + //烂班开始时间
  501 + $('input[name=startDate]', destroyForm).val(ets);
  502 + }
  503 +
  504 + //进场开始时间
  505 + $('input[name=startDate]', emptyForm).val(ets);
  506 +
  507 + //重新导航
  508 + inparkNavigation();
  509 + }
  510 +
  511 + function calcMileage(s, e) {
  512 + var mileage = 0, flag, code;
  513 + if (timeLocStations) {
  514 + //空间坐标计算的站距
  515 + $.each(timeLocStations, function () {
  516 + code = this.station['STATION_CODE'];
  517 + if (flag)
  518 + mileage = gb_common.accAdd(mileage, this.toDistanceGl);
  519 + if (code == s)
  520 + flag = true;
  521 + if (code == e)
  522 + return false;
  523 + });
  524 + }
  525 + else{
  526 + //从原始站点路由字段里取值
  527 + $.each(stationRoutes, function () {
  528 + code = this['stationCode'];
  529 + if (flag)
  530 + mileage = gb_common.accAdd(mileage, this.distances);
  531 + if (code == s)
  532 + flag = true;
  533 + if (code == e)
  534 + return false;
  535 + });
  536 + }
  537 + return mileage;
  538 + }
  539 +
  540 + //从本地localStorage获取站间距数据
  541 + function getLocStationsSpace() {
  542 + try {
  543 + timeLocStations = window.localStorage.getItem('control_route_distance_' + sch.xlBm);
  544 + if (timeLocStations)
  545 + timeLocStations = JSON.parse(timeLocStations).stations[sch.xlDir == 0 ? 'up' : 'down'];
  546 + } catch (e) {
  547 + console.log(e);
  548 + }
  549 + }
  550 +
  551 + //站间距计算后刷新
  552 + $(modal).on('refresh_station_space', function () {
  553 + getLocStationsSpace();
  554 + reClac();
  555 + });
  556 +
  557 + //------ 下抽屉 ------
  558 + $('#betweenStationRangeCalc', modal).on('click', function () {
  559 + var id = $(this).data('drawer-id');
  560 + switchBtmDrawer(id, '/real_control_v2/fragments/line_schedule/context_menu/sub_task/station_route_spacing_chart.html');
  561 + });
  562 +
  563 + var btmDrawer = $('.ct-bottom-drawer', modal);
  564 + //打开事件
  565 + btmDrawer.on('drawer_show', function () {
  566 + var url = $(this).data('url');
  567 + if (!url) {
  568 + alert('无效的地址');
  569 + }
  570 +
  571 + var drawerPanel = $(this).data('name');
  572 + $('.ct-bottom-drawer-body', btmDrawer).load(url, function () {
  573 + $('#' + drawerPanel).trigger('drawer-init', {sch: sch});
  574 + });
  575 + });
  576 +
  577 + function switchBtmDrawer(id, url) {
  578 + if (btmDrawer.hasClass('open') && btmDrawer.data('name') == id) {
  579 + btmDrawer.removeClass('open');
  580 + btmDrawer.removeData('name').removeData('url');
  581 + }
  582 + else {
  583 + btmDrawer.addClass('open');
  584 + btmDrawer.data('name', id).data('url', url).trigger('drawer_show');
  585 + }
  586 + }
  587 +
  588 +
  589 + function updateTwinsTaskBySch(sch) {
  590 + //主任务是烂班
  591 + if(sch.destroy){
  592 + serviceForm.prepend('<input type="hidden" name="destroy" value="true">');
  593 + $('[name=mileage]', serviceForm).val(sch.jhlcOrig).attr('disabled', 'disabled');
  594 + $('.twins_task_panel .uk-badge', modal).addClass('uk-badge-danger').text('烂班');
  595 + //终点禁选
  596 + $('select[name=endStation]', serviceForm).attr('disabled', 'disabled');
  597 + //开始结束时间禁选
  598 +
  599 + //空驶起点
  600 + $('select[name=startStation]', emptyForm).val(sch.qdzCode);
  601 + }
  602 + }
  603 + })();
  604 + </script>
605 </div> 605 </div>
606 \ No newline at end of file 606 \ No newline at end of file
src/main/resources/static/real_control_v2/fragments/line_schedule/context_menu/sub_task/add_sub_task_other.html
  View file @0937497
1 -<div class="uk-modal ct-form-modal ct_move_modal" id="add-sub-task-other-modal">  
2 - <div class="uk-modal-dialog" style="width: 635px;">  
3 - <a href="" class="uk-modal-close uk-close"></a>  
4 - <div class="uk-modal-header">  
5 - <h2>自定义子任务</h2></div>  
6 - <form class="uk-form uk-form-horizontal">  
7 - </form>  
8 - </div>  
9 -  
10 - <script id="sub-task-other-form-temp" type="text/html">  
11 - <input type="hidden" value="{{sch.id}}" name="schedule.id">  
12 - <div class="uk-grid">  
13 - <div class="uk-width-1-1">  
14 - <div class="uk-form-row">  
15 - <label class="uk-form-label">班次类型</label>  
16 - <div class="uk-form-controls">  
17 - <select class="form-control" name="type1" style="width: 65px;">  
18 - <option>正常</option>  
19 - <option>临加</option>  
20 - </select>  
21 - <select class="form-control nt-dictionary" name="type2" data-group=ChildTaskType  
22 - style="width: 126px;;"></select>  
23 - </div>  
24 - </div>  
25 - </div>  
26 - </div>  
27 - <div class="uk-grid">  
28 - <div class="uk-width-1-2">  
29 - <div class="uk-form-row">  
30 - <label class="uk-form-label">起点 </label>  
31 - <div class="uk-form-controls">  
32 - <select name="startStation" required></select>  
33 - </div>  
34 - </div>  
35 - </div>  
36 - <div class="uk-width-1-2">  
37 - <div class="uk-form-row">  
38 - <label class="uk-form-label">终点</label>  
39 - <div class="uk-form-controls">  
40 - <select name="endStation" required></select>  
41 - </div>  
42 - </div>  
43 - </div>  
44 - </div>  
45 -  
46 - <div class="uk-grid">  
47 - <div class="uk-width-1-2">  
48 - <div class="uk-form-row">  
49 - <label class="uk-form-label">里程类型</label>  
50 - <div class="uk-form-controls">  
51 - <select class="form-control nt-dictionary" required name="mileageType"  
52 - data-group="MileageType"></select>  
53 - </div>  
54 - </div>  
55 - </div>  
56 - <div class="uk-width-1-2">  
57 - <div class="uk-form-row">  
58 - <label class="uk-form-label">公里数</label>  
59 - <div class="uk-form-controls">  
60 - <input class="form-control" name="mileage" max=400 data-fv-lessthan-inclusive="false" required>  
61 - </div>  
62 - </div>  
63 - </div>  
64 - </div>  
65 -  
66 - <div class="uk-grid">  
67 - <div class="uk-width-1-2">  
68 - <div class="uk-form-row">  
69 - <label class="uk-form-label">开始时间</label>  
70 - <div class="uk-form-controls">  
71 - <input name="startDate" value="{{sch.fcsj}}" type="time" required>  
72 - </div>  
73 - </div>  
74 - </div>  
75 - <div class="uk-width-1-2">  
76 - <div class="uk-form-row">  
77 - <label class="uk-form-label">结束时间</label>  
78 - <div class="uk-form-controls">  
79 - <input name="endDate" value="{{sch.zdsj}}" type="time" required>  
80 - </div>  
81 - </div>  
82 - </div>  
83 - </div>  
84 -  
85 - <div class="uk-grid">  
86 - <div class="uk-width-1-2">  
87 - <div class="uk-form-row" style="padding-top: 5px;">  
88 - <label class="uk-form-label"></label>  
89 - <div class="uk-form-controls">  
90 - <label>  
91 - <input type="checkbox" value=1 name="destroy" class="i-cbox"> 是否烂班  
92 - </label>  
93 - </div>  
94 - </div>  
95 - </div>  
96 - <div class="uk-width-1-2 destroy_reason_wrap" style="display: none;">  
97 - <div class="uk-form-row">  
98 - <label class="uk-form-label">烂班原因</label>  
99 - <div class="uk-form-controls">  
100 - <select class="form-control" name="destroyReason" required>  
101 - <option value="">请选择...</option>  
102 - {{each adjustExps as exp i}}  
103 - <option value="{{exp}}">{{exp}}</option>  
104 - {{/each}}  
105 - </select>  
106 - </div>  
107 - </div>  
108 - </div>  
109 - </div>  
110 -  
111 - <div class="uk-grid">  
112 - <div class="uk-width-1-1">  
113 - <div class="uk-form-row ct-stacked">  
114 - <div class="uk-form-controls" style="margin-top: 5px;">  
115 - <textarea id="form-s-t" cols="30" rows="5" name="remarks" data-fv-stringlength="true"  
116 - data-fv-stringlength-max="50" placeholder="备注，不超过50个字符"></textarea>  
117 - </div>  
118 - </div>  
119 - </div>  
120 - </div>  
121 - <div class="uk-modal-footer uk-text-right" style="margin-bottom: -20px;">  
122 - <button type="button" class="uk-button uk-modal-close">取消</button>  
123 - <button type="submit" class="uk-button uk-button-primary"><i class="uk-icon-check"></i> &nbsp;保存</button>  
124 - </div>  
125 - </script>  
126 -  
127 - <script>  
128 - (function () {  
129 - var modal = '#add-sub-task-other-modal',  
130 - sch, stationRoutes, parks, information;  
131 - var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '其他'];  
132 - $(modal).on('init', function (e, data) {  
133 - e.stopPropagation();  
134 - sch = data.sch;  
135 - var formHtml = template('sub-task-other-form-temp', {sch: sch, adjustExps: adjustExps});  
136 - $('form', modal).html(formHtml);  
137 - //字典转换  
138 - dictionaryUtils.transformDom($('.nt-dictionary', modal));  
139 -  
140 - //站点路由  
141 - stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {  
142 - return a.stationRouteCode - b.stationRouteCode;  
143 - }), 'directions');  
144 - //停车场  
145 - $.get('/basic/parks', function (rs) {  
146 - parks = rs;  
147 - });  
148 - //线路标准  
149 - information = gb_data_basic.getLineInformation(sch.xlBm);  
150 -  
151 - //submit  
152 - var f = $('form', modal).formValidation(gb_form_validation_opts);  
153 - f.on('success.form.fv', function (e) {  
154 - disabled_submit_btn(this);  
155 - e.preventDefault();  
156 - var data = $(this).serializeJSON();  
157 -  
158 - gb_common.$post('/childTask', data, function (rs) {  
159 - notify_succ('子任务添加成功');  
160 - gb_schedule_table.updateSchedule(rs.t);  
161 - $('#schedule-lj_zrw-modal .main-schedule-table').trigger('refresh', {sch: rs.t});  
162 - UIkit.modal(modal).hide();  
163 - });  
164 - });  
165 -  
166 - //班次类型  
167 - $('[name=type2]', f).on('change', function () {  
168 - var routes = stationRoutes[sch.xlDir]  
169 - , lastCode = routes[routes.length - 1].stationCode  
170 - , opts = '', park_opts = '';  
171 - //station options  
172 - $.each(routes, function () {  
173 - opts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>'  
174 - });  
175 - //park options  
176 - for (var code in parks)  
177 - park_opts += '<option value="' + code + '">' + parks[code] + '</option>';  
178 -  
179 - var qdz = $('[name=startStation]', f), zdz = $('[name=endStation]', f), mType = $('[name=mileageType]', f);  
180 - switch ($(this).val()) {  
181 - case '3'://出场  
182 - qdz.html(park_opts).val(information.carPark);  
183 - zdz.html(opts);  
184 - mType.val('empty');  
185 - break;  
186 - case '2'://进场  
187 - qdz.html(opts);  
188 - zdz.html(park_opts).val(information.carPark);  
189 - mType.val('empty');  
190 - break;  
191 - default:  
192 - qdz.html(opts);  
193 - zdz.html(opts).val(lastCode);  
194 - mType.val('service');  
195 -  
196 - }  
197 - });  
198 -  
199 - //是否烂班  
200 - $('[name=destroy]', f).on('click', function () {  
201 - if (this.checked) {  
202 - $('.destroy_reason_wrap', modal).show();//.find('[name=destroyReason]').attr('required', 'required');  
203 - }  
204 - else {  
205 - $('.destroy_reason_wrap', modal).hide();//.find('[name=destroyReason]').removeAttr('required');  
206 - }  
207 - });  
208 -  
209 - $('[name=destroyReason]', f).on('change', function () {  
210 - var rem = $('[name=remarks]', f);  
211 - rem.val(rem.val() + $(this).val() + '，');  
212 - });  
213 - });  
214 - })();  
215 - </script>  
216 -</div> 1 +<div class="uk-modal ct-form-modal ct_move_modal" id="add-sub-task-other-modal">
  2 + <div class="uk-modal-dialog" style="width: 635px;">
  3 + <a href="" class="uk-modal-close uk-close"></a>
  4 + <div class="uk-modal-header">
  5 + <h2>自定义子任务</h2></div>
  6 + <form class="uk-form uk-form-horizontal">
  7 + </form>
  8 + </div>
  9 +
  10 + <script id="sub-task-other-form-temp" type="text/html">
  11 + <input type="hidden" value="{{sch.id}}" name="schedule.id">
  12 + <div class="uk-grid">
  13 + <div class="uk-width-1-1">
  14 + <div class="uk-form-row">
  15 + <label class="uk-form-label">班次类型</label>
  16 + <div class="uk-form-controls">
  17 + <select class="form-control" name="type1" style="width: 65px;">
  18 + <option>正常</option>
  19 + <option>临加</option>
  20 + </select>
  21 + <select class="form-control nt-dictionary" name="type2" data-group=ChildTaskType
  22 + style="width: 126px;;"></select>
  23 + </div>
  24 + </div>
  25 + </div>
  26 + </div>
  27 + <div class="uk-grid">
  28 + <div class="uk-width-1-2">
  29 + <div class="uk-form-row">
  30 + <label class="uk-form-label">起点 </label>
  31 + <div class="uk-form-controls">
  32 + <select name="startStation" required></select>
  33 + </div>
  34 + </div>
  35 + </div>
  36 + <div class="uk-width-1-2">
  37 + <div class="uk-form-row">
  38 + <label class="uk-form-label">终点</label>
  39 + <div class="uk-form-controls">
  40 + <select name="endStation" required></select>
  41 + </div>
  42 + </div>
  43 + </div>
  44 + </div>
  45 +
  46 + <div class="uk-grid">
  47 + <div class="uk-width-1-2">
  48 + <div class="uk-form-row">
  49 + <label class="uk-form-label">里程类型</label>
  50 + <div class="uk-form-controls">
  51 + <select class="form-control nt-dictionary" required name="mileageType"
  52 + data-group="MileageType"></select>
  53 + </div>
  54 + </div>
  55 + </div>
  56 + <div class="uk-width-1-2">
  57 + <div class="uk-form-row">
  58 + <label class="uk-form-label">公里数</label>
  59 + <div class="uk-form-controls">
  60 + <input class="form-control" name="mileage" max=400 data-fv-lessthan-inclusive="false" required>
  61 + </div>
  62 + </div>
  63 + </div>
  64 + </div>
  65 +
  66 + <div class="uk-grid">
  67 + <div class="uk-width-1-2">
  68 + <div class="uk-form-row">
  69 + <label class="uk-form-label">开始时间</label>
  70 + <div class="uk-form-controls">
  71 + <input name="startDate" value="{{sch.fcsj}}" type="time" required>
  72 + </div>
  73 + </div>
  74 + </div>
  75 + <div class="uk-width-1-2">
  76 + <div class="uk-form-row">
  77 + <label class="uk-form-label">结束时间</label>
  78 + <div class="uk-form-controls">
  79 + <input name="endDate" value="{{sch.zdsj}}" type="time" required>
  80 + </div>
  81 + </div>
  82 + </div>
  83 + </div>
  84 +
  85 + <div class="uk-grid">
  86 + <div class="uk-width-1-2">
  87 + <div class="uk-form-row" style="padding-top: 5px;">
  88 + <label class="uk-form-label"></label>
  89 + <div class="uk-form-controls">
  90 + <label>
  91 + <input type="checkbox" value=1 name="destroy" class="i-cbox"> 是否烂班
  92 + </label>
  93 + </div>
  94 + </div>
  95 + </div>
  96 + <div class="uk-width-1-2 destroy_reason_wrap" style="display: none;">
  97 + <div class="uk-form-row">
  98 + <label class="uk-form-label">烂班原因</label>
  99 + <div class="uk-form-controls">
  100 + <select class="form-control" name="destroyReason" required>
  101 + <option value="">请选择...</option>
  102 + {{each adjustExps as exp i}}
  103 + <option value="{{exp}}">{{exp}}</option>
  104 + {{/each}}
  105 + </select>
  106 + </div>
  107 + </div>
  108 + </div>
  109 + </div>
  110 +
  111 + <div class="uk-grid">
  112 + <div class="uk-width-1-1">
  113 + <div class="uk-form-row ct-stacked">
  114 + <div class="uk-form-controls" style="margin-top: 5px;">
  115 + <textarea id="form-s-t" cols="30" rows="5" name="remarks" data-fv-stringlength="true"
  116 + data-fv-stringlength-max="50" placeholder="备注，不超过50个字符"></textarea>
  117 + </div>
  118 + </div>
  119 + </div>
  120 + </div>
  121 + <div class="uk-modal-footer uk-text-right" style="margin-bottom: -20px;">
  122 + <button type="button" class="uk-button uk-modal-close">取消</button>
  123 + <button type="submit" class="uk-button uk-button-primary"><i class="uk-icon-check"></i> &nbsp;保存</button>
  124 + </div>
  125 + </script>
  126 +
  127 + <script>
  128 + (function () {
  129 + var modal = '#add-sub-task-other-modal',
  130 + sch, stationRoutes, parks, information;
  131 + var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '路救抛锚', '其他'];
  132 + $(modal).on('init', function (e, data) {
  133 + e.stopPropagation();
  134 + sch = data.sch;
  135 + var formHtml = template('sub-task-other-form-temp', {sch: sch, adjustExps: adjustExps});
  136 + $('form', modal).html(formHtml);
  137 + //字典转换
  138 + dictionaryUtils.transformDom($('.nt-dictionary', modal));
  139 +
  140 + //站点路由
  141 + stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {
  142 + return a.stationRouteCode - b.stationRouteCode;
  143 + }), 'directions');
  144 + //停车场
  145 + $.get('/basic/parks', function (rs) {
  146 + parks = rs;
  147 + });
  148 + //线路标准
  149 + information = gb_data_basic.getLineInformation(sch.xlBm);
  150 +
  151 + //submit
  152 + var f = $('form', modal).formValidation(gb_form_validation_opts);
  153 + f.on('success.form.fv', function (e) {
  154 + disabled_submit_btn(this);
  155 + e.preventDefault();
  156 + var data = $(this).serializeJSON();
  157 +
  158 + gb_common.$post('/childTask', data, function (rs) {
  159 + notify_succ('子任务添加成功');
  160 + gb_schedule_table.updateSchedule(rs.t);
  161 + $('#schedule-lj_zrw-modal .main-schedule-table').trigger('refresh', {sch: rs.t});
  162 + UIkit.modal(modal).hide();
  163 + });
  164 + });
  165 +
  166 + //班次类型
  167 + $('[name=type2]', f).on('change', function () {
  168 + var routes = stationRoutes[sch.xlDir]
  169 + , lastCode = routes[routes.length - 1].stationCode
  170 + , opts = '', park_opts = '';
  171 + //station options
  172 + $.each(routes, function () {
  173 + opts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>'
  174 + });
  175 + //park options
  176 + for (var code in parks)
  177 + park_opts += '<option value="' + code + '">' + parks[code] + '</option>';
  178 +
  179 + var qdz = $('[name=startStation]', f), zdz = $('[name=endStation]', f), mType = $('[name=mileageType]', f);
  180 + switch ($(this).val()) {
  181 + case '3'://出场
  182 + qdz.html(park_opts).val(information.carPark);
  183 + zdz.html(opts);
  184 + mType.val('empty');
  185 + break;
  186 + case '2'://进场
  187 + qdz.html(opts);
  188 + zdz.html(park_opts).val(information.carPark);
  189 + mType.val('empty');
  190 + break;
  191 + default:
  192 + qdz.html(opts);
  193 + zdz.html(opts).val(lastCode);
  194 + mType.val('service');
  195 +
  196 + }
  197 + });
  198 +
  199 + //是否烂班
  200 + $('[name=destroy]', f).on('click', function () {
  201 + if (this.checked) {
  202 + $('.destroy_reason_wrap', modal).show();//.find('[name=destroyReason]').attr('required', 'required');
  203 + }
  204 + else {
  205 + $('.destroy_reason_wrap', modal).hide();//.find('[name=destroyReason]').removeAttr('required');
  206 + }
  207 + });
  208 +
  209 + $('[name=destroyReason]', f).on('change', function () {
  210 + var rem = $('[name=remarks]', f);
  211 + rem.val(rem.val() + $(this).val() + '，');
  212 + });
  213 + });
  214 + })();
  215 + </script>
  216 +</div>
src/main/resources/static/real_control_v2/fragments/north/nav/history_sch/h_add_sub_task_inpark.html
  View file @0937497
1 -<div class="uk-modal ct_move_modal" id="add-sub-task-inpark-modal">  
2 - <div class="uk-modal-dialog">  
3 - <a href="" class="uk-modal-close uk-close"></a>  
4 - <div class="uk-modal-header">  
5 - <h2>回场子任务</h2></div>  
6 -  
7 - <div style="width: 100%;padding-left: 1%;">  
8 - <div class="sub-task-card">  
9 - <div class="uk-panel uk-panel-box uk-panel-box-primary twins_task_panel">  
10 - <div class="uk-panel-badge uk-badge">营运</div>  
11 - <h3 class="uk-panel-title">线路上站点间</h3>  
12 - <form class="uk-form uk-form-horizontal inpark_form" service_form>  
13 - <input type="hidden" name="type2" value="1">  
14 - <input type="hidden" name="mileageType" value="service">  
15 - <div class="uk-grid">  
16 - <div class="uk-width-3-10">  
17 - <div class="uk-form-row">  
18 - <label class="uk-form-label">班次类型 </label>  
19 - </div>  
20 - </div>  
21 - <div class="uk-width-7-10 pl5">  
22 - <select name="type1" class="ct_focus" disabled>  
23 - <option value="正常">正常</option>  
24 - <option value="临加">临加</option>  
25 - </select>  
26 - </div>  
27 - </div>  
28 - <div class="uk-grid">  
29 - <div class="uk-width-3-10">  
30 - <div class="uk-form-row">  
31 - <label class="uk-form-label">起点 </label>  
32 - </div>  
33 - </div>  
34 - <div class="uk-width-7-10 pl5">  
35 - <select name="startStation" disabled></select>  
36 - </div>  
37 - </div>  
38 - <div class="uk-grid">  
39 - <div class="uk-width-3-10">  
40 - <div class="uk-form-row">  
41 - <label class="uk-form-label">终点 </label>  
42 - </div>  
43 - </div>  
44 - <div class="uk-width-7-10 pl5">  
45 - <select name="endStation" class="ct_focus"></select>  
46 - </div>  
47 - </div>  
48 - <div class="uk-grid">  
49 - <div class="uk-width-3-10">  
50 - <div class="uk-form-row">  
51 - <label class="uk-form-label">营运里程</label>  
52 - </div>  
53 - </div>  
54 - <div class="uk-width-7-10 pl5">  
55 - <input type="number" step="0.01" name="mileage" required>  
56 - </div>  
57 - </div>  
58 - <div class="uk-grid">  
59 - <div class="uk-width-3-10">  
60 - <div class="uk-form-row">  
61 - <label class="uk-form-label">开始时间</label>  
62 - </div>  
63 - </div>  
64 - <div class="uk-width-7-10 pl5">  
65 - <input type="time" name="startDate" required>  
66 - </div>  
67 - </div>  
68 - <div class="uk-grid">  
69 - <div class="uk-width-3-10">  
70 - <div class="uk-form-row">  
71 - <label class="uk-form-label">结束时间</label>  
72 - </div>  
73 - </div>  
74 - <div class="uk-width-7-10 pl5">  
75 - <input type="time" name="endDate" required>  
76 - </div>  
77 - </div>  
78 - </form>  
79 - </div>  
80 - </div>  
81 - <div class="sub-task-card">  
82 - <div class="uk-panel uk-panel-box uk-panel-box-secondary">  
83 - <div class="uk-panel-badge uk-badge uk-badge-default">空驶</div>  
84 - <h3 class="uk-panel-title">进场</h3>  
85 - <form class="uk-form uk-form-horizontal inpark_form" empty_form>  
86 - <input type="hidden" name="type2" value="2">  
87 - <input type="hidden" name="mileageType" value="empty">  
88 - <div class="uk-grid">  
89 - <div class="uk-width-3-10">  
90 - <div class="uk-form-row">  
91 - <label class="uk-form-label">班次类型 </label>  
92 - </div>  
93 - </div>  
94 - <div class="uk-width-7-10 pl5">  
95 - <select name="type1" class="ct_focus">  
96 - <option value="正常">正常</option>  
97 - <option value="临加">临加</option>  
98 - </select>  
99 - </div>  
100 - </div>  
101 - <div class="uk-grid">  
102 - <div class="uk-width-3-10">  
103 - <div class="uk-form-row">  
104 - <label class="uk-form-label">起点 </label>  
105 - </div>  
106 - </div>  
107 - <div class="uk-width-7-10 pl5">  
108 - <select name="startStation" ></select>  
109 - </div>  
110 - </div>  
111 - <div class="uk-grid">  
112 - <div class="uk-width-3-10">  
113 - <div class="uk-form-row">  
114 - <label class="uk-form-label">终点 </label>  
115 - </div>  
116 - </div>  
117 - <div class="uk-width-7-10 pl5">  
118 - <select name="endStation" class="ct_focus"></select>  
119 - </div>  
120 - </div>  
121 - <div class="uk-grid">  
122 - <div class="uk-width-3-10">  
123 - <div class="uk-form-row">  
124 - <label class="uk-form-label">空驶里程</label>  
125 - </div>  
126 - </div>  
127 - <div class="uk-width-7-10 pl5">  
128 - <input type="number" step="0.01" name="mileage" required style="width: calc(100% - 62px);">  
129 - <a style="font-size: 12px;color: grey;cursor: default;" data-uk-tooltip title="可选择回场路径，设置途径点位。暂不开放" id="inpark_paths_link">路径（<span>0</span>）</a>  
130 - </div>  
131 - </div>  
132 - <div class="uk-grid">  
133 - <div class="uk-width-3-10">  
134 - <div class="uk-form-row">  
135 - <label class="uk-form-label">开始时间</label>  
136 - </div>  
137 - </div>  
138 - <div class="uk-width-7-10 pl5">  
139 - <input type="time" name="startDate" required>  
140 - </div>  
141 - </div>  
142 - <div class="uk-grid">  
143 - <div class="uk-width-3-10">  
144 - <div class="uk-form-row">  
145 - <label class="uk-form-label">结束时间</label>  
146 - </div>  
147 - </div>  
148 - <div class="uk-width-7-10 pl5">  
149 - <input type="time" name="endDate" required>  
150 - </div>  
151 - </div>  
152 - </form>  
153 - </div>  
154 - </div>  
155 - <div class="sub-task-card destroy-card uk-animation-scale">  
156 - <div class="uk-panel uk-panel-box uk-panel-box-danger">  
157 - <div class="uk-panel-badge uk-badge uk-badge-danger">烂班</div>  
158 - <h3 class="uk-panel-title">线路上站点间</h3>  
159 - <form class="uk-form uk-form-horizontal inpark_form" destroy_form>  
160 - <input type="hidden" value="正常" name="type1">  
161 - <input type="hidden" value="1" name="type2">  
162 - <input type="hidden" name="mileageType" value="service">  
163 - <input type="hidden" name="destroy" value="true">  
164 - <div class="uk-grid" style="height: 30px;">  
165 - </div>  
166 - <div class="uk-grid">  
167 - <div class="uk-width-3-10">  
168 - <div class="uk-form-row">  
169 - <label class="uk-form-label">起点 </label>  
170 - </div>  
171 - </div>  
172 - <div class="uk-width-7-10 pl5">  
173 - <select name="startStation" disabled></select>  
174 - </div>  
175 - </div>  
176 - <div class="uk-grid">  
177 - <div class="uk-width-3-10">  
178 - <div class="uk-form-row">  
179 - <label class="uk-form-label">终点 </label>  
180 - </div>  
181 - </div>  
182 - <div class="uk-width-7-10 pl5">  
183 - <select name="endStation" class="ct_focus" disabled></select>  
184 - </div>  
185 - </div>  
186 - <div class="uk-grid">  
187 - <div class="uk-width-3-10">  
188 - <div class="uk-form-row">  
189 - <label class="uk-form-label">烂班里程</label>  
190 - </div>  
191 - </div>  
192 - <div class="uk-width-7-10 pl5">  
193 - <input type="number" step="0.01" name="mileage" required>  
194 - </div>  
195 - </div>  
196 - <div class="uk-grid">  
197 - <div class="uk-width-3-10">  
198 - <div class="uk-form-row">  
199 - <label class="uk-form-label">开始时间</label>  
200 - </div>  
201 - </div>  
202 - <div class="uk-width-7-10 pl5">  
203 - <input type="time" name="startDate" required>  
204 - </div>  
205 - </div>  
206 - <div class="uk-grid">  
207 - <div class="uk-width-3-10">  
208 - <div class="uk-form-row">  
209 - <label class="uk-form-label">烂班原因</label>  
210 - </div>  
211 - </div>  
212 - <div class="uk-width-7-10 pl5">  
213 - <select name="destroyReason" required></select>  
214 - </div>  
215 - </div>  
216 - </form>  
217 - </div>  
218 - </div>  
219 -  
220 - <form class="uk-form" style="margin-top: 15px; padding: 0 10px 0 0;">  
221 - <textarea placeholder="备注" style="width: 100%;height: 70px;" id="globalRemarks"></textarea>  
222 - </form>  
223 - </div>  
224 -  
225 - <div class="uk-modal-footer uk-text-right">  
226 - <button type="button" class="uk-button uk-modal-close">取消</button>  
227 - <button type="button" class="uk-button uk-button-primary" id="submitChildTaskBtn">提交子任务</button>  
228 -  
229 - <div class="ct-footer-left">  
230 - <a id="betweenStationRangeCalc" data-drawer-id="station_route_spacing_chart_drawer">站点间公里不准？</a>  
231 - </div>  
232 - </div>  
233 - </div>  
234 -  
235 - <div class="ct-bottom-drawer">  
236 - <div class="ct-bottom-drawer-body"></div>  
237 - </div>  
238 -  
239 - <script id="sub-task-inpark-form-temp" type="text/html">  
240 - </script>  
241 -  
242 - <script>  
243 - (function () {  
244 - var modal = '#add-sub-task-inpark-modal',  
245 - serviceForm = $('form[service_form]', modal),  
246 - emptyForm = $('form[empty_form]', modal),  
247 - destroyForm = $('form[destroy_form]', modal),  
248 - sch, stationRoutes, parks, information, esCode, timeLocStations;  
249 - var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '其他'];  
250 - $(modal).on('init', function (e, data) {  
251 - e.stopPropagation();  
252 - sch = data.sch;  
253 -  
254 - //站点路由  
255 - stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {  
256 - return a.stationRouteCode - b.stationRouteCode;  
257 - }), 'directions')[sch.xlDir];  
258 - //空驶终点（停车场）  
259 - //切换进场终点  
260 - $('select[name=endStation]', emptyForm).on('change', inparkNavigation);  
261 - $.get('/basic/parks', function (rs) {  
262 - parks = rs;  
263 - var opts = '';  
264 - for (var code in parks) {  
265 - opts += '<option value="' + code + '">' + parks[code] + '</option>';  
266 - }  
267 - $('select[name=endStation]', emptyForm).html(opts).val(information.carPark).trigger('change');  
268 - });  
269 - //线路标准  
270 - information = gb_data_basic.getLineInformation(sch.xlBm);  
271 - //本地存储的站点耗时  
272 - getLocStationsSpace();  
273 -  
274 - //设置默认值  
275 - setDefaultVal();  
276 -  
277 - //切换营运终点  
278 - $('select[name=endStation]', serviceForm).val(esCode).on('change', function () {  
279 - var val = $(this).val();  
280 - if (val == esCode) {  
281 - $('.uk-modal-dialog', modal).removeClass('three-children');  
282 - $('.sub-task-card.destroy-card').css("display", "none");  
283 - }  
284 - else {  
285 - $('.uk-modal-dialog', modal).addClass('three-children');  
286 - $('.sub-task-card.destroy-card').css("display", "inline-block");  
287 - }  
288 -  
289 - reClac();  
290 - }).trigger('change');  
291 -  
292 -  
293 - var dataArray = [];  
294 - var fs = $('form.inpark_form', modal).formValidation({  
295 - framework: 'uikit',  
296 - locale: 'zh_CN'  
297 - });  
298 - fs.on('success.form.fv', function(e) {  
299 - e.preventDefault();  
300 - if($(this).is(':hidden'))  
301 - return;  
302 - dataArray.push($.extend($(this).serializeJSON(), getDisabledVal(this)  
303 - , {remarks: $('#globalRemarks',modal).val(), 'schedule.id': sch.id}));  
304 - $(this).data('valid', true);  
305 -  
306 - if(allValidSuccess()){  
307 - var i = 0, rst;  
308 - (function () {  
309 - var f = arguments.callee;  
310 - if(i >= dataArray.length){  
311 - UIkit.modal(modal).hide();  
312 - $('#history-sch-edit-modal').trigger('init', {id: sch.id});  
313 - return;  
314 - }  
315 - var data = dataArray[i];  
316 - //里程为0的不保存  
317 - if(data.mileage==0){  
318 - i++;  
319 - f();  
320 - }  
321 - else{  
322 - //营运子任务不写备注  
323 - if(data.mileageType == 'service' && !data.destroy)  
324 - data.remarks = '';  
325 - //需要关联的部分主任务属性  
326 - data['schedule.xlBm'] = sch.xlBm;  
327 - data['schedule.xlDir'] = sch.xlDir;  
328 - gb_common.$post('/childTask/history', data, function (rs) {  
329 - notify_succ('子任务添加成功');  
330 - rst = rs.t;  
331 - i++;  
332 - f();  
333 - });  
334 - }  
335 - })();  
336 - }  
337 - });  
338 -  
339 - //校验不过  
340 - fs.on('err.field.fv', function () {  
341 - $('#submitChildTaskBtn', modal).removeClass('disabled').removeAttr('disabled');  
342 - });  
343 -  
344 - //submit  
345 - $('#submitChildTaskBtn', modal).on('click', function () {  
346 - $(this).addClass('disabled').attr('disabled','disabled');  
347 - dataArray = [];  
348 - fs.data('valid', false);  
349 - fs.formValidation('validate');  
350 - //fs.submit();  
351 - });  
352 -  
353 - //选择烂班原因  
354 - $('select[name=destroyReason]', destroyForm).on('change', function () {  
355 - var e =$('#globalRemarks', modal);  
356 - e.val(e.val() + $(this).val() + '，');  
357 - });  
358 -  
359 - //根据主任务状态，复子任务  
360 - updateTwinsTaskBySch(sch);  
361 - });  
362 -  
363 - function allValidSuccess() {  
364 - var flag = true;  
365 - $('form.inpark_form:visible', modal).each(function (i, f) {  
366 - if(!$(f).data('valid')){  
367 - flag = false;  
368 - return false;  
369 - }  
370 - });  
371 - return flag;  
372 - }  
373 -  
374 - //获取表单disabled 项的值  
375 - function getDisabledVal(f) {  
376 - var rs = {};  
377 - $('input,select', f).each(function () {  
378 - if($(this).attr('disabled')){  
379 - rs[$(this).attr('name')]=$(this).val();  
380 - }  
381 - });  
382 - return rs;  
383 - }  
384 -  
385 - function setDefaultVal() {  
386 - var routeOpts = '';  
387 - $.each(stationRoutes, function () {  
388 - routeOpts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>';  
389 - });  
390 - esCode = stationRoutes[stationRoutes.length - 1].stationCode;  
391 -  
392 - //营运起终点  
393 - $('select[name=startStation],select[name=endStation]', serviceForm).html(routeOpts);  
394 - //空驶起点  
395 - $('select[name=startStation]', emptyForm).html(routeOpts).val(esCode);  
396 - //烂班起终点  
397 - $('select[name=startStation],select[name=endStation]', destroyForm).html(routeOpts).val(esCode);  
398 -  
399 - //烂班原因  
400 - var adjustExpsOpts = '<option value="">请选择...</option>';  
401 - $.each(adjustExps, function (i, str) {  
402 - adjustExpsOpts += '<option value="' + str + '">' + str + '</option>';  
403 - });  
404 - $('select[name=destroyReason]', destroyForm).html(adjustExpsOpts);  
405 -  
406 - //营运开始时间  
407 - $('input[name=startDate]', serviceForm).val(sch.fcsjActual?sch.fcsjActual:sch.dfsj);  
408 -  
409 - //营运班次类型  
410 - $('select[name=type1]', serviceForm).val(sch['sflj']?'临加':'正常');  
411 - }  
412 -  
413 - //点击 路径  
414 - $('#inpark_paths_link', modal).on('click', function () {  
415 -  
416 - });  
417 -  
418 - //进场导航  
419 - var drivingRouteResult;  
420 - function inparkNavigation() {  
421 - var start = $('select[name=startStation]', emptyForm).val()  
422 - ,end = $('select[name=endStation]', emptyForm).val();  
423 -  
424 - if(!end) return;  
425 -  
426 - var station = getStationByCode(start).station  
427 - ,park = gb_data_basic.getCarparkByCode(end);  
428 -  
429 - if(!park){  
430 - notify_err('无法找到停车场的坐标对照！！！');  
431 - return;  
432 - }  
433 - var tArray = park['gCenterPoint'].split(' ');  
434 - var sCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(station['gLonx'], station[''gLaty]))  
435 - ,eCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(parseFloat(tArray[0]), parseFloat(tArray[1])));  
436 -  
437 - var sp = new BMap.Point(sCoord.lng,sCoord.lat);  
438 - var ep = new BMap.Point(eCoord.lng,eCoord.lat);  
439 -  
440 - var driving = new BMap.DrivingRoute('上海', {  
441 - onSearchComplete: function (rs) {  
442 - drivingRouteResult = rs;  
443 - calcInparkMileage(0);  
444 - }  
445 - });  
446 - driving.search(sp,ep);  
447 - }  
448 -  
449 - function calcInparkMileage(index) {  
450 - var count = drivingRouteResult.getNumPlans();  
451 -  
452 - //选择方案  
453 - var routePlan = drivingRouteResult.getPlan(index);  
454 - //里程  
455 - var mileage = routePlan.getDistance(false);  
456 - $('input[name=mileage]', emptyForm).val(mileage / 1000);  
457 - //结束时间  
458 - var duratio = routePlan.getDuration(false);  
459 - var st = $('input[name=startDate]', emptyForm).val();  
460 - var ets = moment(st, 'HH:mm').add(duratio, 'seconds').format('HH:mm');  
461 - $('input[name=endDate]', emptyForm).val(ets);  
462 -  
463 -  
464 - $('#inpark_paths_link span', modal).text(count);  
465 - }  
466 -  
467 - function getStationByCode(code) {  
468 - for(var i = 0; i < stationRoutes.length; i++){  
469 - if(stationRoutes[i]['stationCode']==code)  
470 - return stationRoutes[i];  
471 - }  
472 - return null;  
473 - }  
474 -  
475 - function reClac() {  
476 - var serviceEnd = $('select[name=endStation]', serviceForm).val();  
477 - //空驶起点 == 营运终点  
478 - $('select[name=startStation]', emptyForm).val(serviceEnd);  
479 -  
480 - //计算营运里程  
481 - var s = $('select[name=startStation]', serviceForm).val(),  
482 - e = $('select[name=endStation]', serviceForm).val();  
483 - var sMileage = calcMileage(s, e);  
484 - if(sMileage >= 0)  
485 - $('input[name=mileage]', serviceForm).val(sMileage);  
486 -  
487 - //营运结束时间  
488 - var et = sch.dfsjT + (parseInt(sMileage / sch.jhlcOrig * sch.bcsj) * 60 * 1000)  
489 - ,ets = et > sch.zdsjT?sch.zdsj:moment(et).format('HH:mm');  
490 - $('input[name=endDate]', serviceForm).val(ets);  
491 -  
492 - //有烂班  
493 - if (serviceEnd != esCode) {  
494 - //烂班起点 == 营运终点  
495 - $('select[name=startStation]', destroyForm).val(serviceEnd);  
496 - //计算烂班公里  
497 - s = $('select[name=startStation]', destroyForm).val();  
498 - e = $('select[name=endStation]', destroyForm).val();  
499 - var dMileage = calcMileage(s, e);  
500 - $('input[name=mileage]', destroyForm).val(dMileage);  
501 - //烂班开始时间  
502 - $('input[name=startDate]', destroyForm).val(ets);  
503 - }  
504 -  
505 - //进场开始时间  
506 - $('input[name=startDate]', emptyForm).val(ets);  
507 -  
508 - //重新导航  
509 - inparkNavigation();  
510 - }  
511 -  
512 - function calcMileage(s, e) {  
513 - var mileage = 0, flag, code;  
514 - if (timeLocStations) {  
515 - //空间坐标计算的站距  
516 - $.each(timeLocStations, function () {  
517 - code = this.station['STATION_CODE'];  
518 - if (flag)  
519 - mileage = gb_common.accAdd(mileage, this.toDistanceGl);  
520 - if (code == s)  
521 - flag = true;  
522 - if (code == e)  
523 - return false;  
524 - });  
525 - }  
526 - else{  
527 - //从原始站点路由字段里取值  
528 - $.each(stationRoutes, function () {  
529 - code = this['stationCode'];  
530 - if (flag)  
531 - mileage = gb_common.accAdd(mileage, this.distances);  
532 - if (code == s)  
533 - flag = true;  
534 - if (code == e)  
535 - return false;  
536 - });  
537 - }  
538 - return mileage;  
539 - }  
540 -  
541 - //从本地localStorage获取站间距数据  
542 - function getLocStationsSpace() {  
543 - try {  
544 - timeLocStations = window.localStorage.getItem('control_route_distance_' + sch.xlBm);  
545 - if (timeLocStations)  
546 - timeLocStations = JSON.parse(timeLocStations).stations[sch.xlDir == 0 ? 'up' : 'down'];  
547 - } catch (e) {  
548 - console.log(e);  
549 - }  
550 - }  
551 -  
552 - //站间距计算后刷新  
553 - $(modal).on('refresh_station_space', function () {  
554 - getLocStationsSpace();  
555 - reClac();  
556 - });  
557 -  
558 - //------ 下抽屉 ------  
559 - $('#betweenStationRangeCalc', modal).on('click', function () {  
560 - var id = $(this).data('drawer-id');  
561 - switchBtmDrawer(id, '/real_control_v2/fragments/line_schedule/context_menu/sub_task/station_route_spacing_chart.html');  
562 - });  
563 -  
564 - var btmDrawer = $('.ct-bottom-drawer', modal);  
565 - //打开事件  
566 - btmDrawer.on('drawer_show', function () {  
567 - var url = $(this).data('url');  
568 - if (!url) {  
569 - alert('无效的地址');  
570 - }  
571 -  
572 - var drawerPanel = $(this).data('name');  
573 - $('.ct-bottom-drawer-body', btmDrawer).load(url, function () {  
574 - $('#' + drawerPanel).trigger('drawer-init', {sch: sch});  
575 - });  
576 - });  
577 -  
578 - function switchBtmDrawer(id, url) {  
579 - if (btmDrawer.hasClass('open') && btmDrawer.data('name') == id) {  
580 - btmDrawer.removeClass('open');  
581 - btmDrawer.removeData('name').removeData('url');  
582 - }  
583 - else {  
584 - btmDrawer.addClass('open');  
585 - btmDrawer.data('name', id).data('url', url).trigger('drawer_show');  
586 - }  
587 - }  
588 -  
589 -  
590 - function updateTwinsTaskBySch(sch) {  
591 - //主任务是烂班  
592 - if(sch.destroy){  
593 - serviceForm.prepend('<input type="hidden" name="destroy" value="true">');  
594 - $('[name=mileage]', serviceForm).val(sch.jhlcOrig).attr('disabled', 'disabled');  
595 - $('.twins_task_panel .uk-badge', modal).addClass('uk-badge-danger').text('烂班');  
596 - //终点禁选  
597 - $('select[name=endStation]', serviceForm).attr('disabled', 'disabled');  
598 - //开始结束时间禁选  
599 -  
600 - //空驶起点  
601 - $('select[name=startStation]', emptyForm).val(sch.qdzCode);  
602 - }  
603 - }  
604 - })();  
605 - </script> 1 +<div class="uk-modal ct_move_modal" id="add-sub-task-inpark-modal">
  2 + <div class="uk-modal-dialog">
  3 + <a href="" class="uk-modal-close uk-close"></a>
  4 + <div class="uk-modal-header">
  5 + <h2>回场子任务</h2></div>
  6 +
  7 + <div style="width: 100%;padding-left: 1%;">
  8 + <div class="sub-task-card">
  9 + <div class="uk-panel uk-panel-box uk-panel-box-primary twins_task_panel">
  10 + <div class="uk-panel-badge uk-badge">营运</div>
  11 + <h3 class="uk-panel-title">线路上站点间</h3>
  12 + <form class="uk-form uk-form-horizontal inpark_form" service_form>
  13 + <input type="hidden" name="type2" value="1">
  14 + <input type="hidden" name="mileageType" value="service">
  15 + <div class="uk-grid">
  16 + <div class="uk-width-3-10">
  17 + <div class="uk-form-row">
  18 + <label class="uk-form-label">班次类型 </label>
  19 + </div>
  20 + </div>
  21 + <div class="uk-width-7-10 pl5">
  22 + <select name="type1" class="ct_focus" disabled>
  23 + <option value="正常">正常</option>
  24 + <option value="临加">临加</option>
  25 + </select>
  26 + </div>
  27 + </div>
  28 + <div class="uk-grid">
  29 + <div class="uk-width-3-10">
  30 + <div class="uk-form-row">
  31 + <label class="uk-form-label">起点 </label>
  32 + </div>
  33 + </div>
  34 + <div class="uk-width-7-10 pl5">
  35 + <select name="startStation" disabled></select>
  36 + </div>
  37 + </div>
  38 + <div class="uk-grid">
  39 + <div class="uk-width-3-10">
  40 + <div class="uk-form-row">
  41 + <label class="uk-form-label">终点 </label>
  42 + </div>
  43 + </div>
  44 + <div class="uk-width-7-10 pl5">
  45 + <select name="endStation" class="ct_focus"></select>
  46 + </div>
  47 + </div>
  48 + <div class="uk-grid">
  49 + <div class="uk-width-3-10">
  50 + <div class="uk-form-row">
  51 + <label class="uk-form-label">营运里程</label>
  52 + </div>
  53 + </div>
  54 + <div class="uk-width-7-10 pl5">
  55 + <input type="number" step="0.01" name="mileage" required>
  56 + </div>
  57 + </div>
  58 + <div class="uk-grid">
  59 + <div class="uk-width-3-10">
  60 + <div class="uk-form-row">
  61 + <label class="uk-form-label">开始时间</label>
  62 + </div>
  63 + </div>
  64 + <div class="uk-width-7-10 pl5">
  65 + <input type="time" name="startDate" required>
  66 + </div>
  67 + </div>
  68 + <div class="uk-grid">
  69 + <div class="uk-width-3-10">
  70 + <div class="uk-form-row">
  71 + <label class="uk-form-label">结束时间</label>
  72 + </div>
  73 + </div>
  74 + <div class="uk-width-7-10 pl5">
  75 + <input type="time" name="endDate" required>
  76 + </div>
  77 + </div>
  78 + </form>
  79 + </div>
  80 + </div>
  81 + <div class="sub-task-card">
  82 + <div class="uk-panel uk-panel-box uk-panel-box-secondary">
  83 + <div class="uk-panel-badge uk-badge uk-badge-default">空驶</div>
  84 + <h3 class="uk-panel-title">进场</h3>
  85 + <form class="uk-form uk-form-horizontal inpark_form" empty_form>
  86 + <input type="hidden" name="type2" value="2">
  87 + <input type="hidden" name="mileageType" value="empty">
  88 + <div class="uk-grid">
  89 + <div class="uk-width-3-10">
  90 + <div class="uk-form-row">
  91 + <label class="uk-form-label">班次类型 </label>
  92 + </div>
  93 + </div>
  94 + <div class="uk-width-7-10 pl5">
  95 + <select name="type1" class="ct_focus">
  96 + <option value="正常">正常</option>
  97 + <option value="临加">临加</option>
  98 + </select>
  99 + </div>
  100 + </div>
  101 + <div class="uk-grid">
  102 + <div class="uk-width-3-10">
  103 + <div class="uk-form-row">
  104 + <label class="uk-form-label">起点 </label>
  105 + </div>
  106 + </div>
  107 + <div class="uk-width-7-10 pl5">
  108 + <select name="startStation" ></select>
  109 + </div>
  110 + </div>
  111 + <div class="uk-grid">
  112 + <div class="uk-width-3-10">
  113 + <div class="uk-form-row">
  114 + <label class="uk-form-label">终点 </label>
  115 + </div>
  116 + </div>
  117 + <div class="uk-width-7-10 pl5">
  118 + <select name="endStation" class="ct_focus"></select>
  119 + </div>
  120 + </div>
  121 + <div class="uk-grid">
  122 + <div class="uk-width-3-10">
  123 + <div class="uk-form-row">
  124 + <label class="uk-form-label">空驶里程</label>
  125 + </div>
  126 + </div>
  127 + <div class="uk-width-7-10 pl5">
  128 + <input type="number" step="0.01" name="mileage" required style="width: calc(100% - 62px);">
  129 + <a style="font-size: 12px;color: grey;cursor: default;" data-uk-tooltip title="可选择回场路径，设置途径点位。暂不开放" id="inpark_paths_link">路径（<span>0</span>）</a>
  130 + </div>
  131 + </div>
  132 + <div class="uk-grid">
  133 + <div class="uk-width-3-10">
  134 + <div class="uk-form-row">
  135 + <label class="uk-form-label">开始时间</label>
  136 + </div>
  137 + </div>
  138 + <div class="uk-width-7-10 pl5">
  139 + <input type="time" name="startDate" required>
  140 + </div>
  141 + </div>
  142 + <div class="uk-grid">
  143 + <div class="uk-width-3-10">
  144 + <div class="uk-form-row">
  145 + <label class="uk-form-label">结束时间</label>
  146 + </div>
  147 + </div>
  148 + <div class="uk-width-7-10 pl5">
  149 + <input type="time" name="endDate" required>
  150 + </div>
  151 + </div>
  152 + </form>
  153 + </div>
  154 + </div>
  155 + <div class="sub-task-card destroy-card uk-animation-scale">
  156 + <div class="uk-panel uk-panel-box uk-panel-box-danger">
  157 + <div class="uk-panel-badge uk-badge uk-badge-danger">烂班</div>
  158 + <h3 class="uk-panel-title">线路上站点间</h3>
  159 + <form class="uk-form uk-form-horizontal inpark_form" destroy_form>
  160 + <input type="hidden" value="正常" name="type1">
  161 + <input type="hidden" value="1" name="type2">
  162 + <input type="hidden" name="mileageType" value="service">
  163 + <input type="hidden" name="destroy" value="true">
  164 + <div class="uk-grid" style="height: 30px;">
  165 + </div>
  166 + <div class="uk-grid">
  167 + <div class="uk-width-3-10">
  168 + <div class="uk-form-row">
  169 + <label class="uk-form-label">起点 </label>
  170 + </div>
  171 + </div>
  172 + <div class="uk-width-7-10 pl5">
  173 + <select name="startStation" disabled></select>
  174 + </div>
  175 + </div>
  176 + <div class="uk-grid">
  177 + <div class="uk-width-3-10">
  178 + <div class="uk-form-row">
  179 + <label class="uk-form-label">终点 </label>
  180 + </div>
  181 + </div>
  182 + <div class="uk-width-7-10 pl5">
  183 + <select name="endStation" class="ct_focus" disabled></select>
  184 + </div>
  185 + </div>
  186 + <div class="uk-grid">
  187 + <div class="uk-width-3-10">
  188 + <div class="uk-form-row">
  189 + <label class="uk-form-label">烂班里程</label>
  190 + </div>
  191 + </div>
  192 + <div class="uk-width-7-10 pl5">
  193 + <input type="number" step="0.01" name="mileage" required>
  194 + </div>
  195 + </div>
  196 + <div class="uk-grid">
  197 + <div class="uk-width-3-10">
  198 + <div class="uk-form-row">
  199 + <label class="uk-form-label">开始时间</label>
  200 + </div>
  201 + </div>
  202 + <div class="uk-width-7-10 pl5">
  203 + <input type="time" name="startDate" required>
  204 + </div>
  205 + </div>
  206 + <div class="uk-grid">
  207 + <div class="uk-width-3-10">
  208 + <div class="uk-form-row">
  209 + <label class="uk-form-label">烂班原因</label>
  210 + </div>
  211 + </div>
  212 + <div class="uk-width-7-10 pl5">
  213 + <select name="destroyReason" required></select>
  214 + </div>
  215 + </div>
  216 + </form>
  217 + </div>
  218 + </div>
  219 +
  220 + <form class="uk-form" style="margin-top: 15px; padding: 0 10px 0 0;">
  221 + <textarea placeholder="备注" style="width: 100%;height: 70px;" id="globalRemarks"></textarea>
  222 + </form>
  223 + </div>
  224 +
  225 + <div class="uk-modal-footer uk-text-right">
  226 + <button type="button" class="uk-button uk-modal-close">取消</button>
  227 + <button type="button" class="uk-button uk-button-primary" id="submitChildTaskBtn">提交子任务</button>
  228 +
  229 + <div class="ct-footer-left">
  230 + <a id="betweenStationRangeCalc" data-drawer-id="station_route_spacing_chart_drawer">站点间公里不准？</a>
  231 + </div>
  232 + </div>
  233 + </div>
  234 +
  235 + <div class="ct-bottom-drawer">
  236 + <div class="ct-bottom-drawer-body"></div>
  237 + </div>
  238 +
  239 + <script id="sub-task-inpark-form-temp" type="text/html">
  240 + </script>
  241 +
  242 + <script>
  243 + (function () {
  244 + var modal = '#add-sub-task-inpark-modal',
  245 + serviceForm = $('form[service_form]', modal),
  246 + emptyForm = $('form[empty_form]', modal),
  247 + destroyForm = $('form[destroy_form]', modal),
  248 + sch, stationRoutes, parks, information, esCode, timeLocStations;
  249 + var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '路救抛锚', '其他'];
  250 + $(modal).on('init', function (e, data) {
  251 + e.stopPropagation();
  252 + sch = data.sch;
  253 +
  254 + //站点路由
  255 + stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {
  256 + return a.stationRouteCode - b.stationRouteCode;
  257 + }), 'directions')[sch.xlDir];
  258 + //空驶终点（停车场）
  259 + //切换进场终点
  260 + $('select[name=endStation]', emptyForm).on('change', inparkNavigation);
  261 + $.get('/basic/parks', function (rs) {
  262 + parks = rs;
  263 + var opts = '';
  264 + for (var code in parks) {
  265 + opts += '<option value="' + code + '">' + parks[code] + '</option>';
  266 + }
  267 + $('select[name=endStation]', emptyForm).html(opts).val(information.carPark).trigger('change');
  268 + });
  269 + //线路标准
  270 + information = gb_data_basic.getLineInformation(sch.xlBm);
  271 + //本地存储的站点耗时
  272 + getLocStationsSpace();
  273 +
  274 + //设置默认值
  275 + setDefaultVal();
  276 +
  277 + //切换营运终点
  278 + $('select[name=endStation]', serviceForm).val(esCode).on('change', function () {
  279 + var val = $(this).val();
  280 + if (val == esCode) {
  281 + $('.uk-modal-dialog', modal).removeClass('three-children');
  282 + $('.sub-task-card.destroy-card').css("display", "none");
  283 + }
  284 + else {
  285 + $('.uk-modal-dialog', modal).addClass('three-children');
  286 + $('.sub-task-card.destroy-card').css("display", "inline-block");
  287 + }
  288 +
  289 + reClac();
  290 + }).trigger('change');
  291 +
  292 +
  293 + var dataArray = [];
  294 + var fs = $('form.inpark_form', modal).formValidation({
  295 + framework: 'uikit',
  296 + locale: 'zh_CN'
  297 + });
  298 + fs.on('success.form.fv', function(e) {
  299 + e.preventDefault();
  300 + if($(this).is(':hidden'))
  301 + return;
  302 + dataArray.push($.extend($(this).serializeJSON(), getDisabledVal(this)
  303 + , {remarks: $('#globalRemarks',modal).val(), 'schedule.id': sch.id}));
  304 + $(this).data('valid', true);
  305 +
  306 + if(allValidSuccess()){
  307 + var i = 0, rst;
  308 + (function () {
  309 + var f = arguments.callee;
  310 + if(i >= dataArray.length){
  311 + UIkit.modal(modal).hide();
  312 + $('#history-sch-edit-modal').trigger('init', {id: sch.id});
  313 + return;
  314 + }
  315 + var data = dataArray[i];
  316 + //里程为0的不保存
  317 + if(data.mileage==0){
  318 + i++;
  319 + f();
  320 + }
  321 + else{
  322 + //营运子任务不写备注
  323 + if(data.mileageType == 'service' && !data.destroy)
  324 + data.remarks = '';
  325 + //需要关联的部分主任务属性
  326 + data['schedule.xlBm'] = sch.xlBm;
  327 + data['schedule.xlDir'] = sch.xlDir;
  328 + gb_common.$post('/childTask/history', data, function (rs) {
  329 + notify_succ('子任务添加成功');
  330 + rst = rs.t;
  331 + i++;
  332 + f();
  333 + });
  334 + }
  335 + })();
  336 + }
  337 + });
  338 +
  339 + //校验不过
  340 + fs.on('err.field.fv', function () {
  341 + $('#submitChildTaskBtn', modal).removeClass('disabled').removeAttr('disabled');
  342 + });
  343 +
  344 + //submit
  345 + $('#submitChildTaskBtn', modal).on('click', function () {
  346 + $(this).addClass('disabled').attr('disabled','disabled');
  347 + dataArray = [];
  348 + fs.data('valid', false);
  349 + fs.formValidation('validate');
  350 + //fs.submit();
  351 + });
  352 +
  353 + //选择烂班原因
  354 + $('select[name=destroyReason]', destroyForm).on('change', function () {
  355 + var e =$('#globalRemarks', modal);
  356 + e.val(e.val() + $(this).val() + '，');
  357 + });
  358 +
  359 + //根据主任务状态，复子任务
  360 + updateTwinsTaskBySch(sch);
  361 + });
  362 +
  363 + function allValidSuccess() {
  364 + var flag = true;
  365 + $('form.inpark_form:visible', modal).each(function (i, f) {
  366 + if(!$(f).data('valid')){
  367 + flag = false;
  368 + return false;
  369 + }
  370 + });
  371 + return flag;
  372 + }
  373 +
  374 + //获取表单disabled 项的值
  375 + function getDisabledVal(f) {
  376 + var rs = {};
  377 + $('input,select', f).each(function () {
  378 + if($(this).attr('disabled')){
  379 + rs[$(this).attr('name')]=$(this).val();
  380 + }
  381 + });
  382 + return rs;
  383 + }
  384 +
  385 + function setDefaultVal() {
  386 + var routeOpts = '';
  387 + $.each(stationRoutes, function () {
  388 + routeOpts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>';
  389 + });
  390 + esCode = stationRoutes[stationRoutes.length - 1].stationCode;
  391 +
  392 + //营运起终点
  393 + $('select[name=startStation],select[name=endStation]', serviceForm).html(routeOpts);
  394 + //空驶起点
  395 + $('select[name=startStation]', emptyForm).html(routeOpts).val(esCode);
  396 + //烂班起终点
  397 + $('select[name=startStation],select[name=endStation]', destroyForm).html(routeOpts).val(esCode);
  398 +
  399 + //烂班原因
  400 + var adjustExpsOpts = '<option value="">请选择...</option>';
  401 + $.each(adjustExps, function (i, str) {
  402 + adjustExpsOpts += '<option value="' + str + '">' + str + '</option>';
  403 + });
  404 + $('select[name=destroyReason]', destroyForm).html(adjustExpsOpts);
  405 +
  406 + //营运开始时间
  407 + $('input[name=startDate]', serviceForm).val(sch.fcsjActual?sch.fcsjActual:sch.dfsj);
  408 +
  409 + //营运班次类型
  410 + $('select[name=type1]', serviceForm).val(sch['sflj']?'临加':'正常');
  411 + }
  412 +
  413 + //点击 路径
  414 + $('#inpark_paths_link', modal).on('click', function () {
  415 +
  416 + });
  417 +
  418 + //进场导航
  419 + var drivingRouteResult;
  420 + function inparkNavigation() {
  421 + var start = $('select[name=startStation]', emptyForm).val()
  422 + ,end = $('select[name=endStation]', emptyForm).val();
  423 +
  424 + if(!end) return;
  425 +
  426 + var station = getStationByCode(start).station
  427 + ,park = gb_data_basic.getCarparkByCode(end);
  428 +
  429 + if(!park){
  430 + notify_err('无法找到停车场的坐标对照！！！');
  431 + return;
  432 + }
  433 + var tArray = park['gCenterPoint'].split(' ');
  434 + var sCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(station['gLonx'], station[''gLaty]))
  435 + ,eCoord = CoordinateConverter.transformFromWGSToBaidu(CoordinateConverter.locationMake(parseFloat(tArray[0]), parseFloat(tArray[1])));
  436 +
  437 + var sp = new BMap.Point(sCoord.lng,sCoord.lat);
  438 + var ep = new BMap.Point(eCoord.lng,eCoord.lat);
  439 +
  440 + var driving = new BMap.DrivingRoute('上海', {
  441 + onSearchComplete: function (rs) {
  442 + drivingRouteResult = rs;
  443 + calcInparkMileage(0);
  444 + }
  445 + });
  446 + driving.search(sp,ep);
  447 + }
  448 +
  449 + function calcInparkMileage(index) {
  450 + var count = drivingRouteResult.getNumPlans();
  451 +
  452 + //选择方案
  453 + var routePlan = drivingRouteResult.getPlan(index);
  454 + //里程
  455 + var mileage = routePlan.getDistance(false);
  456 + $('input[name=mileage]', emptyForm).val(mileage / 1000);
  457 + //结束时间
  458 + var duratio = routePlan.getDuration(false);
  459 + var st = $('input[name=startDate]', emptyForm).val();
  460 + var ets = moment(st, 'HH:mm').add(duratio, 'seconds').format('HH:mm');
  461 + $('input[name=endDate]', emptyForm).val(ets);
  462 +
  463 +
  464 + $('#inpark_paths_link span', modal).text(count);
  465 + }
  466 +
  467 + function getStationByCode(code) {
  468 + for(var i = 0; i < stationRoutes.length; i++){
  469 + if(stationRoutes[i]['stationCode']==code)
  470 + return stationRoutes[i];
  471 + }
  472 + return null;
  473 + }
  474 +
  475 + function reClac() {
  476 + var serviceEnd = $('select[name=endStation]', serviceForm).val();
  477 + //空驶起点 == 营运终点
  478 + $('select[name=startStation]', emptyForm).val(serviceEnd);
  479 +
  480 + //计算营运里程
  481 + var s = $('select[name=startStation]', serviceForm).val(),
  482 + e = $('select[name=endStation]', serviceForm).val();
  483 + var sMileage = calcMileage(s, e);
  484 + if(sMileage >= 0)
  485 + $('input[name=mileage]', serviceForm).val(sMileage);
  486 +
  487 + //营运结束时间
  488 + var et = sch.dfsjT + (parseInt(sMileage / sch.jhlcOrig * sch.bcsj) * 60 * 1000)
  489 + ,ets = et > sch.zdsjT?sch.zdsj:moment(et).format('HH:mm');
  490 + $('input[name=endDate]', serviceForm).val(ets);
  491 +
  492 + //有烂班
  493 + if (serviceEnd != esCode) {
  494 + //烂班起点 == 营运终点
  495 + $('select[name=startStation]', destroyForm).val(serviceEnd);
  496 + //计算烂班公里
  497 + s = $('select[name=startStation]', destroyForm).val();
  498 + e = $('select[name=endStation]', destroyForm).val();
  499 + var dMileage = calcMileage(s, e);
  500 + $('input[name=mileage]', destroyForm).val(dMileage);
  501 + //烂班开始时间
  502 + $('input[name=startDate]', destroyForm).val(ets);
  503 + }
  504 +
  505 + //进场开始时间
  506 + $('input[name=startDate]', emptyForm).val(ets);
  507 +
  508 + //重新导航
  509 + inparkNavigation();
  510 + }
  511 +
  512 + function calcMileage(s, e) {
  513 + var mileage = 0, flag, code;
  514 + if (timeLocStations) {
  515 + //空间坐标计算的站距
  516 + $.each(timeLocStations, function () {
  517 + code = this.station['STATION_CODE'];
  518 + if (flag)
  519 + mileage = gb_common.accAdd(mileage, this.toDistanceGl);
  520 + if (code == s)
  521 + flag = true;
  522 + if (code == e)
  523 + return false;
  524 + });
  525 + }
  526 + else{
  527 + //从原始站点路由字段里取值
  528 + $.each(stationRoutes, function () {
  529 + code = this['stationCode'];
  530 + if (flag)
  531 + mileage = gb_common.accAdd(mileage, this.distances);
  532 + if (code == s)
  533 + flag = true;
  534 + if (code == e)
  535 + return false;
  536 + });
  537 + }
  538 + return mileage;
  539 + }
  540 +
  541 + //从本地localStorage获取站间距数据
  542 + function getLocStationsSpace() {
  543 + try {
  544 + timeLocStations = window.localStorage.getItem('control_route_distance_' + sch.xlBm);
  545 + if (timeLocStations)
  546 + timeLocStations = JSON.parse(timeLocStations).stations[sch.xlDir == 0 ? 'up' : 'down'];
  547 + } catch (e) {
  548 + console.log(e);
  549 + }
  550 + }
  551 +
  552 + //站间距计算后刷新
  553 + $(modal).on('refresh_station_space', function () {
  554 + getLocStationsSpace();
  555 + reClac();
  556 + });
  557 +
  558 + //------ 下抽屉 ------
  559 + $('#betweenStationRangeCalc', modal).on('click', function () {
  560 + var id = $(this).data('drawer-id');
  561 + switchBtmDrawer(id, '/real_control_v2/fragments/line_schedule/context_menu/sub_task/station_route_spacing_chart.html');
  562 + });
  563 +
  564 + var btmDrawer = $('.ct-bottom-drawer', modal);
  565 + //打开事件
  566 + btmDrawer.on('drawer_show', function () {
  567 + var url = $(this).data('url');
  568 + if (!url) {
  569 + alert('无效的地址');
  570 + }
  571 +
  572 + var drawerPanel = $(this).data('name');
  573 + $('.ct-bottom-drawer-body', btmDrawer).load(url, function () {
  574 + $('#' + drawerPanel).trigger('drawer-init', {sch: sch});
  575 + });
  576 + });
  577 +
  578 + function switchBtmDrawer(id, url) {
  579 + if (btmDrawer.hasClass('open') && btmDrawer.data('name') == id) {
  580 + btmDrawer.removeClass('open');
  581 + btmDrawer.removeData('name').removeData('url');
  582 + }
  583 + else {
  584 + btmDrawer.addClass('open');
  585 + btmDrawer.data('name', id).data('url', url).trigger('drawer_show');
  586 + }
  587 + }
  588 +
  589 +
  590 + function updateTwinsTaskBySch(sch) {
  591 + //主任务是烂班
  592 + if(sch.destroy){
  593 + serviceForm.prepend('<input type="hidden" name="destroy" value="true">');
  594 + $('[name=mileage]', serviceForm).val(sch.jhlcOrig).attr('disabled', 'disabled');
  595 + $('.twins_task_panel .uk-badge', modal).addClass('uk-badge-danger').text('烂班');
  596 + //终点禁选
  597 + $('select[name=endStation]', serviceForm).attr('disabled', 'disabled');
  598 + //开始结束时间禁选
  599 +
  600 + //空驶起点
  601 + $('select[name=startStation]', emptyForm).val(sch.qdzCode);
  602 + }
  603 + }
  604 + })();
  605 + </script>
606 </div> 606 </div>
607 \ No newline at end of file 607 \ No newline at end of file
src/main/resources/static/real_control_v2/fragments/north/nav/history_sch/h_add_sub_task_other.html
  View file @0937497
1 -<div class="uk-modal ct-form-modal ct_move_modal" id="add-sub-task-other-modal">  
2 - <div class="uk-modal-dialog" style="width: 635px;">  
3 - <a href="" class="uk-modal-close uk-close"></a>  
4 - <div class="uk-modal-header">  
5 - <h2>自定义子任务</h2></div>  
6 - <form class="uk-form uk-form-horizontal">  
7 - </form>  
8 - </div>  
9 -  
10 - <script id="sub-task-other-form-temp" type="text/html">  
11 - <input type="hidden" value="{{sch.id}}" name="schedule.id">  
12 - <div class="uk-grid">  
13 - <div class="uk-width-1-2">  
14 - <div class="uk-form-row">  
15 - <label class="uk-form-label">班次类型</label>  
16 - <div class="uk-form-controls">  
17 - <select class="form-control" name="type1" style="width: 65px;">  
18 - <option>正常</option>  
19 - <option>临加</option>  
20 - </select>  
21 - <select class="form-control nt-dictionary" name="type2" data-group=ChildTaskType  
22 - style="width: 126px;;"></select>  
23 - </div>  
24 - </div>  
25 - </div>  
26 -  
27 - <div class="uk-width-1-2 inout_reason_wrap" style="display: none">  
28 - <div class="uk-form-row">  
29 - <label class="uk-form-label">进出场原因</label>  
30 - <div class="uk-form-controls">  
31 - <select class="form-control" name="reason" required>  
32 - <option value="">请选择..</option>  
33 - <option>故障</option>  
34 - <option>肇事</option>  
35 - <option>纠纷</option>  
36 - <option>其他</option>  
37 - </select>  
38 - </div>  
39 - </div>  
40 - </div>  
41 -  
42 - </div>  
43 - <div class="uk-grid">  
44 - <div class="uk-width-1-2">  
45 - <div class="uk-form-row">  
46 - <label class="uk-form-label">起点 </label>  
47 - <div class="uk-form-controls">  
48 - <select name="startStation" required></select>  
49 - </div>  
50 - </div>  
51 - </div>  
52 - <div class="uk-width-1-2">  
53 - <div class="uk-form-row">  
54 - <label class="uk-form-label">终点</label>  
55 - <div class="uk-form-controls">  
56 - <select name="endStation" required></select>  
57 - </div>  
58 - </div>  
59 - </div>  
60 - </div>  
61 -  
62 - <div class="uk-grid">  
63 - <div class="uk-width-1-2">  
64 - <div class="uk-form-row">  
65 - <label class="uk-form-label">里程类型</label>  
66 - <div class="uk-form-controls">  
67 - <select class="form-control nt-dictionary" required name="mileageType"  
68 - data-group="MileageType"></select>  
69 - </div>  
70 - </div>  
71 - </div>  
72 - <div class="uk-width-1-2">  
73 - <div class="uk-form-row">  
74 - <label class="uk-form-label">公里数</label>  
75 - <div class="uk-form-controls">  
76 - <input class="form-control" name="mileage" max=400 data-fv-lessthan-inclusive="false" required>  
77 - </div>  
78 - </div>  
79 - </div>  
80 - </div>  
81 -  
82 - <div class="uk-grid">  
83 - <div class="uk-width-1-2">  
84 - <div class="uk-form-row">  
85 - <label class="uk-form-label">开始时间</label>  
86 - <div class="uk-form-controls">  
87 - <input name="startDate" value="{{sch.fcsj}}" type="time" required>  
88 - </div>  
89 - </div>  
90 - </div>  
91 - <div class="uk-width-1-2">  
92 - <div class="uk-form-row">  
93 - <label class="uk-form-label">结束时间</label>  
94 - <div class="uk-form-controls">  
95 - <input name="endDate" value="{{sch.zdsj}}" type="time" required>  
96 - </div>  
97 - </div>  
98 - </div>  
99 - </div>  
100 -  
101 - <div class="uk-grid">  
102 - <div class="uk-width-1-2">  
103 - <div class="uk-form-row" style="padding-top: 5px;">  
104 - <label class="uk-form-label"></label>  
105 - <div class="uk-form-controls">  
106 - <label>  
107 - <input type="checkbox" value=1 name="destroy" class="i-cbox"> 是否烂班  
108 - </label>  
109 - </div>  
110 - </div>  
111 - </div>  
112 - <div class="uk-width-1-2 destroy_reason_wrap" style="display: none;">  
113 - <div class="uk-form-row">  
114 - <label class="uk-form-label">烂班原因</label>  
115 - <div class="uk-form-controls">  
116 - <select class="form-control" name="destroyReason">  
117 - <option value="">请选择...</option>  
118 - {{each adjustExps as exp i}}  
119 - <option value="{{exp}}">{{exp}}</option>  
120 - {{/each}}  
121 - </select>  
122 - </div>  
123 - </div>  
124 - </div>  
125 - </div>  
126 -  
127 - <div class="uk-grid">  
128 - <div class="uk-width-1-1">  
129 - <div class="uk-form-row ct-stacked">  
130 - <div class="uk-form-controls" style="margin-top: 5px;">  
131 - <textarea id="form-s-t" cols="30" rows="5" name="remarks" data-fv-stringlength="true"  
132 - data-fv-stringlength-max="50" placeholder="备注，不超过50个字符"></textarea>  
133 - </div>  
134 - </div>  
135 - </div>  
136 - </div>  
137 - <div class="uk-modal-footer uk-text-right" style="margin-bottom: -20px;">  
138 - <button type="button" class="uk-button uk-modal-close">取消</button>  
139 - <button type="submit" class="uk-button uk-button-primary"><i class="uk-icon-check"></i> &nbsp;保存</button>  
140 - </div>  
141 - </script>  
142 -  
143 - <script>  
144 - (function () {  
145 - var modal = '#add-sub-task-other-modal',  
146 - sch, stationRoutes, parks, information;  
147 - var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '其他'];  
148 - $(modal).on('init', function (e, data) {  
149 - e.stopPropagation();  
150 - sch = data.sch;  
151 - var formHtml = template('sub-task-other-form-temp', {sch: sch, adjustExps: adjustExps});  
152 - $('form', modal).html(formHtml);  
153 - //字典转换  
154 - dictionaryUtils.transformDom($('.nt-dictionary', modal));  
155 -  
156 - //站点路由  
157 - stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {  
158 - return a.stationRouteCode - b.stationRouteCode;  
159 - }), 'directions');  
160 - //停车场  
161 - $.get('/basic/parks', function (rs) {  
162 - parks = rs;  
163 - });  
164 - //线路标准  
165 - information = gb_data_basic.getLineInformation(sch.xlBm);  
166 -  
167 - //submit  
168 - var f = $('form', modal).formValidation(gb_form_validation_opts);  
169 - f.on('success.form.fv', function (e) {  
170 - disabled_submit_btn(this);  
171 - e.preventDefault();  
172 - var data = $(this).serializeJSON();  
173 -  
174 - //需要关联的部分主任务属性  
175 - data['schedule.xlBm'] = sch.xlBm;  
176 - data['schedule.xlDir'] = sch.xlDir;  
177 - gb_common.$post('/childTask/history', data, function (rs) {  
178 - notify_succ('子任务添加成功');  
179 - $('#history-sch-edit-modal').trigger('init', {id: sch.id});  
180 - UIkit.modal(modal).hide();  
181 - });  
182 - });  
183 -  
184 - //班次类型  
185 - $('[name=type2]', f).on('change', function () {  
186 - $('.inout_reason_wrap').hide();  
187 - var routes = stationRoutes[sch.xlDir]  
188 - , lastCode = routes[routes.length - 1].stationCode  
189 - , opts = '', park_opts = '';  
190 - //station options  
191 - $.each(routes, function () {  
192 - opts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>'  
193 - });  
194 - //park options  
195 - for (var code in parks)  
196 - park_opts += '<option value="' + code + '">' + parks[code] + '</option>';  
197 -  
198 - var qdz = $('[name=startStation]', f), zdz = $('[name=endStation]', f), mType = $('[name=mileageType]', f);  
199 - switch ($(this).val()) {  
200 - case '3'://出场  
201 - qdz.html(park_opts).val(information.carPark);  
202 - zdz.html(opts);  
203 - mType.val('empty');  
204 - //进出场原因  
205 - $('.inout_reason_wrap').show();  
206 - break;  
207 - case '2'://进场  
208 - qdz.html(opts);  
209 - zdz.html(park_opts).val(information.carPark);  
210 - mType.val('empty');  
211 - //进出场原因  
212 - $('.inout_reason_wrap').show();  
213 - break;  
214 - default:  
215 - qdz.html(opts);  
216 - zdz.html(opts).val(lastCode);  
217 - mType.val('service');  
218 -  
219 - }  
220 - });  
221 -  
222 - //是否烂班  
223 - $('[name=destroy]', f).on('click', function () {  
224 - console.log(this, this.checked);  
225 - if (this.checked) {  
226 - $('.destroy_reason_wrap', modal).show();  
227 - }  
228 - else {  
229 - $('.destroy_reason_wrap', modal).hide();  
230 - }  
231 - });  
232 -  
233 - $('[name=destroyReason]', f).on('change', function () {  
234 - var rem = $('[name=remarks]', f);  
235 - rem.val(rem.val() + $(this).val() + '，');  
236 - });  
237 - });  
238 - })();  
239 - </script>  
240 -</div> 1 +<div class="uk-modal ct-form-modal ct_move_modal" id="add-sub-task-other-modal">
  2 + <div class="uk-modal-dialog" style="width: 635px;">
  3 + <a href="" class="uk-modal-close uk-close"></a>
  4 + <div class="uk-modal-header">
  5 + <h2>自定义子任务</h2></div>
  6 + <form class="uk-form uk-form-horizontal">
  7 + </form>
  8 + </div>
  9 +
  10 + <script id="sub-task-other-form-temp" type="text/html">
  11 + <input type="hidden" value="{{sch.id}}" name="schedule.id">
  12 + <div class="uk-grid">
  13 + <div class="uk-width-1-2">
  14 + <div class="uk-form-row">
  15 + <label class="uk-form-label">班次类型</label>
  16 + <div class="uk-form-controls">
  17 + <select class="form-control" name="type1" style="width: 65px;">
  18 + <option>正常</option>
  19 + <option>临加</option>
  20 + </select>
  21 + <select class="form-control nt-dictionary" name="type2" data-group=ChildTaskType
  22 + style="width: 126px;;"></select>
  23 + </div>
  24 + </div>
  25 + </div>
  26 +
  27 + <div class="uk-width-1-2 inout_reason_wrap" style="display: none">
  28 + <div class="uk-form-row">
  29 + <label class="uk-form-label">进出场原因</label>
  30 + <div class="uk-form-controls">
  31 + <select class="form-control" name="reason" required>
  32 + <option value="">请选择..</option>
  33 + <option>故障</option>
  34 + <option>肇事</option>
  35 + <option>纠纷</option>
  36 + <option>其他</option>
  37 + </select>
  38 + </div>
  39 + </div>
  40 + </div>
  41 +
  42 + </div>
  43 + <div class="uk-grid">
  44 + <div class="uk-width-1-2">
  45 + <div class="uk-form-row">
  46 + <label class="uk-form-label">起点 </label>
  47 + <div class="uk-form-controls">
  48 + <select name="startStation" required></select>
  49 + </div>
  50 + </div>
  51 + </div>
  52 + <div class="uk-width-1-2">
  53 + <div class="uk-form-row">
  54 + <label class="uk-form-label">终点</label>
  55 + <div class="uk-form-controls">
  56 + <select name="endStation" required></select>
  57 + </div>
  58 + </div>
  59 + </div>
  60 + </div>
  61 +
  62 + <div class="uk-grid">
  63 + <div class="uk-width-1-2">
  64 + <div class="uk-form-row">
  65 + <label class="uk-form-label">里程类型</label>
  66 + <div class="uk-form-controls">
  67 + <select class="form-control nt-dictionary" required name="mileageType"
  68 + data-group="MileageType"></select>
  69 + </div>
  70 + </div>
  71 + </div>
  72 + <div class="uk-width-1-2">
  73 + <div class="uk-form-row">
  74 + <label class="uk-form-label">公里数</label>
  75 + <div class="uk-form-controls">
  76 + <input class="form-control" name="mileage" max=400 data-fv-lessthan-inclusive="false" required>
  77 + </div>
  78 + </div>
  79 + </div>
  80 + </div>
  81 +
  82 + <div class="uk-grid">
  83 + <div class="uk-width-1-2">
  84 + <div class="uk-form-row">
  85 + <label class="uk-form-label">开始时间</label>
  86 + <div class="uk-form-controls">
  87 + <input name="startDate" value="{{sch.fcsj}}" type="time" required>
  88 + </div>
  89 + </div>
  90 + </div>
  91 + <div class="uk-width-1-2">
  92 + <div class="uk-form-row">
  93 + <label class="uk-form-label">结束时间</label>
  94 + <div class="uk-form-controls">
  95 + <input name="endDate" value="{{sch.zdsj}}" type="time" required>
  96 + </div>
  97 + </div>
  98 + </div>
  99 + </div>
  100 +
  101 + <div class="uk-grid">
  102 + <div class="uk-width-1-2">
  103 + <div class="uk-form-row" style="padding-top: 5px;">
  104 + <label class="uk-form-label"></label>
  105 + <div class="uk-form-controls">
  106 + <label>
  107 + <input type="checkbox" value=1 name="destroy" class="i-cbox"> 是否烂班
  108 + </label>
  109 + </div>
  110 + </div>
  111 + </div>
  112 + <div class="uk-width-1-2 destroy_reason_wrap" style="display: none;">
  113 + <div class="uk-form-row">
  114 + <label class="uk-form-label">烂班原因</label>
  115 + <div class="uk-form-controls">
  116 + <select class="form-control" name="destroyReason">
  117 + <option value="">请选择...</option>
  118 + {{each adjustExps as exp i}}
  119 + <option value="{{exp}}">{{exp}}</option>
  120 + {{/each}}
  121 + </select>
  122 + </div>
  123 + </div>
  124 + </div>
  125 + </div>
  126 +
  127 + <div class="uk-grid">
  128 + <div class="uk-width-1-1">
  129 + <div class="uk-form-row ct-stacked">
  130 + <div class="uk-form-controls" style="margin-top: 5px;">
  131 + <textarea id="form-s-t" cols="30" rows="5" name="remarks" data-fv-stringlength="true"
  132 + data-fv-stringlength-max="50" placeholder="备注，不超过50个字符"></textarea>
  133 + </div>
  134 + </div>
  135 + </div>
  136 + </div>
  137 + <div class="uk-modal-footer uk-text-right" style="margin-bottom: -20px;">
  138 + <button type="button" class="uk-button uk-modal-close">取消</button>
  139 + <button type="submit" class="uk-button uk-button-primary"><i class="uk-icon-check"></i> &nbsp;保存</button>
  140 + </div>
  141 + </script>
  142 +
  143 + <script>
  144 + (function () {
  145 + var modal = '#add-sub-task-other-modal',
  146 + sch, stationRoutes, parks, information;
  147 + var adjustExps = ['故障', '肇事', '路阻', '纠纷', '缺人', '客稀', '缺车', '气候', '援外', '吊慢', '路救抛锚', '其他'];
  148 + $(modal).on('init', function (e, data) {
  149 + e.stopPropagation();
  150 + sch = data.sch;
  151 + var formHtml = template('sub-task-other-form-temp', {sch: sch, adjustExps: adjustExps});
  152 + $('form', modal).html(formHtml);
  153 + //字典转换
  154 + dictionaryUtils.transformDom($('.nt-dictionary', modal));
  155 +
  156 + //站点路由
  157 + stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {
  158 + return a.stationRouteCode - b.stationRouteCode;
  159 + }), 'directions');
  160 + //停车场
  161 + $.get('/basic/parks', function (rs) {
  162 + parks = rs;
  163 + });
  164 + //线路标准
  165 + information = gb_data_basic.getLineInformation(sch.xlBm);
  166 +
  167 + //submit
  168 + var f = $('form', modal).formValidation(gb_form_validation_opts);
  169 + f.on('success.form.fv', function (e) {
  170 + disabled_submit_btn(this);
  171 + e.preventDefault();
  172 + var data = $(this).serializeJSON();
  173 +
  174 + //需要关联的部分主任务属性
  175 + data['schedule.xlBm'] = sch.xlBm;
  176 + data['schedule.xlDir'] = sch.xlDir;
  177 + gb_common.$post('/childTask/history', data, function (rs) {
  178 + notify_succ('子任务添加成功');
  179 + $('#history-sch-edit-modal').trigger('init', {id: sch.id});
  180 + UIkit.modal(modal).hide();
  181 + });
  182 + });
  183 +
  184 + //班次类型
  185 + $('[name=type2]', f).on('change', function () {
  186 + $('.inout_reason_wrap').hide();
  187 + var routes = stationRoutes[sch.xlDir]
  188 + , lastCode = routes[routes.length - 1].stationCode
  189 + , opts = '', park_opts = '';
  190 + //station options
  191 + $.each(routes, function () {
  192 + opts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>'
  193 + });
  194 + //park options
  195 + for (var code in parks)
  196 + park_opts += '<option value="' + code + '">' + parks[code] + '</option>';
  197 +
  198 + var qdz = $('[name=startStation]', f), zdz = $('[name=endStation]', f), mType = $('[name=mileageType]', f);
  199 + switch ($(this).val()) {
  200 + case '3'://出场
  201 + qdz.html(park_opts).val(information.carPark);
  202 + zdz.html(opts);
  203 + mType.val('empty');
  204 + //进出场原因
  205 + $('.inout_reason_wrap').show();
  206 + break;
  207 + case '2'://进场
  208 + qdz.html(opts);
  209 + zdz.html(park_opts).val(information.carPark);
  210 + mType.val('empty');
  211 + //进出场原因
  212 + $('.inout_reason_wrap').show();
  213 + break;
  214 + default:
  215 + qdz.html(opts);
  216 + zdz.html(opts).val(lastCode);
  217 + mType.val('service');
  218 +
  219 + }
  220 + });
  221 +
  222 + //是否烂班
  223 + $('[name=destroy]', f).on('click', function () {
  224 + console.log(this, this.checked);
  225 + if (this.checked) {
  226 + $('.destroy_reason_wrap', modal).show();
  227 + }
  228 + else {
  229 + $('.destroy_reason_wrap', modal).hide();
  230 + }
  231 + });
  232 +
  233 + $('[name=destroyReason]', f).on('change', function () {
  234 + var rem = $('[name=remarks]', f);
  235 + rem.val(rem.val() + $(this).val() + '，');
  236 + });
  237 + });
  238 + })();
  239 + </script>
  240 +</div>