查看 | 历史 | 提交 | 提交对比
hjg
2023-10-08 a966b5abe5fb804464fe1cd09053a03fe94877fd
提交 | 用户 | 时间
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: 2px 8px;
23         }
24         .bigger-95{
25         font-size: 95% !important;
26         }
27         .btn-xs, .btn-group-xs > .btn{
28           padding-top: 0px;
29           padding-bottom: 0px;
30         }
31         .twitter-typeahead {
32             width: 100%
33         }
34         #form .control-label {
35             margin-right: -14px
36         }
37         .t-error{
38             color: red;
39             position: relative;
40             right: 2px;
41             top: 3px;
42         }
43         </style>
44     </ui:define>
45     <ui:define name="acontent">
46         <div class="row">
47             <div class="col-xs-2">
48                 <select name="" id="" class="form-control" data-bind="value: type, options: tList, optionsText: 'key', optionsValue: 'value'"></select>
49             </div>
50             <div class="col-xs-5" style="margin-left: -31px">
51                 <div class="input-group">
52                     <input class="form-control input-mask-date" type="text" id="keyword" placeholder="输入关键字搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
53                     <span class="input-group-btn">
54                         <button class="btn btn-sm btn-default" type="button" id="searchBtn">
55                             <i class="ace-icon fa fa-search bigger-110"></i>
56                             搜索
57                         </button>
58                     </span>
59                 </div>
60             </div>
61             <div class="col-xs-5" style="text-align: right;">
62                 <button class="btn btn-xs btn-info" id="addBtn">
63                     <i class="ace-icon fa fa-plus bigger-120">门岗用卡</i>
64                 </button>
65             </div>
66             <div class="col-xs-12 table-responsive" style="margin-top: 8px">
67                 <table id="simple-table" class="table table-bordered table-hover">
68                     <thead>
69                         <tr>
70                             <th class="detail-col" style="min-width: 48px">序号</th>
71                             <th style="min-width: 100px">卡号</th>
72                             <th style="min-width: 100px">卡类型</th>
73                             <th style="min-width: 60px">姓名</th>
74                             <th style="min-width: 60px">卡状态</th>
75                             <th style="min-width: 130px">发放时间</th>
76                             <th style="min-width: 75px">证件类型</th>
77                             <th style="min-width: 150px">证件号</th>
78                             <th style="min-width: 100px">联系方式</th>
79                             <th style="min-width: 250px">有效期</th>
80                             <th style="min-width: 180px">操作</th>
81                         </tr>
82                     </thead>
83
84                     <tbody data-bind="foreach: list">
85                         <tr>
86                             <td class="center">
87                                 <span data-bind="text: $index() + 1"></span>
88                             </td>
89
90                             <td data-bind="text: cardno"></td>
91                             <td data-bind="text: type"></td>
92                             <td data-bind="text: name"></td>
93                             <td data-bind="text: lost()?'挂失':'启用'"></td>
94                             <td data-bind="text: stime"></td>
95                             <td data-bind="text: ptype"></td>
96                             <td data-bind="text: paperNo"></td>
97                             <td data-bind="text: phone"></td>
98                             <td data-bind="text: sdate + '--' + edate"></td>
99
100                             <td>
101                                 <div class="btn-group">
102                                     <button class="btn btn-xs btn-warning" title="挂失" data-bind="click: $parent.lossRegister">
103                                         <!--<i class="ace-icon fa fa-chain-broken bigger-95"></i>-->
104                                         挂失
105                                     </button>
106                                     <button class="btn btn-xs btn-info" title="换卡" data-bind="click: $parent.changeCard">
107                                         <!--<i class="ace-icon fa fa-exchange bigger-95"></i>-->
108                                         换卡
109                                     </button>
110                                     <button class="btn btn-xs btn-info" title="回收" data-bind="click: $parent.recycle">
111                                         <!--<i class="ace-icon fa fa-recycle bigger-95"></i>-->
112                                         回收
113                                     </button>
114                                     <button class="btn btn-xs btn-info" title="启用" data-bind="click: $parent.useCard">
115                                         <!--<i class="ace-icon fa fa-play-circle bigger-95"></i>-->
116                                         启用
117                                     </button>
118                                 </div>
119                             </td>
120                         </tr>
121                     </tbody>
122                 </table>
123                 <div id="pagdiv"></div>
124             </div>
125         </div>
126         <div class="modal fade" id="modal">
127             <div class="modal-dialog">
128                 <div class="modal-content">
129                     <div class="modal-header">
130                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
131                         <h4 class="modal-title">为卡号【<span data-bind="text: oldCardno"></span>】换卡</h4>
132                     </div>
133                     <div class="modal-body">
134                         <form class="form-horizontal" id="form">
135                             <div class="form-body">
136                                 <div class="form-group">
137                                     <label class="col-md-3 control-label">新卡号</label>
138                                     <div class="col-md-6">
139                                         <input type="text" class="form-control" name="name" placeholder="" data-bind="value: newCardno"/>
140                                     </div>
141                                     <div class="col-md-3">
142                                         <p class="form-control-static text-error"></p>
143                                     </div>
144                                 </div>
145                             </div>
146                         </form>
147                     </div>
148                     <div class="modal-footer">
149                         <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
150                         <button type="button" class="btn btn-primary" id="save">保存</button>
151                     </div>
152                 </div>
153             </div>
154         </div>
155         <div class="modal fade" id="goveCardModal">
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" id="cname" class="form-control" placeholder="" />
169                                     </div>
170                                 </div>
171                                 <div class="form-group">
172                                     <label class="col-md-3 control-label">性别</label>
173                                     <div class="col-md-6">
174                                         <span class="form-control" data-bind="text: o().sex"></span>
175                                     </div>
176                                 </div>
177                                 <div class="form-group">
178                                     <label class="col-md-3 control-label">工号</label>
179                                     <div class="col-md-6">
180                                         <span class="form-control" data-bind="text: o().gonghao"></span>
181                                     </div>
182                                 </div>
183                                 <div class="form-group">
184                                     <label class="col-md-3 control-label">部门</label>
185                                     <div class="col-md-6">
186                                         <span class="form-control" data-bind="text: o().dname"></span>
187                                     </div>
188                                 </div>
189                                  <div class="form-group">
190                                     <label class="col-md-3 control-label"><span class="t-error">*</span>起始日期</label>
191                                     <div class="col-md-6">
192                                         <input type="text" class="form-control" id="sdate" name="sdate" placeholder="" data-bind="value: o().sdate" onclick="WdatePicker()"/>
193                                     </div>
194                                     <div class="col-md-3">
195                                         <p class="form-control-static text-error"></p>
196                                     </div>
197                                 </div>
198                                 <div class="form-group">
199                                     <label class="col-md-3 control-label"><span class="t-error">*</span>截止日期</label>
200                                     <div class="col-md-6">
201                                         <input type="text" class="form-control" id="edate" name="edate" placeholder="" data-bind="value: o().edate" onclick="WdatePicker()"/>
202                                     </div>
203                                     <div class="col-md-3">
204                                         <p class="form-control-static text-error"></p>
205                                     </div>
206                                 </div>
207                                 <div class="form-group">
208                                     <label class="col-md-3 control-label">联系电话</label>
209                                     <div class="col-md-6">
210                                         <span class="form-control" data-bind="text: o().phone"></span>
211                                     </div>
212                                 </div>
213                                 <div class="form-group">
214                                     <label class="col-md-3 control-label"><span class="t-error">*</span>卡号</label>
215                                     <div class="col-md-6">
216                                         <input type="text" class="form-control" name="name" placeholder="" data-bind="value: giveCardno"/>
217                                     </div>
218                                     <div class="col-md-3">
219                                         <p class="form-control-static text-error"></p>
220                                     </div>
221                                 </div>
222                             </div>
223                         </form>
224                     </div>
225                     <div class="modal-footer">
226                         <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
227                         <button type="button" class="btn btn-primary" id="giveCardBtn">保存</button>
228                     </div>
229                 </div>
230             </div>
231         </div>
232         <div id="dialog-confirm" class="hide">
233             <div class="alert alert-info bigger-110" id="modalContent">
234             </div>
235         </div>
236     </ui:define>
237     <ui:define name="myscript">
238         <script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/getdate/WdatePicker.js"></script>
239         <script src="#{request.contextPath}/visitor/js/typeahead.bundle.js"></script>
240         <script src="js/doorkeeper.js"></script>
241     </ui:define>
242 </ui:composition>
243 </html>