Commit b3ebf1b93fe97ff0e62a62c8f30fdba0ffe1070d

Authored by 王通
1 parent 29b93d62

1.

src/main/resources/static/real_control_v2/js/safe_driv/safeDriv.js
1 -/**  
2 - * 安全驾驶相关  
3 - */  
4 -var gb_safe_driv = (function () {  
5 -  
6 - var codes = {  
7 - 'B4': '未带口罩',  
8 - 'A1': '手部违规',  
9 - 'A2': '摄像头偏离',  
10 - 'A3': '安全带',  
11 - 'A4': '未戴袖章',  
12 - 'A5': '眨眼/疲劳驾驶',  
13 - 'A6': '打哈欠/打瞌睡',  
14 - 'A7': '与人交谈',  
15 - 'A9': '玩手机',  
16 - 'A11': '抽烟',  
17 - 'A12': '打电话'  
18 - };  
19 -  
20 - var path = 'http://211.95.61.66:9005/CurrentSafeDriving/';  
21 -  
22 - var $wrap = $('.multi_plat_msg_pop_wrap');  
23 - var max = 5;  
24 -  
25 - var pop = function (sd) {  
26 - //时间格式化  
27 - var stm = moment(sd.ts);  
28 - sd.timeStr = stm.format('HH时mm分ss秒');  
29 - //异常状态文本  
30 - if(sd.jctype == 'B4')  
31 - sd.ycztText = codes[sd.jctype];  
32 - else  
33 - sd.ycztText = codes[sd.yczltype];  
34 - var p;  
35 - //图片地址  
36 - if(sd.jctype == 'B4')  
37 - p = (sd.sbbh+'_A'+sd.yczltype+'_'+stm.format('YYYYMMDDHHmmss'));  
38 - else  
39 - p = (sd.sbbh+'_'+sd.yczltype+'_'+stm.format('YYYYMMDDHHmmss'));  
40 -  
41 - var url = stm.format('YYYYMMDD')+'/'+p+'/'+p;  
42 - sd.url = path + url + '.gif';  
43 - sd.type = 'sd';  
44 -  
45 - var image = new Image();  
46 - image.onload = function() {  
47 - var htmlStr = template('sd_plat_msg_template', sd);  
48 - var items = $wrap.find('.multi_plat_msg_pop'), len = items.length;  
49 - if (len >= max)  
50 - $wrap.find('.multi_plat_msg_pop:lt(' + (len - max) + ')').remove();  
51 -  
52 - $wrap.append(htmlStr);  
53 - }  
54 - image.src = sd.url;  
55 - };  
56 -  
57 -  
58 -  
59 - $wrap.on('click', '.multi_plat_msg_pop', function () {  
60 - var type = $(this).data('type');  
61 - switch (type) {  
62 - // 安全驾驶平台的数据  
63 - case 'sd':  
64 - var nbbm = $(this).data('nbbm'), ts = $(this).data('ts');  
65 - var call_btn_html = '<button class="uk-button uk-button-mini uk-button-primary" ' +  
66 - 'id="m_voip_call_btn_001" ' +  
67 - 'type="button" ' +  
68 - 'data-nbbm="'+nbbm+'">打电话</button>';  
69 -  
70 - var title = $(this).data('title') + '&nbsp;' + call_btn_html;  
71 - var url = $(this).data('url');  
72 - $(this).remove();  
73 -  
74 - var lightbox = UIkit.lightbox.create([  
75 - {title: title, 'source': url}  
76 - ], {keyboard: false});  
77 -  
78 - lightbox.show();  
79 -  
80 - $.post('/realSchedule/ackDsm', {ts : ts, nbbm : nbbm}, function(res) {});  
81 - break;  
82 - // 应急预案平台  
83 - case 'cp':  
84 - var id = $(this).data('id'), confirm = $(this).data('confirm');  
85 - $(this).remove();  
86 - if (confirm == '确认') {  
87 - $.post('/realSchedule/ackCp', {id : id}, function(res) {});  
88 - }  
89 - break;  
90 - // 浦东公交维修库  
91 - case 'mt':  
92 - var data = { zbh: $(this).data('zbh'), bydj: $(this).data('bydj'), bysj: $(this).data('bysj'), bydd: $(this).data('bydd')};  
93 - $(this).remove();  
94 - window.localStorage.setItem('mtPlanModal', JSON.stringify(data));  
95 - open_modal('/real_control_v2/fragments/multi_plat_msg/mt_plan_modal.html', {}, {center: false, bgclose: false});  
96 - break;  
97 - // 企业信息化运行监控中心  
98 - case 'ces':  
99 - var data = { nbbm: $(this).data('zbh'), clZbh: $(this).data('zbh'), start: $(this).data('start'), fcsjActualTime: $(this).data('start'), end: $(this).data('end'), zdsjActualTime: $(this).data('end'),};  
100 - $(this).remove();  
101 - if(!$('.layui-layer.play_back-layer').is(':visible')){  
102 - gb_map_play_back.initParams(data);  
103 - } else {  
104 - gb_map_play_back.setParam(data);  
105 - }  
106 - break;  
107 - // 运管中心进出场绕改道  
108 - case 'inoutpark':  
109 - $(this).remove();  
110 - break;  
111 - default:  
112 - break;  
113 - }  
114 -  
115 - });  
116 -  
117 - var channelMap = {  
118 - 'A1': 1,  
119 - 'A2': 1,  
120 - 'A3': 1,  
121 - 'A9': 1,  
122 - 'A4': 2,  
123 - 'A5': 2,  
124 - 'A6': 2,  
125 - 'A7': 2  
126 - };  
127 - /* var showVedioModal = function (type) {  
128 - var channel = channelMap[type]?channelMap[type]:1;  
129 - open_modal_dom(vedioModal.replace('^^channel^^', channel) ,{}, {modal: false});  
130 - $('#ssspVedioModal #vedioIframe').on('load', function () {  
131 - var that = this;  
132 - setTimeout(function () {  
133 - $(that).show();  
134 - $('#ssspVedioModal p.loading').remove();  
135 - }, 500);  
136 - });  
137 - };*/  
138 -  
139 - /* $(document).on('click', '#openVedioModalBtn', function () {  
140 - showVedioModal($(this).data('type'));  
141 - });*/  
142 -  
143 -  
144 - /* var showCallPhoneModal = function () {  
145 - open_modal_dom(phoneModal ,{}, {modal: false});  
146 - $('#callPhoneModal #phoneIframe').on('load', function () {  
147 - var that = this;  
148 - var iframe = this.contentWindow.document.body;  
149 - setTimeout(function () {  
150 - //修改css  
151 - $(iframe).find('.CallCenterToolBar').css('height', '200px').css('width', '100%').css('top', '10px').css('left', 'calc(50% - 148px)').css('box-shadow', 'none');  
152 - $(iframe).find('.CallCenterToolBar .top').css('display', 'none');  
153 -  
154 - $('.toolBar td[data-action=call]', iframe).trigger('click');  
155 -  
156 - //焦点  
157 - $('input#telNumber', iframe).focus();  
158 -  
159 - $(that).show();  
160 - $('#callPhoneModal p.loading').remove();  
161 - }, 700);  
162 - });  
163 - };*/  
164 -  
165 - $(document).on('click', '#m_voip_call_btn_001', function () {  
166 - //debugger  
167 - var $lb = $('.uk-modal-dialog-lightbox');  
168 - var X = $lb.offset().top + $lb.height() - 240;  
169 - var Y = $lb.offset().left + $lb.width();  
170 -  
171 - var nbbm = $(this).data('nbbm');  
172 -  
173 - var style = 'top: '+X+'px;left: '+Y+'px;height: '+$lb.height()+'px';  
174 - var htmlStr = template('voip_call_info_panel-temp', {style: style, nbbm: nbbm});  
175 - $lb.css('width', ($lb.width() + 260) + 'px');  
176 - $('.uk-lightbox-content', $lb.parent()).append(htmlStr);  
177 -  
178 - $(this).remove();  
179 - gb_call_phone.init(nbbm);  
180 - });  
181 -  
182 -  
183 - return {  
184 - pop: pop,  
185 - safeCode: codes,  
186 - urlPath: path//,  
187 - //showVedioModal: showVedioModal  
188 - } 1 +/**
  2 + * 安全驾驶相关
  3 + */
  4 +var gb_safe_driv = (function () {
  5 +
  6 + var codes = {
  7 + 'B4': '未带口罩',
  8 + 'A1': '手部违规',
  9 + 'A2': '摄像头偏离',
  10 + 'A3': '安全带',
  11 + 'A4': '未戴袖章',
  12 + 'A5': '眨眼/疲劳驾驶',
  13 + 'A6': '打哈欠/打瞌睡',
  14 + 'A7': '与人交谈',
  15 + 'A9': '玩手机',
  16 + 'A11': '抽烟',
  17 + 'A12': '打电话'
  18 + };
  19 +
  20 + var path = 'http://211.95.61.66:9005/CurrentSafeDriving/';
  21 +
  22 + var $wrap = $('.multi_plat_msg_pop_wrap');
  23 + var max = 5;
  24 +
  25 + var pop = function (sd) {
  26 + //时间格式化
  27 + var stm = moment(sd.ts);
  28 + sd.timeStr = stm.format('HH时mm分ss秒');
  29 + //异常状态文本
  30 + if(sd.jctype == 'B4')
  31 + sd.ycztText = codes[sd.jctype];
  32 + else
  33 + sd.ycztText = codes[sd.yczltype];
  34 + var p;
  35 + //图片地址
  36 + if(sd.jctype == 'B4')
  37 + p = (sd.sbbh+'_A'+sd.yczltype+'_'+stm.format('YYYYMMDDHHmmss'));
  38 + else
  39 + p = (sd.sbbh+'_'+sd.yczltype+'_'+stm.format('YYYYMMDDHHmmss'));
  40 +
  41 + var url = stm.format('YYYYMMDD')+'/'+p+'/'+p;
  42 + sd.url = path + url + '.gif';
  43 + sd.type = 'sd';
  44 +
  45 + var htmlStr = template('sd_plat_msg_template', sd);
  46 + var items = $wrap.find('.multi_plat_msg_pop'), len = items.length;
  47 + if (len >= max)
  48 + $wrap.find('.multi_plat_msg_pop:lt(' + (len - max) + ')').remove();
  49 +
  50 + $wrap.append(htmlStr);
  51 + };
  52 +
  53 +
  54 +
  55 + $wrap.on('click', '.multi_plat_msg_pop', function () {
  56 + var type = $(this).data('type');
  57 + switch (type) {
  58 + // 安全驾驶平台的数据
  59 + case 'sd':
  60 + var nbbm = $(this).data('nbbm'), ts = $(this).data('ts');
  61 + var call_btn_html = '<button class="uk-button uk-button-mini uk-button-primary" ' +
  62 + 'id="m_voip_call_btn_001" ' +
  63 + 'type="button" ' +
  64 + 'data-nbbm="'+nbbm+'">打电话</button>';
  65 +
  66 + var title = $(this).data('title') + '&nbsp;' + call_btn_html;
  67 + var url = $(this).data('url');
  68 + $(this).remove();
  69 +
  70 + var image = new Image();
  71 + image.onload = function() {
  72 + var lightbox = UIkit.lightbox.create([
  73 + {title: title, 'source': url}
  74 + ], {keyboard: false});
  75 +
  76 + lightbox.show();
  77 + }
  78 + image.src = url;
  79 +
  80 + $.post('/realSchedule/ackDsm', {ts : ts, nbbm : nbbm}, function(res) {});
  81 + break;
  82 + // 应急预案平台
  83 + case 'cp':
  84 + var id = $(this).data('id'), confirm = $(this).data('confirm');
  85 + $(this).remove();
  86 + if (confirm == '确认') {
  87 + $.post('/realSchedule/ackCp', {id : id}, function(res) {});
  88 + }
  89 + break;
  90 + // 浦东公交维修库
  91 + case 'mt':
  92 + var data = { zbh: $(this).data('zbh'), bydj: $(this).data('bydj'), bysj: $(this).data('bysj'), bydd: $(this).data('bydd')};
  93 + $(this).remove();
  94 + window.localStorage.setItem('mtPlanModal', JSON.stringify(data));
  95 + open_modal('/real_control_v2/fragments/multi_plat_msg/mt_plan_modal.html', {}, {center: false, bgclose: false});
  96 + break;
  97 + // 企业信息化运行监控中心
  98 + case 'ces':
  99 + var data = { nbbm: $(this).data('zbh'), clZbh: $(this).data('zbh'), start: $(this).data('start'), fcsjActualTime: $(this).data('start'), end: $(this).data('end'), zdsjActualTime: $(this).data('end'),};
  100 + $(this).remove();
  101 + if(!$('.layui-layer.play_back-layer').is(':visible')){
  102 + gb_map_play_back.initParams(data);
  103 + } else {
  104 + gb_map_play_back.setParam(data);
  105 + }
  106 + break;
  107 + // 运管中心进出场绕改道
  108 + case 'inoutpark':
  109 + $(this).remove();
  110 + break;
  111 + default:
  112 + break;
  113 + }
  114 +
  115 + });
  116 +
  117 + var channelMap = {
  118 + 'A1': 1,
  119 + 'A2': 1,
  120 + 'A3': 1,
  121 + 'A9': 1,
  122 + 'A4': 2,
  123 + 'A5': 2,
  124 + 'A6': 2,
  125 + 'A7': 2
  126 + };
  127 + /* var showVedioModal = function (type) {
  128 + var channel = channelMap[type]?channelMap[type]:1;
  129 + open_modal_dom(vedioModal.replace('^^channel^^', channel) ,{}, {modal: false});
  130 + $('#ssspVedioModal #vedioIframe').on('load', function () {
  131 + var that = this;
  132 + setTimeout(function () {
  133 + $(that).show();
  134 + $('#ssspVedioModal p.loading').remove();
  135 + }, 500);
  136 + });
  137 + };*/
  138 +
  139 + /* $(document).on('click', '#openVedioModalBtn', function () {
  140 + showVedioModal($(this).data('type'));
  141 + });*/
  142 +
  143 +
  144 + /* var showCallPhoneModal = function () {
  145 + open_modal_dom(phoneModal ,{}, {modal: false});
  146 + $('#callPhoneModal #phoneIframe').on('load', function () {
  147 + var that = this;
  148 + var iframe = this.contentWindow.document.body;
  149 + setTimeout(function () {
  150 + //修改css
  151 + $(iframe).find('.CallCenterToolBar').css('height', '200px').css('width', '100%').css('top', '10px').css('left', 'calc(50% - 148px)').css('box-shadow', 'none');
  152 + $(iframe).find('.CallCenterToolBar .top').css('display', 'none');
  153 +
  154 + $('.toolBar td[data-action=call]', iframe).trigger('click');
  155 +
  156 + //焦点
  157 + $('input#telNumber', iframe).focus();
  158 +
  159 + $(that).show();
  160 + $('#callPhoneModal p.loading').remove();
  161 + }, 700);
  162 + });
  163 + };*/
  164 +
  165 + $(document).on('click', '#m_voip_call_btn_001', function () {
  166 + //debugger
  167 + var $lb = $('.uk-modal-dialog-lightbox');
  168 + var X = $lb.offset().top + $lb.height() - 240;
  169 + var Y = $lb.offset().left + $lb.width();
  170 +
  171 + var nbbm = $(this).data('nbbm');
  172 +
  173 + var style = 'top: '+X+'px;left: '+Y+'px;height: '+$lb.height()+'px';
  174 + var htmlStr = template('voip_call_info_panel-temp', {style: style, nbbm: nbbm});
  175 + $lb.css('width', ($lb.width() + 260) + 'px');
  176 + $('.uk-lightbox-content', $lb.parent()).append(htmlStr);
  177 +
  178 + $(this).remove();
  179 + gb_call_phone.init(nbbm);
  180 + });
  181 +
  182 +
  183 + return {
  184 + pop: pop,
  185 + safeCode: codes,
  186 + urlPath: path//,
  187 + //showVedioModal: showVedioModal
  188 + }
189 })(); 189 })();
190 \ No newline at end of file 190 \ No newline at end of file