报表查询页面 table布局

最新推荐文章于 2024-07-24 10:14:55 发布

原创最新推荐文章于 2024-07-24 10:14:55 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #jsp #html

html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个用于查询贷款明细信息的网页设计，该页面通过多种筛选条件如机构号、时间范围、信贷员编号等帮助用户精确查找所需贷款记录。页面采用JSP技术实现，并集成了JavaScript脚本进行交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="../../global.jsp"></jsp:include>
<title>报表查询页面</title>
<script type="text/javascript"src="${pageContext.request.contextPath}/resources/js/report/reportView/DKMX_report.js"></script>
<script type="text/javascript"src="${pageContext.request.contextPath}/resources/js/report/common/commSearch.js"></script>

</head>
<body class="easyui-layout" data-options="fit:true,border:false" style="margin-left: 3px; margin-top: 3px;">
	<div id="sp">
		<!-- <div style="color:#99BBE8;background:#fafafa;padding:5px;">Select a language</div> -->
		<input type="radio" name="lang" value="0"><span>全部</span><br/>
		<input type="radio" name="lang" value="1"><span>正常</span><br/>
		<input type="radio" name="lang" value="2"><span>销户</span><br/>
		<input type="radio" name="lang" value="3"><span>核销</span><br/>
		<input type="radio" name="lang" value="4"><span>删除</span><br/>
	</div>	
	<div id="sp2">
		<!-- <div style="color:#99BBE8;background:#fafafa;padding:5px;">Select a language</div> -->
		<input type="radio" name="lang" value="0"><span>全部</span><br/>
		<input type="radio" name="lang" value="1"><span>一般贷款</span><br/>
		<input type="radio" name="lang" value="2"><span>按揭贷款 </span><br/>
		<input type="radio" name="lang" value="3"><span>易贷卡</span><br/>
	</div>	
	<div data-options="region:'north',title:'条件检索',border:false" style="height: 550px;" >
		<form id="id_searchForm" method="post">
			<table width="90%"  style="padding-left: 100px; padding-top:100px;" border="0" cellspacing="5">
				<tr style="text-align:right">
					<th>机构号：</th>
					<td class="userTableClass_td"><input type="text" id="search_orgId" style="width: 186px;"/></td>
					<th>开始时间：</th>
					<td class="userTableClass_td"><input id="beginTimeId" type="text" value="1900-01-01" class="easyui-datebox" style="width: 186px;" ></input></td>
					<th>结束时间：</th>
					<td class="userTableClass_td"><input id="endTimeId"  type="text" class="easyui-datebox" style="width: 186px;"></td>
				</tr>
				<tr style="text-align:right">
					<th>信贷员编号：</th>
					<td class="userTableClass_td"><input type="text" id="search_xdybhID_DKMX" style="width: 180px;"/></td>
					<th>客户号：</th>
					<td class="userTableClass_td"><input type="text" id="search_khhID_DKMX" style="width: 180px;"/></td>
					<th>账户状态：</th>
					<td class="userTableClass_td"><input type="text" id="search_zhztID_DKMX" style="width: 186px;"/></td>
				</tr>
				<tr style="text-align:right">
					<th>账号：</th>
					<td class="userTableClass_td"><input type="text" id="search_zhID_DKMX" style="width: 180px;"/></td>
					<th>贷款类别：</th>
					<td class="userTableClass_td"><input type="text" id="search_dklbID_DKMX" style="width: 186px;"/></td>
				</tr>
			</table>
			<div style="margin-left:40%; margin-top:2%">
				<input type="button" value="查询" onclick="onSearchClick()" />  
				<input type="button" value="重置" onclick="resetSearchCon()" />
			</div>
		</form>
	</div>
<!-- 	<div data-options="region:'center',border:false" style="height: 200px;">,title:'数据展示'
		<iframe id="iframe_id" scrolling="auto" frameborder="0" width="100%" height="100%" src=""></iframe>
	</div> -->
	
</body>
</html>