查看 | 历史 | 提交 | 提交对比
Administrator
2022-10-09 23f93897d618a5253a18b65b124196f95891f240
提交 | 用户 | 时间
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         <link rel="stylesheet" href="#{request.contextPath}/template/assets/css/jstree/themes/default/style.min.css"/>
11         <style>
12         #searchBtn {
13             height: 34px;
14         }
15         p.error {
16             color: #D9534F
17         }
18         input.error {
19             border: 1px solid #D9534F;
20         }
21         i.fa.danger {
22             color: #D15B47
23         }
24         i.fa.success {
25             color: #87B87F
26         }
27         .modal {
28             padding-right: 17px !important
29         }
30         #simple-table th,#simple-table td{
31             text-align: center;
32             padding: 2px 8px;
33         }
34         .bigger-95{
35         font-size: 95% !important;
36         }
37         .btn-xs, .btn-group-xs > .btn{
38           padding-top: 0px;
39           padding-bottom: 0px;
40         }
41         i.fa.danger {
42             color: #D15B47
43         }
44         i.fa.success {
45             color: #87B87F
46         }
47         #form .control-label {
48             margin-right: -14px
49         }
50         .t-error{
51             color: red;
52             position: relative;
53             right: 2px;
54             top: 3px;
55         }
56         .pagination {
57             margin: 10px 0;
58         }
59         #simple-table th {
60             padding: 0
61         }
62         .th {
63             position: relative;
64             width: 100%;
65             display: block;
66             background: #F2F2F2;
67             border: 1px solid #DDDDDD;
68             z-index: 1;
69             border-left: none;
70         }
71         </style>
72     </ui:define>
73     <ui:define name="acontent">
74         <input type="hidden" value="#{param.page}" id="p" />
75         <input type="hidden" value="#{param.keyword}" id="k" />
76         <input type="hidden" value="#{param.d}" id="d" />
77         <div class="row">
78             <div class="col-xs-2">
79                 <select name="" id="" class="form-control" data-bind="value: did, options: dList, optionsText: 'name', optionsValue: 'id', optionsCaption: '请选择所属部门', event: {change: change}"></select>
80             </div>
81             <div class="col-xs-2" style="margin-left: -31px">
82                 <select name="" id="" class="form-control" data-bind="value: tid, options: tList, optionsText: 'name', optionsValue: 'id', optionsCaption: '请选择货车类型', event: {change: change}"></select>
83             </div>
84             <div class="col-xs-5" style="margin-left: -31px">
85                 <div class="input-group">
86                     <input class="form-control input-mask-date" type="text" value="#{param.keyword}" id="keyword" placeholder="输入名称搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
87                     <span class="input-group-btn">
88                         <button class="btn btn-sm btn-default" type="button" id="searchBtn">
89                             <i class="ace-icon fa fa-search bigger-110"></i>
90                             搜索
91                         </button>
92                     </span>
93                 </div>
94             </div>
95             <div class="col-xs-3" style="text-align: right;">
96                 <button class="btn btn-sm btn-info" type="button" id="newObj">
97                     <i class="ace-icon fa fa-plus bigger-110"></i>
98                     新货车
99                 </button>
100             </div>
101             <div class="col-xs-12 table-responsive" style="margin-top: 8px;">
102                 <table id="simple-table" class="table  table-bordered table-hover table-striped">
103                     <thead>
104                         <tr>
105                             <th class="detail-col" style="min-width: 48px"><span class="th">序号</span></th>
106                             <th style="min-width: 100px"><span class="th">操作</span></th>
107                             <th style="min-width: 50px"><span class="th">启用</span></th>
108                             <th style="min-width: 120px"><span class="th">所属部门</span></th>
109                             <th style="min-width: 85px"><span class="th">车牌号</span></th>
110                             <th style="min-width: 100px"><span class="th">卡号</span></th>
111                             <th style="min-width: 100px"><span class="th">司机</span></th>
112                             <th style="min-width: 100px"><span class="th">联系电话</span></th>
113                             <th style="min-width: 120px"><span class="th">货车类型</span></th>
114                             <th style="min-width: 250px"><span class="th">有效期</span></th>
115                             <th style="min-width: 60px"><span class="th">创建人</span></th>
116                             <th style="min-width: 130px"><span class="th">创建日期</span></th>
117                             <th style="min-width: 90px"><span class="th">创建部门</span></th>
118                             <th style="min-width: 255px"><span class="th">备注</span></th>
119                         </tr>
120                     </thead>
121
122                     <tbody data-bind="foreach: list">
123                         <tr>
124                             <td class="center">
125                                 <span data-bind="text: $index() + 1"></span>
126                             </td>
127                             <td>
128                                 <div class="btn-group">
129                                     <button class="btn btn-xs btn-info" title="编辑" data-bind="click: $parent.edit">
130                                         <!--<i class="ace-icon fa fa-pencil bigger-95"></i>-->
131                                         编辑
132                                     </button>
133
134                                     <button class="btn btn-xs btn-danger" title="删除" data-bind="click: $parent.del">
135                                         <!--<i class="ace-icon fa fa-trash-o bigger-95"></i>-->
136                                         删除
137                                     </button>
138                                 </div>
139                             </td>
140                             <td>
141                                 <a href="javascript:;" title="启用中"><i class="fa fa-check success" data-bind="click: $parent.valid, visible: valid(),css: {danger: !valid(), success: valid()}"></i></a>
142                                 <a href="javascript:;" title="禁用中"><i class="fa fa-close danger" data-bind="click: $parent.valid, visible: !valid(),css: {danger: !valid(), success: valid()}"></i></a>
143                             </td>
144
145                             <td data-bind="text: departname"></td>
146                             <td data-bind="text: numberplates"></td>
147                             <td data-bind="text: cardID"></td>
148                             <td data-bind="text: driver"></td>
149                             <td data-bind="text: phone"></td>
150                             <td data-bind="text: vtypename"></td>
151                             <td data-bind="text: sdate + '--' + edate"></td>
152                             <td data-bind="text: cdepart"></td>
153                             <td data-bind="text: ctime"></td>
154                             <td data-bind="text: cname"></td>
155
156                             <td data-bind="text: note"></td>
157                         </tr>
158                     </tbody>
159                 </table>
160             </div>
161             <div class="col-md-12">
162                 <div id="pagdiv"></div>
163             </div>
164         </div>
165         <div class="modal fade" id="modal">
166             <div class="modal-dialog">
167                 <div class="modal-content">
168                     <div class="modal-header">
169                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
170                         <h4 class="modal-title">编辑货车</h4>
171                     </div>
172                     <div class="modal-body">
173                         <form class="form-horizontal" id="form">
174                             <div class="form-body">
175                                 <div class="form-group">
176                                     <label class="col-md-3 control-label"><span class="t-error">*</span>车牌号</label>
177                                     <div class="col-md-6">
178                                         <input type="text" class="form-control" name="numberplates" style="text-transform:uppercase" placeholder="" data-bind="value: o().numberplates, valueUpdate: 'afterkeydown',enable:neworedit"/>
179                                     </div>
180                                     <div class="col-md-3">
181                                         <p class="form-control-static text-error"></p>
182                                     </div>
183                                 </div>
184                                 <div class="form-group">
185                                     <label class="col-md-3 control-label"><span class="t-error">*</span>卡号</label>
186                                     <div class="col-md-6">
187                                         <input type="text" class="form-control" placeholder="" name="cardID" data-bind="value: o().cardID, valueUpdate: 'afterkeydown'"/>
188                                     </div>
189                                     <div class="col-md-3">
190                                         <p class="form-control-static text-error"></p>
191                                     </div>
192                                 </div>
193                                 <div class="form-group">
194                                     <label class="col-md-3 control-label"><span class="t-error">*</span>货车类型</label>
195                                     <div class="col-md-6">
196                                         <select name="" id="" class="form-control" data-bind="value: o().vtypeid, options: tList, optionsText: 'name', optionsValue: 'id'"></select>
197                                     </div>
198                                     <div class="col-md-3">
199                                         <p class="form-control-static text-error"></p>
200                                     </div>
201                                 </div>
202                                 <div class="form-group">
203                                     <label class="col-md-3 control-label"><span class="t-error">*</span>所属部门</label>
204                                     <div class="col-md-6">
205                                         <input type="text" class="form-control" id="departName" readonly="readonly" name="departName" placeholder="" data-bind="value: o().departname"/>
206                                     </div>
207                                     <div class="col-md-3">
208                                         <p class="form-control-static text-error"></p>
209                                     </div>
210                                 </div>
211                                 <div class="form-group">
212                                     <label class="col-md-3 control-label"><span class="t-error">*</span>起始日期</label>
213                                     <div class="col-md-6">
214                                         <input type="text" class="form-control" id="sdate" name="sdate" placeholder="" data-bind="value: o().sdate" onclick="WdatePicker()"/>
215                                     </div>
216                                     <div class="col-md-3">
217                                         <p class="form-control-static text-error"></p>
218                                     </div>
219                                 </div>
220                                 <div class="form-group">
221                                     <label class="col-md-3 control-label"><span class="t-error">*</span>截止日期</label>
222                                     <div class="col-md-6">
223                                         <input type="text" class="form-control" id="edate" name="edate" placeholder="" data-bind="value: o().edate" onclick="WdatePicker()"/>
224                                     </div>
225                                     <div class="col-md-3">
226                                         <p class="form-control-static text-error"></p>
227                                     </div>
228                                 </div>
229                                 <div class="form-body">
230                                     <div class="form-group">
231                                         <label class="col-md-3 control-label">启用</label>
232                                         <div class="col-md-6" style="padding-top: 7px">
233                                             <input id="objUsed" type="checkbox" data-bind="checked: o().valid()" class="ace ace-switch ace-switch-4" />
234                                             <span class="lbl middle"></span>
235                                         </div>
236                                         <div class="col-md-3">
237                                             <p class="form-control-static text-error"></p>
238                                         </div>
239                                     </div>
240                                 </div>
241                                 <div class="form-group">
242                                     <label class="col-md-3 control-label">司机</label>
243                                     <div class="col-md-6">
244                                         <input type="text" class="form-control" name="note" placeholder="" data-bind="value: o().driver"/>
245                                     </div>
246                                     <div class="col-md-3">
247                                         <p class="form-control-static text-error"></p>
248                                     </div>
249                                 </div>
250                                 <div class="form-group">
251                                     <label class="col-md-3 control-label">联系电话</label>
252                                     <div class="col-md-6">
253                                         <input type="text" class="form-control" name="note" placeholder="" data-bind="value: o().phone"/>
254                                     </div>
255                                     <div class="col-md-3">
256                                         <p class="form-control-static text-error"></p>
257                                     </div>
258                                 </div>
259                                 <div class="form-group">
260                                     <label class="col-md-3 control-label">备注</label>
261                                     <div class="col-md-6">
262                                         <input type="text" class="form-control" name="note" placeholder="" data-bind="value: o().note"/>
263                                     </div>
264                                     <div class="col-md-3">
265                                         <p class="form-control-static text-error"></p>
266                                     </div>
267                                 </div>
268                             </div>
269                         </form>
270                     </div>
271                     <div class="modal-footer">
272                         <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
273                         <button type="button" class="btn btn-primary" id="save">保存</button>
274                     </div>
275                 </div>
276             </div>
277         </div>
278         <div class="modal" id="departModal" data-backdrop="false">
279             <div class="modal-dialog modal-sm">
280                 <div class="modal-content">
281                     <div class="modal-header">
282                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
283                         <h4 class="modal-title">选择部门</h4>
284                     </div>
285                     <div class="modal-body">
286                         <input type="text" class="search" id="search" placeholder="搜索"/>
287                         <div id="jstree_Enterprise"></div>
288                     </div>
289                     <div class="modal-footer">
290                         <button type="button" class="btn btn-primary btn-xs" data-dismiss="modal" id="saveDepart">保存</button>
291                     </div>
292                 </div>
293             </div>
294         </div>
295         <div id="dialog-confirm" class="hide">
296             <div class="alert alert-info bigger-110" id="modalContent">
297             </div>
298         </div>
299     </ui:define>
300     <ui:define name="myscript">
301         <script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/getdate/WdatePicker.js"></script>
302         <script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/jstree.min.js"></script>
303         <script src="js/whitevehicle.js"></script>
304     </ui:define>
305 </ui:composition>
306 </html>