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