1070 lines
56 KiB
HTML
1070 lines
56 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||
<!-- saved from url=(0160)https://apps.r93535.com/cjgc/riskcontrol/subsidence/statisticsindex-projectSectionIndexM.action?type=4&projectSectionId=11364&selProjectSiteValue=0&structType=0 -->
|
||
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
||
<!-- 以ä¸æ¯jQueryçå¼ç¨ -->
|
||
<script src="./jquery-1.10.2.min.js.下载" type="text/javascript"></script>
|
||
<link href="./jquery-ui-1.10.3.custom.min.css" type="text/css" rel="stylesheet">
|
||
<script src="./jquery-ui-1.10.3.custom.min.js.下载" type="text/javascript"></script>
|
||
|
||
<script src="./jquery.MultiFile.js.下载" type="text/javascript"></script>
|
||
|
||
<script src="./jquery-1.3.2.min.js.下载" type="text/javascript"></script>
|
||
<link href="./jquery.validate.css" type="text/css" rel="stylesheet">
|
||
<script src="./jquery.validate.js.下载" type="text/javascript"></script>
|
||
<script src="./jquery-ui-1.7.1.custom.min.js.下载" type="text/javascript"></script>
|
||
<link rel="stylesheet" type="text/css" href="./jquery-ui-1.7.1.custom.css">
|
||
|
||
<script src="./WdatePicker.js.下载" type="text/javascript"></script><link href="./WdatePicker.css" rel="stylesheet" type="text/css">
|
||
<script src="./BubbleTooltips.js.下载" type="text/javascript"></script>
|
||
<script src="./gzmetro.js.下载"></script>
|
||
<script src="./textselect.js.下载" type="text/javascript"></script><script data-require-id="echarts/chart/line" src="./line.js.下载" async=""></script><script data-require-id="echarts/chart/bar" src="./bar.js.下载" async=""></script></head><body style=""><div id="SELECT_DIV_" style="position: absolute;cursor: default;border: 1px solid #B2B2B2;background-color: #fff;display: none;font-size:12px;"></div><div id="NODE_DIV_" style="position: absolute;cursor: default;border: 1px solid #B2B2B2;background-color:#ffffd9;display: none;font-size:12px;overflow-x:auto;word-wrap:break-word"></div>
|
||
<link href="./bt.css" type="text/css" rel="stylesheet">
|
||
<script src="./aofsoft.js.下载" type="text/javascript"></script>
|
||
<script src="./textselect(1).js.下载" type="text/javascript"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
|
||
<script type="text/javascript" src="./yanue.pop.js.下载"></script>
|
||
<link rel="stylesheet" type="text/css" href="./publicutil.css">
|
||
<style type="text/css">
|
||
html body {margin: 0;padding: 0}
|
||
.ljcjDiv{
|
||
position: relative;
|
||
width: 100%;
|
||
height: 300px;
|
||
overflow: hidden;
|
||
margin-top: 10px;
|
||
}
|
||
.ljcjTitle{
|
||
position: absolute;
|
||
width: 45px;
|
||
height: 296px;
|
||
color: #FFFFFF;
|
||
background-color: #214080;
|
||
top:2px;
|
||
left:20px;
|
||
border:1px solid #797979;
|
||
z-index: 999;
|
||
}
|
||
.chenjianginfo {
|
||
position: absolute;
|
||
height: 300px;
|
||
left: 45px;
|
||
top:0;
|
||
z-index: 0;
|
||
width: 95%;
|
||
}
|
||
.cljdDiv{
|
||
width: 100%;
|
||
height: 0;
|
||
position: relative;
|
||
overflow: hidden;
|
||
margin-top: 2px;
|
||
}
|
||
.celiangjiankong {
|
||
position: absolute;
|
||
height: 250px;
|
||
left: 45px;
|
||
top: -30px;
|
||
z-index: 0;
|
||
width: 95%;
|
||
}
|
||
.cljdTitle{
|
||
position: absolute;
|
||
width: 45px;
|
||
height: 198px;
|
||
color: #FFFFFF;
|
||
background-color: #214080;
|
||
top:0;
|
||
left:20px;
|
||
border:1px solid #797979;
|
||
z-index: 999;
|
||
}
|
||
a {
|
||
color: #0099FF;
|
||
text-decoration: none
|
||
}
|
||
|
||
a:hover {
|
||
color: #000099;
|
||
text-decoration: underline
|
||
}
|
||
#cxlb {
|
||
width: 100%;
|
||
border: 1px solid #0A2956;
|
||
}
|
||
#cxlb tr {
|
||
width: 100%;
|
||
border: 1px solid #F2F2F2;
|
||
line-height: 25px;
|
||
}
|
||
#cxlb td {
|
||
text-align: center;
|
||
}
|
||
|
||
#cxlb tr:hover{
|
||
background-color: #C0C0C0;
|
||
}
|
||
|
||
</style>
|
||
<style type="text/css">
|
||
*{ margin: 0;
|
||
padding: 0;}
|
||
#pop{background:#fff;width:260px;border:1px solid #e0e0e0;font-size:12px;position: fixed;right:10px;bottom:10px;}
|
||
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;position:relative;font-size:12px;padding:0 0 0 10px;}
|
||
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
|
||
#popHead #popClose{position:absolute;right:10px;top:1px;}
|
||
#contentBack{position:absolute;right:40px;top:1px;}
|
||
#popHead a#popClose:hover{color:#f00;cursor:pointer;}
|
||
#popContent{padding:5px 10px;height:150px;width:330px}
|
||
#popContent2{padding:5px 10px;height:150px;width:330px}
|
||
#popContent2{color:#666;text-align: left;}
|
||
#popContent2 li{padding-top: 3px;padding-left: 3px}
|
||
#popTitle a{line-height:24px;font-size:14px;font-family:'微软雅黑';color:#333;font-weight:bold;text-decoration:none;}
|
||
#popTitle a:hover{color:#f60;}
|
||
#popIntro{line-height:200%;color:#666;text-align: left;}
|
||
#popMore{text-align:right;border-top:1px dotted #ccc;line-height:24px;margin:8px 0 0 0;}
|
||
#popMore a{color:#f60;}
|
||
#popMore a:hover{color:#f00;}
|
||
#popIntro li{
|
||
padding-top: 3px;
|
||
padding-left: 3px
|
||
}
|
||
</style>
|
||
|
||
|
||
<input type="hidden" name="structtype" id="structtype" value="">
|
||
<input type="hidden" name="userType" id="userType" value="">
|
||
<input type="hidden" name="projectSectionId" id="projectSectionId" value="">
|
||
<input type="hidden" name="projectSiteId" id="projectSiteId" value="">
|
||
<div class="ljcjDiv">
|
||
<div class="ljcjTitle">
|
||
<label style="margin-top: 65px;display: block;font-weight: bold;font-size: 16px;margin-left: 16px">纵断面沉降示意图</label>
|
||
</div>
|
||
<div class="chenjianginfo">
|
||
<div id="chenjianginfodata" style="min-width: 95%; width: 100%; height: 300px; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;" _echarts_instance_="1784624325245"><div style="position: relative; overflow: hidden; width: 1824px; height: 300px;"><div data-zr-dom-id="bg" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 300px; user-select: none;"></div><canvas width="1824" height="300" data-zr-dom-id="0" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 300px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1824" height="300" data-zr-dom-id="1" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 300px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1824" height="300" data-zr-dom-id="_zrender_hover_" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 300px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
|
||
</div>
|
||
</div>
|
||
<div class="cljdDiv">
|
||
<div class="cljdTitle">
|
||
<label style="margin-top: 9px;display: block;font-weight: bold;font-size: 16px;margin-left: 16px">按时测量监督</label>
|
||
<label style="margin-top: 0px;display: block;font-weight: bold;font-size: 16px;margin-left: 10px">(天)</label>
|
||
</div>
|
||
<div class="celiangjiankong">
|
||
<div id="celiangjiankongdata" style="min-width: 95%; width: 100%; height: 250px; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;" _echarts_instance_="1784624325246"><div style="position: relative; overflow: hidden; width: 1824px; height: 250px;"><div data-zr-dom-id="bg" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 250px; user-select: none;"></div><canvas width="1824" height="250" data-zr-dom-id="0" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 250px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1824" height="250" data-zr-dom-id="1" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 250px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1824" height="250" data-zr-dom-id="_zrender_hover_" style="position: absolute; left: 0px; top: 0px; width: 1824px; height: 250px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><div class="echarts-tooltip" style="position: absolute; display: none; border-style: solid; white-space: nowrap; transition: left 0.4s, top 0.4s; background-color: rgba(50, 50, 50, 0.5); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-family: 微软雅黑, Arial, Verdana, sans-serif; padding: 5px; left: 775px; top: 121.472px;">断面里程:D2K788+609<br>距下次测量天数:26</div></div></div>
|
||
</div>
|
||
</div>
|
||
<div style="margin: 3px 20px 0;height: 22px;width: 97%;background-color: #EDEDED; text-align: left;cursor: pointer;" onclick="openCljdDiv(this)">按时测量监督<img src="./icon_down.png"></div>
|
||
<div style="clear: both;margin-top: 3px">
|
||
<div style="float: left; height: 180px; width: 45px; margin-left:20px;border:1px solid #797979;color: #ffffff;
|
||
background-color: #214080; z-index: 99">
|
||
<label style="margin-top: 3px;display: block;font-weight: bold;font-size: 16px;margin-left: 16px">沉降量超限工点</label>
|
||
<label style="margin-top: 0px;display: block;font-weight: bold;font-size: 16px;margin-left: 10px">(点)</label>
|
||
</div>
|
||
<div id="scrolldiv3" style="width: 92%; float: left; height: 180px;">
|
||
<div id="container3" style="height: 180px; width: 200px;" data-highcharts-chart="0"><div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 200px; height: 180px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><svg version="1.1" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="200" height="180"><desc>Created with Highcharts 4.0.3</desc><defs><clippath id="highcharts-1"><rect x="0" y="0" width="180" height="155"></rect></clippath></defs><rect x="0" y="0" width="200" height="180" strokeWidth="0" fill="#FFFFFF" class=" highcharts-background"></rect><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-axis" zIndex="2"><path fill="none" d="M 10 165.5 L 190 165.5" stroke="#C0D0E0" stroke-width="1" zIndex="7" visibility="visible"></path></g><g class="highcharts-axis" zIndex="2"></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(10,10) scale(1 1)" style="cursor:pointer;" clip-path="url(#highcharts-1)"></g><g class="highcharts-markers" visibility="visible" zIndex="0.1" transform="translate(10,10) scale(1 1)" clip-path="none"></g><g class="highcharts-series highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(10,10) scale(1 1)" style="cursor:pointer;" clip-path="url(#highcharts-1)"></g><g class="highcharts-markers" visibility="visible" zIndex="0.1" transform="translate(10,10) scale(1 1)" clip-path="none"></g></g><g class="highcharts-stack-labels" visibility="visible" zIndex="6" transform="translate(10,10)"></g><g class="highcharts-data-labels highcharts-tracker" visibility="visible" zIndex="6" transform="translate(10,10) scale(1 1)" opacity="1" style="cursor:pointer;"></g><g class="highcharts-data-labels highcharts-tracker" visibility="visible" zIndex="6" transform="translate(10,10) scale(1 1)" opacity="1" style="cursor:pointer;"></g><g class="highcharts-axis-labels highcharts-xaxis-labels" zIndex="7"></g><g class="highcharts-axis-labels highcharts-yaxis-labels" zIndex="7"></g><g class="highcharts-tooltip" zIndex="8" style="cursor:default;padding:0;white-space:nowrap;" transform="translate(0,-9999)"><path fill="none" d="M 3 0 L 13 0 C 16 0 16 0 16 3 L 16 13 C 16 16 16 16 13 16 L 3 16 C 0 16 0 16 0 13 L 0 3 C 0 0 0 0 3 0" isShadow="true" stroke="black" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)"></path><path fill="none" d="M 3 0 L 13 0 C 16 0 16 0 16 3 L 16 13 C 16 16 16 16 13 16 L 3 16 C 0 16 0 16 0 13 L 0 3 C 0 0 0 0 3 0" isShadow="true" stroke="black" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)"></path><path fill="none" d="M 3 0 L 13 0 C 16 0 16 0 16 3 L 16 13 C 16 16 16 16 13 16 L 3 16 C 0 16 0 16 0 13 L 0 3 C 0 0 0 0 3 0" isShadow="true" stroke="black" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)"></path><path fill="rgba(249, 249, 249, .85)" d="M 3 0 L 13 0 C 16 0 16 0 16 3 L 16 13 C 16 16 16 16 13 16 L 3 16 C 0 16 0 16 0 13 L 0 3 C 0 0 0 0 3 0"></path><text x="8" zIndex="1" style="font-size:12px;color:#333333;fill:#333333;" y="21"></text></g></svg></div></div>
|
||
</div>
|
||
</div>
|
||
<div style=" clear: both;"></div>
|
||
<div style="margin: 10px 20px;">
|
||
<table id="cxlb">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="7" align="center" style="color:#3500FF ;
|
||
border-bottom: 1px solid #F2F2F2;">
|
||
<label id="cjlcxlb">工点下的沉降量超限测点</label><!-- <label style="font-size:13px">
|
||
注：此处沉降量指工程主体完成后的沉降量</label> -->
|
||
</th>
|
||
</tr>
|
||
<tr style="background: #EDEDED">
|
||
<th>序号</th>
|
||
<th>工点</th>
|
||
<th>测点</th>
|
||
<th>设计总沉降量(mm)</th>
|
||
<th>累积沉降量(mm)</th>
|
||
<th id="cxl_mm">超限量(mm)</th>
|
||
<th>累计天数(天)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div id="pop" style="display:none;">
|
||
|
||
<div id="popHead">
|
||
<a id="contentBack" title="返回" style="display: none;">返回</a>
|
||
<a id="popClose" title="关闭">关闭</a>
|
||
<h2>系统消息</h2>
|
||
</div>
|
||
<div id="popContent">
|
||
<dl>
|
||
<dt id="popTitle"><a href="javascript:void(0)" target="_blank"></a></dt>
|
||
<dt id="popIntro">这里是内容简介</dt>
|
||
</dl>
|
||
<!--
|
||
<p id="popMore"><a href="javascript:void(0)" target="_blank">查看 »</a></p>
|
||
<!-->
|
||
</div>
|
||
<div id="popContent2" style="display:none;overflow-y:auto;height:150px;width:250px;">
|
||
</div>
|
||
</div>
|
||
<!--右下角pop弹窗 end-->
|
||
|
||
<script type="text/javascript" src="./jquery-1.8.2.min.js.下载"></script>
|
||
<script type="text/javascript" src="./echarts.js.下载"></script>
|
||
<script type="text/javascript" src="./highcharts.js.下载"></script>
|
||
|
||
<script type="text/javascript">
|
||
|
||
$(function() {
|
||
//加载上面下拉框end
|
||
$.getUrlParam = function(name) {
|
||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||
var r = window.location.search.substr(1).match(reg);
|
||
if (r != null)
|
||
return unescape(r[2]);
|
||
return null;
|
||
};
|
||
var proSectid = $.getUrlParam('projectSectionId');
|
||
var proSiteid = $("#projectSite",window.parent.document).val();
|
||
var type = $("input[name='structtype']:checked",window.parent.document).val();
|
||
if (proSiteid == null || proSiteid == "") {//
|
||
//加载沉降信息和测量监督图表
|
||
cj_cljdShowEchart([], [], [],[],[],[]);
|
||
return;
|
||
}if( proSiteid == 0){
|
||
/*
|
||
* 获取沉降和测量监督数据
|
||
* id:标段id或工点id;idType 0:标段,1:工点;isgdd:是否过渡段
|
||
*/
|
||
getDataAjax(proSectid, 0, type);return;
|
||
}
|
||
getDataAjax(proSiteid, 1, type);
|
||
/**
|
||
标段用户提示框
|
||
*/
|
||
getMessage();
|
||
});
|
||
|
||
|
||
/**格式化断面里程*/
|
||
function getdkilo(kilo,dkname) {
|
||
var val='';
|
||
if(kilo>=1000){
|
||
val+=dkname+parseInt(kilo/1000);
|
||
if(kilo%1000<1000&&kilo%1000>=100){
|
||
val+="+"+(kilo%1000);
|
||
}else if(kilo%1000<100&&kilo%1000>=10){
|
||
val+="+0"+(kilo%1000);
|
||
}else if(kilo%1000<10){
|
||
val+="+00"+(kilo%1000);
|
||
}
|
||
}else if(kilo<1000&&kilo>=100){
|
||
val+=dkname+"0+"+kilo;
|
||
}else if(kilo<100&&kilo>=10){
|
||
val+=dkname+"0+0"+kilo;
|
||
}else if(kilo<10){
|
||
val+=dkname+"0+00"+kilo;
|
||
}
|
||
return val;
|
||
}
|
||
/*
|
||
* 获取沉降和测量监督数据
|
||
* id:标段id或工点id;idType 0:标段,1:工点;isgdd:是否过渡段
|
||
*/
|
||
function getDataAjax(id, idType, isgdd) {
|
||
var url = "/cjgc//riskcontrol/subsidence/statisticsindex!hightchartCjlAndJianDu.action?d="+Math.random()+"&idType="
|
||
+ idType + "&id=" + id + "&isgdd=" + isgdd;
|
||
$.ajax({
|
||
type : "GET",
|
||
dataType : "json",
|
||
url : url,
|
||
success : function(result) {
|
||
if (result == null || result == "" ||
|
||
result.mcljChartData == null || result.mcljChartData == ""||
|
||
result.cljdChartData == ""|| result.cljdChartData == "") {
|
||
cj_cljdShowEchart([], [], [], [], [],[]);
|
||
} else {
|
||
var mcjl = result.mcljChartData;
|
||
var cljd = result.cljdChartData;
|
||
cj_cljdShowEchart(mcjl.dkilo, mcjl.cjl,mcjl.sjcjl,
|
||
cljd.workinfo_kilo,cljd.beforeDay,cljd.nextDay,cljd.frequency);
|
||
}
|
||
},
|
||
error : function(data) {
|
||
//alert("获取数据失败！");
|
||
}
|
||
});
|
||
var urla="/cjgc//riskcontrol/subsidence/statisticsindex!hightchartGonghouCjlCX.action?d="+Math.random()+"&type="+idType+"&id="+id+"&isgdd="+isgdd;
|
||
$.ajax({
|
||
type : "GET",
|
||
dataType : "json",
|
||
url : urla,
|
||
success : function(result) {
|
||
if(result == null ||result==""){
|
||
highchart3Data([],[],[]);
|
||
chaoxianList([],[]);
|
||
return;
|
||
}
|
||
highchart3Data(result.chartSites,result.chartSites_10,eval(result.chartXvalue));
|
||
var t = eval(result.chartXvalue);
|
||
var sitid = t[0].substring(0,t[0].indexOf("_"));
|
||
getChaoxianList(sitid,result.state);
|
||
},
|
||
error : function(data) {//alert("获取超限列表失败");
|
||
}
|
||
});
|
||
}
|
||
/*
|
||
*加载沉降信息和测量监督图表
|
||
*/
|
||
|
||
function cj_cljdShowEchart(datax, datay,dataySJ,workinfo_kilo,beforeDay,nextDay,frequency) {
|
||
//alert(datax[0]+"==="+workinfo_kilo[0]);
|
||
//alert(datax.length+"=="+datay.length+"=="+dataySJ.length+"=="+workinfo_kilo.length);
|
||
var maxwidth = 30*datax.length;
|
||
var end = (1000/maxwidth)*100;
|
||
end = (end>=100?100:end);
|
||
require.config({
|
||
paths : {
|
||
echarts : '../../js/echarts'
|
||
}
|
||
});
|
||
require(
|
||
[ 'echarts', 'echarts/theme/macarons',
|
||
'echarts/chart/line', // 使用柱状图就加载bar模块，按需加载
|
||
'echarts/chart/bar' ],
|
||
function(echarts, theme) {
|
||
cjChart = echarts.init(document
|
||
.getElementById('chenjianginfodata'), theme);
|
||
cjOption = {
|
||
title : {
|
||
show:false
|
||
},
|
||
tooltip : {
|
||
formatter : function(params) {
|
||
//console.log(params);
|
||
var temp = params[1].split("_");
|
||
return '断面里程 :' + getdkilo(temp[1],temp[2])
|
||
+ '<br>沉降量:' + (-params[2]) + "mm";
|
||
},
|
||
position : function(p) {
|
||
var x = p[0]>1100?p[0]-150:p[0];
|
||
var y = p[1]>140?p[1]-40:p[1]+30;
|
||
return [x, y];
|
||
}
|
||
},
|
||
legend : {
|
||
data: [
|
||
{
|
||
name:'路基断面累计沉降量',
|
||
icon : '../../images/checkPoint/luji.png'
|
||
},
|
||
{
|
||
name:'桥涵断面累计沉降量',
|
||
icon : '../../images/checkPoint/qiaohan.png'
|
||
},
|
||
{
|
||
name:'隧道断面累计沉降量',
|
||
icon : '../../images/checkPoint/suidao.png'
|
||
},'设计总沉降量曲线'
|
||
],
|
||
textStyle:{
|
||
color : '#3F48CC',
|
||
fontStyle:'italic'
|
||
},
|
||
selectedMode:false,
|
||
x: 'center'
|
||
},
|
||
dataZoom : {
|
||
showDetail : false,
|
||
show : true,
|
||
start : 0,
|
||
end : end
|
||
},
|
||
toolbox : {
|
||
show : true,
|
||
feature : {
|
||
mark : {
|
||
show : false
|
||
},
|
||
dataZoom : {
|
||
show : false
|
||
},
|
||
dataView : {
|
||
show : false,
|
||
readOnly : false
|
||
},
|
||
magicType : {
|
||
show : true,
|
||
title : {
|
||
line : '折线图切换',
|
||
bar : '柱形图切换'
|
||
},
|
||
type : [ 'bar', 'line' ]
|
||
},
|
||
saveAsImage : {
|
||
show : false
|
||
},
|
||
restore : {
|
||
show : true,
|
||
title : '还原'
|
||
}
|
||
}
|
||
},
|
||
xAxis : [ {
|
||
type : 'category',
|
||
data : datax,
|
||
splitLine: {show:false},
|
||
axisTick:{show:false},
|
||
scale: true,
|
||
axisLine : {
|
||
lineStyle : {
|
||
color : '#999999'
|
||
}
|
||
},
|
||
axisLabel : {
|
||
formatter : function(value) {
|
||
var temp = value.split("_");
|
||
return getdkilo(temp[1],temp[2]);
|
||
}
|
||
}
|
||
} ],
|
||
yAxis : [ {
|
||
type : 'value',
|
||
min : -100,
|
||
max : 50,
|
||
axisLine : {
|
||
lineStyle : {
|
||
color : '#eeeeee'
|
||
}
|
||
},
|
||
nameTextStyle:{
|
||
color : '#3F48CC',
|
||
fontStyle:'italic'
|
||
},
|
||
name : "沉降量",
|
||
nameLocation : "end",
|
||
axisLabel : {
|
||
formatter : function(value) {
|
||
return -value + 'mm';
|
||
},
|
||
textStyle:{
|
||
fontStyle:'italic'
|
||
}
|
||
}
|
||
} ],
|
||
series : [ {
|
||
name : '路基断面累计沉降量',
|
||
showAllSymbol:true,
|
||
type : 'bar',
|
||
stack:'2',
|
||
barMaxWidth:35,
|
||
data : datay,
|
||
itemStyle : {
|
||
normal : {
|
||
color : function(params) {
|
||
//console.log(params.data);
|
||
var y = params.data;
|
||
if(typeof y=="object" && y!=null){
|
||
return y.color;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}, {
|
||
name : '桥涵断面累计沉降量',
|
||
type : 'bar',
|
||
stack:'2',
|
||
symbol: 'none',
|
||
barMaxWidth:35,
|
||
data : [0]
|
||
},{
|
||
name : '隧道断面累计沉降量',
|
||
type : 'bar',
|
||
stack:'2',
|
||
symbol: 'none',
|
||
barMaxWidth:35,
|
||
data : [0]
|
||
},{
|
||
name : '设计总沉降量曲线',
|
||
type : 'line',
|
||
symbol: 'none',
|
||
itemStyle:{
|
||
normal:{
|
||
lineStyle:{
|
||
color:'#FFB980'
|
||
}
|
||
}
|
||
},
|
||
data : dataySJ
|
||
}]
|
||
};
|
||
// console.log(dataySJ.length);
|
||
cjChart.setOption(cjOption);
|
||
window.onresize = cjChart.resize;
|
||
// 为echarts对象加载数据
|
||
var ecConfig = require('echarts/config');
|
||
function eConsole(param) {
|
||
var s = param.name;
|
||
var temp = s.split("_");
|
||
var url = "/cjgc//riskcontrol/subsidence/section!viewSectionAndpoint.action?id="+temp[0]+"&d="+Math.random();
|
||
var sFeatures = "dialogHeight= 800px; dialogWidth= 1340px;status=no;help=no;scroll=no;resizable=no;location=no;toolbar=no;center=yes";
|
||
try{
|
||
window.showModalDialog( url,"",sFeatures);
|
||
}catch (e) {
|
||
window.open(url, '',"Height= 800px, Width= 1340px,status=no,help=no,scroll=no,resizable=no,location=no,toolbar=no,center=yes");
|
||
}
|
||
}
|
||
cjChart.on(ecConfig.EVENT.CLICK, eConsole);//绑定点击事件
|
||
|
||
|
||
//★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★------以下设置 测量监控 Chart--------★★★★★★★★★★★★★★★★★★★★★★★★★
|
||
|
||
|
||
cljkChart = echarts.init(document
|
||
.getElementById('celiangjiankongdata'), theme);
|
||
cljkOption = {
|
||
title : {
|
||
show : false,
|
||
text : ''
|
||
},
|
||
tooltip : {
|
||
formatter : function(params) {
|
||
var y = params.value;
|
||
var workinfo = params.name.split("_")[0];
|
||
if(params.value<=100){
|
||
if(params.seriesName == "实际测量次数与规范要求测量次数的比例"){
|
||
y = -parseInt((parseInt(y*1000)+20*1000))/1000;
|
||
}else{
|
||
//加一个无穷小量是防止计算中出现.99999999999的精度造成parseInt()整数部分差1的问题
|
||
y = parseInt((y/100+0.000000000000001)*workinfo);
|
||
}
|
||
}else if(params.value>100){
|
||
if(params.value==100.0001){
|
||
y = 0;
|
||
}else if(params.value==100.0002){
|
||
y = "--";
|
||
}else{
|
||
y = y.replace("100.","-");
|
||
}
|
||
}
|
||
var x = params.name.split("_");
|
||
//console.log("y==="+y);
|
||
return '断面里程:' + getdkilo(x[1],x[3])
|
||
+ '<br>'+params.seriesName+':'+y;
|
||
},
|
||
position : function(p) {
|
||
var x = p[0]>1100?p[0]-150:p[0];
|
||
var y = p[1]>110?p[1]-40:p[1]+30;
|
||
return [x, y];
|
||
}
|
||
},
|
||
legend : {
|
||
show : false,
|
||
data : [ '沉降量' ]
|
||
},
|
||
dataZoom : {
|
||
show : false,
|
||
start : 0,
|
||
end : end
|
||
},
|
||
toolbox : {
|
||
show : false,
|
||
feature : {
|
||
mark : {
|
||
show : false
|
||
},
|
||
dataZoom : {
|
||
show : false
|
||
},
|
||
dataView : {
|
||
show : false,
|
||
readOnly : false
|
||
},
|
||
magicType : {
|
||
show : true,
|
||
type : [ 'line', 'bar', 'stack',
|
||
'tiled' ]
|
||
},
|
||
restore : {
|
||
show : false
|
||
},
|
||
saveAsImage : {
|
||
show : false
|
||
}
|
||
}
|
||
},
|
||
xAxis : [ {
|
||
show:false,
|
||
type : 'category',
|
||
data : workinfo_kilo/* ,
|
||
axisLabel : {
|
||
interval : 'auto',
|
||
formatter : function(value) {
|
||
var temp = value.split("_");
|
||
return getdkilo(temp[1]);
|
||
}
|
||
} */
|
||
} ],
|
||
yAxis : [ {
|
||
show : false,
|
||
type : 'value',
|
||
min : 0,
|
||
max : 100
|
||
} ],
|
||
series : [ {
|
||
name : '距下次测量天数',
|
||
type : 'bar',
|
||
stack:'1',
|
||
barMaxWidth:35,
|
||
//barMinHeight:25,
|
||
data : nextDay,
|
||
//smooth : true, //折线是否平滑显示
|
||
//dataFilter : 'average',
|
||
itemStyle : {
|
||
normal : {
|
||
barBorderRadius : 0,
|
||
label : {
|
||
show : true,
|
||
formatter : function(params) {
|
||
var y = params.value;
|
||
var workinfo = params.name.split("_")[0];
|
||
if(params.value<=100){
|
||
//加一个无穷小量是防止计算中出现.99999999999的精度造成parseInt()整数部分差1的问题
|
||
// var y1 = parseInt((y/100+0.000000000000001)*workinfo);
|
||
var y1 = ((y/100+0.000000000000001)*workinfo).toFixed(0);
|
||
y = (y1==0?'':y1);
|
||
}if(params.value>100){
|
||
if(params.value==100.0001){
|
||
y = 0;
|
||
}else if(params.value==100.0002){
|
||
y = "停";
|
||
}else{
|
||
y = y.replace("100.","-");
|
||
}
|
||
}
|
||
return y;
|
||
},
|
||
position :'insideLeft'//'insideLeft' | 'insideRight' | 'insideTop' | insideBottom
|
||
},
|
||
color : function(params) {
|
||
var y = parseFloat(params.data);
|
||
return y>100?(y==100.0001?'#FFFF00':(y==100.0002?'#B1B1B1':'#FF0000')):'#00FF00';
|
||
}
|
||
}
|
||
}
|
||
}, {
|
||
name : '距上次测量天数',
|
||
type : 'bar',
|
||
stack:'1',
|
||
barMaxWidth:35,
|
||
//barMinHeight:25,
|
||
data : beforeDay,
|
||
itemStyle : {
|
||
normal : {
|
||
barBorderRadius : 0,
|
||
label : {
|
||
show : true,
|
||
formatter : function(params) {
|
||
//console.log(params.name);
|
||
var workinfo = params.name.split("_")[0];
|
||
var y = params.value;
|
||
if(y=='0.0'||y==0){
|
||
y = '';
|
||
}else{
|
||
//y = parseInt((y/100)*workinfo);
|
||
y = ((y/100)*workinfo).toFixed(0);
|
||
}
|
||
return y;
|
||
},
|
||
position :'insideLeft'//'insideLeft' | 'insideRight' | 'insideTop' | insideBottom
|
||
},
|
||
color : function(params) {
|
||
var y = parseInt(params.data);
|
||
return y==0?'#FFFFFF':'#B1B1B1';
|
||
}
|
||
}
|
||
}
|
||
} ,{
|
||
name : '实际测量次数与规范要求测量次数的比例',
|
||
type : 'bar',
|
||
stack:'1',
|
||
barMaxWidth:35,
|
||
data : frequency,
|
||
itemStyle : {
|
||
normal : {
|
||
barBorderRadius : 0,
|
||
label : {
|
||
show : false,
|
||
textStyle:{
|
||
color: '#00FF00',
|
||
fontSize:12,
|
||
},
|
||
formatter : function(params) {
|
||
//console.log(params);
|
||
var y = params.value;
|
||
y = -parseInt(((y*1000)+20*1000))/1000;
|
||
return y;
|
||
},
|
||
position :'insideLeft'//'insideLeft' | 'insideRight' | 'insideTop' | insideBottom
|
||
},
|
||
color : function(params) {
|
||
return '#FFFFFF';
|
||
}
|
||
},
|
||
emphasis:{
|
||
label : {
|
||
show : false,
|
||
textStyle:{
|
||
color: '#000074'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}]
|
||
};
|
||
//console.log(beforeDay.length);
|
||
//console.log(nextDay.length);
|
||
cljkChart.setOption(cljkOption);
|
||
window.onresize = cljkChart.resize;
|
||
cljkChart.connect([ cjChart ]);
|
||
cjChart.connect([ cljkChart ]);
|
||
// 为echarts对象加载数据
|
||
//var ecConfig = require('echarts/config');
|
||
function eConsole_jk(param) {
|
||
//alert(JSON.stringify(param));
|
||
var s = param.name;
|
||
var temp = s.split("_");
|
||
var url = "/cjgc//riskcontrol/subsidence/statisticsindex!celianginfo.action?id="+temp[2]+"&d="+Math.random();
|
||
var sFeatures = "dialogHeight= 800px; dialogWidth= 1300px;status=no;help=no;scroll=no;resizable=no;location=no;toolbar=no;center=yes";
|
||
try{
|
||
window.showModalDialog(url,"",sFeatures);
|
||
}catch (e) {
|
||
window.open(url, "","Height= 800px, Width= 1300px,status=no,help=no,scroll=no,resizable=no,location=no,toolbar=no,center=yes");
|
||
}
|
||
}
|
||
cljkChart.on(ecConfig.EVENT.CLICK, eConsole_jk);//绑定点击事件
|
||
|
||
});
|
||
};
|
||
|
||
/**获取超限列表
|
||
*/
|
||
function getChaoxianList(sitid,state){
|
||
var isgdd = $("input[name='structtype']:checked",window.parent.document).val();
|
||
$.ajax({
|
||
type : "GET",
|
||
dataType : "json",
|
||
url : "/cjgc//riskcontrol/subsidence/statisticsindex!gonghouChaoxianList.action?d="+Math.random()+"&projectSiteId="+sitid+"&isgdd="+isgdd+"&type="+state,
|
||
success : function(result) {
|
||
chaoxianList(result,state);
|
||
},
|
||
error : function(data) { }
|
||
});
|
||
}
|
||
/**超限列表
|
||
*/
|
||
function chaoxianList(datalist,state){
|
||
$("#cxlb tbody").html("");
|
||
if(datalist == ""){return;}
|
||
if(state!=1){
|
||
$("#cxl_mm").hide();
|
||
$("#cjlcxlb").html("工点下的隆起量超过10mm的测点");
|
||
}else{
|
||
$("#cxl_mm").show();
|
||
$("#cjlcxlb").html("工点下的沉降量超限测点");
|
||
}
|
||
$("#cxlb tbody").html("");
|
||
$.each(datalist,function(n,item){
|
||
var html = "<tr class = tr"+n%2+"> <td>"+(n+1)+"</td> "+
|
||
"<td>"+item.sitName+"</td> <td><a id='"+item.sectionId+"_"+item.id+"' onclick='toSectionInfo(this.id)' "
|
||
+" style='text-decoration: underline;color: blue;cursor:pointer;'>"
|
||
+getdkilo(item.dkilo,item.dkname)+structtype(item.structtype)+item.aname+"</a></td> <td>"+getOneBitNum(item.sjcjl)+"</td>"+
|
||
"<td>"+getOneBitNum(item.ljcjl)+"</td> "+
|
||
(state==1?"<td>"+getOneBitNum(item.cxl)+"</td>":"") + "<td>"+item.day+"</td> </tr>";
|
||
$("#cxlb tbody").append(html);
|
||
});
|
||
}
|
||
/**超限列表
|
||
*/
|
||
/**
|
||
点击超限断面去详情
|
||
*/
|
||
function toSectionInfo(id_p){
|
||
var idArr = id_p.split("_");
|
||
var url = "/cjgc//riskcontrol/subsidence/section!viewSectionAndpoint.action?d="+Math.random()+"&id="+ idArr[0]+"&pointid="+ idArr[1];
|
||
var sFeatures = "dialogHeight= 800px; dialogWidth= 1340px;status=no;help=no;scroll=no;resizable=no;location=no;toolbar=no;center=yes";
|
||
try{
|
||
window.showModalDialog(url,"",sFeatures);
|
||
}catch (e) {
|
||
window.open(url, '',"Height= 800px, Width= 1340px,status=no,help=no,scroll=no,resizable=no,location=no,toolbar=no,center=yes");
|
||
}
|
||
|
||
}
|
||
/*超限列表中的专业转换
|
||
*/
|
||
function structtype(v){
|
||
switch (v) {
|
||
case 0:return "(路)";
|
||
case 1:return "(桥)";
|
||
case 2:return "(隧)";
|
||
case 3:return "(涵)";
|
||
}
|
||
}
|
||
|
||
//保留1位小数
|
||
function getOneBitNum(a){
|
||
var result=parseFloat(a).toFixed(2);
|
||
return result;
|
||
}
|
||
|
||
/**测量频次监督表
|
||
*/
|
||
|
||
function highchart3Data(data1,data11, data2) {
|
||
var w = $("#scrolldiv3").width();
|
||
var n = data2.length * 100;
|
||
if (n > w + 5)
|
||
$("#scrolldiv3").css("overflow-x", "scroll");
|
||
$('#container3').width(n<200?200:n);
|
||
$('#container3')
|
||
.highcharts(
|
||
{
|
||
chart : {
|
||
type : 'column'
|
||
},
|
||
title : {
|
||
text : null
|
||
},
|
||
xAxis : {
|
||
type : 'category',
|
||
tickInterval : 1,
|
||
categories : data2,
|
||
//categories : ['wsdd_铺背隧道小里程方向','wsdd_铺背隧道小里程方向','wsdd_铺背隧道小里程方向'],
|
||
title : {
|
||
text : null
|
||
},
|
||
labels : {
|
||
enabled : false
|
||
/* overflow: 'false',
|
||
rotation: 45,
|
||
x: -30,
|
||
formatter: function() {
|
||
return "<a title='test'>"+this.value.substring(0,5)+"</a>";
|
||
}*/ }
|
||
},
|
||
yAxis : {
|
||
min : 0,
|
||
gridLineWidth : 0,
|
||
title : {
|
||
text : null
|
||
},
|
||
labels : {
|
||
enabled : false
|
||
},
|
||
stackLabels: {
|
||
enabled: true,
|
||
style: {
|
||
fontWeight: 'bold',
|
||
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
|
||
}
|
||
}
|
||
},
|
||
credits : {
|
||
enabled : false
|
||
},
|
||
legend : {
|
||
enabled : false
|
||
},
|
||
tooltip : {
|
||
formatter : function() {
|
||
var t = this.x;
|
||
return '<b>'+this.series.name+': </b>'
|
||
+ this.y
|
||
+ '<br> <b>工点名称: </b>'
|
||
+ t.substring(t.indexOf("_")+1);
|
||
}
|
||
},
|
||
plotOptions:{
|
||
column: {
|
||
stacking: 'normal',//柱子是否累加
|
||
allowPointSelect: true ,//是否允许柱子选择
|
||
states: {
|
||
select: {
|
||
color: "#FF0000" //选中柱子后的颜色
|
||
}
|
||
} ,
|
||
dataLabels: {
|
||
enabled: true,
|
||
color: 'white'
|
||
}
|
||
},
|
||
series: {
|
||
cursor: 'pointer',
|
||
events: {
|
||
click: function (event) {
|
||
var category = event.point.category;
|
||
var sitid = category.substring(0,category.indexOf("_"));
|
||
var state = event.point.series.name == '超限数'?1:-1;
|
||
getChaoxianList(sitid,state);
|
||
}
|
||
}
|
||
}
|
||
},
|
||
series : [{
|
||
name : "隆起量超10mm数量",
|
||
allowPointSelect: true,
|
||
data:data11,
|
||
color: '#FF4500'
|
||
},{
|
||
name : "超限数",
|
||
allowPointSelect: true,
|
||
data:data1,
|
||
color: '#FF8242'
|
||
}
|
||
]
|
||
});
|
||
};
|
||
/**展开测量监督
|
||
*/
|
||
function openCljdDiv(obj){
|
||
var height = $(".cljdDiv").height();
|
||
if(height==0){
|
||
$(".cljdDiv").height(195);
|
||
$(obj).find("img").attr("src","../../images/checkPoint/icon_up.png");
|
||
}else{
|
||
$(".cljdDiv").height(0);
|
||
$(obj).find("img").attr("src","../../images/checkPoint/icon_down.png");
|
||
}
|
||
}
|
||
/**
|
||
标段用户提示信息框
|
||
*/
|
||
function getMessage(){
|
||
if(4==4){
|
||
$.getUrlParam = function(name) {
|
||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||
var r = window.location.search.substr(1).match(reg);
|
||
if (r != null)
|
||
return unescape(r[2]);
|
||
return null;
|
||
};
|
||
var proSectid = $.getUrlParam('projectSectionId');
|
||
var url='/cjgc//riskcontrol/subsidence/statisticsindex!aaa.action?projectSectionId='+proSectid;
|
||
$.ajax({
|
||
type : "GET",
|
||
dataType : "json",
|
||
url : url,
|
||
success : function(result) {
|
||
var html="";
|
||
if(result.yqwccds!=null&&result.yqwccds!=0){
|
||
//html=html+"<li><a href='#' title='' >逾期未测量测点数 "+result.yqwccds+",请及时测量</a></li>"
|
||
html=html+"<li> 逾期未测量测点数 <a onclick='getSystemMessageDetail("+$.getUrlParam('projectSectionId')+",1)'>"+result.yqwccds+"</a>,请及时测量 </li>";
|
||
}
|
||
if(result.nodisposecount!=null&&result.nodisposecount!=0){
|
||
html=html+"<li> 未处置关注测点数"+result.nodisposecount+"</a>,请及时处置 </li>";
|
||
}
|
||
/* if(result.xzcxcds!=null&&result.xzcxcds!=0){
|
||
//html=html+"<li><a href='#' title='' >新增超限测点数 "+result.xzcxcds+",请及时填写说明</a></li>"
|
||
html=html+"<li> 新增超限测点数(7日内) "+result.xzcxcds+",请及时填写说明 </li>"
|
||
} */
|
||
/* if(result.bdlength==null||result.bdlength ==0){
|
||
html=html+"<li> 请联系建设单位管理员及时填写标段长度 </li>"
|
||
} */
|
||
if(html!=""){
|
||
// console.log(html);
|
||
var pop=new Pop("",'javascript:void(0)',
|
||
"<ul>"+html+"</ul>") ;
|
||
}
|
||
},
|
||
error : function(data) {
|
||
alert(JSON.stringify(data));
|
||
}
|
||
});
|
||
}
|
||
};
|
||
|
||
$(function(){
|
||
getMessage();
|
||
});
|
||
</script>
|
||
<script type="text/javascript">
|
||
|
||
// psec:标段ID,type:1逾期未测量测点数、2未复测工作基点数
|
||
function getSystemMessageDetail(psec,type){
|
||
var url = "/cjgc//riskcontrol/subsidence/statisticsindex!toMessageDetailPage.action?projectSectionId="+psec+"&type="+type+"&d="+Math.random();
|
||
$.ajax({
|
||
type : "POST",
|
||
dataType : "json",
|
||
url : url,
|
||
success : function(result) {
|
||
if(type==1&&result!=null){
|
||
var bf = new StringBuffer();
|
||
for(var a = 0 ;a < result.length; a++){
|
||
bf.Append("<li> 测点: "+result[a].NAME+", 逾期"+result[a].YQDAYS+"天</li>");
|
||
}
|
||
html = bf.ToString();
|
||
}
|
||
if(type==2&&result!=null){
|
||
var bf = new StringBuffer();
|
||
for(var a = 0 ;a < result.length; a++){
|
||
bf.Append("<li> 工作基点: "+result[a].NAME+", 超期"+result[a].WFCDAYS+"天</li>");
|
||
}
|
||
html = bf.ToString();
|
||
}
|
||
if(html!=""){
|
||
$("#popContent2").html("<ul>"+html+"</ul>");
|
||
$("#popContent2").show();
|
||
$("#popContent").hide();
|
||
$("#contentBack").show();
|
||
|
||
}
|
||
},
|
||
error : function(data) {
|
||
alert(JSON.stringify(data));
|
||
}
|
||
});
|
||
|
||
}
|
||
function StringBuffer() {
|
||
this.__strings__ = [];
|
||
};
|
||
StringBuffer.prototype.Append = function (str) {
|
||
this.__strings__.push(str);
|
||
return this;
|
||
};
|
||
//格式化字符串
|
||
StringBuffer.prototype.AppendFormat = function (str) {
|
||
for (var i = 1; i < arguments.length; i++) {
|
||
var parent = "\\{" + (i - 1) + "\\}";
|
||
var reg = new RegExp(parent, "g")
|
||
str = str.replace(reg, arguments[i]);
|
||
}
|
||
|
||
this.__strings__.push(str);
|
||
return this;
|
||
}
|
||
StringBuffer.prototype.ToString = function () {
|
||
return this.__strings__.join('');
|
||
};
|
||
StringBuffer.prototype.clear = function () {
|
||
this.__strings__ = [];
|
||
}
|
||
StringBuffer.prototype.size = function () {
|
||
return this.__strings__.length;
|
||
}
|
||
</script>
|
||
|
||
|
||
</body></html> |