查看 | 历史 | 提交 | 提交对比
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         #searchBox {
21             display: none;
22         }
23         #simple-table th,#simple-table td{
24             text-align: center;
25             padding: 2px 8px;
26         }
27         .bigger-95{
28         font-size: 95% !important;
29         }
30         .btn-xs, .btn-group-xs > .btn{
31           padding-top: 0px;
32           padding-bottom: 0px;
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         <input type="hidden" value="#{param.page}" id="p" />
47         <input type="hidden" value="#{param.keyword}" id="k" />
48         <div class="row">
49             <div class="col-xs-5">
50                 <div class="input-group">
51                     <input class="form-control input-mask-date" type="text" value="#{param.keyword}" id="keyword" placeholder="输入卡号搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
52                     <span class="input-group-btn">
53                         <button class="btn btn-sm btn-default searchBtn" type="button" id="searchBtn">
54                             <i class="ace-icon fa fa-search bigger-110"></i>
55                             搜索
56                         </button>
57                     </span>
58                 </div>
59             </div>
60             <div class="col-xs-2" style="line-height: 34px;">
61                 <a href="javascript:;" id="moreSearchCondition">更多筛选条件<i class="fa fa-chevron-down"></i></a>
62             </div>
63             <div class="col-xs-5" style="text-align: right; height: 34px;">
64                 <button class="btn btn-sm btn-info" type="button" id="newObj">
65                     <i class="ace-icon fa fa-plus bigger-110"></i>
66                     新卡登记
67                 </button>
68             </div>
69             <div class="col-xs-12" style="margin-top: 8px;margin-bottom: -15px;" id="searchBox">
70                 <form class="form-horizontal col-xs-5">
71                     <div class="form-body">
72                         <!--<div class="form-group">
73                             <label class="col-md-3 control-label">卡类型</label>
74                             <div class="col-md-9">
75                                 <select class="form-control" name="" id="" data-bind="value: type, optionsCaption:'全部卡类型', options: tList">
76                                 </select>
77                             </div>
78                         </div>-->
79                         <div class="form-group">
80                             <label class="col-md-2 control-label">状态</label>
81                             <div class="col-md-10">
82                                 <select class="form-control" name="" id="" data-bind="value: state, optionsCaption:'全部状态', options: sList">
83                                 </select>
84                             </div>
85                         </div>
86                         <div class="form-group">
87                             <div class="col-md-9 col-md-offset-2">
88                                 <button class="btn btn-sm btn-info searchBtn" type="button" style="width: 100px">
89                                     搜索
90                                 </button>
91                             </div>
92                         </div>
93                     </div>
94                 </form>
95             </div>
96             <div class="col-xs-12 table-responsive" style="margin-top: 8px;">
97                 <table id="simple-table" class="table  table-bordered table-hover">
98                     <thead>
99                         <tr>
100                             <th class="detail-col">序号</th>
101                             <th>卡号</th>
102                             <!--
103                             <th>卡类型</th>
104                             -->
105                             <th>状态</th>
106                             
107                             <th>使用次数</th>
108                             <!--
109                             <th>是否发放</th>
110                         -->
111                             <th>最后一次使用时间</th>
112                             <th>使用记录</th>
113                             <th style="width: 150px; min-width: 100px">操作</th>
114                         </tr>
115                     </thead>
116
117                     <tbody data-bind="foreach: list">
118                         <tr>
119                             <td class="center">
120                                 <span data-bind="text: $index() + 1"></span>
121                             </td>
122                             <td data-bind="text: cardno"></td>
123                             <!--
124                             <td data-bind="text: type"></td>
125                             -->
126                             <td data-bind="text: state"></td>
127                             <td data-bind="text: usecount"></td>
128                             <!--
129                             <td data-bind="text: isuse ? '是' : '否'"></td>
130                         -->
131                             <td data-bind="text: ltime"></td>
132                             <td>
133                                 <div class="btn-group">
134                                     <a class="btn btn-xs btn-info" href="cardUseLog.jsf" data-bind="attr: {href: 'cardUseLog.jsf?cardno=' +  cardno}">
135                                         <!--<i class="ace-icon fa fa-file-text bigger-95"></i>-->
136                                         查看
137                                     </a>
138                                 </div>
139                             </td>
140                             <td>
141                                 <div class="btn-group">
142                                     <button class="btn btn-xs btn-info" title="编辑" data-bind="click: $parent.edit">
143                                         <!--<i class="ace-icon fa fa-pencil bigger-95"></i>-->
144                                         编辑
145                                     </button>
146
147                                     <button class="btn btn-xs btn-danger" title="删除" data-bind="click: $parent.del">
148                                         <!--<i class="ace-icon fa fa-trash-o bigger-95"></i>-->
149                                         删除
150                                     </button>
151                                 </div>
152                             </td>
153                         </tr>
154                     </tbody>
155                 </table>
156                 <div id="pagdiv"></div>
157             </div>
158         </div>
159         <div class="modal fade" id="modal">
160             <div class="modal-dialog">
161                 <div class="modal-content">
162                     <div class="modal-header">
163                         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
164                         <h4 class="modal-title">新卡登记</h4>
165                     </div>
166                     <div class="modal-body">
167                         <form class="form-horizontal" id="form">
168                             <div class="form-body">
169                                 <div class="form-group">
170                                     <label class="col-md-3 control-label"><span class="t-error">*</span>射频卡号</label>
171                                     <div class="col-md-6">
172                                         <input type="text" class="form-control" id="cardnoinput" name="cardno" placeholder="请刷卡或输入卡号" data-bind="value: o().cardno,disable:estate"/>
173                                     </div>
174                                     <div class="col-md-3">
175                                         <p class="form-control-static text-error"></p>
176                                     </div>
177                                 </div>
178                                 <!--<div class="form-group">
179                                     <label class="col-md-3 control-label">卡类型</label>
180                                     <div class="col-md-6">
181                                         <select class="form-control" name="" id="" data-bind="value: o().type, options: tList">
182                                         </select>
183                                     </div>
184                                 </div>-->
185                                 <div class="form-group">
186                                     <label class="col-md-3 control-label">卡状态</label>
187                                     <div class="col-md-6">
188                                         <select class="form-control" name="" id="" data-bind="value: o().state, options: sList">
189                                         </select>
190                                     </div>
191                                 </div>
192                             </div>
193                         </form>
194                     </div>
195                     <div class="modal-footer">
196                         <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
197                         <button type="button" class="btn btn-sm btn-primary" id="save">保存</button>
198                     </div>
199                 </div>
200             </div>
201         </div>
202         <div id="dialog-confirm" class="hide">
203             <div class="alert alert-info bigger-110" id="modalContent">
204             </div>
205         </div>
206     </ui:define>
207     <ui:define name="myscript">
208         <script src="js/card.js"></script>
209     </ui:define>
210 </ui:composition>
211 </html>