deletelp.html
4.74 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
<!-- 删除路牌名称 -->
<div class="modal fade" id="deletelp_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="deletelpForm" role="form">
<!-- alert-danger 组件START -->
<div class="alert alert-danger display-hide" id="deletelpAlert">
<button class="close" data-close="alert"></button>
请选择路牌
</div>
<!-- 路牌名字 -->
<div class="form-body">
<div class="form-group">
<label class="control-label col-md-3">
<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="deletelpnext">确定</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#deletelp_mobal').on('deletelpMobal.show', function(e,lpData,echartsDrawGTT){
setTimeout(function(){
// 加载延迟200毫秒显示mobal
$('#deletelp_mobal').modal({show : true,backdrop: 'static', keyboard: false});
},200);
// 当模态框对用户可见时触发（将等待 CSS 过渡效果完成）。
$('#deletelp_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 = $('#deletelpForm');
// 错误提示元素
var deletelpAlert = $('#deletelpAlert', form);
// 下一步点击事件
$('#deletelpnext').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) {
deletelpAlert.show();
App.scrollTo(deletelpAlert, -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();
layer.confirm('您确定要删除路牌【'+ params.lpName +'】以及路牌上的班次吗？'+
'</br>【注意】:如需要撤销当前操作,您可以在系统工具下拉选择点击【撤销按钮】进行恢复.', {
btn : [ '确认提示并提交', '取消' ]
}, function() {
// 关闭弹出层.
layer.closeAll();
var _keyIndex = echartsDrawGTT.get_keyIndex();
var historyData = echartsDrawGTT.getHistoryData();
var data = $.extend(true, [], data, historyData[_keyIndex]);
for(var i=0, len=data.length; i<len; i++ ){
if(data[i] && data[i].value[0] == params.lpName){
data.splice(i,1);
i--;
}
}
$.each(lpData, function (index, lp) {
if(lp == params.lpName)
lpData.splice(index,1);
});
echartsDrawGTT.setLpData(lpData);
echartsDrawGTT.init(data,false,true,false);
echartsDrawGTT.refreshDrag();
$('#deletelp_mobal').modal('hide');
layer.msg('删除路牌【'+ params.lpName +'】成功！');
});
}
});
$.validator.addMethod("isSelect", function(value,element) {
var tel = false;
var lpName = $('#lpNameSelect').val();
if(lpName != '请选择...'){
tel = true;
return tel;
}
return tel;
},'');
});
</script>