<?xml version="1.0" encoding="UTF-8"?>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
xmlns:c="http://java.sun.com/jsp/jstl/core"
|
xmlns:h="http://java.sun.com/jsf/html"
|
xmlns:f="http://java.sun.com/jsf/core"
|
xmlns:ui="http://java.sun.com/jsf/facelets">
|
<ui:composition template="/template/nit/tmp_brief.xhtml">
|
<ui:define name="acss">
|
<link rel="stylesheet" href="/template/assets/css/font-awesome.min.css" />
|
<style>
|
#searchBtn {
|
height: 34px;
|
}
|
p.error {
|
color: #D9534F
|
}
|
input.error {
|
border: 1px solid #D9534F;
|
}
|
#searchBox {
|
display: none;
|
}
|
#sDate, #eDate{
|
width: 45%;
|
float: left
|
}
|
.date-line {
|
width: 10%;
|
float: left;
|
line-height: 34px;
|
text-align: center
|
}
|
.twitter-typeahead {
|
width: 100%
|
}
|
.bluee{
|
color: #337ab7 !important;
|
padding-left: 10px;
|
font-weight: normal;
|
}
|
.list-unstyled span {
|
display: inline-block;
|
width: 120px;
|
text-align: right;
|
}
|
.blue {
|
color: #fff !important;
|
}
|
#simple-table th,#simple-table td{
|
text-align: center;
|
padding: 2px 8px;
|
}
|
</style>
|
</ui:define>
|
<ui:define name="acontent">
|
<input type="hidden" value="#{param.cardno}" id="cardno" />
|
<div class="row">
|
<div class="col-xs-5">
|
<div class="input-group">
|
<input class="form-control input-mask-date" type="text" value="#{param.cardno}" id="keyword" placeholder="输入卡号搜索" data-bind="value: keyword, valueUpdate: 'afterkeydown'" />
|
<span class="input-group-btn">
|
<button class="btn btn-sm btn-default searchBtn" type="button" id="searchBtn">
|
<i class="ace-icon fa fa-search bigger-110"></i>
|
搜索
|
</button>
|
</span>
|
</div>
|
</div>
|
<div class="col-xs-2" style="line-height: 35px;">
|
<a href="javascript:;" id="moreSearchCondition">更多筛选条件<i class="fa fa-chevron-down"></i></a>
|
</div>
|
<div class="col-xs-5" style="text-align: right; height: 35px;">
|
<!--<button class="btn btn-sm btn-info" type="button" id="newObj">
|
<i class="ace-icon fa fa-plus bigger-110"></i>
|
新射频卡
|
</button>-->
|
</div>
|
<div class="col-xs-5" style="margin-top: 8px;margin-bottom: -15px;" id="searchBox">
|
<form class="form-horizontal">
|
<div class="form-body">
|
<div class="form-group">
|
<label class="col-md-3 control-label">发卡日期</label>
|
<div class="col-md-9">
|
<input type="text" class="form-control" id="sDate" placeholder="起始日期" onClick="WdatePicker()"/>
|
<span class="date-line">—</span>
|
<input type="text" class="form-control" id="eDate" placeholder="截止日期" onClick="WdatePicker()"/>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-md-9 col-md-offset-3">
|
<button class="btn btn-sm btn-info searchBtn" type="button" style="width: 100px">
|
搜索
|
</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="col-xs-12" style="margin-top: 8px;">
|
<table id="simple-table" class="table table-bordered table-hover">
|
<thead>
|
<tr>
|
<th class="detail-col">序号</th>
|
<th>卡号</th>
|
<th>卡类型</th>
|
<th>发卡人</th>
|
<th>发卡时间</th>
|
<th>持卡人</th>
|
<th>证件类型</th>
|
<th>证件号</th>
|
<th>有效期</th>
|
<th>详情</th>
|
</tr>
|
</thead>
|
|
<tbody data-bind="foreach: list">
|
<tr>
|
<td class="center">
|
<span data-bind="text: $index() + 1"></span>
|
</td>
|
|
<td data-bind="text: cardno"></td>
|
<td data-bind="text: type"></td>
|
<td data-bind="text: fkname"></td>
|
<td data-bind="text: stime"></td>
|
<td data-bind="text: name"></td>
|
<td data-bind="text: ptype"></td>
|
<td data-bind="text: paperno"></td>
|
<td data-bind="text: sdate + '--' + edate"></td>
|
<td>
|
<div class="btn-group">
|
<button class="btn btn-xs btn-success" title="详情" data-bind="click: $parent.details">
|
<!--<i class="ace-icon fa fa-bars bigger-95"></i>-->
|
查看
|
</button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<div id="pagdiv"></div>
|
</div>
|
</div>
|
<div class="modal fade" id="modal">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<!--<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title">使用详情</h4>
|
</div>-->
|
<div class="modal-body" >
|
<div class="row">
|
<div class="col-sm-2"></div>
|
<div class="col-sm-8">
|
<div class="row">
|
<div class="col-xs-11 label label-lg label-info arrowed-in arrowed-right">
|
<b>详细信息</b>
|
</div>
|
</div>
|
|
<div class="row" style="padding: 0px 20px;">
|
<ul class="list-unstyled spaced">
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>卡号：</span>
|
<b class="bluee" data-bind="text: o().cardno"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>卡类型：</span>
|
<b class="bluee" data-bind="text: o().type"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>发卡人：</span>
|
<b class="bluee" data-bind="text: o().fkname"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>发卡时间：</span>
|
<b class="bluee" data-bind="text: o().stime"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>持卡人：</span>
|
<b class="bluee" data-bind="text: o().name"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>证件类型：</span>
|
<b class="bluee" data-bind="text: o().ptype"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>证件号码：</span>
|
<b class="bluee" data-bind="text: o().paperNo"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>手机号：</span>
|
<b class="bluee" data-bind="text: o().phone"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>车牌号：</span>
|
<b class="bluee" data-bind="text: o().numberplates"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>单位：</span>
|
<b class="bluee" data-bind="text: o().vcompany"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>退回证件：</span>
|
<b class="bluee" data-bind="text: o().isreturn() ? '是' : '否'"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>厂内白名单：</span>
|
<b class="bluee" data-bind="text: o().iswhite() ? '是' : '否'"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>在厂内：</span>
|
<b class="bluee" data-bind="text: o().position() ? '是' : '否'"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>厂名称：</span>
|
<b class="bluee" data-bind="text: o().departname"></b>
|
</li>
|
<li>
|
<i class="icon-caret-right blue"></i>
|
<span>有效期：</span>
|
<b class="bluee" data-bind="text: o().sdate() + '--' + o().edate()"></b>
|
</li>
|
</ul>
|
</div>
|
</div><!-- /span -->
|
<div class="col-sm-2"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="dialog-confirm" class="hide">
|
<div class="alert alert-info bigger-110" id="modalContent">
|
</div>
|
</div>
|
</ui:define>
|
<ui:define name="myscript">
|
<script type="text/javascript" src="#{request.contextPath}/template/nit/cdn/js/getdate/WdatePicker.js"></script>
|
<script src="js/cardUseLog.js"></script>
|
</ui:define>
|
</ui:composition>
|
</html>
|
