hjg
2024-01-20 4a3404efc438b16044fd9170814e6545a3f86fae
提交 | 用户 | 时间
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         #form .control-label {
42             margin-right: -14px
43         }
44         .t-error{
45             color: red;
46             position: relative;
47             right: 2px;
48             top: 3px;
49         }
50         </style>
51     </ui:define>
52     <ui:define name="acontent">
53         <input type="hidden" value="#{param.page}" id="p" />
54         <input type="hidden" value="#{param.keyword}" id="k" />
55         <input type="hidden" value="#{param.d}" id="d" />
56         <div class="row">
57             <div class="col-xs-2">
58                 <select name="" id="" class="form-control" data-bind="value: did, options: dList, optionsText: 'name', optionsValue: 'id', optionsCaption: '请选择部门', event: {change: change}"></select>
59             </div>
60             <div class="col-xs-5" style="margin-left: -31px">
61                 <div class="input-group">
62                     <input class="form-control input-mask-date" type="text" value="#{param.keyword}" id="keyword" placeholder="输入名称搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
63                     <span class="input-group-btn">
64                         <button class="btn btn-sm btn-default" type="button" id="searchBtn">
65                             <i class="ace-icon fa fa-search bigger-110"></i>
66                             搜索
67                         </button>
68                     </span>
69                 </div>
70             </div>
71             <div class="col-xs-5" style="text-align: right;">
72                 <button class="btn btn-sm btn-info" type="button" id="newObj">
73                     <i class="ace-icon fa fa-plus bigger-110"></i>
74                     新门禁
75                 </button>
76             </div>
77             <div class="col-xs-12 table-responsive" style="margin-top: 8px;">
78                 <table id="simple-table" class="table  table-bordered table-hover">
79                     <thead>
80                         <tr>
81                             <th class="detail-col" style="min-width: 48px">序号</th>
82                             <th style="min-width: 100px">门禁编号</th>
83                             <th style="min-width: 150px">门禁名称</th>
84                             <th style="min-width: 90px">所属部门</th>
85                             <th style="min-width: 48px">人员</th>
86                             <th style="min-width: 100px">内部办公车辆</th>
87                             <th style="min-width: 100px">外来办公车辆</th>
88                             <th style="min-width: 48px">货车</th>
89                             <th style="min-width: 250px; width: 250px">操作</th>
90                         </tr>
91                     </thead>
92
93                     <tbody data-bind="foreach: list">
94                         <tr>
95                             <td class="center">
96                                 <span data-bind="text: $index() + 1"></span>
97                             </td>
98
99                             <td data-bind="text: gatesNo"></td>
100                             <td data-bind="text: name"></td>
101                             <td data-bind="text: departname"></td>
102                             <td>
103                                 <i class="fa fa-male" data-bind="css: {danger: !canperson, success: canperson}"></i>
104                             </td>
105                             <td>
106                                 <i class="fa fa-car" data-bind="css: {danger: !cancar, success: cancar}"></i>
107                                 内
108                             </td>
109                             <td>
110                                 <i class="fa fa-car" data-bind="css: {danger: !cancar2, success: cancar2}"></i>
111                                 外
112                             </td>
113                             <td>
114                                 <i class="fa fa-truck" data-bind="css: {danger: !cantruck, success: cantruck}"></i>
115                             </td>
116
117                             <td>
118                                 <div class="btn-group">
119                                     <button class="btn btn-xs btn-info" title="编辑" data-bind="click: $parent.edit">
120                                         <!--<i class="ace-icon fa fa-pencil bigger-95"></i>-->
121                                         编辑
122                                     </button>
123                                     <button class="btn btn-xs btn-info" title="客户端配置" data-bind="click: $parent.mclient">
124                                         <!--<i class="ace-icon fa fa-laptop bigger-95"></i>-->
125                                         客户端配置
126                                     </button>
127                                     <button class="btn btn-xs btn-info" title="客户端设备" data-bind="click: $parent.cequipment">
128                                         <!--<i class="ace-icon fa fa-sitemap bigger-95"></i>-->
129                                         客户端设备
130                                     </button>
131                                     <button class="btn btn-xs btn-danger" title="删除" data-bind="click: $parent.del">
132                                         <!--<i class="ace-icon fa fa-trash-o bigger-95"></i>-->
133                                         删除
134                                     </button>
135                                 </div>
136                             </td>
137                         </tr>
138                     </tbody>
139                 </table>
140                 <div id="pagdiv"></div>
141             </div>
142         </div>
143         <div class="modal fade" id="modal">
144             <div class="modal-dialog">
145                 <div class="modal-content">
146                     <div class="modal-header">
147                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
148                         <h4 class="modal-title">编辑门禁</h4>
149                     </div>
150                     <div class="modal-body">
151                         <form class="form-horizontal" id="form">
152                             <div class="form-body">
153                                 <div class="form-group">
154                                     <label class="col-md-3 control-label"><span class="t-error">*</span>门禁编号</label>
155                                     <div class="col-md-6">
156                                         <!--<span style="line-height: 34px" data-bind="text: o().gatesNo">01</span>-->
157                                         <input type="text" class="form-control" placeholder="" id="gatesNo" name="gatesNo" data-bind="value: o().gatesNo"/>
158                                     </div>
159                                     <div class="col-md-3">
160                                         <p class="form-control-static text-error"></p>
161                                     </div>
162                                 </div>
163                             </div>
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" class="form-control" name="name" placeholder="" data-bind="value: o().name"/>
169                                     </div>
170                                     <div class="col-md-3">
171                                         <p class="form-control-static text-error"></p>
172                                     </div>
173                                 </div>
174                             </div>
175                             <div class="form-body">
176                                 <div class="form-group">
177                                     <label class="col-md-3 control-label">门禁密码</label>
178                                     <div class="col-md-6">
179                                         <input type="text" class="form-control" name="password" placeholder="" data-bind="value: o().password"/>
180                                     </div>
181                                     <div class="col-md-3">
182                                         <p class="form-control-static text-error"></p>
183                                     </div>
184                                 </div>
185                             </div>
186                             <div class="form-body">
187                                 <div class="form-group">
188                                     <label class="col-md-3 control-label"><span class="t-error">*</span>所属部门</label>
189                                     <div class="col-md-6">
190                                         <input type="text" class="form-control" readonly="readonly" id="departName" placeholder="" name="departName" data-bind="value: o().departname"/>
191                                     </div>
192                                     <div class="col-md-3">
193                                         <p class="form-control-static text-error"></p>
194                                     </div>
195                                 </div>
196                             </div>
197                             <div class="form-body">
198                                 <div class="form-group">
199                                     <label class="col-md-3 control-label">人员</label>
200                                     <div class="col-md-6" style="padding-top: 6px">
201                                         <label>
202                                             <input name="switch-field-1" class="ace ace-switch" type="checkbox" data-bind="checked: o().canperson"/>
203                                             <span class="lbl"></span>
204                                         </label>
205                                     </div>
206                                 </div>
207                             </div>
208                             <div class="form-body">
209                                 <div class="form-group">
210                                     <label class="col-md-3 control-label">内部办公车辆</label>
211                                     <div class="col-md-6" style="padding-top: 6px">
212                                         <label>
213                                             <input name="switch-field-1" class="ace ace-switch" type="checkbox" data-bind="checked: o().cancar"/>
214                                             <span class="lbl"></span>
215                                         </label>
216                                     </div>
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: 6px">
223                                         <label>
224                                             <input name="switch-field-1" class="ace ace-switch" type="checkbox" data-bind="checked: o().cancar2"/>
225                                             <span class="lbl"></span>
226                                         </label>
227                                     </div>
228                                 </div>
229                             </div>
230                             <div class="form-body">
231                                 <div class="form-group">
232                                     <label class="col-md-3 control-label">货车</label>
233                                     <div class="col-md-6" style="padding-top: 6px">
234                                         <label>
235                                             <input name="switch-field-1" class="ace ace-switch" type="checkbox" data-bind="checked: o().cantruck"/>
236                                             <span class="lbl"></span>
237                                         </label>
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 id="dialog-confirm" class="hide">
268             <div class="alert alert-info bigger-110" id="modalContent">
269             </div>
270         </div>
271     </ui:define>
272     <ui:define name="myscript">
273         <script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/jstree.min.js"></script>
274         <script src="js/gates.js"></script>
275     </ui:define>
276 </ui:composition>
277 </html>