查看 | 历史 | 提交 | 提交对比
hjg
2024-02-05 301115d5e96b56cd093eee3fcff2d60a15184162
提交 | 用户 | 时间
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: 60%;">
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_shsj"></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+'     '+td().td_xsr"></td>
91                         <td>制单人员</td>
92                         <td data-bind="text: td().td_zdr"></td>
93                     </tr>
94                 </table>
95             </div>
96             <div class="col-xs-6 alert alert-info" style="width:40%">
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: 30%">
113                 <button class="btn btn-sm btn-info" type="button" id="clearSelectBtn">清除选择</button>
114                 <button class="btn btn-sm btn-info" type="button" id="selectAllBtn" data-bind="style: {display: isSelectAll() ? 'none' : 'inline-block'}">全选</button>
115                 <button class="btn btn-sm btn-info" type="button" id="selectNoBtn" data-bind="style: {display: isSelectAll() ? 'inline-block' : 'none'}">全不选</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             </div>
119             <div class="col-xs-3" style="text-align: right;width: 30%">
120                 <button class="btn btn-sm btn-info mStatus" type="button" id="allNumBtn">全部 <span data-bind="text: allNum"></span></button>
121                 <button class="btn btn-sm mStatus" type="button" id="bindNumBtn">已分单 <span data-bind="text: bindNum"></span></button>
122                 <button class="btn btn-sm mStatus" type="button" id="unbindNumBtn">未分单 <span data-bind="text: unbindNum"></span></button>
123             </div>
124             <div class="col-xs-3" style="width: 15%">
125                 <div class="input-group">
126                     <input class="form-control input-mask-date" type="text" id="vehicleKeyword" placeholder="输入车牌号检索" />
127                     <span class="input-group-btn">
128                         <button class="btn btn-sm btn-default searchBtn" type="button" id="searchVehicleBtn">
129                             <i class="ace-icon fa fa-search bigger-110"></i>
130                             搜索
131                         </button>
132                     </span>
133                 </div>
134             </div>
135             <div class="col-xs-3" style="text-align: right;width: 25%">
136                 <button type="button" class="btn btn-primary btn-sm" id="addTempVehicle">添加临时车辆</button>
137                 <button type="button" class="btn btn-primary btn-sm" id="refreshVehicleBtn">
138                     <i class="ace-icon fa fa-refresh bigger-110"></i>
139                     更新车辆状态
140                 </button>
141             </div>
142         </div>
143         <div class="row">
144             <div class="col-xs-6 table-responsive" style="width:60%">
145                 <table id="vehicle-table" class="table  table-bordered table-hover table-striped" onselectstart="return false;">
146                     <thead>
147                         <tr>
148                             <th class="detail-col" style="min-width: 30px"><span class="th">序号</span></th>
149                             <th class="detail-col" style="min-width: 80px"><span class="th">车牌号</span></th>
150                             <th class="detail-col" style="min-width: 140px"><span class="th">批次号</span></th>
151                             <th class="detail-col" style="min-width: 80px"><span class="th">物料名称</span></th>
152                             <th class="detail-col" style="min-width: 120px"><span class="th">规格型号</span></th>
153                             <th class="detail-col" style="min-width: 120px"><span class="th">包装</span></th>
154                             <th class="detail-col" style="min-width: 80px"><span class="th">货位</span></th>
155                             <th class="detail-col" style="min-width: 50px"><span class="th">毛重</span></th>
156                             <th class="detail-col" style="min-width: 50px"><span class="th">净重</span></th>
157                         </tr>
158                     </thead>
159                     <tbody data-bind="foreach: list">
160                         <tr class="mitem" data-bind="attr: {'data-indx': indx}">
161                             <td class="center">
162                                 <span data-bind="text: $index() + 1"></span>
163                             </td>
164                             <td data-bind="text: tdmx_cph"></td>
165                             <td data-bind="text: tdmx_pch"></td>
166                             <td data-bind="text: tdmx_wlmc"></td>
167                             <td data-bind="text: tdmx_ggxh"></td>
168                             <td data-bind="text: tdmx_zpbz"></td>
169                             <td data-bind="text: tdmx_hwbh"></td>
170                             <td data-bind="text: tdmx_mz"></td>
171                             <td data-bind="text: tdmx_jz"></td>
172                         </tr>
173                     </tbody>
174                 </table>
175             </div>
176             <div class="col-xs-6 table-responsive" style="width: 40%">
177                 <table id="vehicle-table" class="table table-bordered table-hover table-striped">
178                     <thead>
179                         <tr>
180                             <th class="detail-col" style="min-width: 100px"><span class="th">操作</span></th>
181                             <th class="detail-col" style="min-width: 100px"><span class="th">车牌号</span></th>
182                             <th class="detail-col" style="min-width: 80px"><span class="th">可配车重量</span></th>
183                             <th class="detail-col" style="min-width: 350px"><span class="th">特征</span></th>
184                             <th class="detail-col" style="min-width: 50px"><span class="th">车重</span></th>
185                             <th class="detail-col" style="min-width: 30px"><span class="th">载重</span></th>
186                             <th class="detail-col" style="min-width: 130px"><span class="th">已配车数量</span></th>
187                             <th class="detail-col" style="min-width: 130px"><span class="th">已配车重量</span></th>
188                             <th class="detail-col" style="min-width: 400px"><span class="th">备注</span></th>
189                             <th class="detail-col" style="min-width: 70px"><span class="th">司机</span></th>
190                             <th class="detail-col" style="min-width: 100px"><span class="th">手机号</span></th>
191                             <th class="detail-col" style="min-width: 150px"><span class="th">身份证号</span></th>
192                         </tr>
193                     </thead>
194                     <tbody data-bind="foreach: vList">
195                         <tr class="vitem" data-bind="attr: {'data-indx': indx}">
196                             <td>
197                                 <div class="btn-group">
198                                     <button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.select">
199                                         选择
200                                     </button>
201                                     <button class="btn btn-xs btn-info" title="选择" data-bind="click: $parent.check">
202                                         查看
203                                     </button>
204                                 </div>
205                             </td>
206                             <td>
207                                 <a href="javascript:;" data-bind="text: vehicleId, click: $parent.vehicleTasks"></a>
208                             </td>
209                             <td data-bind="text: lastweight"></td>
210                             <td data-bind="text: feature"></td>
211                             <td data-bind="text: vehicleweight"></td>
212                             <td data-bind="text: loadweight"></td>
213                             <td data-bind="text: fdnum"></td>
214                             <td data-bind="text: fdweight"></td>
215                             <td data-bind="text: note"></td>
216                             <td data-bind="text: driver"></td>
217                             <td data-bind="text: phone"></td>
218                             <td data-bind="text: IDNum"></td>
219                         </tr>
220                     </tbody>
221                 </table>
222             </div>
223         </div>
224         <div class="modal fade" id="tempVehicleModal">
225             <div class="modal-dialog">
226                 <div class="modal-content">
227                     <div class="modal-header">
228                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
229                         <h4 class="modal-title">编辑临时车辆</h4>
230                     </div>
231                     <div class="modal-body">
232                         <form class="form-horizontal" id="form">
233                             <div class="form-body">
234                                 <div class="form-group">
235                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 车牌号</label>
236                                     <div class="col-md-6">
237                                         <input type="text" class="form-control" style="text-transform:uppercase" id="vehicleId" name="vehicleId" placeholder="" data-bind="value: o().vehicleId"/>
238                                     </div>
239                                     <div class="col-md-3">
240                                         <p class="form-control-static text-error"></p>
241                                     </div>
242                                 </div>
243                                 <div class="form-group">
244                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 司机</label>
245                                     <div class="col-md-6">
246                                         <input type="text" class="form-control" placeholder="" name="driver" data-bind="value: o().driver"/>
247                                     </div>
248                                     <div class="col-md-3">
249                                         <p class="form-control-static text-error"></p>
250                                     </div>
251                                 </div>
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" placeholder="" name="phone" data-bind="value: o().phone"/>
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="IDNum" data-bind="value: o().IDNum"/>
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"> 车辆重量(吨)</label>
272                                     <div class="col-md-6">
273                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().vehicleweight"/>
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"> 载重重量(吨)</label>
281                                     <div class="col-md-6">
282                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().loadweight"/>
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="" data-bind="value: o().feature"/>
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="" data-bind="value: o().note"/>
301                                     </div>
302                                     <div class="col-md-3">
303                                         <p class="form-control-static text-error"></p>
304                                     </div>
305                                 </div>
306                             </div>
307                         </form>
308                     </div>
309                     <div class="modal-footer">
310                         <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
311                         <button type="button" class="btn btn-sm btn-primary" id="tempVehicleSaveBtn">保存</button>
312                     </div>
313                 </div>
314             </div>
315         </div>
316         <div id="dialog-confirm" class="hide">
317             <div class="alert alert-info bigger-110" id="modalContent">
318             </div>
319         </div>
320     </ui:define>
321     <ui:define name="myscript">
322         <script src="js/formSplit.js?v=9"></script>
323     </ui:define>
324 </ui:composition>
325 </html>