add.html
7.96 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!-- 片段标题 START -->
<div class="page-head">
<div class="page-title">
<h1>车辆映射添加</h1>
</div>
</div>
<!-- 片段标题 START -->
<!-- 线路信息导航栏组件 START -->
<ul class="page-breadcrumb breadcrumb">
<li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
<li><span class="active">基础信息</span> <i class="fa fa-circle"></i></li>
<li><a href="/pages/base/vehicle-mapping/list.html" data-pjax>车辆映射信息</a> <i class="fa fa-circle"></i></li>
<li><span class="active">车辆映射添加</span></li>
</ul>
<!-- 线路信息导航栏组件 START -->
<!-- 信息容器组件 START -->
<div class="portlet light bordered">
<!-- 信息容器组件标题 START -->
<div class="portlet-title">
<div class="caption">
<i class="icon-equalizer font-red-sunglo"></i>
<span class="caption-subject font-red-sunglo bold uppercase">车辆映射添加</span>
</div>
</div>
<!-- 信息容器组件标题 END -->
<div class="portlet-body form" id="vehicleMappingAddForm">
<form action="/" class="form-horizontal" id="vehicle_mapping_add_form">
<div class="form-body">
<div class="form-group">
<label class="control-label col-md-2">
<span class="required"> * </span>设备编码 :
</label>
<div class="col-md-3">
<input type="text" class="form-control" name="deviceId" id="deviceIdInput" placeholder="设备编码">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2">
关联设备 :
</label>
<div class="col-md-3">
<input type="text" class="form-control" name="relationDeviceId" placeholder="关联设备">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2">
SIM :
</label>
<div class="col-md-3">
<input type="text" class="form-control" name="sim" placeholder="SIM">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2">
关联SIM :
</label>
<div class="col-md-3">
<input type="text" class="form-control" name="relationSim" placeholder="关联SIM">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2">
设备优先 :
</label>
<div class="col-md-3">
<select class="form-control" style="width:100%" name="extEnabled">
<option value="">请选择</option>
<option value="0">拓华</option>
<option value="1">808</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2">
内部编码 :
</label>
<div class="col-md-3">
<input type="text" class="form-control" name="inCode" placeholder="内部编码">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2">
线路 :
</label>
<div class="col-md-3">
<select class="form-control" style="width:100%" name="lineId" id="lineSelect"></select>
</div>
</div>
</div>
<div class="form-actions">
<div class="row">
<div class="col-md-offset-3 col-md-4">
<button type="submit" class="btn green" ><i class="fa fa-check"></i> 提交</button>
<a type="button" class="btn default" href="list.html" data-pjax><i class="fa fa-reply"></i> 返回</a>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- 线路信息详情片段JS模块 -->
<script>
(function () {
function initLineSelect2() {
// 填充线路拉框选择值
$get('/line/all', {}, function(array){
var len_ = array.length,paramsD = new Array();
if(len_>0) {
$.each(array, function(i, g){
if(g.remove != 1 && g.name) {
paramsD.push({'id': g.lineCode ,'text': g.name});
}
});
if($('span').hasClass('select2-selection'))
$('span .select2-selection').remove();
initPinYinSelect2($('#lineSelect'),paramsD,function(selector) {
//selector.select2("val", '');
});
}
});
}
// 选择线路，填充线路编码搜索框
$("#lineSelect").on("change",function(){
var text = $('#lineSelect').val();
if(text){
var linecode = text.split("_");
$("#lineCodeInput").val(linecode[2]);
}
});
initLineSelect2();
var form = $('#vehicle_mapping_add_form');
var error = $('.alert-danger',form);
form.validate({
errorElement: 'span',
errorClass: 'help-block help-block-error',
focusInvalid: true,
rules: {
'id': {required: true},
'deviceId': {required: true, minlength: 8, maxlength: 8},
'relationDeviceId': {required: false, minlength: 8, maxlength: 8},
'sim' : {required: true, minlength: 12, maxlength: 12},
'relationSim': {required: false, minlength: 12, maxlength: 12}
},
invalidHandler : function(event, validator) {
// 显示表单未通过提示信息
error.show();
// 把提示信息放到指定的位置。
App.scrollTo(error, -200);
},
highlight : function(element) {
// 添加errorClass("has-error")到表单元素
$(element).closest('.form-group').addClass('has-error');
},
unhighlight : function(element) {
// 移除errorClass("has-error")
$(element).closest('.form-group').removeClass('has-error');
},
success : function(label) {
label.closest('.form-group').removeClass('has-error');
},
submitHandler : function(f) {
error.hide();
var params = form.serializeJSON();
$post('/vehicle-mapping', params, function(result) {
if (result) {
if(result.status=='SUCCESS') {
layer.msg('修改成功...');
} else if(result.status=='ERROR') {
layer.msg('修改失败...');
}
}
loadPage('list.html');
});
}
});
})();
</script>