Administrator
2022-12-15 9ce4bb2b6bd1378ba7b0bd6681d22cb37a5e1452
提交 | 用户 | 时间
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>
150                 <!-- <button type="button" class="btn btn-primary btn-sm" id="refreshVehicleBtn" style="font-size: 10px;">
151                     <i class="ace-icon fa fa-refresh bigger-110"></i>
152                     更新车辆状态
153                 </button> -->
154             </div>
155         </div>
156         <div class="row">
157             <div class="col-xs-6 table-responsive" style="width:64%;padding-right: 2px">
158                 <table id="vehicle-table" class="table  table-bordered table-hover table-striped" onselectstart="return true;">
159                     <thead>
160                         <tr>
161                             <th class="detail-col" style="min-width: 30px"><span class="th">序号</span></th>
162                             <th class="detail-col" style="min-width: 80px"><span class="th">车牌号</span></th>
163                             <th class="detail-col" style="min-width: 140px"><span class="th">批次号</span></th>
164                             <th class="detail-col" style="min-width: 100px"><span class="th">物料名称</span></th>
165                             <th class="detail-col" style="min-width: 120px"><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: 80px"><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: 50px"><span class="th">毛重</span></th>
171                             <th class="detail-col" style="min-width: 50px"><span class="th">净重</span></th>
172                         </tr>
173                     </thead>
174                     <tbody data-bind="foreach: list">
175                         <tr class="mitem" data-bind="attr: {'data-indx': indx}">
176                             <td class="center">
177                                 <span data-bind="text: $index() + 1"></span>
178                             </td>
179                             <td data-bind="text: tdmx_fdcph"></td>
180                             <td data-bind="text: tdmx_pch"></td>
181                             <td data-bind="text: tdmx_wlmc"></td>
182                             <td data-bind="text: tdmx_ggxh"></td>
183                             <td data-bind="text: tdmx_zpbz"></td>
184                             <td data-bind="text: tdmx_cc"></td>
185                             <td data-bind="text: tdmx_wbzcc"></td>
186                             <td data-bind="text: tdmx_hwmc"></td>
187                             <td data-bind="text: tdmx_mz"></td>
188                             <td data-bind="text: tdmx_jz"></td>
189                         </tr>
190                     </tbody>
191                 </table>
192             </div>
193             <div class="col-xs-6 table-responsive" style="width: 36%;">
194                 <table id="vehicle-table" class="table table-bordered table-hover table-striped">
195                     <thead>
196                         <tr>
197                             <th class="detail-col" style="min-width: 100px"><span class="th">操作</span></th>
198                             <th class="detail-col" style="min-width: 100px"><span class="th">车牌号</span></th>
199                             <th class="detail-col" style="min-width: 80px"><span class="th">可配车重量</span></th>
200                             <th class="detail-col" style="min-width: 350px"><span class="th">特征</span></th>
201                             <th class="detail-col" style="min-width: 50px"><span class="th">车重</span></th>
202                             <th class="detail-col" style="min-width: 30px"><span class="th">载重</span></th>
203                             <th class="detail-col" style="min-width: 130px"><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: 400px"><span class="th">备注</span></th>
206                             <th class="detail-col" style="min-width: 70px"><span class="th">司机</span></th>
207                             <th class="detail-col" style="min-width: 100px"><span class="th">手机号</span></th>
208                             <th class="detail-col" style="min-width: 150px"><span class="th">身份证号</span></th>
209                         </tr>
210                     </thead>
211                     <tbody data-bind="foreach: vList">
212                         <tr class="vitem" data-bind="attr: {'data-indx': indx}">
213                             <td>
214                                 <div class="btn-group">
215                                     <button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.select">
216                                         选择
217                                     </button>
218                                     <button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.check">
219                                         查看
220                                     </button>
221                                 </div>
222                             </td>
223                             <td>
224                                 <a href="javascript:;" data-bind="text: vehicleId, click: $parent.vehicleTasks"></a>
225                             </td>
226                             <td data-bind="text: lastweight"></td>
227                             <td data-bind="text: feature"></td>
228                             <td data-bind="text: vehicleweight"></td>
229                             <td data-bind="text: loadweight"></td>
230                             <td data-bind="text: fdnum"></td>
231                             <td data-bind="text: fdweight"></td>
232                             <td data-bind="text: note"></td>
233                             <td data-bind="text: driver"></td>
234                             <td data-bind="text: phone"></td>
235                             <td data-bind="text: IDNum"></td>
236                         </tr>
237                     </tbody>
238                 </table>
239             </div>
240         </div>
241         <div class="modal fade" id="tempVehicleModal">
242             <div class="modal-dialog">
243                 <div class="modal-content">
244                     <div class="modal-header">
245                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
246                         <h4 class="modal-title">编辑临时车辆</h4>
247                     </div>
248                     <div class="modal-body">
249                         <form class="form-horizontal" id="form">
250                             <div class="form-body">
251                                 <div class="form-group">
252                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 车牌号</label>
253                                     <div class="col-md-6">
254                                         <input type="text" class="form-control" style="text-transform:uppercase" id="vehicleId" name="vehicleId" placeholder="" data-bind="value: o().vehicleId"/>
255                                     </div>
256                                     <div class="col-md-3">
257                                         <p class="form-control-static text-error"></p>
258                                     </div>
259                                 </div>
260                                 <div class="form-group">
261                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 司机</label>
262                                     <div class="col-md-6">
263                                         <input type="text" class="form-control" placeholder="" name="driver" data-bind="value: o().driver"/>
264                                     </div>
265                                     <div class="col-md-3">
266                                         <p class="form-control-static text-error"></p>
267                                     </div>
268                                 </div>
269                                 <div class="form-group">
270                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 手机号</label>
271                                     <div class="col-md-6">
272                                         <input type="text" class="form-control" placeholder="" name="phone" data-bind="value: o().phone"/>
273                                     </div>
274                                     <div class="col-md-3">
275                                         <p class="form-control-static text-error"></p>
276                                     </div>
277                                 </div>
278                                 <div class="form-group">
279                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 身份证号</label>
280                                     <div class="col-md-6">
281                                         <input type="text" class="form-control" placeholder="" name="IDNum" data-bind="value: o().IDNum"/>
282                                     </div>
283                                     <div class="col-md-3">
284                                         <p class="form-control-static text-error"></p>
285                                     </div>
286                                 </div>
287                                 <div class="form-group">
288                                     <label class="col-md-3 control-label"> 车辆重量(吨)</label>
289                                     <div class="col-md-6">
290                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().vehicleweight"/>
291                                     </div>
292                                     <div class="col-md-3">
293                                         <p class="form-control-static text-error"></p>
294                                     </div>
295                                 </div>
296                                 <div class="form-group">
297                                     <label class="col-md-3 control-label"> 载重重量(吨)</label>
298                                     <div class="col-md-6">
299                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().loadweight"/>
300                                     </div>
301                                     <div class="col-md-3">
302                                         <p class="form-control-static text-error"></p>
303                                     </div>
304                                 </div>
305                                 <div class="form-group">
306                                     <label class="col-md-3 control-label">特征</label>
307                                     <div class="col-md-6">
308                                         <input type="text" class="form-control" placeholder="" data-bind="value: o().feature"/>
309                                     </div>
310                                     <div class="col-md-3">
311                                         <p class="form-control-static text-error"></p>
312                                     </div>
313                                 </div>
314                                     <div class="form-group">
315                                     <label class="col-md-3 control-label">备注</label>
316                                     <div class="col-md-6">
317                                         <input type="text" class="form-control" placeholder="" data-bind="value: o().note"/>
318                                     </div>
319                                     <div class="col-md-3">
320                                         <p class="form-control-static text-error"></p>
321                                     </div>
322                                 </div>
323                             </div>
324                         </form>
325                     </div>
326                     <div class="modal-footer">
327                         <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
328                         <button type="button" class="btn btn-sm btn-primary" id="tempVehicleSaveBtn">保存</button>
329                     </div>
330                 </div>
331             </div>
332         </div>
333
334         <div class="modal fade" id="modal">
335             <div class="modal-dialog">
336                 <div class="modal-content">
337                     <div class="modal-header">
338                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
339                         <h4 class="modal-title">排序</h4>
340                     </div>
341                     <div class="modal-body" style="overflow: hidden">
342                         <table class="table table-bordered table-hover table-striped" style="width: 30%; float: left">
343                             <thead>
344                                 <tr>
345                                     <th>选择</th>
346                                 </tr>
347                             </thead>
348                             <tbody data-bind="foreach: oList">
349                                 <tr data-bind="visible: visible">
350                                     <td>
351                                         <a href="javascript:;" data-bind="text: key, click: $parent.addSort"></a>
352                                     </td>
353                                 </tr>
354                             </tbody>
355                         </table>
356                         <table class="table  table-bordered table-hover table-striped" style="width: 70%; float: left">
357                             <thead>
358                                 <tr>
359                                     <th>规则</th>
360                                     <th>升序</th>
361                                     <th>降序</th>
362                                 </tr>
363                             </thead>
364                             <tbody data-bind="foreach: soList">
365                                 <tr>
366                                     <td>
367                                         <a href="javascript:;" data-bind="text: key, click: $parent.removeSort"></a>
368                                     </td>
369                                     <td>
370                                         <input type="radio" value="asc" data-bind="checked: result, attr: {name: target}"/>
371                                     </td>
372                                     <td>
373                                         <input type="radio" value="desc" data-bind="checked: result, attr: {name: target}"/>
374                                     </td>
375                                 </tr>
376                             </tbody>
377                         </table>
378                     </div>
379                     <div class="modal-footer">
380                         <button type="button" class="btn btn-default btn-sm" ddata-dismiss="modal" id="clearSortBtn">清除</button>
381                         <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" id="searchSortBtn" >确定</button>
382                     </div>
383                 </div>
384             </div>
385         </div>
386         <div id="dialog-confirm" class="hide">
387             <div class="alert alert-info bigger-110" id="modalContent">
388             </div>
389         </div>
390     </ui:define>
391     <ui:define name="myscript">
392         <script src="js/formSplit.js?v=#{sessionScope.login_page_vesion}"></script>
393     </ui:define>
394 </ui:composition>
395 </html>