查看 | 历史 | 提交 | 提交对比
Administrator
2023-04-19 40ec16bbb7c9d23df625aa31ae42ac36e901749d
提交 | 用户 | 时间
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         </style>
55     </ui:define>
56     <ui:define name="acontent">
57         <input type="hidden" value="#{param.page}" id="p" />
58         <input type="hidden" value="#{param.keyword}" id="k" />
59         <div class="row">
60             <div class="col-xs-2" data-bind="visible: isAdmin">
61                 <select name="" id="" class="form-control" data-bind="value: mtid, options: tList, optionsText: 'name', optionsValue: 'companyNo', optionsCaption: '全部运输公司', events: {change: change}"></select>
62             </div>
63             <div class="col-xs-5">
64                 <div class="input-group" data-bind="style: {'margin-left': isAdmin() ? '-31px': '0px'}">
65                     <input class="form-control input-mask-date" type="text" id="keyword" placeholder="输入车牌号搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
66                     <span class="input-group-btn">
67                         <button class="btn btn-sm btn-default" type="button" id="searchBtn">
68                             <i class="ace-icon fa fa-search bigger-110"></i>
69                             搜索
70                         </button>
71                     </span>
72                 </div>
73             </div>
74             <div class="col-xs-5" style="text-align: right;">
75                 <button class="btn btn-sm btn-info" type="button" id="newObj">
76                     <i class="ace-icon fa fa-plus bigger-110"></i>
77                     新车辆
78                 </button>
79             </div>
80             <div class="col-xs-12 table-responsive" style="margin-top: 8px;">
81                 <table id="simple-table" class="table  table-bordered table-hover table-striped">
82                     <thead>
83                         <tr>
84                             <th class="detail-col" style="min-width: 48px"><span class="th">序号</span></th>
85                             <th style="min-width: 100px"><span class="th">操作</span></th>                            
86                             <th style="min-width: 220px"><span class="th">运输公司</span></th>
87                             <th style="min-width: 100px"><span class="th">车牌号</span></th>
88                             <th style="min-width: 100px"><span class="th">司机</span></th>
89                             <th style="min-width: 150px"><span class="th">手机号</span></th>
90                             <th style="min-width: 150px"><span class="th">身份证号</span></th>
91                             <th style="min-width: 100px"><span class="th">车辆重量</span></th>
92                             <th style="min-width: 100px"><span class="th">载重重量</span></th>
93                             <th style="min-width: 75px"><span class="th">启用</span></th>
94                             <th style="min-width: 250px"><span class="th">特征</span></th>
95                             <th style="min-width: 250px"><span class="th">备注</span></th>
96                         </tr>
97                     </thead>
98
99                     <tbody data-bind="foreach: list">
100                         <tr>
101                             <td class="center">
102                                 <span data-bind="text: $index() + 1"></span>
103                             </td>
104                             <td>
105                                 <div class="btn-group">
106                                     <button class="btn btn-xs btn-info" title="编辑" data-bind="click: $parent.edit">
107                                         <!--<i class="ace-icon fa fa-pencil bigger-120"></i>-->
108                                         编辑
109                                     </button>
110
111                                     <button class="btn btn-xs btn-danger" title="删除" data-bind="click: $parent.del">
112                                         <!--<i class="ace-icon fa fa-trash-o bigger-120"></i>-->
113                                         删除
114                                     </button>
115                                 </div>
116                             </td>
117
118                             <td data-bind="text: companyName"></td>
119                             <td data-bind="text: vehicleId"></td>
120                             <td data-bind="text: driver"></td>
121                             <td data-bind="text: phone"></td>
122                             <td data-bind="text: IDNum"></td>
123                             <td data-bind="text: vehicleweight"></td>
124                             <td data-bind="text: loadweight"></td>
125                             <td >
126                                 <a href="javascript:;" title="启用中"><i class="fa fa-check success" data-bind="click: $parent.mtvalid, visible: state(),css: {danger: !state(), success: state()}"></i></a>
127                                 <a href="javascript:;" title="禁用中"><i class="fa fa-close danger" data-bind="click: $parent.mtvalid, visible: !state(),css: {danger: !state(), success: state()}"></i></a>
128                             </td>
129                             <td data-bind="text: feature"></td>
130                             <td data-bind="text: note"></td>
131                         </tr>
132                     </tbody>
133                 </table>
134             </div>
135             <div class="col-md-12">
136                 <div id="pagdiv"></div>
137             </div>
138         </div>
139         <div class="modal fade" id="modal">
140             <div class="modal-dialog">
141                 <div class="modal-content">
142                     <div class="modal-header">
143                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
144                         <h4 class="modal-title">编辑车辆信息</h4>
145                     </div>
146                     <div class="modal-body">
147                         <form class="form-horizontal" id="form">
148                             <div class="form-body">
149                                 <div class="form-group" data-bind="visible: isAdmin">
150                                     <label class="col-md-3 control-label">运输公司</label>
151                                     <div class="col-md-6">
152                                         <select name="" id="" class="form-control" data-bind="value: o().companyNo, options: tList, optionsText: 'name', optionsValue: 'companyNo'"></select>
153                                     </div>
154                                     <div class="col-md-3">
155                                         <p class="form-control-static text-error"></p>
156                                     </div>
157                                 </div>
158                                 <div class="form-group">
159                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 车牌号</label>
160                                     <div class="col-md-6">
161                                         <input type="text" class="form-control" style="text-transform:uppercase" id="vehicleId" name="vehicleId" placeholder="" data-bind="value: o().vehicleId"/>
162                                     </div>
163                                     <div class="col-md-3">
164                                         <p class="form-control-static text-error"></p>
165                                     </div>
166                                 </div>
167                                 <div class="form-group">
168                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 司机</label>
169                                     <div class="col-md-6">
170                                         <input type="text" class="form-control" placeholder="" name="driver" data-bind="value: o().driver"/>
171                                     </div>
172                                     <div class="col-md-3">
173                                         <p class="form-control-static text-error"></p>
174                                     </div>
175                                 </div>
176                                 <div class="form-group">
177                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 手机号</label>
178                                     <div class="col-md-6">
179                                         <input type="text" class="form-control" placeholder="" name="phone" data-bind="value: o().phone"/>
180                                     </div>
181                                     <div class="col-md-3">
182                                         <p class="form-control-static text-error"></p>
183                                     </div>
184                                 </div>
185                                 <div class="form-group">
186                                     <label class="col-md-3 control-label"><span class="t-error">*</span> 身份证号</label>
187                                     <div class="col-md-6">
188                                         <input type="text" class="form-control" placeholder="" name="IDNum" data-bind="value: o().IDNum"/>
189                                     </div>
190                                     <div class="col-md-3">
191                                         <p class="form-control-static text-error"></p>
192                                     </div>
193                                 </div>
194                                 <div class="form-group">
195                                     <label class="col-md-3 control-label"> 车辆重量(吨)</label>
196                                     <div class="col-md-6">
197                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().vehicleweight"/>
198                                     </div>
199                                     <div class="col-md-3">
200                                         <p class="form-control-static text-error"></p>
201                                     </div>
202                                 </div>
203                                 <div class="form-group">
204                                     <label class="col-md-3 control-label"> 载重重量(吨)</label>
205                                     <div class="col-md-6">
206                                         <input type="text" class="form-control" placeholder="" name="vehicleweight" data-bind="value: o().loadweight"/>
207                                     </div>
208                                     <div class="col-md-3">
209                                         <p class="form-control-static text-error"></p>
210                                     </div>
211                                 </div>
212                                 <div class="form-group">
213                                     <label class="col-md-3 col-sm-3 control-label" for="form-field-1-1"> 启用 </label>
214                                     <div class="col-md-6 col-sm-6">
215                                         <label style="padding-top: 9px;">
216                                             <input name="switch-field-1" class="ace ace-switch" type="checkbox" data-bind="checked: o().state()" id="state"/>
217                                             <span class="lbl"></span>
218                                         </label>
219                                     </div>
220                                 </div>
221                                 <div class="form-group">
222                                    <label class="col-md-3 control-label">特征</label>
223                                    <div class="col-md-6">
224                                        <input type="text" class="form-control" placeholder="" data-bind="value: o().feature"/>
225                                    </div>
226                                    <div class="col-md-3">
227                                        <p class="form-control-static text-error"></p>
228                                    </div>
229                                </div>
230                                  <div class="form-group">
231                                     <label class="col-md-3 control-label">备注</label>
232                                     <div class="col-md-6">
233                                         <input type="text" class="form-control" placeholder="" data-bind="value: o().note"/>
234                                     </div>
235                                     <div class="col-md-3">
236                                         <p class="form-control-static text-error"></p>
237                                     </div>
238                                 </div>
239                             </div>
240                         </form>
241                     </div>
242                     <div class="modal-footer">
243                         <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
244                         <button type="button" class="btn btn-primary" id="save">保存</button>
245                     </div>
246                 </div>
247             </div>
248         </div>
249         <div id="dialog-confirm" class="hide">
250             <div class="alert alert-info bigger-110" id="modalContent">
251             </div>
252         </div>
253     </ui:define>
254     <ui:define name="myscript">
255     <script type="text/javascript" src="#{request.contextPath}/template/assets/js/chosen.jquery.js"></script>
256         <script src="js/vehicle.js"></script>
257     </ui:define>
258 </ui:composition>
259 </html>