hjg
2023-11-17 3780c5e65b05bf23020810798babc6d20311fa79
提交 | 用户 | 时间
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         .table-dark{
70             background: #ccc;
71         }
72         </style>
73     </ui:define>
74     <ui:define name="acontent">
75         <input type="hidden" value="#{param.no}" id="no" />
76         <div class="row">
77             <div class="col-xs-6" style="width: 100%;">
78                 <table id="simple-table" class="table  table-bordered table-hover table-striped">
79                     <tr>
80                         <td style="width: 80px">提单编号</td>
81                         <td data-bind="text: td().td_tdbh"></td>
82                         <td style="width: 80px">制单日期</td>
83                         <td data-bind="text: td().td_djrq"></td>
84                     </tr>
85                     <tr>
86                         <td>备  注</td>
87                         <td data-bind="text: td().td_bz"></td>
88                         <td>客户名称</td>
89                         <td data-bind="text: td().td_khmc"></td>
90                     </tr>
91                     <tr>
92                         <td>制单部门-销售人</td>
93                         <td data-bind="text: (td().td_bmmc==null?'':td().td_bmmc)+'  '+(td().td_xsr==null?'':td().td_xsr)"></td>
94                         <td>制单人员-发票编号</td>
95                         <td data-bind="text: (td().td_zdr==null?'': td().td_zdr)+'  '+(td().td_fpbh==null?'':td().td_fpbh)"></td>
96                     </tr>
97                 </table>
98             </div>
99            <!-- <div class="col-xs-6 alert alert-info" style="width:36%;">
100                 <p class="bg-info" style="font-weight: bold" id="vehicleMessage">
101                     当前车牌号:<span id="_vhicleId"></span>,
102                     可配重量:<span id="_lastweight"></span>,
103                     载重:<span id="_loadweight"></span>,
104                     已配重量:<span id="_fdweight"></span>,
105                     已配数量:<span id="_fdnum"></span>。
106                 </p>
107                 <p class="bg-info" style="font-weight: bold">
108                     已选择:<span data-bind="text: selectedNum"></span>个,
109                     毛重:<span data-bind="text: selectedMZ"></span>吨,
110                     净重:<span data-bind="text: selectedJZ"></span>吨。
111                 </p>
112             </div>-->
113         </div>
114         <div class="row" style="padding:2px;">
115             <div class="col-xs-3" style="width: 25%;padding-left: 2px;padding-right: 2px;">
116                 <button class="btn btn-sm btn-info" type="button" id="clearSelectBtn" title="清除选中的所有物资">清除</button>
117                 <button class="btn btn-sm btn-info" type="button" id="selectAllBtn" data-bind="style: {display: isSelectAll() ? 'none' : 'inline-block'}" title="选中列表显示的所有物资">全选</button>
118                 <button class="btn btn-sm btn-info" type="button" id="selectNoBtn" data-bind="style: {display: isSelectAll() ? 'inline-block' : 'none'}" title="取消选中列表显示的所有物资">全不选</button>
119                 <button type="button" class="btn btn-primary btn-sm" id="sxBtn" style="font-size: 10px;padding-left: 0px;padding-right: 0px;" title="重新获取最新的物资信息">
120                     <i class="ace-icon fa fa-refresh bigger-110" ></i>
121                 </button>
122             </div>
123             <div class="col-xs-4" >
124                 <div class="row">
125                     <div style="float:left;" >
126                         <input class="form-control input-mask-date" type="text" readonly="readonly" data-bind="value:companyName"   placeholder="选择物流公司" />
127                     </div >
128                     <div style="float:left;padding-right: 5px; padding-left: 5px;">
129                         <button class="btn btn-sm btn-info mStatus" type="button" id="companyButton" style="font-size: 10px;"> 更换物流公司 </button>
130                     </div>
131                     <div style="float:left;padding-right: 2px; ">
132                         <button class="btn btn-sm btn-info mStatus" type="button" id="changeCompanyButton" style="font-size: 10px;"> 提交 </button>
133                     </div>
134                 </div>
135             </div>
136             <div class="col-xs-4"  >
137                  <div class="input-group" style="float:left;width:60%;padding-right: 5px;">
138                     <input class="form-control input-mask-date" type="text" id="piciKeyword" placeholder="批次号检索" />
139                     <span class="input-group-btn">
140                         <button class="btn btn-sm btn-default searchBtn" type="button" id="searchpiciBtn">
141                             <i class="ace-icon fa fa-search bigger-110"></i>
142                             搜索
143                         </button>
144                     </span>
145                 </div>
146                 <button class="btn btn-sm btn-info mStatus" type="button" id="SortBtn" style="font-size: 10px;">排序 </button>
147             </div>
148         </div>
149         <div class="row">
150             <div class="col-xs-6 table-responsive" style="width:100%;padding-right: 2px">
151                 <table id="vehicle-table" class="table table-bordered" onselectstart="return true;">
152                     <thead>
153                         <tr>
154                             <th class="detail-col" style="min-width: 30px"><span class="th">序号</span></th>
155                             <th class="detail-col" style="min-width: 80px"><span class="th">物流公司编号</span></th>
156                             <th class="detail-col" style="min-width: 150px"><span class="th">物流公司名称</span></th>
157                             <th class="detail-col" style="min-width: 80px"><span class="th">车牌号</span></th>
158                             <th class="detail-col" style="min-width: 140px"><span class="th">配车时间</span></th>
159                             <th class="detail-col" style="min-width: 140px"><span class="th">时长(分)</span></th>
160                             <th class="detail-col" style="min-width: 140px"><span class="th">批次号</span></th>
161                             <th class="detail-col" style="min-width: 100px"><span class="th">物料名称</span></th>
162                             <th class="detail-col" style="min-width: 120px"><span class="th">规格型号</span></th>
163                             <th class="detail-col" style="min-width: 120px"><span class="th">夹纸覆膜</span></th>
164                             <th class="detail-col" style="min-width: 80px"><span class="th">尺寸</span></th>
165                             <th class="detail-col" style="min-width: 80px"><span class="th">外包装尺寸</span></th>
166                             <th class="detail-col" style="min-width: 80px"><span class="th">货位</span></th>
167                             <th class="detail-col" style="min-width: 50px"><span class="th">毛重</span></th>
168                             <th class="detail-col" style="min-width: 50px"><span class="th">净重</span></th>
169                         </tr>
170                     </thead>
171                     <tbody data-bind="foreach: list">
172                         <tr class="mitem" data-bind="attr: {'data-indx': indx,class:fkStatus>0?'table-dark mitem':'mitem table-hover',title:fkStatus>0?'车辆已发卡':''}" >
173                             <td class="center">
174                                 <span data-bind="text: $index() + 1"></span>
175                             </td>
176                             <td data-bind="text: mxwlgsNo"></td>
177                             <td data-bind="text: mxwlgsName"></td>
178                             <td data-bind="text: tdmx_fdcph"></td>
179                             <td data-bind="text: ctime"></td>
180                             <td data-bind="text: timeMinus"></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>
195
196         <div class="modal fade" id="companyModal">
197             <div class="modal-dialog modal-lg">
198                 <div class="modal-content">
199                     <div class="modal-header">
200                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
201                         <h4 class="modal-title" style="display: inline-block; float: left;line-height: 34px;">选择物流公司</h4>
202                         <div class="col-xs-4">
203                             <div class="input-group">
204                                 <input class="form-control input-mask-date" type="text" id="companyKeyword" placeholder="输入物流公司检索" />
205                                 <span class="input-group-btn">
206                                     <button class="btn btn-sm btn-default searchBtn" type="button" id="searchVehicleBtn">
207                                         <i class="ace-icon fa fa-search bigger-110"></i>
208                                         搜索
209                                     </button>
210                                 </span>
211                             </div>
212                         </div>
213                     </div>
214                     <div class="modal-body table-responsive" style="max-height: 400px; overflow-Y: scroll">
215                         <table class="table table-bordered table-hover table-striped">
216                             <thead>
217                             <tr>
218                                 <th class="detail-col" style="min-width: 48px">序号</th>
219                                 <th style="min-width: 100px">编号</th>
220                                 <th style="min-width: 100px">名称</th>
221                                 <th style="min-width: 150px">备注</th>
222                                 <th style="min-width: 100px">自提权限</th>
223                                 <th style="min-width: 200px">业务厂区</th>
224                             </tr>
225                             </thead>
226                             <tbody data-bind="foreach: vList">
227                             <tr class="vitem" data-bind="attr: {'data-indx': indx}">
228                                 <td class="center">
229                                     <span data-bind="text: $index() + 1"></span>
230                                 </td>
231                                 <td data-bind="text: companyNo"></td>
232                                 <td data-bind="text: name"></td>
233                                 <td data-bind="text: note"></td>
234                                 <td data-bind="text: hasSPR?'有':'无'"></td>
235                                 <td data-bind="text: ywdyNames"></td>
236                             </tr>
237                             </tbody>
238                         </table>
239                     </div>
240                     <div class="modal-footer">
241                         <!--  <button type="button" class="btn btn-primary btn-sm" id="refreshVehicleBtn" style="float: left">
242                              <i class="ace-icon fa fa-refresh bigger-110"></i>
243                              更新车辆状态
244                          </button> -->
245                         <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
246                         <button type="button" class="btn btn-primary btn-sm" id="companyBindBtn">确定选择</button>
247                     </div>
248                 </div>
249             </div>
250         </div>
251
252         <div class="modal fade" id="modal">
253             <div class="modal-dialog">
254                 <div class="modal-content">
255                     <div class="modal-header">
256                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
257                         <h4 class="modal-title">排序</h4>
258                     </div>
259                     <div class="modal-body" style="overflow: hidden">
260                         <table class="table table-bordered table-hover table-striped" style="width: 30%; float: left">
261                             <thead>
262                                 <tr>
263                                     <th>选择</th>
264                                 </tr>
265                             </thead>
266                             <tbody data-bind="foreach: oList">
267                                 <tr data-bind="visible: visible">
268                                     <td>
269                                         <a href="javascript:;" data-bind="text: key, click: $parent.addSort"></a>
270                                     </td>
271                                 </tr>
272                             </tbody>
273                         </table>
274                         <table class="table  table-bordered table-hover table-striped" style="width: 70%; float: left">
275                             <thead>
276                                 <tr>
277                                     <th>规则</th>
278                                     <th>升序</th>
279                                     <th>降序</th>
280                                 </tr>
281                             </thead>
282                             <tbody data-bind="foreach: soList">
283                                 <tr>
284                                     <td>
285                                         <a href="javascript:;" data-bind="text: key, click: $parent.removeSort"></a>
286                                     </td>
287                                     <td>
288                                         <input type="radio" value="asc" data-bind="checked: result, attr: {name: target}"/>
289                                     </td>
290                                     <td>
291                                         <input type="radio" value="desc" data-bind="checked: result, attr: {name: target}"/>
292                                     </td>
293                                 </tr>
294                             </tbody>
295                         </table>
296                     </div>
297                     <div class="modal-footer">
298                         <button type="button" class="btn btn-default btn-sm" ddata-dismiss="modal" id="clearSortBtn">清除</button>
299                         <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" id="searchSortBtn" >确定</button>
300                     </div>
301                 </div>
302             </div>
303         </div>
304         <div id="dialog-confirm" class="hide">
305             <div class="alert alert-info bigger-110" id="modalContent">
306             </div>
307         </div>
308     </ui:define>
309     <ui:define name="myscript">
310         <script src="js/billofLadingSplit.js?v=#{sessionScope.login_page_vesion}"></script>
311     </ui:define>
312 </ui:composition>
313 </html>