hjg
2024-07-09 4fd62ace17390b0b9cc37c55e88582134ec18c28
提交 | 用户 | 时间
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{
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         i.fa.danger {
34             color: #D15B47
35         }
36         i.fa.success {
37             color: #87B87F
38         }
39         .pagination {
40             margin: 10px 0;
41         }
42         #simple-table th {
43             padding: 0
44         }
45         .th {
46             position: relative;
47             width: 100%;
48             display: block;
49             background: #F2F2F2;
50             border: 1px solid #DDDDDD;
51             z-index: 1;
52             border-left: none;
53         }
54         .btn-xs, .btn-group-xs > .btn{
55             padding-top: 0px;
56             padding-bottom: 0px;
57         }
58         </style>
59     </ui:define>
60     <ui:define name="acontent">
61         <input type="hidden" value="#{param.page}" id="p" />
62         <input type="hidden" value="#{param.keyword}" id="k" />
63         <div class="row">
64             <div class="col-xs-2" data-bind="visible: isAdmin">
65                 <select name="" id="" class="form-control" data-bind="value: mtid, options: tList, optionsText: 'name', optionsValue: 'companyNo', optionsCaption: '全部运输公司', event:{change: change}"></select>
66             </div>
67             <div class="col-xs-2" >
68                <select class="form-control" data-bind="value: cqVal, options: cqList, optionsText: 'name', optionsValue: 'cqval', event:{change:cqchange}"></select>
69             </div>
70             <div class="col-xs-5">
71                 <div class="input-group" data-bind="style: {'margin-left': isAdmin() ? '-31px': '0px'}">
72                     <input class="form-control input-mask-date" type="text" id="keyword" placeholder="输入车牌号搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
73                     <span class="input-group-btn">
74                         <button class="btn btn-sm btn-default" type="button" id="searchBtn">
75                             <i class="ace-icon fa fa-search bigger-110"></i>
76                             搜索
77                         </button>
78                     </span>
79                 </div>
80             </div>
81             <div class="col-xs-5" style="text-align: right;">
82                 <!-- <button class="btn btn-sm btn-info" type="button" id="sendBtn">
83                     <i class="ace-icon fa fa-envelope-o bigger-110"></i>
84                     发送派车通知
85                 </button> -->
86             </div>
87             <div class="col-xs-12 table-responsive main-table" style="margin-top: 8px;">
88                 <table id="simple-table" class="table  table-bordered table-hover table-striped">
89                     <thead>
90                         <tr>
91                             <th style="min-width: 48px"><span class="th">序号</span></th>
92                             <th style="min-width: 100px"><span class="th">操作</span></th>
93                             <th style="min-width: 100px"><span class="th">单据编号</span></th>
94                             <th style="min-width: 100px"><span class="th">车牌号</span></th>
95                             <th style="min-width: 100px"><span class="th">本公司配车重量</span></th>
96                             <th style="min-width: 100px"><span class="th">本公司配车数量</span></th>
97                             <th style="min-width: 80px"><span class="th">配车总重量</span></th>
98                             <th style="min-width: 80px"><span class="th">配车总数量</span></th>
8d48c5 99                             <th style="min-width: 80px"><span class="th">排队序号</span></th>
58d006 100                             <th style="min-width: 100px"><span class="th">司机</span></th>
A 101                             <th style="min-width: 75px"><span class="th">联系电话</span></th>
102                             <th style="min-width: 120px; width: 100px"><span class="th">邀请码</span></th>
103                             <th style="min-width: 230px"><span class="th">分单物流公司</span></th>
104                             <th style="min-width: 230px"><span class="th">收货单位</span></th>
105                             <th style="min-width: 230px"><span class="th">发货单位</span></th>
106                         </tr>
107                     </thead>
108
109                     <tbody data-bind="foreach: list">
110                         <tr class="titem" data-bind="attr: {'data-no': bussinessNo}">
111                             <td class="center">
112                                 <span data-bind="text: $index() + 1"></span>
113                             </td>
114                             <td>
115                                 <div class="btn-group">
116                                    <!--  <a class="btn btn-xs btn-info" title="编辑" data-bind="click: $parent.changeVehicle, visible: !hasCard">换车</a> -->
117                                     <button class="btn btn-xs btn-danger" title="取消派车" data-bind="click: $parent.del.bind($data)">取消派车</button>
118                                 </div>
119                             </td>
120
121                             <td>
122                                 <a href="javascript:;" data-bind="text: bussinessNo, click: $parent.vehicleTasks" title="查看详情"></a>
123                             </td>
124                             <td>
125                                 <a href="javascript:;" data-bind="text: vehicleId, click: $parent.vehicleTasks" title="配车物资"></a>
126                             </td>
127                             <td data-bind="text: fdweight"></td>
128                             <td data-bind="text: fdnum"></td>
129                             <td data-bind="text: fdCweight"></td>
130                             <td data-bind="text: fdCnum"></td>
8d48c5 131                             <td data-bind="text: $data.xspdindx"></td>
58d006 132                             <td data-bind="text: driver"></td>
A 133                             <td data-bind="text: phone"></td>
134                             <td>
135                                 <span data-bind="text: invitecode"></span>&nbsp;
136                                 <a href="javascript:;" class="btn btn-xs btn-info" title="重发验证码" data-bind="click: $parent.resend.bind($data)">
137                                     <i class="ace-icon fa fa-refresh bigger-95"></i>
138                                 </a>
139                             </td>
140                             <td data-bind="text: companyName" style="text-align: left"></td>
141                             <td data-bind="text: rcompany" style="text-align: left"></td>
8d48c5 142                             <td data-bind="text: $root.getSdepartName(sdepartNo)" style="text-align: left"></td>
58d006 143
A 144                         </tr>
145                     </tbody>
146                 </table>
147             </div>
148             <div class="col-md-12">
149                 <div id="pagdiv"></div>
150             </div>
151         </div>
152
153         <div class="modal fade" id="vehicleModal">
154             <div class="modal-dialog modal-lg">
155                 <div class="modal-content">
156                     <div class="modal-header">
157                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
158                         <h4 class="modal-title" style="display: inline-block; float: left;line-height: 34px;">选择车辆</h4>
159                         <div class="col-xs-4">
160                             <div class="input-group">
161                                 <input class="form-control input-mask-date" type="text" id="vehicleKeyword" placeholder="输入车牌号检索" />
162                                 <span class="input-group-btn">
163                                     <button class="btn btn-sm btn-default searchBtn" type="button" id="searchVehicleBtn">
164                                         <i class="ace-icon fa fa-search bigger-110"></i>
165                                         搜索
166                                     </button>
167                                 </span>
168                             </div>
169                         </div>
170                     </div>
171                     <div class="modal-body table-responsive" style="max-height: 400px; overflow-Y: scroll">
172                         <table class="table table-bordered table-hover table-striped">
173                             <thead>
174                                 <tr>
175                                     <th style="min-width: 100px">车牌号</th>
176                                     <th style="min-width: 150px">可配车重量</th>
177                                     <th style="min-width: 350px">特征</th>
178                                     <th style="min-width: 100px">车重</th>
179                                     <th style="min-width: 100px">载重</th>
180                                     <th style="min-width: 150px">已配车数量</th>
181                                     <th style="min-width: 150px">已配车重量</th>
182                                     <th style="min-width: 400px;">备注</th>
183                                     <th style="min-width: 80px">司机</th>
184                                     <th style="min-width: 100px">联系电话</th>
185                                      <th style="min-width: 150px">身份证号</th>
186                                 </tr>
187                             </thead>
188                             <tbody data-bind="foreach: vList">
189                                 <tr class="vitem" data-bind="attr: {'data-indx': indx}">
190                                     <td data-bind="text: vehicleId"></td>
191                                     <td data-bind="text: lastweight"></td>
192                                     <td data-bind="text: feature"></td>
193                                     <td data-bind="text: vehicleweight"></td>
194                                     <td data-bind="text: loadweight"></td>
195                                     <td data-bind="text: fdnum"></td>
196                                     <td data-bind="text: fdweight"></td>
197                                     <td data-bind="text: note"></td>
198                                     <td data-bind="text: driver"></td>
199                                     <td data-bind="text: phone"></td>
200                                     <td data-bind="text: IDNum"></td>
201                                 </tr>
202                             </tbody>
203                         </table>
204                     </div>
205                     <div class="modal-footer">
206                         <button type="button" class="btn btn-primary btn-sm" id="addTempVehicle" style="float: left">换车到临时车辆</button>
207                         <button type="button" class="btn btn-primary btn-sm" id="refreshVehicleBtn" style="float: left">
208                             <i class="ace-icon fa fa-refresh bigger-110"></i>
209                             更新车辆状态
210                         </button>
211                         <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
212                         <button type="button" class="btn btn-primary btn-sm" id="vehicleBindBtn">确定换车</button>
213                     </div>
214                 </div>
215             </div>
216         </div>
217         
218         <div class="modal fade" id="tempVehicleModal">
219             <div class="modal-dialog">
220                 <div class="modal-content">
221                     <div class="modal-header">
222                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
223                         <h4 class="modal-title">编辑临时车辆</h4>
224                     </div>
225                     <div class="modal-body">
226                         <form class="form-horizontal" id="form">
227                             <div class="form-body">
228                                 <div class="form-group">
229                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 车牌号</label>
230                                     <div class="col-md-6">
231                                         <input type="text" class="form-control" style="text-transform:uppercase" id="vehicleId" name="vehicleId" placeholder="" data-bind="value: o().vehicleId"/>
232                                     </div>
233                                     <div class="col-md-3">
234                                         <p class="form-control-static text-error"></p>
235                                     </div>
236                                 </div>
237                                 <div class="form-group">
238                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 司机</label>
239                                     <div class="col-md-6">
240                                         <input type="text" class="form-control" placeholder="" name="driver" data-bind="value: o().driver"/>
241                                     </div>
242                                     <div class="col-md-3">
243                                         <p class="form-control-static text-error"></p>
244                                     </div>
245                                 </div>
246                                 <div class="form-group">
247                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 手机号</label>
248                                     <div class="col-md-6">
249                                         <input type="text" class="form-control" placeholder="" name="phone" data-bind="value: o().phone"/>
250                                     </div>
251                                     <div class="col-md-3">
252                                         <p class="form-control-static text-error"></p>
253                                     </div>
254                                 </div>
255                                    <div class="form-group">
256                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 身份证号</label>
257                                     <div class="col-md-6">
258                                         <input type="text" class="form-control" placeholder="" name="IDNum" data-bind="value: o().phone"/>
259                                     </div>
260                                     <div class="col-md-3">
261                                         <p class="form-control-static text-error"></p>
262                                     </div>
263                                 </div>
264                                 <div class="form-group">
265                                     <label class="col-md-3 control-label"> 车辆重量(吨)</label>
266                                     <div class="col-md-6">
267                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().vehicleweight"/>
268                                     </div>
269                                     <div class="col-md-3">
270                                         <p class="form-control-static text-error"></p>
271                                     </div>
272                                 </div>
273                                 <div class="form-group">
274                                     <label class="col-md-3 control-label"> 载重重量(吨)</label>
275                                     <div class="col-md-6">
276                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().loadweight"/>
277                                     </div>
278                                     <div class="col-md-3">
279                                         <p class="form-control-static text-error"></p>
280                                     </div>
281                                 </div>
282                                 <div class="form-group">
283                                     <label class="col-md-3 control-label">特征</label>
284                                     <div class="col-md-6">
285                                         <input type="text" class="form-control" placeholder="" data-bind="value: o().feature"/>
286                                     </div>
287                                     <div class="col-md-3">
288                                         <p class="form-control-static text-error"></p>
289                                     </div>
290                                 </div>
291                                     <div class="form-group">
292                                     <label class="col-md-3 control-label">备注</label>
293                                     <div class="col-md-6">
294                                         <input type="text" class="form-control" placeholder="" data-bind="value: o().note"/>
295                                     </div>
296                                     <div class="col-md-3">
297                                         <p class="form-control-static text-error"></p>
298                                     </div>
299                                 </div>
300                             </div>
301                         </form>
302                     </div>
303                     <div class="modal-footer">
304                         <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
305                         <button type="button" class="btn btn-sm btn-primary" id="tempVehicleSaveBtn">保存并换车</button>
306                     </div>
307                 </div>
308             </div>
309         </div>
310
311         <div id="dialog-confirm" class="hide">
312             <div class="alert alert-info bigger-110" id="modalContent">
313             </div>
314         </div>
315     </ui:define>
316     <ui:define name="myscript">
317     <script type="text/javascript" src="#{request.contextPath}/template/assets/js/chosen.jquery.js"></script>
318         <script src="js/vehicleTask.js?v=#{sessionScope.login_page_vesion}"></script>
319     </ui:define>
320 </ui:composition>
321 </html>