提交 | 用户 | 时间
|
58d006
|
1 |
<?xml version="1.0" encoding="UTF-8"?> |
A |
2 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
3 |
<html xmlns="http://www.w3.org/1999/xhtml" |
|
4 |
xmlns:c="http://java.sun.com/jsp/jstl/core" |
|
5 |
xmlns:h="http://java.sun.com/jsf/html" |
|
6 |
xmlns:f="http://java.sun.com/jsf/core" |
|
7 |
xmlns:ui="http://java.sun.com/jsf/facelets"> |
|
8 |
<ui:composition template="/template/nit/tmp_brief.xhtml"> |
|
9 |
<ui:define name="acss"> |
|
10 |
<style> |
|
11 |
#searchBtn { |
|
12 |
height: 34px; |
|
13 |
} |
|
14 |
p.error { |
|
15 |
color: #D9534F |
|
16 |
} |
|
17 |
input.error { |
|
18 |
border: 1px solid #D9534F; |
|
19 |
} |
|
20 |
#simple-table th,#simple-table td, #vehicle-table th,#vehicle-table td{ |
|
21 |
text-align: center; |
|
22 |
padding: 1px 8px; |
|
23 |
} |
|
24 |
#form .control-label { |
|
25 |
margin-right: -14px |
|
26 |
} |
|
27 |
.t-error{ |
|
28 |
color: red; |
|
29 |
position: relative; |
|
30 |
right: 2px; |
|
31 |
top: 3px; |
|
32 |
} |
|
33 |
.pagination { |
|
34 |
margin: 10px 0; |
|
35 |
} |
|
36 |
#simple-table th, #vehicle-table th { |
|
37 |
padding: 0 |
|
38 |
} |
|
39 |
.th { |
|
40 |
position: relative; |
|
41 |
width: 100%; |
|
42 |
display: block; |
|
43 |
background: #F2F2F2; |
|
44 |
border: 1px solid #DDDDDD; |
|
45 |
z-index: 1; |
|
46 |
border-left: none; |
|
47 |
} |
|
48 |
i.fa.danger { |
|
49 |
color: #D15B47 |
|
50 |
} |
|
51 |
i.fa.success { |
|
52 |
color: #87B87F |
|
53 |
} |
|
54 |
#selectNoBtn { |
|
55 |
display: none; |
|
56 |
} |
|
57 |
.split { |
|
58 |
width: 12px; |
|
59 |
height: 517px; |
|
60 |
position: absolute; |
|
61 |
display: block; |
|
62 |
background: #f1f1f1; |
|
63 |
margin-top: 41px; |
|
64 |
z-index: 999; |
|
65 |
} |
|
66 |
#vehicleMessage { |
|
67 |
display: none; |
|
68 |
} |
|
69 |
</style> |
|
70 |
</ui:define> |
|
71 |
<ui:define name="acontent"> |
|
72 |
<input type="hidden" value="#{param.no}" id="no" /> |
|
73 |
<div class="row"> |
|
74 |
<div class="col-xs-6" style="width: 64%;"> |
|
75 |
<table id="simple-table" class="table table-bordered table-hover table-striped"> |
|
76 |
<tr> |
|
77 |
<td style="width: 80px">提单编号</td> |
|
78 |
<td data-bind="text: td().td_tdbh"></td> |
|
79 |
<td style="width: 80px">制单日期</td> |
|
80 |
<td data-bind="text: td().td_djrq"></td> |
|
81 |
</tr> |
|
82 |
<tr> |
|
83 |
<td>备 注</td> |
|
84 |
<td data-bind="text: td().td_bz"></td> |
|
85 |
<td>客户名称</td> |
|
86 |
<td data-bind="text: td().td_khmc"></td> |
|
87 |
</tr> |
|
88 |
<tr> |
|
89 |
<td>制单部门-销售人</td> |
|
90 |
<td data-bind="text: (td().td_bmmc==null?'':td().td_bmmc)+' '+(td().td_xsr==null?'':td().td_xsr)"></td> |
|
91 |
<td>制单人员-发票编号</td> |
|
92 |
<td data-bind="text: (td().td_zdr==null?'': td().td_zdr)+' '+(td().td_fpbh==null?'':td().td_fpbh)"></td> |
|
93 |
</tr> |
|
94 |
</table> |
|
95 |
</div> |
|
96 |
<div class="col-xs-6 alert alert-info" style="width:36%;"> |
|
97 |
<p class="bg-info" style="font-weight: bold" id="vehicleMessage"> |
|
98 |
当前车牌号:<span id="_vhicleId"></span>, |
|
99 |
可配重量:<span id="_lastweight"></span>, |
|
100 |
载重:<span id="_loadweight"></span>, |
|
101 |
已配重量:<span id="_fdweight"></span>, |
|
102 |
已配数量:<span id="_fdnum"></span>。 |
|
103 |
</p> |
|
104 |
<p class="bg-info" style="font-weight: bold"> |
|
105 |
已选择:<span data-bind="text: selectedNum"></span>个, |
|
106 |
毛重:<span data-bind="text: selectedMZ"></span>吨, |
|
107 |
净重:<span data-bind="text: selectedJZ"></span>吨。 |
|
108 |
</p> |
|
109 |
</div> |
|
110 |
</div> |
|
111 |
<div class="row"> |
|
112 |
<div class="col-xs-3" style="width: 25%;padding-left: 2px;padding-right: 2px;"> |
|
113 |
<button class="btn btn-sm btn-info" type="button" id="clearSelectBtn" title="清除选中的所有物资">清除</button> |
|
114 |
<button class="btn btn-sm btn-info" type="button" id="selectAllBtn" data-bind="style: {display: isSelectAll() ? 'none' : 'inline-block'}" title="选中列表显示的所有物资">全选</button> |
|
115 |
<button class="btn btn-sm btn-info" type="button" id="selectNoBtn" data-bind="style: {display: isSelectAll() ? 'inline-block' : 'none'}" title="取消选中列表显示的所有物资">全不选</button> |
|
116 |
<button class="btn btn-sm btn-info" type="button" id="bindBtn">配车</button> |
|
117 |
<button class="btn btn-sm btn-warning" type="button" id="unbindBtn">取消配车</button> |
|
118 |
<button type="button" class="btn btn-primary btn-sm" id="sxBtn" style="font-size: 10px;padding-left: 0px;padding-right: 0px;" title="重新获取最新的物资信息"> |
|
119 |
<i class="ace-icon fa fa-refresh bigger-110" ></i> |
|
120 |
</button> |
|
121 |
</div> |
|
122 |
<div class="col-xs-3" style="text-align: right;width: 39%;padding-left: 0px;padding-right: 2px;"> |
|
123 |
<div class="input-group" style="width: 38%;position: absolute;"> |
|
124 |
<input class="form-control input-mask-date" type="text" id="piciKeyword" placeholder="批次号检索" /> |
|
125 |
<span class="input-group-btn"> |
|
126 |
<button class="btn btn-sm btn-default searchBtn" type="button" id="searchpiciBtn"> |
|
127 |
<i class="ace-icon fa fa-search bigger-110"></i> |
|
128 |
搜索 |
|
129 |
</button> |
|
130 |
</span> |
|
131 |
</div> |
|
132 |
<button class="btn btn-sm btn-info mStatus" type="button" id="SortBtn" style="font-size: 10px;">排序 </button> |
|
133 |
<button class="btn btn-sm btn-info mStatus" type="button" id="allNumBtn" style="font-size: 10px;">全部 <span data-bind="text: allNum"></span></button> |
|
134 |
<button class="btn btn-sm mStatus" type="button" id="bindNumBtn" style="font-size: 10px;">已分单 <span data-bind="text: bindNum"></span></button> |
|
135 |
<button class="btn btn-sm mStatus" type="button" id="unbindNumBtn" style="font-size: 10px;">未分单 <span data-bind="text: unbindNum"></span></button> |
|
136 |
</div> |
|
137 |
<div class="col-xs-3" style="width: 21%"> |
|
138 |
<div class="input-group"> |
|
139 |
<input class="form-control input-mask-date" type="text" id="vehicleKeyword" placeholder="车牌号检索" /> |
|
140 |
<span class="input-group-btn"> |
|
141 |
<button class="btn btn-sm btn-default searchBtn" type="button" id="searchVehicleBtn"> |
|
142 |
<i class="ace-icon fa fa-search bigger-110"></i> |
|
143 |
搜索 |
|
144 |
</button> |
|
145 |
</span> |
|
146 |
</div> |
|
147 |
</div> |
|
148 |
<div class="col-xs-3" style="text-align: left;width: 15%;"> |
|
149 |
<button type="button" class="btn btn-primary btn-sm" id="addTempVehicle" style="font-size: 10px;">添加临时车辆</button> |
062075
|
150 |
<!--<button type="button" class="btn btn-primary btn-sm" id="addPerson" style="font-size: 10px;">添加随车人员</button>--> |
58d006
|
151 |
<!-- <button type="button" class="btn btn-primary btn-sm" id="refreshVehicleBtn" style="font-size: 10px;"> |
A |
152 |
<i class="ace-icon fa fa-refresh bigger-110"></i> |
|
153 |
更新车辆状态 |
|
154 |
</button> --> |
|
155 |
</div> |
|
156 |
</div> |
|
157 |
<div class="row"> |
|
158 |
<div class="col-xs-6 table-responsive" style="width:64%;padding-right: 2px"> |
|
159 |
<table id="vehicle-table" class="table table-bordered table-hover table-striped" onselectstart="return true;"> |
|
160 |
<thead> |
|
161 |
<tr> |
|
162 |
<th class="detail-col" style="min-width: 30px"><span class="th">序号</span></th> |
|
163 |
<th class="detail-col" style="min-width: 80px"><span class="th">车牌号</span></th> |
|
164 |
<th class="detail-col" style="min-width: 140px"><span class="th">批次号</span></th> |
|
165 |
<th class="detail-col" style="min-width: 100px"><span class="th">物料名称</span></th> |
|
166 |
<th class="detail-col" style="min-width: 120px"><span class="th">规格型号</span></th> |
|
167 |
<th class="detail-col" style="min-width: 120px"><span class="th">夹纸覆膜</span></th> |
|
168 |
<th class="detail-col" style="min-width: 80px"><span class="th">尺寸</span></th> |
|
169 |
<th class="detail-col" style="min-width: 80px"><span class="th">外包装尺寸</span></th> |
|
170 |
<th class="detail-col" style="min-width: 80px"><span class="th">货位</span></th> |
|
171 |
<th class="detail-col" style="min-width: 50px"><span class="th">毛重</span></th> |
|
172 |
<th class="detail-col" style="min-width: 50px"><span class="th">净重</span></th> |
|
173 |
</tr> |
|
174 |
</thead> |
|
175 |
<tbody data-bind="foreach: list"> |
|
176 |
<tr class="mitem" data-bind="attr: {'data-indx': indx}"> |
|
177 |
<td class="center"> |
|
178 |
<span data-bind="text: $index() + 1"></span> |
|
179 |
</td> |
|
180 |
<td data-bind="text: tdmx_fdcph"></td> |
|
181 |
<td data-bind="text: tdmx_pch"></td> |
|
182 |
<td data-bind="text: tdmx_wlmc"></td> |
|
183 |
<td data-bind="text: tdmx_ggxh"></td> |
|
184 |
<td data-bind="text: tdmx_zpbz"></td> |
|
185 |
<td data-bind="text: tdmx_cc"></td> |
|
186 |
<td data-bind="text: tdmx_wbzcc"></td> |
|
187 |
<td data-bind="text: tdmx_hwmc"></td> |
|
188 |
<td data-bind="text: tdmx_mz"></td> |
|
189 |
<td data-bind="text: tdmx_jz"></td> |
|
190 |
</tr> |
|
191 |
</tbody> |
|
192 |
</table> |
|
193 |
</div> |
|
194 |
<div class="col-xs-6 table-responsive" style="width: 36%;"> |
|
195 |
<table id="vehicle-table" class="table table-bordered table-hover table-striped"> |
|
196 |
<thead> |
|
197 |
<tr> |
|
198 |
<th class="detail-col" style="min-width: 100px"><span class="th">操作</span></th> |
|
199 |
<th class="detail-col" style="min-width: 100px"><span class="th">车牌号</span></th> |
|
200 |
<th class="detail-col" style="min-width: 80px"><span class="th">可配车重量</span></th> |
|
201 |
<th class="detail-col" style="min-width: 350px"><span class="th">特征</span></th> |
|
202 |
<th class="detail-col" style="min-width: 50px"><span class="th">车重</span></th> |
|
203 |
<th class="detail-col" style="min-width: 30px"><span class="th">载重</span></th> |
|
204 |
<th class="detail-col" style="min-width: 130px"><span class="th">已配车数量</span></th> |
|
205 |
<th class="detail-col" style="min-width: 130px"><span class="th">已配车重量</span></th> |
|
206 |
<th class="detail-col" style="min-width: 400px"><span class="th">备注</span></th> |
|
207 |
<th class="detail-col" style="min-width: 70px"><span class="th">司机</span></th> |
|
208 |
<th class="detail-col" style="min-width: 100px"><span class="th">手机号</span></th> |
|
209 |
<th class="detail-col" style="min-width: 150px"><span class="th">身份证号</span></th> |
|
210 |
</tr> |
|
211 |
</thead> |
|
212 |
<tbody data-bind="foreach: vList"> |
|
213 |
<tr class="vitem" data-bind="attr: {'data-indx': indx}"> |
|
214 |
<td> |
|
215 |
<div class="btn-group"> |
|
216 |
<button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.select"> |
|
217 |
选择 |
|
218 |
</button> |
|
219 |
<button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.check"> |
|
220 |
查看 |
|
221 |
</button> |
|
222 |
</div> |
|
223 |
</td> |
|
224 |
<td> |
|
225 |
<a href="javascript:;" data-bind="text: vehicleId, click: $parent.vehicleTasks"></a> |
|
226 |
</td> |
|
227 |
<td data-bind="text: lastweight"></td> |
|
228 |
<td data-bind="text: feature"></td> |
|
229 |
<td data-bind="text: vehicleweight"></td> |
|
230 |
<td data-bind="text: loadweight"></td> |
|
231 |
<td data-bind="text: fdnum"></td> |
|
232 |
<td data-bind="text: fdweight"></td> |
|
233 |
<td data-bind="text: note"></td> |
|
234 |
<td data-bind="text: driver"></td> |
|
235 |
<td data-bind="text: phone"></td> |
|
236 |
<td data-bind="text: IDNum"></td> |
|
237 |
</tr> |
|
238 |
</tbody> |
|
239 |
</table> |
|
240 |
</div> |
|
241 |
</div> |
|
242 |
<div class="modal fade" id="tempVehicleModal"> |
|
243 |
<div class="modal-dialog"> |
|
244 |
<div class="modal-content"> |
|
245 |
<div class="modal-header"> |
|
246 |
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> |
|
247 |
<h4 class="modal-title">编辑临时车辆</h4> |
|
248 |
</div> |
|
249 |
<div class="modal-body"> |
|
250 |
<form class="form-horizontal" id="form"> |
|
251 |
<div class="form-body"> |
|
252 |
<div class="form-group"> |
|
253 |
<label class="col-md-3 control-label"><span class="t-error">*</span> 车牌号</label> |
|
254 |
<div class="col-md-6"> |
|
255 |
<input type="text" class="form-control" style="text-transform:uppercase" id="vehicleId" name="vehicleId" placeholder="" data-bind="value: o().vehicleId"/> |
|
256 |
</div> |
|
257 |
<div class="col-md-3"> |
|
258 |
<p class="form-control-static text-error"></p> |
|
259 |
</div> |
|
260 |
</div> |
|
261 |
<div class="form-group"> |
|
262 |
<label class="col-md-3 control-label"><span class="t-error">*</span> 司机</label> |
|
263 |
<div class="col-md-6"> |
|
264 |
<input type="text" class="form-control" placeholder="" name="driver" data-bind="value: o().driver"/> |
|
265 |
</div> |
|
266 |
<div class="col-md-3"> |
|
267 |
<p class="form-control-static text-error"></p> |
|
268 |
</div> |
|
269 |
</div> |
|
270 |
<div class="form-group"> |
|
271 |
<label class="col-md-3 control-label"><span class="t-error">*</span> 手机号</label> |
|
272 |
<div class="col-md-6"> |
|
273 |
<input type="text" class="form-control" placeholder="" name="phone" data-bind="value: o().phone"/> |
|
274 |
</div> |
|
275 |
<div class="col-md-3"> |
|
276 |
<p class="form-control-static text-error"></p> |
|
277 |
</div> |
|
278 |
</div> |
|
279 |
<div class="form-group"> |
|
280 |
<label class="col-md-3 control-label"><span class="t-error">*</span> 身份证号</label> |
|
281 |
<div class="col-md-6"> |
|
282 |
<input type="text" class="form-control" placeholder="" name="IDNum" data-bind="value: o().IDNum"/> |
|
283 |
</div> |
|
284 |
<div class="col-md-3"> |
|
285 |
<p class="form-control-static text-error"></p> |
|
286 |
</div> |
|
287 |
</div> |
|
288 |
<div class="form-group"> |
|
289 |
<label class="col-md-3 control-label"> 车辆重量(吨)</label> |
|
290 |
<div class="col-md-6"> |
|
291 |
<input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().vehicleweight"/> |
|
292 |
</div> |
|
293 |
<div class="col-md-3"> |
|
294 |
<p class="form-control-static text-error"></p> |
|
295 |
</div> |
|
296 |
</div> |
|
297 |
<div class="form-group"> |
|
298 |
<label class="col-md-3 control-label"> 载重重量(吨)</label> |
|
299 |
<div class="col-md-6"> |
|
300 |
<input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().loadweight"/> |
|
301 |
</div> |
|
302 |
<div class="col-md-3"> |
|
303 |
<p class="form-control-static text-error"></p> |
|
304 |
</div> |
|
305 |
</div> |
|
306 |
<div class="form-group"> |
|
307 |
<label class="col-md-3 control-label">特征</label> |
|
308 |
<div class="col-md-6"> |
|
309 |
<input type="text" class="form-control" placeholder="" data-bind="value: o().feature"/> |
|
310 |
</div> |
|
311 |
<div class="col-md-3"> |
|
312 |
<p class="form-control-static text-error"></p> |
|
313 |
</div> |
|
314 |
</div> |
|
315 |
<div class="form-group"> |
|
316 |
<label class="col-md-3 control-label">备注</label> |
|
317 |
<div class="col-md-6"> |
|
318 |
<input type="text" class="form-control" placeholder="" data-bind="value: o().note"/> |
|
319 |
</div> |
|
320 |
<div class="col-md-3"> |
|
321 |
<p class="form-control-static text-error"></p> |
|
322 |
</div> |
|
323 |
</div> |
|
324 |
</div> |
|
325 |
</form> |
|
326 |
</div> |
|
327 |
<div class="modal-footer"> |
|
328 |
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button> |
|
329 |
<button type="button" class="btn btn-sm btn-primary" id="tempVehicleSaveBtn">保存</button> |
|
330 |
</div> |
|
331 |
</div> |
|
332 |
</div> |
|
333 |
</div> |
|
334 |
|
|
335 |
<div class="modal fade" id="modal"> |
|
336 |
<div class="modal-dialog"> |
|
337 |
<div class="modal-content"> |
|
338 |
<div class="modal-header"> |
|
339 |
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> |
|
340 |
<h4 class="modal-title">排序</h4> |
|
341 |
</div> |
|
342 |
<div class="modal-body" style="overflow: hidden"> |
|
343 |
<table class="table table-bordered table-hover table-striped" style="width: 30%; float: left"> |
|
344 |
<thead> |
|
345 |
<tr> |
|
346 |
<th>选择</th> |
|
347 |
</tr> |
|
348 |
</thead> |
|
349 |
<tbody data-bind="foreach: oList"> |
|
350 |
<tr data-bind="visible: visible"> |
|
351 |
<td> |
|
352 |
<a href="javascript:;" data-bind="text: key, click: $parent.addSort"></a> |
|
353 |
</td> |
|
354 |
</tr> |
|
355 |
</tbody> |
|
356 |
</table> |
|
357 |
<table class="table table-bordered table-hover table-striped" style="width: 70%; float: left"> |
|
358 |
<thead> |
|
359 |
<tr> |
|
360 |
<th>规则</th> |
|
361 |
<th>升序</th> |
|
362 |
<th>降序</th> |
|
363 |
</tr> |
|
364 |
</thead> |
|
365 |
<tbody data-bind="foreach: soList"> |
|
366 |
<tr> |
|
367 |
<td> |
|
368 |
<a href="javascript:;" data-bind="text: key, click: $parent.removeSort"></a> |
|
369 |
</td> |
|
370 |
<td> |
|
371 |
<input type="radio" value="asc" data-bind="checked: result, attr: {name: target}"/> |
|
372 |
</td> |
|
373 |
<td> |
|
374 |
<input type="radio" value="desc" data-bind="checked: result, attr: {name: target}"/> |
|
375 |
</td> |
|
376 |
</tr> |
|
377 |
</tbody> |
|
378 |
</table> |
|
379 |
</div> |
|
380 |
<div class="modal-footer"> |
|
381 |
<button type="button" class="btn btn-default btn-sm" ddata-dismiss="modal" id="clearSortBtn">清除</button> |
|
382 |
<button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" id="searchSortBtn" >确定</button> |
|
383 |
</div> |
|
384 |
</div> |
|
385 |
</div> |
|
386 |
</div> |
|
387 |
<div id="dialog-confirm" class="hide"> |
|
388 |
<div class="alert alert-info bigger-110" id="modalContent"> |
|
389 |
</div> |
|
390 |
</div> |
|
391 |
</ui:define> |
|
392 |
<ui:define name="myscript"> |
062075
|
393 |
<script src="js/formSplit.js?v=12"></script> |
58d006
|
394 |
</ui:define> |
A |
395 |
</ui:composition> |
|
396 |
</html> |