标签：
<!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">
<head>
${inc:/action/ccms/newpub}
<link href="${def:context}/js/project/erpClub/css/defeat3.css" rel="stylesheet"/>
<link href="${def:context}/js/project/erpClub/css/erpindex.css" rel="stylesheet"/>
<title>储藏柜报表查询</title>
<style type="text/css">
.Visited{
position:absolute;
left:62px;
top:125px;
}
</style>
</head>
<body>
<div class="panel panel-default col_mainInner">
<div class="panel-body col_main_body">
<form class="form-horizontal" role="form" method="post" id="searchForm">
<!-- -->
<div class="Visiting">
<input name="sort" type="hidden" value="vc_code"preserve="true" />
<input name="order"type="hidden" value="desc" preserve="true" />
<input name="pageNo" type="hidden" value="" preserve="true" />
<input name="totalPages" type="hidden" value="" preserve="true" />
<input type="hidden" id="vc_type" name="vc_type" value="0"></input>
<div class="banner-top ba3">
<input type="radio" name="zhuyongjilu" value="0" checked="checked" id="tradeType1"/>默认
<label>储物柜号</label>
<input type="text" id="vc_cabinetcode" name="vc_cabinetcode"/>
</div>
<div class="banner-top ba3" style="margin-left: -70px">
<label>状态</label>
<select name=‘vc_status‘ id="vc_status">
<option value="">所有</option>
<option value="0">空闲</option>
<option value="1">已占用</option>
<option value="2">无效</option>
<option value="3">其他</option>
</select>
</div>
<div class="banner-top ba3">
<button class="btn btn-info btn-sm" type="button"id="search_btn">查询</button>
<button class="btn btn-info btn-sm" type="button" id="search_reset_btn">清空</button>
</div>
</div>
<div class="Visitedd">
<div class="banner-top ba3">
<input type="radio" name="zhuyongjilu" value="1" id="tradeType1"/>租用记录查询
<label>姓名/卡号</label>
<input type="text" id="vc_name" name="vc_name" readOnly/>
</div>
</div>
<div class="Visited">
<div class="banner-top ba4">
<input type="radio"name="zhuyongjilu" value="2" />到期查询
<label style="" class="">日期</label>
<input type="text" id="c_startdate" name="c_startdate" value="" maxlength="80" readOnly />
<label>-</label>
<input type="text" id="c_enddate" name="c_enddate" value="" maxlength="80" readOnly />
</div>
</div>
</form>
<table class="table table-bordered" style="margin-top:130px;">
<thead id="showlist" >
<!-- <tr>
<th class="sortable d" code="xuhao" >序号</th>
<th class="sortable d" code="vc_cabinetcode">储物柜号</th>
<th class="sortable huiyuanhao" code="vc_customercode">会员号</th>
<th class="sortable xingming" code="vc_name">姓名</th>
<th class="sortable kahao" code="vc_code">卡号</th>
<th class="sortable qizhuriqi" code="c_startdate">起租日期</th>
<th class="sortable zhuangtai" code="vc_status">状态</th>
<th class="sortable daoqqiriqi" code="c_enddate">到期日期</th>
<th class="sortable b" code="vc_hometel">电话</th>
<th class="sortable b" code="vc_mobile">手机</th>
<th class="sortable b" code="vc_mc">会籍</th>
</tr> -->
</thead>
<tbody id="datagridTemplate" style="display: none;">
<!-- <tr>
<th class="sortable d">#xuhao#</th>
<th class="sortable d" >#vc_cabinetcode#</th>
<th class="sortable huiyuanhao" >#vc_customercode#</th>
<th class="sortable xingming" >#vc_name#</th>
<th class="sortable kahao" >#vc_code#</th>
<th class="sortable qizhuriqi" >#c_startdate#</th>
<th class="sortable zhuangtai" >#vc_status#</th>
<th class="sortable daoqiriqi" >#c_enddate#</th>
<th class="sortable b">#vc_hometel#</th>
<th class="sortable b" >#vc_mobile#</th>
<th class="sortable b" >#vc_mc#</th>
</tr> -->
</tbody>
<tbody id="datagrid">
</tbody>
</table>
<div class="pageDiv" >
<ul class="pagination">
</ul>
</div>
</div>
</div>
<input type="hidden" name="actionroot" id="actionroot" value="${def:actionroot}" />
<script language="JavaScript">
var search=null;
$(document).ready(function() {
/* $(‘.a, .b, .c, .xingming, .kahao, .qizhuriqi, .huiyuanhao‘).hide();
$("#sp").hide(); */
var type=$("input[name=zhuyongjilu]:checked").val();
showType(type);
$("#vc_cabinetcode").focus(function(){
$("#c_enddate").val(‘‘);
$("#c_startdate").val(‘‘);
$("#vc_name").val(‘‘);
$("#vc_status").val(‘‘);
});
$Dialog().date($(‘#c_startdate‘));
$Dialog().date($(‘#c_enddate‘),function(){
var c_startdate=$(‘#c_startdate‘).val();
var c_enddate=$(‘#c_enddate‘).val();
if( "" != c_startdate && "" != c_enddate && c_startdate>=c_enddate){
alert(‘截止日期不能早于开始日期！‘);
$(‘#c_enddate‘).val(‘‘);
}
});
$("input[name=zhuyongjilu]").unbind().on(‘ifClicked‘,function(){
var type=$(this).val();
showType(type);
});
this.search=search;
search=$Search({datagrid:"datagrid",formId:"searchForm",success:function(){
}}).initSearchBtn().searchData(1);
});
function showType(type){
if(type==‘0‘){
$(‘#vc_type‘).val(0);
$("#showlist").empty();
$("#showlist").append(‘<tr >‘
+ ‘<th class="sortable" code="xuhao" >序号</th>‘
+ ‘<th class="sortable" code="vc_cabinetcode">储物柜号</th>‘
+ ‘<th class="sortable" code="vc_status">状态</th>‘
+ ‘<th class="sortable" code="c_enddate">到期日期</th>‘
+ ‘</tr>‘);
$("#datagridTemplate").empty();
$("#datagrid").empty();
$("#datagridTemplate").append(‘<tr>‘
+ ‘<td align="center">#xuhao#</td>‘
+ ‘<td align="center">#vc_cabinetcode#</td>‘
+ ‘<td align="center">#vc_status#</td>‘
+ ‘<td align="center">#c_enddate#</td>‘
+ ‘</tr>‘);
$(‘#vc_name‘).attr(‘readOnly‘,true);
$(‘#c_startdate‘).attr(‘readOnly‘,true);
$(‘#c_enddate‘).attr(‘readOnly‘,true);
$(‘#vc_cabinetcode‘).attr(‘readOnly‘,false);
$(‘#vc_status‘).attr(‘readOnly‘,false);
$(‘#c_startdate‘).val(‘‘);
$(‘#c_enddate‘).val(‘‘);
$(‘#vc_name‘).val(‘‘);
if( null != search ){
search.searchData(1);
}
}else if(type==‘1‘){
$(‘#vc_type‘).val(1);
$(‘#vc_name‘).attr(‘readOnly‘,false);
$(‘#c_startdate‘).attr(‘readOnly‘,true);
$(‘#c_enddate‘).attr(‘readOnly‘,true);
$(‘#vc_cabinetcode‘).attr(‘readOnly‘,true);
$(‘#vc_status‘).attr(‘readOnly‘,true);
$(‘#c_startdate‘).val(‘‘);
$(‘#c_enddate‘).val(‘‘);
$(‘#vc_cabinetcode‘).val(‘‘);
$(‘#vc_status‘).val(‘‘);
$("#showlist").empty();
$("#showlist").append(‘<tr>‘
+ ‘<th class="sortable" code="xuhao" >序号</th>‘
+ ‘<th class="sortable" code="vc_customercode">会员号</th>‘
+ ‘<th class="sortable" code="vc_code">卡号</th>‘
+ ‘<th class="sortable " code="vc_cabinetcode">储物柜号</th>‘
+ ‘ <th class="sortable " code="c_startdate">起租日期</th>‘
+ ‘<th class="sortable " code="c_enddate">到期日期</th>‘
+ ‘</tr>‘);
$("#datagridTemplate").empty();
$("#datagrid").empty();
$("#datagridTemplate").append(‘<tr>‘
+ ‘<td align="center">#xuhao#</td>‘
+ ‘<td align="center">#vc_customercode#</td>‘
+ ‘<td align="center">#vc_code#</td>‘
+ ‘<td align="center">#vc_cabinetcode#</td>‘
+ ‘<td align="center">#c_startdate#</td>‘
+ ‘<td align="center">#c_enddate#</td>‘
+ ‘</tr>‘);
if( null != search ){
search.searchData(1);
}
}else if(type==‘2‘){
$("#c_startdate").val("${def:date}");
$("#c_enddate").val("${def:date}");
$(‘#vc_type‘).val(2);
$(‘#vc_cabinetcode‘).attr(‘readOnly‘,true);
$(‘#vc_status‘).attr(‘readOnly‘,true);
$(‘#vc_name‘).attr(‘readOnly‘,true);
$(‘#c_startdate‘).attr(‘readOnly‘,true);
$(‘#c_enddate‘).attr(‘readOnly‘,true);
$(‘#vc_name‘).val(‘‘);
$(‘#vc_cabinetcode‘).val(‘‘);
$(‘#vc_status‘).val(‘‘);
$("#showlist").empty();
$("#showlist").append(‘<tr>‘
+ ‘<th class="sortable" code="xuhao" >序号</th>‘
+ ‘<th class="sortable " code="vc_cabinetcode">储物柜号</th>‘
+ ‘<th class="sortable" code="vc_customercode">会员号</th>‘
+ ‘ <th class="sortable xingming" code="vc_name">姓名</th>‘
+ ‘<th class="sortable " code="c_enddate">到期日期</th>‘
+ ‘<th class="sortable b" code="vc_hometel">电话</th>‘
+ ‘<th class="sortable b" code="vc_mobile">手机</th>‘
+ ‘ <th class="sortable b" code="vc_mc">会籍</th>‘
+ ‘</tr>‘);
$("#datagridTemplate").empty();
$("#datagrid").empty();
$("#datagridTemplate").append(‘<tr>‘
+ ‘<td align="center">#xuhao#</td>‘
+ ‘<td align="center">#vc_cabinetcode#</td>‘
+ ‘<td align="center">#vc_customercode#</td>‘
+ ‘<td align="center">#vc_name#</td>‘
+ ‘<td align="center">#c_enddate#</td>‘
+ ‘<td align="center">#vc_hometel#</td>‘
+ ‘<td align="center">#vc_mobile#</td>‘
+ ‘<td align="center">#vc_mc#</td>‘
+ ‘</tr>‘);
if( null != search ){
search.searchData(1);
}
}
//$("#datagrid").append("<td colspan=‘8‘ class=‘no-data‘>没有记录</td>");
}
</script>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/prefect/p/5700355.html
