<!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">
|
<link rel="stylesheet" href="css/lyz.calendar.css" type="text/css">
|
<link rel="stylesheet" type="text/css" href="../css/zTreeStyle/zTreeStyle.css" />
|
<link rel="stylesheet" type="text/css" href="css/jedate.css"/>
|
</head>
|
|
<body>
|
<div class="main-top">
|
<div><label>公园名称:</label><input type="text" class="gjz" id="parkname" /></div>
|
<div><label>行政区:</label>
|
<div class="selectDiv" id="regionName"></div>
|
<div class="regionShow">
|
<ul class="ztree" id="regionTree"></ul>
|
</div>
|
</div>
|
<div><label>级别:</label><input type="text" class="gjz" id="parklevel" /></div>
|
<div><label>批建时间:</label><input class="gjz" id="parkstart" placeholder="YYYY-MM-DD"/></div>
|
<div><label>至:</label><input class="gjz jeinput" id="parkfinal" placeholder="YYYY-MM-DD"/></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 >序号</th>
|
<th >湿地公园名称</th>
|
<th >所在地</th>
|
<th >总面积(公顷)</th>
|
<th >湿地面积(公顷)</th>
|
<th >恢复重建面积(公顷)</th>
|
<th >保育区面积(公顷)</th>
|
<th >湿地率</th>
|
<th >批建时间</th>
|
<th >级别</th>
|
<th >批准文号</th>
|
<th >是否为长江湿地保护网络成员</th>
|
<th >操作</th>
|
</tr>
|
</thead>
|
<tbody id="showInfo">
|
<!--在内部动态添加相关信息-->
|
</tbody>
|
</table>
|
<p class="areashow">
|
<span>当前页总面积：<span id="nowPageTotalArea"></span>公顷,湿地总面积：<span id="nowPageArea"></span>公顷,</span>
|
<span>恢复重建总面积：<span id="nowPagehfcj"></span>公顷,保育区总面积：<span id="nowPagebyq"></span>公顷。</span>
|
<span>全部总面积<span id="totalAreaNum"></span>公顷,湿地总面积：<span id="areaNum"></span>公顷</span>
|
<span>恢复重建总面积<span id="totalhfcj"></span>公顷,保育区总面积：<span id="totalbyq"></span>公顷</span>
|
</p>
|
<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>
|
</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="detailhfcj"></span></div>
|
<div><label>保育区面积（公顷）：</label><span id="detailbyq"></span></div>
|
<div><label>湿地率：</label><span id="detailparkrate"></span></div>
|
<div><label>批建时间：</label><span id="detailparktime"></span></div>
|
<div><label>批准文号：</label><span id="detailparkreference"></span></div>
|
<div><label>是否为长江湿地保护网络成员：</label><span id="detailparkwhether"></span></div>
|
<div id="attabtn"><button>附件</button></div>
|
<div id="attach">
|
<table style="margin-top:5px;">
|
<thead>
|
<tr>
|
<th width="283px">文件名称</th>
|
<th width="113px">文件类型</th>
|
<th width="69px">文件大小</th>
|
<th width="100px">管理</th>
|
</tr>
|
</thead>
|
<tbody id="download">
|
|
</tbody>
|
</table>
|
<div style="text-align: center;width:100%;position: absolute;bottom: 33px;left:-10px;" class="changeBtn">
|
<button id="lastPage2" class="changePage">上一页</button >
|
<span style="line-height: 31px;font-size: 16px;position: relative;">
|
<span id="currentNum2"></span>/<span id="amongNum2"></span>
|
</span>
|
<button id="nextPage2" class="changePage">下一页</button>
|
</div>
|
</div>
|
</div>
|
<div id="shadow"></div>
|
|
</body>
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
<script type="text/javascript" src="../jslibs/jquery.ztree.core-3.5.js"></script>
|
<script type="text/javascript" src="js/jquery.jedate.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');
|
}*/
|
$("#parkfinal").jeDate({
|
format: "YYYY-MM-DD"
|
});
|
$("#parkstart").jeDate({
|
format: "YYYY-MM-DD"
|
});
|
var currentPage = 1; //当前页面
|
var among; //数据总数目
|
var totalPage;
|
var deCurrent = 1; //当前页面
|
var deamong; //总页面
|
var currId;
|
var parkname, regionName, parklevel, parkstart, parkfinal;
|
getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal);
|
//获取接口中的数据
|
//点击上一页
|
$("#lastPage").click(function() {
|
if(currentPage == 1) {
|
$(this).css("background", '#E8E8E8')
|
} else {
|
$(this).css("background", '#fff')
|
currentPage--;
|
$("#currentNum").text(currentPage);
|
getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal);
|
}
|
});
|
$("#lastPage2").click(function() {
|
if(deCurrent == 1) {
|
$(this).css("background", '#E8E8E8')
|
} else {
|
deCurrent--;
|
$("#currentNum2").text(deCurrent);
|
getAttachment(currId, deCurrent)
|
$(this).css("background", '#fff')
|
}
|
});
|
//点击下一页
|
$("#nextPage").click(function() {
|
if(currentPage == totalPage) {
|
$(this).css("background", '#E8E8E8')
|
} else {
|
$(this).css("background", '#fff')
|
currentPage++;
|
$("#currentNum").text(currentPage);
|
getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal);
|
}
|
});
|
$("#nextPage2").click(function() {
|
if(deCurrent == deamong) {
|
$(this).css("background", '#E8E8E8')
|
} else {
|
$(this).css("background", '#fff')
|
deCurrent++;
|
$("#currentNum2").text(deCurrent);
|
getAttachment(currId, deCurrent);
|
}
|
});
|
//信息查看点击事件
|
$(document).on('click', '.wet-ck', function() {
|
var id = $(this).attr('id');
|
id = id.substring(0, (id.length) - 1);
|
currId = id;
|
getDetailInfo(id);
|
getAttachment(id, deCurrent);
|
$(".detailInfo").css('display', 'block');
|
$("#shadow").css('display', 'block');
|
})
|
//关闭信息时间
|
$("#closeBtn").click(function() {
|
$(".detailInfo").css('display', 'none');
|
$("#shadow").css('display', 'none');
|
// $('.detailInfo div span').text('');
|
});
|
$(".selectDiv").click(function() {
|
if($('.regionShow').css('display') == 'block') {
|
$('.regionShow').css('display', 'none');
|
} else {
|
$('.regionShow').css('display', 'block');
|
}
|
});
|
//导出数据
|
$('.dc').click(function() {
|
parkname = $("#parkname").val();
|
regionName = $("#regionName").val();
|
parklevel = $("#parklevel").val();
|
parkstart = $("#parkstart").val();
|
parkfinal = $("#parkfinal").val();
|
console.log(parkstart,parkfinal);
|
//湿地公园建设--文件导出接口+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
window.open(IP_PATH+"/park/excelExportPark.do?parkName" + parkname + "®ionName=" + regionName + "&parkLevel=" + parklevel + "&parkStartTime=" + parkstart + "&parkEndTime=" + parkfinal + "&cols=PARKNAME,REGION_NAME,PARKTOTALAREA,PARKAREA,PARKBYQMJ,PARKHFCJQMJ,PARKRATE,PARKTIME,PARKLEVEL,PARKREFERENCE,PARKLONGITUDE,PARKWHETHER&sType=PARK_REGION", "_self");
|
});
|
//查询事件
|
$('.cx').click(function() {
|
currentPage = 1,
|
parkname = $("#parkname").val();
|
regionName = $("#regionName").val();
|
parklevel = $("#parklevel").val();
|
parkstart = $("#parkstart").val();
|
parkfinal = $("#parkfinal").val();
|
getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal);
|
});
|
//附件下载接口++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
$(document).on("click", '.downloads', function() {
|
var url = $(this).attr('id');
|
var num = url.length;
|
url = url.substring(0, num - 1);
|
window.open(IP_PATH + url);
|
})
|
//点击清空
|
$(".qk").click(function() {
|
$("#parkname").val('')
|
$("#regionName").val('')
|
$("#parklevel").val('');
|
$("#parkreference").val('');
|
$('#regionName').text('');
|
$('#regionName').val('');
|
$("#parkstart").val('');
|
$("#parkfinal").val('');
|
currentPage = 1,
|
parkname = '';
|
regionName = '';
|
parklevel = '';
|
parkreference = '';
|
parkstart = '';
|
parkfinal = '';
|
getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal);
|
});
|
//点击首页跳转
|
$("#firstPage").click(function() {
|
currentPage = 1,
|
getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal);
|
});
|
//点击尾页跳转
|
$("#finalPage").click(function() {
|
currentPage = totalPage,
|
getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal);
|
});
|
//接受行政区数据
|
getCity();
|
function getCity() {
|
$.ajax({
|
type: "post",
|
url: IP_PATH+"/organ/findAllRegionList.do", //湿地公园建设--行政区接口+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
async: true,
|
dataType: "json",
|
data: {
|
|
},
|
success: function(result) {
|
var inner = [];
|
for(x in result) {
|
if(result[x].regionPid!=""){
|
inner.push({
|
'id': result[x].regionId,
|
'pId': result[x].regionPid,
|
'name': result[x].regionName
|
});
|
}
|
}
|
setting = {
|
check: {
|
enable: false
|
},
|
data: {
|
simpleData: {
|
enable: true
|
}
|
},
|
callback: {
|
onClick: _zTreeOnClick,
|
},
|
view: {
|
showLine: true
|
}
|
};
|
zTreeObj = $.fn.zTree.init($("#regionTree"), setting, inner);
|
},
|
error: function(e) {
|
console.log(e);
|
}
|
});
|
}
|
|
function _zTreeOnClick(event, treeId, treeNode) {
|
var name = treeNode.name;
|
$('.selectDiv').attr('value', name);
|
$('.regionShow').css('display', 'none');
|
$('.selectDiv').text(name);
|
}
|
//湿地公园建设--根据id查找具体数据的详细信息+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
function getDetailInfo(parkid) {
|
$.ajax({
|
type: "post",
|
url: IP_PATH+"/park/queryParkById.do",
|
async: true,
|
data: {
|
"parkid": parkid
|
},
|
dataType: "json",
|
success: function(result) {
|
var data = result.data;
|
var time = data.parktime;
|
if(time == null || time == '') {
|
time = "未填写";
|
} else {
|
time = time.substring(0, 9);
|
}
|
$("#detailparkname").text(data.parkname);
|
$("#detailparklevel").text(data.parklevel);
|
$("#detailregionName").text(data.region.regionName);
|
$("#detailparktotalarea").text(data.parktotalarea);
|
$("#detailparkarea").text(data.parkarea);
|
$("#detailhfcj").text(data.parkhfcjqmj);
|
$("#detailbyq").text(data.parkbyqmj);
|
$("#detailparkrate").text(data.parkrate);
|
$("#detailparktime").text(time);
|
$("#detailparkreference").text(data.parkreference);
|
$("#detailparkwhether").text(data.parkwhether);
|
},
|
error: function(e) {
|
alert(e.message);
|
}
|
});
|
}
|
//湿地公园建设--查找相应数据附件+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
function getAttachment(id, deCurrent) {
|
var num = 3;
|
start = (deCurrent - 1) * num;
|
$.ajax({
|
type: "post",
|
url: IP_PATH+"/common/listUploadAttachment.do",
|
async: true,
|
data: {
|
"limit": num,
|
"Q_uaTableid_S_EQ": id,
|
"Q_uaTable_S_EQ": "SYS_PARK",
|
"start": start
|
},
|
dataType: "json",
|
success: function(result) {
|
$("#download").text('');
|
var data = result.data;
|
if(data.length != 0) {
|
$('.changeBtn').css('display', 'block');
|
} else {
|
$('.changeBtn').css('display', 'none');
|
}
|
if(data.length == 0) {
|
$("#download").append("<tr><td colspan='4'>暂无数据</td></tr>");
|
return;
|
}
|
deamong = result.total;
|
if(deamong % 3 == 0) {
|
deamong = deamong / 3;
|
} else {
|
deamong = (parseInt(deamong / 3)) + 1;
|
}
|
$('#currentNum2').text(deCurrent);
|
$('#amongNum2').text(deamong);
|
for(var i = 0; i < data.length; i++) {
|
/*if(role.indexOf('管理员') == -1) {
|
var inners = "<tr>" +
|
"<td width='50%'>" + data[i].uaName + "</td>" +
|
"<td>" + data[i].uaType + "</td>" +
|
"<td>" + (data[i].uaFileSize / 2014).toFixed(1) + "k</td>" +
|
"<td></td>" +
|
"</tr>";
|
$("#download").append(inners);
|
} else {*/
|
var inners = "<tr>" +
|
"<td title=" + data[i].uaName + ">" + data[i].uaName + "</td>" +
|
"<td>" + data[i].uaType + "</td>" +
|
"<td>" + (data[i].uaFileSize / 2014).toFixed(1) + "k</td>" +
|
"<td><input type='button' value='下载' class='downloads' id=" + data[i].uaPath + "/></td>" +
|
"</tr>";
|
$("#download").append(inners);
|
//}
|
|
}
|
},
|
error: function(e) {
|
console.log(e);
|
}
|
});
|
}
|
//湿地公园建设--获取和查询列表详细信息接口++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
function getAjaxInfo(currentPage, parkname, regionName, parklevel, parkstart, parkfinal) {
|
$("#showInfo").text('');
|
var num = 10;
|
var start = (currentPage - 1) * num;
|
$.ajax({
|
type: "post",
|
url:IP_PATH+"/park/findParkFilter.do",
|
async: true,
|
data: {
|
"limit": num,
|
"start": start,
|
"Q_parkname_S_LK": parkname,
|
"Q_parkregionname_S_LK": regionName,
|
"Q_parklevel_S_LK": parklevel,
|
"Q_parktime_D_GE": parkstart,
|
"Q_parktime_D_LE": parkfinal,
|
},
|
dataType: "json",
|
success: function(result) {
|
//显示出总数据
|
$("#areaNum").text(result.areaNum);
|
$("#nowPageArea").text(result.nowPageArea);
|
$("#nowPageTotalArea").text(result.nowPageTotalArea);
|
$("#totalAreaNum").text(result.totalAreaNum);
|
$("#nowPagehfcj").text(result.nowPageHfcjqmj);
|
$("#nowPagebyq").text(result.nowPageTotalByqmj);
|
$("#totalhfcj").text(result.hfcjqmj);
|
$("#totalbyq").text(result.totalByqmj);
|
var data = result.data;
|
among = result.total;
|
if(among == 0) {
|
$("#showInfo").html("<tr><td colspan='13'>暂无数据</td></tr>");
|
return;
|
}
|
$("#amongData").text(among);
|
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 time = data[i].parktime;
|
if(time == null || time == '') {
|
time = "未填写";
|
} else {
|
time = time.substring(0, 9);
|
}
|
var inners;
|
inners = "<tr>" +
|
"<td>" + a + "</td>" +
|
"<td>" + data[i].parkname + "</td>" +
|
"<td>" + data[i].region.regionName + "</td>" +
|
"<td>" + data[i].parktotalarea + "</td>" +
|
"<td>" + data[i].parkarea + "</td>" +
|
"<td>" + data[i].parkhfcjqmj + "</td>" +
|
"<td>" + data[i].parkbyqmj + "</td>" +
|
"<td>" + data[i].parkrate + "</td>" +
|
"<td>" + time + "</td>" +
|
"<td>" + data[i].parklevel + "</td>" +
|
"<td>" + data[i].parkreference + "</td>" +
|
"<td>" + data[i].parkwhether + "</td>" +
|
"<td><input type='button' value='查看' class='wet-ck' id=" + data[i].parkid + "/></td>" +
|
"</tr>";
|
$("#showInfo").append(inners);
|
a++;
|
}
|
|
},
|
error: function(e) {
|
alert("请求失败！");
|
$("#showInfo").html("<tr><td colspan='13'>暂无数据</td></tr>");
|
}
|
|
});
|
}
|
|
});
|
</script>
|
|
</html>
|
