addlp.html
2.85 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
<!-- 添加路牌名称 -->
<div class="modal fade" id="addlp_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="addlpForm" role="form">
<!-- 路牌名字 -->
<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">
<input type="text" name="lpName" class="form-control" id="lpNameInput" value="111" style="width:100%" />
</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="addlpnext">确定</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#addlp_mobal').on('addlpMobal.show', function(e,lpData,echartsDrawGTT){
var lpDataCount = echartsDrawGTT.getLpDataCount();
var lpCount = lpDataCount[lpData[0]][2] + 1;
// 显示mobal
$('#addlp_mobal').modal({show : true,backdrop: 'static', keyboard: false});
// 添加路牌规则
$('#lpNameInput').val("_"+lpCount);
// 获取表单元素
var form = $('#addlpForm');
// 下一步点击事件
$('#addlpnext').on('click', function() {
form.submit();// 表单提交
});
// 表单验证
form.validate({
errorElement : 'span',
errorClass : 'help-block help-block-error',
focusInvalid : false,
rules : {
'lpName': { isTrue : true}
},
submitHandler : function(f) {
// 1、 获取表单内容,并序列化
var params = form.serializeJSON();
// 关闭弹出层.
layer.closeAll();
var _keyIndex = echartsDrawGTT.get_keyIndex();
var historyData = echartsDrawGTT.getHistoryData();
var data = $.extend(true, [], data, historyData[_keyIndex]);
lpData.splice(0,0,params.lpName);
lpDataCount[lpData[0]] = [0,0,lpCount];
echartsDrawGTT.setLpDataCount(lpDataCount);
echartsDrawGTT.init(data,false,true,lpData);
echartsDrawGTT.refreshDrag();
$('#addlp_mobal').modal('hide');
layer.msg('添加路牌【'+ params.lpName +'】成功！');
}
});
$.validator.addMethod("isTrue", function(value,element) {
var tel = false;
var lpName = value.split("_");
if(lpName[lpName.length-1] == lpCount){
tel = true;
return tel;
}
return tel;
},'路牌名字必须以：_'+lpCount+' 结尾');
});
</script>