bcadjust.html
4.64 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!-- 路牌班次调整 -->
<div class="modal fade" id="bcadjust_mobal" tabindex="-1" role="basic" aria-hidden="true" style="top:30%">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">班次调整</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" action="/" method="post" id="bcadjustForm" role="form">
<!-- alert-danger 组件START -->
<div class="alert alert-danger display-hide" id="bcadjustAlert">
<button class="close" data-close="alert"></button>
请选择路牌
</div>
<!-- 路牌名字 -->
<div class="form-body">
<div class="form-group">
<label class="control-label col-md-4">
<span class="required"> * </span>选择目标路牌 :
</label>
<div class="col-md-6">
<select type="text" name="lpName" class="form-control" id="lpNameSelect" style="width:100%"></select>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="bcadjustnext">确定</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#bcadjust_mobal').on('bcadjustMobal.show', function(e,lpData,echartsDrawGTT){
setTimeout(function(){
// 加载延迟200毫秒显示mobal
$('#bcadjust_mobal').modal({show : true,backdrop: 'static', keyboard: false});
},200);
// 当模态框对用户可见时触发（将等待 CSS 过渡效果完成）。
$('#bcadjust_mobal').on('show.bs.modal', function () {
var len_ = lpData.length,paramsD = new Array();
if(len_>0) {
var options = '<option value="">-- 请选择路牌 --</option>';
for(var i=lpData.length-1, len=lpData.length; i>=0; i--) {
if( lpData[i] != null) {
options += '<option value="'+lpData[i]+'">'+lpData[i]+'</option>';
}
}
$('#lpNameSelect').html(options);
}
});
// 获取表单元素
var form = $('#bcadjustForm');
// 错误提示元素
var bcadjustAlert = $('#bcadjustAlert', form);
// 下一步点击事件
$('#bcadjustnext').on('click', function() {
form.submit();// 表单提交
});
// 表单验证
form.validate({
errorElement : 'span',
errorClass : 'help-block help-block-error',
focusInvalid : false,
rules : {
'lpName': { isSelect : true}
},
invalidHandler : function(event, validator) {
bcadjustAlert.show();
App.scrollTo(bcadjustAlert, -200);
},
highlight : function(element) {
$(element).closest('.form-group').addClass('has-error');
},
unhighlight : function(element) {
$(element).closest('.form-group').removeClass('has-error');
},
success : function(label) {
label.closest('.form-group').removeClass('has-error');
},
submitHandler : function(f) {
// 1、 获取表单内容,并序列化
var params = form.serializeJSON();
echartsDrawGTT.refreshBC(params.lpName);
var _keyIndex = echartsDrawGTT.get_keyIndex();
var historyData = echartsDrawGTT.getHistoryData();
var data = $.extend(true, [], data, historyData[_keyIndex]);
var bcList = [];
for(var i=0, len=data.length; i<len; i++ ){
if(data[i] && data[i].value[0] != params.lpName){
bcList.push({'id':i, 'text':data[i].value[0]+' fcno:'+data[i].value[7]});
}
}
$('.bc-adjust-list #bcAdjustName').val(params.lpName);
$('#bcAdjustList').empty();
$('#bcAdjustList').select2({
placeholder : '输入路牌或fcno',
tags : true,
multiple : true,
height: '40px',
// maximumSelectionLength : 30,
allowClear : true,
language: "zh-CN",
data : bcList
});
$('#bcadjust_mobal').modal('hide');
$('.bc-adjust-list').removeClass('hidden');
layer.open({title:'操作提示',
content:'进入班次调整，可单击班次，或者在出现的选着框中选择，提交会将班次拉到目标路牌！'});
}
});
$.validator.addMethod("isSelect", function(value,element) {
var tel = false;
var lpName = $('#lpNameSelect').val();
if(lpName != '请选择...'){
tel = true;
return tel;
}
return tel;
},'');
});
</script>