<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html>
|
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
|
<title>财务展示</title>
|
<link rel="stylesheet" href="style.css" type="text/css">
|
</head>
|
|
<body width="1620px">
|
<div class="main-top">
|
<div><label>单位:</label><input type="text" class="gjz" id="units" /></div>
|
<div><label>项目:</label><input type="text" class="gjz" id="project" /></div>
|
<div><label>联系人:</label><input type="text" class="gjz" id="financelinkman"/></div>
|
<div><label>金额:</label><input type="text" class="gjz" id="financemoneystart"/></div>
|
<div><label>至:</label><input type="text" class="gjz" id="financemoneyfinal" /></div>
|
<input type="button" value="查询" class="cx" />
|
<input type="button" value="清空" class="qk" />
|
<input type="button" value="导出" class="dc" />
|
</div>
|
<div class="wetland-table" id="wetlandTp">
|
<table cellspacing="0">
|
<thead>
|
<tr>
|
<th width="4%">序号</th>
|
<th width="20%">单位</th>
|
<th width="20%">项目</th>
|
<th width="10%">金额(万元)</th>
|
<th width="10%">联系人</th>
|
<th width="13%">职务</th>
|
<th width="13%">联系方式</th>
|
</tr>
|
</thead>
|
<tbody id="detailShow">
|
<!--用于动态添加相关展示数据-->
|
</tbody>
|
</table>
|
<!--<div style="text-align: center;color:#919191">
|
<span style="display: inline-block;line-height: 31px;font-size: 16px;">
|
<span ></span>/<span id="amongNum"></span>
|
</span>
|
<button class="changePage">下一页</button>
|
</div>-->
|
</div>
|
<div class="detailInfo">
|
<div id="close"><span style="line-height: 30px;color: #fff;margin-left:20px">详细信息</span><img src="images/close.png" id="closeBtn"></div>
|
<div><label>单位:</label><span id="detailparkname"></span></div>
|
<div><label>项目:</label><span id="detailparklevel"></span></div>
|
<div><label>金额:</label><span id="detailregionName"></span></div>
|
<div><label>联系人:</label><span id="detailparktotalarea"></span></div>
|
<div><label>职务:</label><span id="detailparkarea"></span></div>
|
<div><label>联系方式:</label><span id="detailparkrate"></span></div>
|
</div>
|
<div class="bottomDiv">
|
<span style="margin-left:10px">共检索到<span id="amongData">0</span>条数据,共有<span id="amongNum">0</span>页。</span>
|
<span class="changePageAll"><span id="firstPage">首页</span><span id="lastPage">上一页</span><span id="currentNum">0</span><span id="nextPage">下一页</span><span id="finalPage">尾页</span></span>
|
</div>
|
</body>
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
<script src="jcyj/js/dataShow.js"></script>
|
<script type="text/javascript">
|
$(function() {
|
var IP_PATH = getNativePath();
|
/* var IP_PATH = window.location.protocol+"//"+window.location.host;*/
|
/*var role = sessionStorage.role;
|
if(role.indexOf('管理员') == -1) {
|
$('.dc').css('display', 'none');
|
}*/
|
var currentPage = 1; //当前页面
|
var among; //数据总数目
|
var totalPage;
|
var units = '';
|
var project = '';
|
var financelinkman='';
|
var financemoneystart='';
|
var financemoneyfinal='';
|
getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal);
|
//获取接口中的数据
|
//点击上一页
|
$("#lastPage").click(function() {
|
if(currentPage == 1) {
|
$(this).css("background",'#E8E8E8')
|
} else {
|
$(this).css("background",'#fff')
|
currentPage--;
|
$("#currentNum").text(currentPage);
|
getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal);
|
}
|
});
|
|
//点击下一页
|
$("#nextPage").click(function() {
|
if(currentPage == totalPage) {
|
$(this).css("background",'#E8E8E8')
|
} else {
|
$(this).css("background",'#fff')
|
currentPage++;
|
$("#currentNum").text(currentPage);
|
getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal);
|
}
|
});
|
//点击查询
|
$(".cx").click(function() {
|
currentPage = 1;
|
units = $("#units").val();
|
project = $("#project").val();
|
financelinkman=$('#financelinkman').val();
|
financemoneystart=$('#financemoneystart').val();
|
financemoneyfinal=$('#financemoneyfinal').val();
|
getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal);
|
});
|
//点击清空
|
$(".qk").click(function() {
|
currentPage = 1,
|
$("#units").val('');
|
$("#project").val('');
|
$("#financelinkman").val('');
|
$("#financemoneystart").val('');
|
$("#financemoneyfinal").val('');
|
units = '';
|
project = '';
|
financelinkman='';
|
financemoneystart='';
|
financemoneyfinal='';
|
getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal);
|
});
|
//关闭信息时间
|
$("#closeBtn").click(function() {
|
$(".detailInfo").css('display', 'none');
|
$("#shadow").css('display', 'none');
|
$('.detailInfo div span').text('');
|
});
|
//导出文件
|
$('.dc').click(function(){
|
units = $("#units").val();
|
project = $("#project").val();
|
financelinkman=$("#financelinkman").val();
|
financemoneystart=$('#financemoneystart').val();
|
financemoneyfinal=$('#financemoneyfinal').val();
|
//湿地业务:湿地保护项目--文件导出接口++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
window.open(IP_PATH+"/finance/excelExportFinance.do?financeproject="+project+"&financeunits="+units
|
+"&financelinkman ="+financelinkman+"&Q_financemoney_DB_GE ="+financemoneystart+"&Q_financemoney_DB_LE ="+financemoneyfinal+"&cols=FINANCEUNITS,FINANCEPROJECT," +
|
"FINANCEMONEY,FINANCELINKMAN,FINANCEJOB,FINANCETEL&sType=SYS_FINANCE","_self");
|
});
|
//点击首页跳转
|
$("#firstPage").click(function(){
|
currentPage = 1,
|
getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal);
|
});
|
//点击尾页跳转
|
$("#finalPage").click(function(){
|
currentPage = totalPage,
|
getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal);
|
});
|
function getAjaxInfo(currentPage, units, project,financelinkman,financemoneystart,financemoneyfinal) {
|
if(Number(financemoneystart)>Number(financemoneyfinal)){
|
alert("请输入正确的金额区间");
|
return;
|
}
|
var num = 10;
|
var start = (currentPage - 1) * num;
|
$.ajax({
|
type: "post",
|
url: IP_PATH+"/finance/findFinanceFilter.do",//湿地业务:湿地保护项目--查询表格详细内容接口+++++++++++++++++++++++++++++++++++++++++++++++++++++
|
async: true,
|
data: {
|
"limit": num,
|
"start": start,
|
"Q_financeunits_S_LK": units,
|
"Q_financeproject_S_LK": project,
|
"Q_financelinkman_S_LK":financelinkman,
|
"Q_financemoney_DB_GE":financemoneystart,
|
"Q_financemoney_DB_LE":financemoneyfinal
|
},
|
dataType: "json",
|
success: function(result) {
|
$("#detailShow").text('');
|
var data = result.data;
|
among = result.total;
|
$("#amongData").text(among);
|
if(among==0){
|
$("#detailShow").html("<tr><td colspan='7'>暂无数据</td></tr>");
|
return;
|
}
|
if(among % num != 0) {
|
totalPage = parseInt((among / num) + 1);
|
} else {
|
totalPage = among / num;
|
}
|
$("#currentNum").text(currentPage);
|
$("#amongNum").text(totalPage);
|
var a=1;
|
for(var i = 0; i < data.length; i++) {
|
var inners = "<tr>" +
|
"<td>"+a+"</td>" +
|
"<td>" + data[i].financeunits + "</td>" +
|
"<td>" + data[i].financeproject + "</td>" +
|
"<td>" + data[i].financemoney + "</td>" +
|
"<td>" + data[i].financelinkman + "</td>" +
|
"<td>" + data[i].financejob + "</td>" +
|
"<td>" + data[i].financetel + "</td>" +
|
"</tr>";
|
$("#detailShow").append(inners);
|
a++;
|
}
|
},
|
error: function(e) {
|
alert("请求失败!");
|
$("#detailShow").html("<tr><td colspan='7'>暂无数据</td></tr>");
|
}
|
|
});
|
}
|
|
});
|
</script>
|
|
</html>
|