<!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="X-UA-Compatible" content="IE=10">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
|
<title>赣州洪水风险预警系统</title>
|
<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css" />
|
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
|
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.18.custom.css" />
|
<link rel="stylesheet" href="js/bootstrapTable/bootstrap-table.css">
|
<link rel="stylesheet" href="js/layui/css/layui.css">
|
<link rel="stylesheet" type="text/css"
|
href="http://www.jxgis.cn:8080/arcgis_js_v318_api/arcgis_js_api/library/3.18/3.18/dijit/themes/tundra/tundra.css" />
|
<link rel="stylesheet" type="text/css"
|
href="http://www.jxgis.cn:8080/arcgis_js_v318_api/arcgis_js_api/library/3.18/3.18/esri/css/esri.css" />
|
<link type="text/css" rel="stylesheet" href="framework.css" />
|
<link rel="stylesheet" type="text/css" href="css/base.css" />
|
|
<script src='jslibs/xlsx.core.min.js'></script>
|
<script src="js/layui/layui.js"></script>
|
<script src="js/jquery1.11.min.js"></script>
|
<script src="jslibs/jquery.ztree.all.min.js"></script>
|
<script type="text/javascript" src="js/comm/heard.js"></script>
|
<script type="text/javascript" src="jslibs/script.js"></script>
|
<script type="text/javascript" src="js/divselect.js"></script>
|
<script src="js/customScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
|
<script type="text/javascript" src="jslibs/jquery-ui-1.8.18.custom.min.js"></script>
|
<script type="text/jscript" src="jslibs/e-smart-zoom-jquery.min.js"></script>
|
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
|
<script src="js/bootstrapTable/bootstrap-table.js"></script>
|
<script src="env.js"></script>
|
<script type="text/javascript"
|
src="http://www.jxgis.cn:8080/arcgis_js_v318_api/arcgis_js_api/library/3.18/3.18/init.js"></script>
|
<script>
|
//在Date对象中添加format方法
|
|
|
|
Date.prototype.format = function (fmt) {
|
var o = {
|
"M+": this.getMonth() + 1, //月份
|
"d+": this.getDate(), //日
|
"h+": this.getHours(), //小时
|
"m+": this.getMinutes(), //分
|
"s+": this.getSeconds(), //秒
|
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
|
"S": this.getMilliseconds() //毫秒
|
};
|
if (/(y+)/.test(fmt)) {
|
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
}
|
for (var k in o) {
|
if (new RegExp("(" + k + ")").test(fmt)) {
|
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
}
|
}
|
return fmt;
|
}
|
|
var _framework = null;
|
var _AppEvent = null;
|
|
function init() {
|
$.divselect("#divselect", "#inputselect");
|
require(["base/framework", "base/AppEvent", "base/ConfigData"],
|
function (framework, AppEvent) {
|
_framework = new framework();
|
$('#module-side-container').show();
|
_framework.onSiderContainerShow();
|
_framework.resize();
|
_AppEvent = AppEvent;
|
$('#sjll').click(function () {
|
showFun('RiskEarlyWarningBottomWidget');
|
});
|
$('#tjfx').click(function () {
|
showFun('StatisticsWidget');
|
});
|
$('#kjfx').click(function () {
|
showFun('SpaceWidget');
|
});
|
$('#kjhcq').click(function () {
|
showFun('bufferWidget');
|
});
|
$('#lxck').click(function () {
|
showFun('HistoryWidget');
|
});
|
$('#ztzt').click(function () {
|
showFun('IndexWidget');
|
});
|
$('#zttjt').click(function () {
|
showFun('projectWidget');
|
});
|
$('.tes').hide();
|
});
|
|
//模块子菜单点击事件
|
$('.in-menu-ul li').click(function () {
|
$(this).addClass('on').siblings().removeClass('on');
|
});
|
|
//初始化点图层自定义图标切换窗中的滚动条
|
$('#slider_px').slider({
|
disabled: false, //是否可用，true不可用 false即可用的
|
animate: true, //代表是采用动画效果
|
max: 120, //滑块的最大值是100
|
min: 0, //滑块的最小值
|
value: 24, //滑块的默认值
|
//orientation:'versvfvtical', //滑块的方向是垂直的还是水平的 horizontal
|
range: false,
|
change: function () {
|
var val = $("#slider_px").slider("value");
|
$("#px_value").val(val);
|
$("#original_img").css("height", val + "px");
|
}
|
});
|
}
|
|
|
function showFun(widegets) {
|
runwidget(widegets);
|
}
|
|
function runwidget(id) {
|
if (id == "StatisticsWidget") {
|
$("#echartsWidget").css({
|
"display": "block"
|
});
|
} else {
|
$("#echartsWidget").css({
|
"display": "none"
|
});
|
_AppEvent.dispatchAppEvent("clearcolor", id);
|
}
|
_AppEvent.dispatchAppEvent(_AppEvent.RUN_WIDGET, id);
|
}
|
|
function openBackgroundlogin() {
|
window.open('http://10.36.162.20:83/#/login');
|
}
|
</script>
|
|
<script>
|
function getUrlParam(name) {
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
if (r != null) return unescape(r[2]); return null; //返回参数值
|
}
|
$(function () {
|
var token = getUrlParam("token")
|
var login = sessionStorage.getItem("shuiwen-token")
|
//JavaScript JSON.parse()方法用于将一个 JSON 字符串转换为对象。
|
// var login = sessionStorage.getItem("shuiwen-token");
|
if (!login) {
|
if (token) {
|
$.ajax({
|
url: "http://192.168.0.207:82/blade-ycreal/auth/jwtLogin?token=" + token,
|
type: 'get',
|
headers: {
|
'Authorization': 'Basic c2FiZXI6c2FiZXJfc2VjcmV0',
|
"Tenant-Id": "000000"
|
},
|
data: {},
|
dataType: 'JSON',
|
success: function (res) {
|
if (res.success == "true") {
|
$('#map2d').hide();
|
|
$('.swDiv').mouseover(function(){
|
$('.hover-box').css('display','block');
|
})
|
$('.swDiv').mouseout(function(){
|
$('.hover-box').css('display','none');
|
})
|
return
|
} else {
|
window.location.href = "login.html";
|
}
|
},
|
error: function (res) {
|
window.location.href = "login.html";
|
},
|
|
})
|
} else {
|
window.location.href = "login.html";
|
}
|
}
|
});
|
|
function map3dClick() {
|
if($('#map2d').is(':hidden')){ //如果node是隐藏的则显示node元素，否则隐藏
|
$('#map2d').show();
|
}else{
|
$('#map2d').hide();
|
}
|
}
|
</script>
|
</head>
|
|
<body onload="init();" id="body" style="height: 100%;width: 100%;">
|
<!--数据加载界面-->
|
<div class="tes">
|
<div><img src="images/loading.gif">数据加载中...</div>
|
</div>
|
<!--正在执行界面-->
|
<div id="bg"
|
style="display:none;width:100%;height:100%;background-color: #e9e9e9;opacity: 0.7;text-align: center;position: absolute;top: 0px;z-index: 100;">
|
<div style="top: 50%;position: relative;margin-top: -62px;">
|
<img src="assets/images/load.gif" width="124" />
|
</div>
|
</div>
|
<div id="app_content">
|
<div class="popup" id="popup">
|
<span id="poputClose">X</span>
|
<div class="popup-box">
|
<p></p>
|
</div>
|
</div>
|
<div id='hsyj_header'>
|
<div id='hsyjHeader_logo'>
|
|
</div>
|
<div id='hsyjHeader_title' onclick='openBackgroundlogin();'>
|
赣州洪水风险预警系统
|
</div>
|
<style>
|
.state-selected {
|
background-color: rgba(0, 0, 0, 0.3);
|
opacity: 1;
|
border: none;
|
border-top: 2px solid #8491a1;
|
}
|
.container-section {
|
flex-direction: row-reverse;
|
font-size: 15px;
|
font-weight: normal;
|
color: #fff;
|
display: flex;
|
align-items: center;
|
flex-wrap: nowrap;
|
height: 45px;
|
min-width: 80px;
|
}
|
.icon-node {
|
flex-basis: 100px;
|
cursor: pointer;
|
text-align: center;
|
border-right: 2px solid #323e4f;
|
white-space: nowrap;
|
flex-shrink: 0;
|
}
|
.icon-node:first-child {
|
border: none;
|
}
|
.icon-node:hover {
|
opacity: 1;
|
}
|
.opendiv {
|
width: 126px;
|
margin-top: 12px;
|
}
|
.openli {
|
width: 126px;
|
height: 45px;
|
line-height: 45px;
|
border: none !important;
|
}
|
.menu-container {
|
width: 100%;
|
height: 100%;
|
}
|
.menu-container ul, .menu-container li {
|
margin: 0;
|
padding: 0;
|
list-style: none;
|
}
|
.hover-box{
|
display: none;
|
position: absolute;
|
top: 45px;
|
left: 0px;
|
height: 90px;
|
width: 126px;
|
background: rgb(0, 23, 54); z-index: 50;
|
}
|
.menu-container li:hover {
|
background-color: rgba(0,0,0)!important;
|
opacity: 1 !important;
|
border: 1 !important;
|
}
|
|
</style>
|
<div class="container-section" data-dojo-attach-point="containerNode">
|
<div class="icon-node jimu-float-trailing" title="运维管理"
|
onclick="javascript:window.open('http://localhost:82/#/login');"
|
data-widget-name="BackStageManagement">运维管理</div>
|
<div class="icon-node jimu-float-trailing" title="一键找河长"
|
onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=RiverChiefSystem'"
|
data-widget-name="RiverChiefSystem">一键找河长</div>
|
<div class="icon-node jimu-float-trailing swDiv" title="水文分析" data-widget-name="ThematicAnalysisOfHydrology" style="border-right: 2px solid rgba(0, 0, 0, 0); padding: 0px; flex-basis: 126px; position: relative; z-index: 100; height: 100%;">
|
<div class="icon-node jimu-float-trailing opendiv" style="border-right: 2px solid #323e4f; float: none; width: 126px;">水文分析</div>
|
<div class="hover-box">
|
<ul class="menu-container">
|
<li class="icon-node jimu-float-trailing openli" title="河道模拟"
|
onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=ThematicDynamicRiver'"
|
data-widget-name="ThematicDynamicRiver">河道模拟</li>
|
<li class="icon-node jimu-float-trailing openli" title="剖面分析"
|
onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=MapSection'"
|
data-widget-name="MapSection">剖面分析</li>
|
</ul>
|
</div>
|
</div>
|
<div class="icon-node jimu-float-trailing" title="洪水淹没分析"
|
onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=FloodAnalysis'"
|
data-widget-name="FloodAnalysis">洪水淹没分析</div>
|
<div class="icon-node jimu-float-trailing" title="水文风险区"
|
onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=HydrologicalRiskArea'"
|
data-widget-name="HydrologicalRiskArea">水文风险区</div>
|
<div class="icon-node jimu-float-trailing" title="雨水情信息"
|
onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=YuShuiQing'"
|
data-widget-name="YuShuiQing">雨水情信息</div>
|
<div class="icon-node jimu-float-trailing" title="三维模型"
|
onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=HydrologicalNetwork'"
|
data-widget-name="HydrologicalNetwork">三维模型</div>
|
<div class="icon-node jimu-float-trailing state-selected" title="风险预警" data-widget-name="ComprehensiveSupervise">风险预警</div>
|
</div>
|
</div>
|
|
<div id="tabcontainer"></div>
|
<!-- <div id="module-side-container">
|
<ul class="in-menu-ul">
|
<li id="sjll" class="on"><p>数据浏览</p></li>
|
<li id="tjfx"><p>统计分析</p></li>
|
<li id="kjfx"><p>叠加分析</p></li>
|
<li id="kjhcq"><p>缓冲区分析</p></li>
|
<li id="ztzt"><p>专题制图</p></li>
|
</ul>
|
</div> -->
|
<!-- <div id="mapcontentClassBox">
|
<img src="images/map-bg.jpg" width="100%" height="100%"/>
|
</div> -->
|
<div id="mapcontentClass" style="display:block;">
|
<!--系统切换-->
|
<!-- <style>-->
|
<!-- .ss {-->
|
<!-- border-radius: 5px;-->
|
<!-- height: 32px;-->
|
<!-- width: 32px;-->
|
<!-- position: fixed;-->
|
<!-- }-->
|
<!-- .map3d-system {-->
|
<!-- background: #303336 url('img/2d-2-02.png');-->
|
<!-- border: 1px solid #303336;-->
|
<!-- background-size: cover;-->
|
<!-- z-index:6;-->
|
<!-- cursor:pointer;-->
|
<!-- right: 13px;-->
|
<!-- bottom: 240px;-->
|
<!-- }-->
|
<!-- .map3d-system:hover{-->
|
<!-- color: #fff;-->
|
<!-- fill: #fff;-->
|
<!-- background: #48b url('img/2d-2-02.png');-->
|
<!-- background-size: cover;-->
|
<!-- border-color: #aef;-->
|
<!-- box-shadow: 0 0 8px #fff;-->
|
<!-- }-->
|
<!-- .map3d-2d {-->
|
<!-- background: #303336 url('img/3d-2-03.png');-->
|
<!-- border: 1px solid #303336;-->
|
<!-- background-size: cover;-->
|
<!-- z-index:6;-->
|
<!-- cursor:pointer;-->
|
<!-- right: 50px;-->
|
<!-- bottom: 240px;-->
|
<!-- }-->
|
<!-- .map3d-2d:hover{-->
|
<!-- color: #fff;-->
|
<!-- fill: #fff;-->
|
<!-- background: #48b url('img/3d-2-03.png');-->
|
<!-- background-size: cover;-->
|
<!-- border-color: #aef;-->
|
<!-- box-shadow: 0 0 8px #fff;-->
|
<!-- }-->
|
<!-- </style>-->
|
<!-- <div class="map3d-system ss" id="map3d" title="系统切换" onclick="map3dClick()"></div>-->
|
<!-- <div class="map3d-2d ss" id="map2d" title="切换3D" onclick="javascript:window.location='http://localhost:63342/v2/index.html?path=FloodAnalysis'"></div>-->
|
|
<div id="chart"></div>
|
</div>
|
<!--专题图遮罩弹窗-->
|
<div class="Bigimgs" style="display: none;">
|
<span class="colses">X</span>
|
<!--专题图-->
|
<div class="ims"><img src="" id="oimg"></div>
|
<!--专题图图名和简介-->
|
<div class="ThematicDiagramIntroduction theme-scoll">
|
<!--放图名-->
|
<div id="picTitle"></div>
|
<!--放简介信息-->
|
<div id="ThematicDiagramIntroductionContent" class="introductionContent"></div>
|
</div>
|
</div>
|
<!--自定义点样式选择-->
|
<div id="editor">
|
<div id="styler" style="display: none"></div>
|
<div id="point_styler" style="display: none">
|
<div style="text-align: center">
|
<img id="original_img" src="" />
|
</div>
|
<div id="icon_div">
|
<table id="icon_table">
|
|
</table>
|
</div>
|
<div id="custom_img">
|
<a>使用图像</a>
|
<input value="" placeholder="http://<image URL>" type="text" />
|
</div>
|
<div style="height: 19px; width: 100%; margin: 15px 5px 2px;">
|
<a>符号大小</a>
|
</div>
|
<div id="img_size">
|
<div id="slider_px"></div>
|
<div id="slider_px_value">
|
<div>
|
<input type="text" value="24" id="px_value" />
|
</div>
|
<div id="value_add">
|
<!-- <img src="widgets/index/icons/value_add.png" alt=""/> -->
|
</div>
|
<div id="value_dec">
|
<!-- <img src="widgets/index/icons/value_dec.png" alt=""/> -->
|
</div>
|
</div>
|
<span>像素</span>
|
</div>
|
</div>
|
</div>
|
<span id="siderbutton" class="siderbutton-normal" style='display: none;'></span>
|
</div>
|
|
<!-- 打印地图加载窗体 -->
|
<div class="tc">
|
<div class="loading">
|
<div class="loadBefor">
|
<p>打印中...</p>
|
<div class="loadimg"></div>
|
</div>
|
<div class="loadAfter">
|
<div class="loadSucess"></div>
|
<div class="loadBtn">
|
<input id="loadBtn" type="button" value="点击打开" class="loadConfirm" /><input id="cancelBtn"
|
type="button" value="关闭" class="loadCancel" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="div1" style="position: absolute; z-index: 1000; display: none; top: 532px; left: 305px;">按下鼠标以开始绘制并释放以完成绘制
|
</div>
|
<!-- 专题统计图窗体 -->
|
<div id="projectExtent" class="addOtherLayer" style="display:none;">
|
<div class="head">
|
<label>图表设计</label>
|
<a onclick="projectExtentclose();">X</a>
|
</div>
|
<div class="she">
|
<div class="shezhi shezhi_check" onclick="qie(1);" id="qie1">
|
单要素分级图
|
</div>
|
<div class="shezhi" onclick="qie(2);" id="qie2">
|
多要素对比图
|
</div>
|
</div>
|
<div class="tab">
|
<div class="tabCon" id="tabCon1" style="height:357px;">
|
<div class="cur" style="width: 371px;height: 120px;padding:0px;border-bottom: 1px solid #CFCFCF;">
|
<div
|
style="margin: 5px;width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;">
|
数据选择
|
</div>
|
<div style="width:97%;height:89px;float:left;padding-top: 0px;" id="tuc">
|
</div>
|
</div>
|
<div class="cur" style="width: 371px;height: 135px;padding:0px;border-bottom:1px solid #CFCFCF">
|
<div style="width:100%;height:35px;" id="fenji">
|
<div
|
style="width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;">
|
分级设置
|
</div>
|
</div>
|
<div style="width:80%;height:35px;margin: 0px auto;">
|
<div
|
style="margin-right: 25px;float:left;width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;">
|
分级色带
|
</div>
|
<form action="" method="post">
|
<div id="divselect">
|
<cite><img src="assets/images/gree.png" /></cite>
|
<ul>
|
<li>
|
<a href="javascript:;" selectid="1"><img src="assets/images/red.png" /></a>
|
</li>
|
<li>
|
<a href="javascript:;" selectid="2"><img src="assets/images/gree.png" /></a>
|
</li>
|
</ul>
|
</div>
|
<input name="" type="hidden" value="2" id="inputselect" />
|
</form>
|
</div>
|
<div style="width:80%;height:35px;margin: 0px auto;">
|
<div
|
style="margin-right: 25px;float:left;width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;">
|
分级数量
|
</div>
|
<span>当前数量：<span id="num">5级</span></span>
|
<input type="range" onchange="num_change();" id="range_num" value="5" max="10" min="1" step="1"
|
style="background-color: #FFF !important; height:18px;margin-top: 0px;" />
|
</div>
|
</div>
|
<div class="cur" style="width: 371px;height: 96px;padding:0px;">
|
<div
|
style="margin: 5px;width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;">
|
统计指标
|
</div>
|
<div id="zhibiao1">
|
<p>湿地个数</p>
|
<p>面积</p>
|
</div>
|
</div>
|
</div>
|
<div class="tabCon" id="tabCon2" style="display:none; height:357px;">
|
<div class="cur" style="width: 371px;height: 86px;padding:0px;border-bottom:1px solid #CFCFCF">
|
<div
|
style="margin: 5px;margin-bottom: 0px;width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;">
|
数据选择
|
</div>
|
<div style="width:97%;height:55px;float:left;" id="tucs">
|
</div>
|
</div>
|
<div class="cur" style="width: 371px;height: 182px;padding:0px;border-bottom:1px solid #CFCFCF">
|
<div
|
style="width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;margin: 5px;margin-bottom: 0px;">
|
图表类型
|
</div>
|
<div style="width:100%;padding:0px;height: 68px;" class="tongji" id="tuxing">
|
<img src="assets/images/bar.png" style="margin-right: 39px;" />
|
<img src="assets/images/pie.png" style="margin-right: 39px;" />
|
<img src="assets/images/line.png" />
|
</div>
|
<div class="cur" style="width: 371px;height: 100px;padding:0px;">
|
<div
|
style="width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;margin: 5px;margin-bottom: 0px;">
|
图表风格
|
</div>
|
<div style="width:100%;padding:0px;padding-top: 1px;" class="tongji" id="fengge">
|
<img src="assets/images/blue.png" />
|
<img src="assets/images/green.png" style="margin: 0px 19px;" />
|
<img src="assets/images/cyan.png" />
|
</div>
|
</div>
|
</div>
|
<div class="cur" style="width: 371px;height: 78px;padding:0px;">
|
<div
|
style="margin: 5px;width:55px;height:10px;background-color:#727272;text-align: center;color: #fff;line-height: 11px;border-radius: 4px;">
|
统计指标
|
</div>
|
<div id="zhibiao2">
|
<p>湿地个数</p>
|
<p>面积</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="foot" style="border-top: 1px solid #CFCFCF;bottom: 0px;position: absolute;height: 40px;">
|
<input type="button" value="取消" onclick="projectExtentclose();" />
|
<input id="projectbut" type="button" value="提交设置" />
|
</div>
|
</div>
|
<div class="sceneBox"></div>
|
</body>
|
|
</html>
|
