hjg
2024-03-18 8d48c59d5d3bcc4148ef97dc6f98e3a8cf9ca436
提交 | 用户 | 时间
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">&times;</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">&times;</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>