潘钊 / bsth_control · Commits

Commit f363ab2260bf77d06139e9a9167deaabe1db8873

Authored by 王通
1 parent 48fec9d4
build: skipped

1.线调本地缓存清理

Inline Side-by-side
Showing 2 changed files with 608 additions and 597 deletions
src/main/resources/application-cloud.properties
  View file @f363ab2
@@ -57,7 +57,7 @@ admin.mail= 3090342880@qq.com @@ -57,7 +57,7 @@ admin.mail= 3090342880@qq.com
57 ## enabled 57 ## enabled
58 enabled.whiteip= true 58 enabled.whiteip= true
59 59
60 -sso.enabled= true 60 +sso.enabled= false
61 sso.systemcode = SYS0019 61 sso.systemcode = SYS0019
62 sso.http.url.login= http://180.169.154.251:28090/portal/index.html#/login 62 sso.http.url.login= http://180.169.154.251:28090/portal/index.html#/login
63 sso.http.url.logout= http://180.169.154.251:18080/information/api/v1/logout 63 sso.http.url.logout= http://180.169.154.251:18080/information/api/v1/logout
src/main/resources/static/pages/control/lineallot_v2/main.html
  View file @f363ab2
1 -<!DOCTYPE html>  
2 -<html lang="zh-cn">  
3 -  
4 -<head>  
5 - <meta charset="UTF-8">  
6 - <link rel="stylesheet" href="/assets/plugins/uk3.0/uikit.min.css"/>  
7 - <link rel="stylesheet" href="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.css"/>  
8 - <!-- flatpickr -->  
9 - <link rel="stylesheet" href="/real_control_v2/assets/plugins/flatpickr/flatpickr.min.css">  
10 - <style>  
11 - html, body {  
12 - height: 100%;  
13 - }  
14 -  
15 - .ct_page {  
16 - padding: 25px 15px;  
17 - height: 100%;  
18 - height: calc(100% - 65px);  
19 - }  
20 -  
21 - .ct_cont {  
22 - height: calc(100% - 41px);  
23 - }  
24 -  
25 - .ct_cont > div > div.uk-card {  
26 - height: 99%;  
27 - }  
28 -  
29 - .loading {  
30 - height: 100%;  
31 - text-align: center;  
32 - }  
33 -  
34 - .loading .uk-spinner {  
35 - margin-top: 200px;  
36 - }  
37 -  
38 - .loading circle {  
39 - stroke: red;  
40 - }  
41 -  
42 - .ps-container > .ps-scrollbar-x-rail, .ps-container > .ps-scrollbar-y-rail {  
43 - opacity: 0.6 !important;  
44 - padding: 0 !important;  
45 - }  
46 -  
47 - .line_list_all_wrap {  
48 - height: 200px;  
49 - overflow: auto;  
50 - position: relative;  
51 - -webkit-user-select:none;  
52 - -moz-user-select:none;  
53 - -ms-user-select:none;  
54 - user-select:none;  
55 - }  
56 -  
57 - .line_list_all_wrap > .item {  
58 - background: #fff;  
59 - color: #666;  
60 - box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);  
61 - padding: 7px 12px;  
62 - border: 1px solid #ececec;  
63 - display: inline-block;  
64 - margin: 5px;  
65 - min-width: 70px;  
66 - text-align: center;  
67 - cursor: default;  
68 - }  
69 -  
70 - .line_list_all_wrap > .item.active{  
71 - background: #ffe9a5;  
72 - }  
73 -  
74 - .checked_list {  
75 - padding-left: 4px;  
76 - -webkit-user-select:none;  
77 - -moz-user-select:none;  
78 - -ms-user-select:none;  
79 - user-select:none;  
80 - }  
81 -  
82 - .checked_list > .item {  
83 - color: #fbfbfb;  
84 - box-shadow: 0px 3px 12px rgba(50, 197, 210, 0.3);  
85 - padding: 7px 12px;  
86 - border: 1px solid #ececec;  
87 - display: inline-block;  
88 - margin: 5px 2px;  
89 - min-width: 70px;  
90 - text-align: center;  
91 - background: #32C5D2;  
92 - cursor: move;  
93 - }  
94 -  
95 - .company_search_wrap {  
96 - width: 610px;  
97 - margin-left: 6px;  
98 - }  
99 -  
100 - .company_search_wrap select {  
101 - display: inline-block;  
102 - width: 128px;  
103 - margin-right: 12px;  
104 - }  
105 -  
106 - .uk-card {  
107 - border: 1px solid #eeeeee;  
108 - }  
109 -  
110 - .footer_tools_card {  
111 - margin-top: 20px;  
112 - padding: 20px 40px;  
113 - }  
114 -  
115 - .footer_tools_card label {  
116 - vertical-align: bottom;  
117 - display: inline-block;  
118 - font-size: 13px;  
119 - margin-left: 13px;  
120 - margin-bottom: 3px !important;  
121 - }  
122 -  
123 - .uk-button-default{  
124 - background: #e0e0e0 !important;  
125 - }  
126 -  
127 - .line_list_all_wrap > .item.destroy{  
128 - color: #f64242;  
129 - }  
130 -  
131 - .checked_list > .item.destroy{  
132 - background: #ff5c5c;  
133 - }  
134 - </style>  
135 -</head>  
136 -  
137 -<body>  
138 -<div class="loading">  
139 - <div uk-spinner></div>  
140 -</div>  
141 -<div class="ct_page" style="display: none;">  
142 - <h2 class="uk-heading-line uk-heading-bullet"><span>线调 <h5 style="display: inline-block;">-选择线路</h5></span></h2>  
143 - <div class="ct_cont">  
144 - <div class="allot_wrap uk-flex-center" uk-grid>  
145 - <div class="uk-card uk-card-hover uk-card-body uk-width-2-3@m"  
146 - style="padding-top: 20px;padding-bottom: 20px;">  
147 - <div class="company_search_wrap">  
148 - <select class="uk-select company_search_select"></select>  
149 - <select class="uk-select fgs_search_select" disabled>  
150 - <option value="">分公司搜索</option>  
151 - </select>  
152 - <div class="uk-inline">  
153 - <span class="uk-form-icon uk-form-icon-flip" uk-icon="icon: search"></span>  
154 - <input class="uk-input line_search_input" style="width: 310px;" placeholder="搜索线路">  
155 - </div>  
156 - </div>  
157 - <hr>  
158 - <div class="line_list_all_wrap"></div>  
159 - <hr>  
160 - <div class="checked_list" uk-sortable> </div>  
161 - </div>  
162 -  
163 - <div class="uk-card uk-card-hover uk-card-body uk-width-2-3@m footer_tools_card">  
164 - <button class="uk-button uk-button-default uk-button-large" style="font-size: 16px" id="go_to_real_system_btn"><i  
165 - uk-icon=" icon: sign-in" style="margin-right: 5px;" ></i>进入线路调度  
166 - </button>  
167 - <label class="pattern_type_label"><input class="uk-checkbox" type="checkbox" > 主调模式登录</label>  
168 - <label class="new_window_open_label" title="可能会被浏览器阻止新建窗口" uk-tooltip><input class="uk-checkbox" type="checkbox"> 新窗口打开</label>  
169 - </div>  
170 -  
171 - <div class="uk-alert-warning uk-width-2-3@m " uk-alert>  
172 - <p>注意！！！ 相关“设备调试人员”和“测试人员”不要以主调模式进入线调。</p>  
173 - </div>  
174 - </div>  
175 - </div>  
176 -</div>  
177 -  
178 -<script id="line_list_items_temp" type="text/html">  
179 - {{each list as obj i}}  
180 - <span class="item {{obj.destroy==1?'destroy':''}}" data-id="{{obj.lineCode}}" data-gsbm="{{obj.company}}_{{obj.brancheCompany}}">{{obj.name}}</span>  
181 - {{/each}}  
182 -</script>  
183 -  
184 -<script src="/metronic_v4.5.4/plugins/jquery.min.js"></script>  
185 -<script src="/assets/plugins/uk3.0/uikit.min.js"></script>  
186 -<script src="/assets/plugins/uk3.0/uikit-icons.min.js"></script>  
187 -<script src="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js"></script>  
188 -<!-- EventProxy -->  
189 -<script src="/assets/js/eventproxy.js"></script>  
190 -<!-- art-template 模版引擎 -->  
191 -<script src="/assets/plugins/template.js"></script>  
192 -<script src="/real_control_v2/assets/plugins/moment/moment.min.js"></script>  
193 -<script src="/assets/plugins/pinyin.js"></script>  
194 -<script>  
195 - var allMapps = {};//线路搜索映射  
196 - var companyData = {};  
197 - var codeMapps={}; //线路编码映射  
198 - //滚动条  
199 - $('.line_list_all_wrap').perfectScrollbar();  
200 -  
201 - var ep = EventProxy.create('all_lines', 'user_author', 'company_data', function (allLines, userAuthor, company_data) {  
202 - //按用户权限过滤线路  
203 - var authArray = userAuthor.lineCodeStr.split(','),  
204 - newArray = [];  
205 - $.each(allLines, function () {  
206 - if (this.lineCode && authArray.indexOf(this.lineCode) != -1) {  
207 - newArray.push(this);  
208 - codeMapps[this.lineCode] = this;  
209 - }  
210 - });  
211 - //排序  
212 - newArray.sort(function (a, b) {  
213 - return a.name.localeCompare(b.name);  
214 - });  
215 - //创建线路搜索映射  
216 - createLineSearchMapps(newArray);  
217 -  
218 - var htmlStr = template('line_list_items_temp', {list: newArray});  
219 - $('.line_list_all_wrap').html(htmlStr);  
220 -  
221 - //过滤公司编码数据  
222 - filter_company_data.filter(newArray, convert_buss_data(company_data));  
223 - initCompanySelect();  
224 - //更新滚动条高度  
225 - setTimeout(function () {  
226 - $('.line_list_all_wrap').perfectScrollbar('update');  
227 - }, 1000);  
228 -  
229 - //登录模式  
230 - changePattern(userAuthor.pattern);  
231 - if(!userAuthor.pattern)  
232 - $('.pattern_type_label').hide().find('input')[0].checked=false;  
233 - else  
234 - $('input','.pattern_type_label')[0].checked=true;  
235 -  
236 - $('.loading').remove();  
237 - $('.ct_page').show();  
238 -  
239 - //默认选中上次记录  
240 - var lineControlItems = window.localStorage.getItem('lineControlItems');  
241 - if (lineControlItems) {  
242 - var array = JSON.parse(lineControlItems);  
243 - $.each(array, function (i, line) {  
244 - $('.item[data-id='+line.lineCode+']','.line_list_all_wrap').trigger('click');  
245 - });  
246 - }  
247 - });  
248 -  
249 - $('.pattern_type_label').on('click', function () {  
250 - var checked = $('input',this)[0].checked;  
251 - changePattern(checked);  
252 - });  
253 -  
254 - function changePattern(status) {  
255 - var btn = $('#go_to_real_system_btn'),  
256 - def='uk-button-default',  
257 - prim='uk-button-primary';  
258 - if(status){  
259 - btn.removeClass(def).addClass(prim);  
260 - }  
261 - else{  
262 - btn.removeClass(prim).addClass(def);  
263 - }  
264 - }  
265 -  
266 - /**  
267 - * 查询所有线路  
268 - */  
269 - $.get('/line/all', {remove_ne: 1}, function (list) {  
270 - ep.emit('all_lines', list);  
271 - });  
272 -  
273 - /**用户分配的线路*/  
274 - $.get('/realControAuthority/findByCurrentUser', function (t) {  
275 - ep.emit('user_author', t);  
276 - });  
277 -  
278 - /** 查询公司编码 */  
279 - $.get('/business/all', function (rs) {  
280 - ep.emit('company_data', rs);  
281 - });  
282 -  
283 - //点击选择线路  
284 - $('.line_list_all_wrap').on('click', 'span.item', function () {  
285 - var lineCode = $(this).data('id'),  
286 - name = $(this).text();  
287 - if ($(this).hasClass('active')) {  
288 - $(this).removeClass('active');  
289 -  
290 - $('.item[data-id='+lineCode+']','.checked_list').remove();  
291 - }  
292 - else {  
293 - $(this).addClass('active');  
294 - var span = $('<span data-id="'+lineCode+'" class="item uk-card uk-card-default uk-animation-slide-bottom '+($(this).hasClass('destroy')?"destroy":"")+'">'+name+'</span>')  
295 - .one('webkitAnimationEnd', function () {  
296 - $(this).removeClass('uk-animation-slide-bottom');  
297 - });  
298 - $('.checked_list').append(span);  
299 - }  
300 - });  
301 -  
302 - $('.checked_list').on('click', '.item', function () {  
303 - var lineCode = $(this).data('id');  
304 - $('.item[data-id='+lineCode+']','.line_list_all_wrap').removeClass('active');  
305 - $(this).remove();  
306 - });  
307 -  
308 - /**  
309 - * 搜索线路  
310 - */  
311 - function search_line_list() {  
312 - var comp = $('select.company_search_select').val(),  
313 - fgs = $('select.fgs_search_select').val(),  
314 - gsbm = comp + '_' + fgs;  
315 -  
316 - if(gsbm=='_')  
317 - gsbm=null;  
318 - var allDoms = $('.line_list_all_wrap span.item');  
319 - //线路  
320 - var lineCodeArray = [];  
321 - var t = $('.line_search_input').val();  
322 - if(t){  
323 - t = t.toUpperCase();  
324 - for(var m in allMapps){  
325 - if(m.indexOf(t)!=-1)  
326 - lineCodeArray.push(allMapps[m]);  
327 - }  
328 - }  
329 -  
330 - //搜索  
331 - var show_elems = [];  
332 - for (var i=0, dom; dom = allDoms[i++];) {  
333 - if(gsbm && $(dom).data('gsbm').indexOf(gsbm)==-1)  
334 - continue;  
335 -  
336 - if(t && lineCodeArray.indexOf($(dom).data('id')+'') == -1)  
337 - continue;  
338 -  
339 - show_elems.push($(dom));  
340 - }  
341 -  
342 - //show  
343 - allDoms.hide();  
344 - for(var j=0,$dom;$dom=show_elems[j++];)  
345 - $dom.show();  
346 - }  
347 -  
348 - function createLineSearchMapps(list) {  
349 - allMapps = {};  
350 - var name, code;  
351 - for (var i = 0, line; line = list[i++];) {  
352 - name = line.name;  
353 - code = line.lineCode;  
354 - //拼音映射  
355 - allMapps[pinyin.getCamelChars(name)] = code;  
356 - allMapps[pinyin.getFullChars(name).toUpperCase()] = code;  
357 - //中文映射  
358 - allMapps[name] = code;  
359 - }  
360 - }  
361 -  
362 -  
363 - //构建公司级联下拉框  
364 - function initCompanySelect() {  
365 - var opts = '<option value="">公司搜索</option>';  
366 - for (var k in companyData) {  
367 - opts += '<option value="' + k + '">' + companyData[k].name + '</option>';  
368 - }  
369 - $('select.company_search_select').html(opts);  
370 - }  
371 -  
372 - //公司切换  
373 - $('select.company_search_select').on('change', function () {  
374 - var opts = '<option value="">分公司搜索</option>',  
375 - t = $(this).val(),  
376 - fgsSelect = $('select.fgs_search_select');  
377 - if (!t) {  
378 - fgsSelect.html(opts).attr('disabled', 'disabled');  
379 - }  
380 - else{  
381 - var array = companyData[t].childs;  
382 - for (var i = 0, fgs; fgs = array[i++];) {  
383 - opts += '<option value="' + fgs.businessCode + '">' + fgs.businessName + '</option>';  
384 - }  
385 -  
386 - fgsSelect.html(opts).removeAttr('disabled');  
387 - }  
388 - search_line_list();  
389 - });  
390 -  
391 - //分公司切换  
392 - $('select.fgs_search_select').on('change', search_line_list);  
393 -  
394 - //线路文本框输入  
395 - var flag;  
396 - $('.line_search_input').on('input', function () {  
397 - if(flag)  
398 - return;  
399 - flag = true;  
400 - setTimeout(function () {  
401 - //延迟  
402 - search_line_list();  
403 - flag = false;  
404 - }, 200);  
405 - });  
406 -  
407 - function convert_buss_data(rs) {  
408 - var baseCode;  
409 - //找到跟节点  
410 - $.each(rs, function () {  
411 - if (this.upCode == 0) {  
412 - baseCode = this.businessCode;  
413 - return false;  
414 - }  
415 - });  
416 - if (!baseCode)return;  
417 - //提取二级节点  
418 - var secondMap = {};  
419 - $.each(rs, function () {  
420 - if (this.upCode == baseCode)  
421 - secondMap[this.businessCode] = {name: this.businessName, childs: []};  
422 - });  
423 - //分公司节点  
424 - $.each(rs, function () {  
425 - if (secondMap[this.upCode])  
426 - secondMap[this.upCode].childs.push(this);  
427 - });  
428 - //排序  
429 - for (var sid in secondMap)  
430 - secondMap[sid].childs.sort(naturalSort);  
431 - return secondMap;  
432 - }  
433 -  
434 - var naturalSort = function (a, b) {  
435 - return a.businessName.localeCompare(b.businessName);  
436 - };  
437 -  
438 - /**  
439 - * 根据用户线路权限过滤公司编码数据  
440 - */  
441 - var filter_company_data = (function () {  
442 - var filter = function (lineArray, data) {  
443 - companyData = {};  
444 - var com, fCom;  
445 - $.each(lineArray, function () {  
446 - com = this.company;  
447 - fCom = this.brancheCompany;  
448 - if (!companyData[com]) {  
449 - companyData[com] = {name: data[com].name, childs: []};  
450 - }  
451 -  
452 - if (!get(fCom, companyData[com].childs)) {  
453 - companyData[com].childs.push(get(fCom, data[com].childs));  
454 - }  
455 - });  
456 - };  
457 -  
458 - function get(fgsCode, fgsArray) {  
459 - for (var i = 0, fgs; fgs = fgsArray[i++];) {  
460 - if (fgs.businessCode == fgsCode)  
461 - return fgs;  
462 - }  
463 - return null;  
464 - }  
465 -  
466 - return {  
467 - filter: filter  
468 - }  
469 - })();  
470 - var storage = window.localStorage;  
471 - $('#go_to_real_system_btn').on('click', go_to_xd_sys);  
472 - /**  
473 - * 进入线调  
474 - */  
475 - function go_to_xd_sys() {  
476 - var items = $('.checked_list .item');  
477 - if(items.length==0)  
478 - return UIkit.notification({message: '你还没有选择线路！', pos: 'bottom-center', status: 'danger'});  
479 - $(this).attr('disabled', 'disabled');  
480 -  
481 - show_btn_load(this, '更新缓存数据...');  
482 - (function () {  
483 - var ls_line_data = [];  
484 - $.each(items, function () {  
485 - ls_line_data.push(codeMapps[$(this).data('id')]);  
486 - });  
487 - //监控模式还是主调模式  
488 - storage.setItem('operationMode', $('.pattern_type_label>input')[0].checked?1:0);  
489 -  
490 - //进入线调  
491 - var eq = EventProxy.create('cache_line_level', 'cache_mv_route', 'cache_route', 'check_line_config', function (lineLevel) {  
492 - debugger;  
493 - var newWinOpen = $('input','.new_window_open_label')[0].checked;  
494 - if(!newWinOpen)  
495 - top.window.location.href = "/real_control/v2";  
496 - else{  
497 - window.open("/real_control/v2");  
498 - $('#go_to_real_system_btn').html('已经尝试打开新窗口，如看不到，可能被浏览器阻止了');  
499 - }  
500 -  
501 - // 将线路级别赋值  
502 - $.each(ls_line_data, function () {  
503 - this.lineLevel = lineLevel[this.lineCode];  
504 - });  
505 - // 将线路基础信息写入localStorage  
506 - storage.setItem('lineControlItems', JSON.stringify(ls_line_data));  
507 - });  
508 -  
509 - //拼接线路编码  
510 - var idx='';  
511 - $.each(ls_line_data, function () {  
512 - idx+=(this.lineCode + ',');  
513 - });  
514 - //缓存路由  
515 - idx=idx.substr(0, idx.length - 1);  
516 -  
517 - $.get('/realSchedule/lineLevel', {idx: idx}, function (rs) {  
518 - if (rs) {  
519 - eq.emit('cache_line_level', rs);  
520 - }  
521 - });  
522 -  
523 - $.get('/realMap/findRouteAndVersionByLine', {idx: idx}, function (rs) {  
524 - if (rs) {  
525 - for(var lineCode in rs)  
526 - storage.setItem(lineCode + '_route', JSON.stringify(rs[lineCode]));  
527 - eq.emit('cache_mv_route');  
528 - }  
529 - });  
530 -  
531 - $.get('/realMap/findRouteByLine', {idx: idx}, function (rs) {  
532 - if (rs) {  
533 - for(var lineCode in rs)  
534 - storage.setItem(lineCode + '_route', JSON.stringify(rs[lineCode]));  
535 -  
536 - eq.emit('cache_route');  
537 - }  
538 - });  
539 -  
540 -  
541 - //检查线路配置  
542 - checkLineConfig(ls_line_data, function (rs) {  
543 - if (rs.status == 0)  
544 - eq.emit('check_line_config');  
545 - else if (rs.status == 1){  
546 - initLineConfig(rs.not, function () {  
547 - eq.emit('check_line_config');  
548 - });  
549 - }  
550 - })  
551 - })();  
552 - }  
553 -  
554 - function checkLineConfig(lsData, cb) {  
555 - var lineCodeArray = [];  
556 - $.each(lsData, function () {  
557 - lineCodeArray.push(this.lineCode);  
558 - });  
559 -  
560 - $.ajax({  
561 - url: '/lineConfig/check',  
562 - traditional: true,  
563 - data: {codeArray: lineCodeArray},  
564 - method: 'POST',  
565 - success: cb  
566 - });  
567 - }  
568 -  
569 - function initLineConfig(arr, cb) {  
570 - var i = 0;  
571 - (function () {  
572 - if (i >= arr.length) {  
573 - cb && cb();  
574 - return;  
575 - }  
576 - var f = arguments.callee  
577 - , lineCode = arr[i];  
578 -  
579 - //showLoad('初始化' + lineIds[lineCode] + '配置信息...');  
580 - $.post('/lineConfig/init/' + lineCode, function (rs) {  
581 - if (rs == 1) {  
582 - i++;  
583 - f();  
584 - }  
585 - });  
586 - })();  
587 - }  
588 -  
589 - /**  
590 - * 按钮转菊花  
591 - */  
592 - function show_btn_load(btn, msg) {  
593 - $(btn).html('<div uk-spinner></div> ' + msg);  
594 - }  
595 -</script>  
596 -</body> 1 +<!DOCTYPE html>
  2 +<html lang="zh-cn">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <link rel="stylesheet" href="/assets/plugins/uk3.0/uikit.min.css"/>
  7 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.css"/>
  8 + <!-- flatpickr -->
  9 + <link rel="stylesheet" href="/real_control_v2/assets/plugins/flatpickr/flatpickr.min.css">
  10 + <style>
  11 + html, body {
  12 + height: 100%;
  13 + }
  14 +
  15 + .ct_page {
  16 + padding: 25px 15px;
  17 + height: 100%;
  18 + height: calc(100% - 65px);
  19 + }
  20 +
  21 + .ct_cont {
  22 + height: calc(100% - 41px);
  23 + }
  24 +
  25 + .ct_cont > div > div.uk-card {
  26 + height: 99%;
  27 + }
  28 +
  29 + .loading {
  30 + height: 100%;
  31 + text-align: center;
  32 + }
  33 +
  34 + .loading .uk-spinner {
  35 + margin-top: 200px;
  36 + }
  37 +
  38 + .loading circle {
  39 + stroke: red;
  40 + }
  41 +
  42 + .ps-container > .ps-scrollbar-x-rail, .ps-container > .ps-scrollbar-y-rail {
  43 + opacity: 0.6 !important;
  44 + padding: 0 !important;
  45 + }
  46 +
  47 + .line_list_all_wrap {
  48 + height: 200px;
  49 + overflow: auto;
  50 + position: relative;
  51 + -webkit-user-select:none;
  52 + -moz-user-select:none;
  53 + -ms-user-select:none;
  54 + user-select:none;
  55 + }
  56 +
  57 + .line_list_all_wrap > .item {
  58 + background: #fff;
  59 + color: #666;
  60 + box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
  61 + padding: 7px 12px;
  62 + border: 1px solid #ececec;
  63 + display: inline-block;
  64 + margin: 5px;
  65 + min-width: 70px;
  66 + text-align: center;
  67 + cursor: default;
  68 + }
  69 +
  70 + .line_list_all_wrap > .item.active{
  71 + background: #ffe9a5;
  72 + }
  73 +
  74 + .checked_list {
  75 + padding-left: 4px;
  76 + -webkit-user-select:none;
  77 + -moz-user-select:none;
  78 + -ms-user-select:none;
  79 + user-select:none;
  80 + }
  81 +
  82 + .checked_list > .item {
  83 + color: #fbfbfb;
  84 + box-shadow: 0px 3px 12px rgba(50, 197, 210, 0.3);
  85 + padding: 7px 12px;
  86 + border: 1px solid #ececec;
  87 + display: inline-block;
  88 + margin: 5px 2px;
  89 + min-width: 70px;
  90 + text-align: center;
  91 + background: #32C5D2;
  92 + cursor: move;
  93 + }
  94 +
  95 + .company_search_wrap {
  96 + width: 610px;
  97 + margin-left: 6px;
  98 + }
  99 +
  100 + .company_search_wrap select {
  101 + display: inline-block;
  102 + width: 128px;
  103 + margin-right: 12px;
  104 + }
  105 +
  106 + .uk-card {
  107 + border: 1px solid #eeeeee;
  108 + }
  109 +
  110 + .footer_tools_card {
  111 + margin-top: 20px;
  112 + padding: 20px 40px;
  113 + }
  114 +
  115 + .footer_tools_card label {
  116 + vertical-align: bottom;
  117 + display: inline-block;
  118 + font-size: 13px;
  119 + margin-left: 13px;
  120 + margin-bottom: 3px !important;
  121 + }
  122 +
  123 + .uk-button-default{
  124 + background: #e0e0e0 !important;
  125 + }
  126 +
  127 + .line_list_all_wrap > .item.destroy{
  128 + color: #f64242;
  129 + }
  130 +
  131 + .checked_list > .item.destroy{
  132 + background: #ff5c5c;
  133 + }
  134 + </style>
  135 +</head>
  136 +
  137 +<body>
  138 +<div class="loading">
  139 + <div uk-spinner></div>
  140 +</div>
  141 +<div class="ct_page" style="display: none;">
  142 + <h2 class="uk-heading-line uk-heading-bullet"><span>线调 <h5 style="display: inline-block;">-选择线路</h5></span></h2>
  143 + <div class="ct_cont">
  144 + <div class="allot_wrap uk-flex-center" uk-grid>
  145 + <div class="uk-card uk-card-hover uk-card-body uk-width-2-3@m"
  146 + style="padding-top: 20px;padding-bottom: 20px;">
  147 + <div class="company_search_wrap">
  148 + <select class="uk-select company_search_select"></select>
  149 + <select class="uk-select fgs_search_select" disabled>
  150 + <option value="">分公司搜索</option>
  151 + </select>
  152 + <div class="uk-inline">
  153 + <span class="uk-form-icon uk-form-icon-flip" uk-icon="icon: search"></span>
  154 + <input class="uk-input line_search_input" style="width: 310px;" placeholder="搜索线路">
  155 + </div>
  156 + </div>
  157 + <hr>
  158 + <div class="line_list_all_wrap"></div>
  159 + <hr>
  160 + <div class="checked_list" uk-sortable> </div>
  161 + </div>
  162 +
  163 + <div class="uk-card uk-card-hover uk-card-body uk-width-2-3@m footer_tools_card">
  164 + <button class="uk-button uk-button-default uk-button-large" style="font-size: 16px" id="go_to_real_system_btn"><i
  165 + uk-icon=" icon: sign-in" style="margin-right: 5px;" ></i>进入线路调度
  166 + </button>
  167 + <label class="pattern_type_label"><input class="uk-checkbox" type="checkbox" > 主调模式登录</label>
  168 + <label class="new_window_open_label" title="可能会被浏览器阻止新建窗口" uk-tooltip><input class="uk-checkbox" type="checkbox"> 新窗口打开</label>
  169 + </div>
  170 +
  171 + <div class="uk-alert-warning uk-width-2-3@m " uk-alert>
  172 + <p>注意！！！ 相关“设备调试人员”和“测试人员”不要以主调模式进入线调。</p>
  173 + </div>
  174 + </div>
  175 + </div>
  176 +</div>
  177 +
  178 +<script id="line_list_items_temp" type="text/html">
  179 + {{each list as obj i}}
  180 + <span class="item {{obj.destroy==1?'destroy':''}}" data-id="{{obj.lineCode}}" data-gsbm="{{obj.company}}_{{obj.brancheCompany}}">{{obj.name}}</span>
  181 + {{/each}}
  182 +</script>
  183 +
  184 +<script src="/metronic_v4.5.4/plugins/jquery.min.js"></script>
  185 +<script src="/assets/plugins/uk3.0/uikit.min.js"></script>
  186 +<script src="/assets/plugins/uk3.0/uikit-icons.min.js"></script>
  187 +<script src="/real_control_v2/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.js"></script>
  188 +<!-- EventProxy -->
  189 +<script src="/assets/js/eventproxy.js"></script>
  190 +<!-- art-template 模版引擎 -->
  191 +<script src="/assets/plugins/template.js"></script>
  192 +<script src="/real_control_v2/assets/plugins/moment/moment.min.js"></script>
  193 +<script src="/assets/plugins/pinyin.js"></script>
  194 +<script>
  195 + var allMapps = {};//线路搜索映射
  196 + var companyData = {};
  197 + var codeMapps={}; //线路编码映射
  198 + //滚动条
  199 + $('.line_list_all_wrap').perfectScrollbar();
  200 +
  201 + var ep = EventProxy.create('all_lines', 'user_author', 'company_data', function (allLines, userAuthor, company_data) {
  202 + //按用户权限过滤线路
  203 + var authArray = userAuthor.lineCodeStr.split(','),
  204 + newArray = [];
  205 + $.each(allLines, function () {
  206 + if (this.lineCode && authArray.indexOf(this.lineCode) != -1) {
  207 + newArray.push(this);
  208 + codeMapps[this.lineCode] = this;
  209 + }
  210 + });
  211 + //排序
  212 + newArray.sort(function (a, b) {
  213 + return a.name.localeCompare(b.name);
  214 + });
  215 + //创建线路搜索映射
  216 + createLineSearchMapps(newArray);
  217 +
  218 + var htmlStr = template('line_list_items_temp', {list: newArray});
  219 + $('.line_list_all_wrap').html(htmlStr);
  220 +
  221 + //过滤公司编码数据
  222 + filter_company_data.filter(newArray, convert_buss_data(company_data));
  223 + initCompanySelect();
  224 + //更新滚动条高度
  225 + setTimeout(function () {
  226 + $('.line_list_all_wrap').perfectScrollbar('update');
  227 + }, 1000);
  228 +
  229 + //登录模式
  230 + changePattern(userAuthor.pattern);
  231 + if(!userAuthor.pattern)
  232 + $('.pattern_type_label').hide().find('input')[0].checked=false;
  233 + else
  234 + $('input','.pattern_type_label')[0].checked=true;
  235 +
  236 + $('.loading').remove();
  237 + $('.ct_page').show();
  238 +
  239 + //默认选中上次记录
  240 + var lineControlItems = window.localStorage.getItem('lineControlItems');
  241 + if (lineControlItems) {
  242 + var array = JSON.parse(lineControlItems);
  243 + $.each(array, function (i, line) {
  244 + $('.item[data-id='+line.lineCode+']','.line_list_all_wrap').trigger('click');
  245 + });
  246 + }
  247 +
  248 + var storage = window.localStorage, keys = new Array();
  249 + for (var i = 0;i < storage.length;i++) {
  250 + var key=storage.key(i);
  251 + if (key.indexOf('_route') > 0) {
  252 + keys.push(key);
  253 + }
  254 + }
  255 + for (var i = 0;i < keys.length;i++) {
  256 + storage.removeItem(keys[i]);
  257 + }
  258 + });
  259 +
  260 + $('.pattern_type_label').on('click', function () {
  261 + var checked = $('input',this)[0].checked;
  262 + changePattern(checked);
  263 + });
  264 +
  265 + function changePattern(status) {
  266 + var btn = $('#go_to_real_system_btn'),
  267 + def='uk-button-default',
  268 + prim='uk-button-primary';
  269 + if(status){
  270 + btn.removeClass(def).addClass(prim);
  271 + }
  272 + else{
  273 + btn.removeClass(prim).addClass(def);
  274 + }
  275 + }
  276 +
  277 + /**
  278 + * 查询所有线路
  279 + */
  280 + $.get('/line/all', {remove_ne: 1}, function (list) {
  281 + ep.emit('all_lines', list);
  282 + });
  283 +
  284 + /**用户分配的线路*/
  285 + $.get('/realControAuthority/findByCurrentUser', function (t) {
  286 + ep.emit('user_author', t);
  287 + });
  288 +
  289 + /** 查询公司编码 */
  290 + $.get('/business/all', function (rs) {
  291 + ep.emit('company_data', rs);
  292 + });
  293 +
  294 + //点击选择线路
  295 + $('.line_list_all_wrap').on('click', 'span.item', function () {
  296 + var lineCode = $(this).data('id'),
  297 + name = $(this).text();
  298 + if ($(this).hasClass('active')) {
  299 + $(this).removeClass('active');
  300 +
  301 + $('.item[data-id='+lineCode+']','.checked_list').remove();
  302 + }
  303 + else {
  304 + $(this).addClass('active');
  305 + var span = $('<span data-id="'+lineCode+'" class="item uk-card uk-card-default uk-animation-slide-bottom '+($(this).hasClass('destroy')?"destroy":"")+'">'+name+'</span>')
  306 + .one('webkitAnimationEnd', function () {
  307 + $(this).removeClass('uk-animation-slide-bottom');
  308 + });
  309 + $('.checked_list').append(span);
  310 + }
  311 + });
  312 +
  313 + $('.checked_list').on('click', '.item', function () {
  314 + var lineCode = $(this).data('id');
  315 + $('.item[data-id='+lineCode+']','.line_list_all_wrap').removeClass('active');
  316 + $(this).remove();
  317 + });
  318 +
  319 + /**
  320 + * 搜索线路
  321 + */
  322 + function search_line_list() {
  323 + var comp = $('select.company_search_select').val(),
  324 + fgs = $('select.fgs_search_select').val(),
  325 + gsbm = comp + '_' + fgs;
  326 +
  327 + if(gsbm=='_')
  328 + gsbm=null;
  329 + var allDoms = $('.line_list_all_wrap span.item');
  330 + //线路
  331 + var lineCodeArray = [];
  332 + var t = $('.line_search_input').val();
  333 + if(t){
  334 + t = t.toUpperCase();
  335 + for(var m in allMapps){
  336 + if(m.indexOf(t)!=-1)
  337 + lineCodeArray.push(allMapps[m]);
  338 + }
  339 + }
  340 +
  341 + //搜索
  342 + var show_elems = [];
  343 + for (var i=0, dom; dom = allDoms[i++];) {
  344 + if(gsbm && $(dom).data('gsbm').indexOf(gsbm)==-1)
  345 + continue;
  346 +
  347 + if(t && lineCodeArray.indexOf($(dom).data('id')+'') == -1)
  348 + continue;
  349 +
  350 + show_elems.push($(dom));
  351 + }
  352 +
  353 + //show
  354 + allDoms.hide();
  355 + for(var j=0,$dom;$dom=show_elems[j++];)
  356 + $dom.show();
  357 + }
  358 +
  359 + function createLineSearchMapps(list) {
  360 + allMapps = {};
  361 + var name, code;
  362 + for (var i = 0, line; line = list[i++];) {
  363 + name = line.name;
  364 + code = line.lineCode;
  365 + //拼音映射
  366 + allMapps[pinyin.getCamelChars(name)] = code;
  367 + allMapps[pinyin.getFullChars(name).toUpperCase()] = code;
  368 + //中文映射
  369 + allMapps[name] = code;
  370 + }
  371 + }
  372 +
  373 +
  374 + //构建公司级联下拉框
  375 + function initCompanySelect() {
  376 + var opts = '<option value="">公司搜索</option>';
  377 + for (var k in companyData) {
  378 + opts += '<option value="' + k + '">' + companyData[k].name + '</option>';
  379 + }
  380 + $('select.company_search_select').html(opts);
  381 + }
  382 +
  383 + //公司切换
  384 + $('select.company_search_select').on('change', function () {
  385 + var opts = '<option value="">分公司搜索</option>',
  386 + t = $(this).val(),
  387 + fgsSelect = $('select.fgs_search_select');
  388 + if (!t) {
  389 + fgsSelect.html(opts).attr('disabled', 'disabled');
  390 + }
  391 + else{
  392 + var array = companyData[t].childs;
  393 + for (var i = 0, fgs; fgs = array[i++];) {
  394 + opts += '<option value="' + fgs.businessCode + '">' + fgs.businessName + '</option>';
  395 + }
  396 +
  397 + fgsSelect.html(opts).removeAttr('disabled');
  398 + }
  399 + search_line_list();
  400 + });
  401 +
  402 + //分公司切换
  403 + $('select.fgs_search_select').on('change', search_line_list);
  404 +
  405 + //线路文本框输入
  406 + var flag;
  407 + $('.line_search_input').on('input', function () {
  408 + if(flag)
  409 + return;
  410 + flag = true;
  411 + setTimeout(function () {
  412 + //延迟
  413 + search_line_list();
  414 + flag = false;
  415 + }, 200);
  416 + });
  417 +
  418 + function convert_buss_data(rs) {
  419 + var baseCode;
  420 + //找到跟节点
  421 + $.each(rs, function () {
  422 + if (this.upCode == 0) {
  423 + baseCode = this.businessCode;
  424 + return false;
  425 + }
  426 + });
  427 + if (!baseCode)return;
  428 + //提取二级节点
  429 + var secondMap = {};
  430 + $.each(rs, function () {
  431 + if (this.upCode == baseCode)
  432 + secondMap[this.businessCode] = {name: this.businessName, childs: []};
  433 + });
  434 + //分公司节点
  435 + $.each(rs, function () {
  436 + if (secondMap[this.upCode])
  437 + secondMap[this.upCode].childs.push(this);
  438 + });
  439 + //排序
  440 + for (var sid in secondMap)
  441 + secondMap[sid].childs.sort(naturalSort);
  442 + return secondMap;
  443 + }
  444 +
  445 + var naturalSort = function (a, b) {
  446 + return a.businessName.localeCompare(b.businessName);
  447 + };
  448 +
  449 + /**
  450 + * 根据用户线路权限过滤公司编码数据
  451 + */
  452 + var filter_company_data = (function () {
  453 + var filter = function (lineArray, data) {
  454 + companyData = {};
  455 + var com, fCom;
  456 + $.each(lineArray, function () {
  457 + com = this.company;
  458 + fCom = this.brancheCompany;
  459 + if (!companyData[com]) {
  460 + companyData[com] = {name: data[com].name, childs: []};
  461 + }
  462 +
  463 + if (!get(fCom, companyData[com].childs)) {
  464 + companyData[com].childs.push(get(fCom, data[com].childs));
  465 + }
  466 + });
  467 + };
  468 +
  469 + function get(fgsCode, fgsArray) {
  470 + for (var i = 0, fgs; fgs = fgsArray[i++];) {
  471 + if (fgs.businessCode == fgsCode)
  472 + return fgs;
  473 + }
  474 + return null;
  475 + }
  476 +
  477 + return {
  478 + filter: filter
  479 + }
  480 + })();
  481 + var storage = window.localStorage;
  482 + $('#go_to_real_system_btn').on('click', go_to_xd_sys);
  483 + /**
  484 + * 进入线调
  485 + */
  486 + function go_to_xd_sys() {
  487 + var items = $('.checked_list .item');
  488 + if(items.length==0)
  489 + return UIkit.notification({message: '你还没有选择线路！', pos: 'bottom-center', status: 'danger'});
  490 + $(this).attr('disabled', 'disabled');
  491 +
  492 + show_btn_load(this, '更新缓存数据...');
  493 + (function () {
  494 + var ls_line_data = [];
  495 + $.each(items, function () {
  496 + ls_line_data.push(codeMapps[$(this).data('id')]);
  497 + });
  498 + //监控模式还是主调模式
  499 + storage.setItem('operationMode', $('.pattern_type_label>input')[0].checked?1:0);
  500 +
  501 + //进入线调
  502 + var eq = EventProxy.create('cache_line_level', 'cache_mv_route', 'cache_route', 'check_line_config', function (lineLevel) {
  503 + debugger;
  504 + var newWinOpen = $('input','.new_window_open_label')[0].checked;
  505 + if(!newWinOpen)
  506 + top.window.location.href = "/real_control/v2";
  507 + else{
  508 + window.open("/real_control/v2");
  509 + $('#go_to_real_system_btn').html('已经尝试打开新窗口，如看不到，可能被浏览器阻止了');
  510 + }
  511 +
  512 + // 将线路级别赋值
  513 + $.each(ls_line_data, function () {
  514 + this.lineLevel = lineLevel[this.lineCode];
  515 + });
  516 + // 将线路基础信息写入localStorage
  517 + storage.setItem('lineControlItems', JSON.stringify(ls_line_data));
  518 + });
  519 +
  520 + //拼接线路编码
  521 + var idx='';
  522 + $.each(ls_line_data, function () {
  523 + idx+=(this.lineCode + ',');
  524 + });
  525 + //缓存路由
  526 + idx=idx.substr(0, idx.length - 1);
  527 +
  528 + $.get('/realSchedule/lineLevel', {idx: idx}, function (rs) {
  529 + if (rs) {
  530 + eq.emit('cache_line_level', rs);
  531 + }
  532 + });
  533 +
  534 + $.get('/realMap/findRouteAndVersionByLine', {idx: idx}, function (rs) {
  535 + if (rs) {
  536 + for(var lineCode in rs)
  537 + storage.setItem(lineCode + '_route', JSON.stringify(rs[lineCode]));
  538 + eq.emit('cache_mv_route');
  539 + }
  540 + });
  541 +
  542 + $.get('/realMap/findRouteByLine', {idx: idx}, function (rs) {
  543 + if (rs) {
  544 + for(var lineCode in rs)
  545 + storage.setItem(lineCode + '_route', JSON.stringify(rs[lineCode]));
  546 +
  547 + eq.emit('cache_route');
  548 + }
  549 + });
  550 +
  551 +
  552 + //检查线路配置
  553 + checkLineConfig(ls_line_data, function (rs) {
  554 + if (rs.status == 0)
  555 + eq.emit('check_line_config');
  556 + else if (rs.status == 1){
  557 + initLineConfig(rs.not, function () {
  558 + eq.emit('check_line_config');
  559 + });
  560 + }
  561 + })
  562 + })();
  563 + }
  564 +
  565 + function checkLineConfig(lsData, cb) {
  566 + var lineCodeArray = [];
  567 + $.each(lsData, function () {
  568 + lineCodeArray.push(this.lineCode);
  569 + });
  570 +
  571 + $.ajax({
  572 + url: '/lineConfig/check',
  573 + traditional: true,
  574 + data: {codeArray: lineCodeArray},
  575 + method: 'POST',
  576 + success: cb
  577 + });
  578 + }
  579 +
  580 + function initLineConfig(arr, cb) {
  581 + var i = 0;
  582 + (function () {
  583 + if (i >= arr.length) {
  584 + cb && cb();
  585 + return;
  586 + }
  587 + var f = arguments.callee
  588 + , lineCode = arr[i];
  589 +
  590 + //showLoad('初始化' + lineIds[lineCode] + '配置信息...');
  591 + $.post('/lineConfig/init/' + lineCode, function (rs) {
  592 + if (rs == 1) {
  593 + i++;
  594 + f();
  595 + }
  596 + });
  597 + })();
  598 + }
  599 +
  600 + /**
  601 + * 按钮转菊花
  602 + */
  603 + function show_btn_load(btn, msg) {
  604 + $(btn).html('<div uk-spinner></div> ' + msg);
  605 + }
  606 +</script>
  607 +</body>
597 </html> 608 </html>
598 \ No newline at end of file 609 \ No newline at end of file