Js
1 // 图表转换方法：用于切换图与表。
2 var init = false;
3 function toggle(){
4 if ($("#container").is(":hidden")) {
5 $("#container").show();
6 $("#refshbtn").show();
7 $("#prm_div").show();
8 $("#report_ui").hide();
9 $("#tb").hide();
10 updateChartData();
11 f();
12 }else {
13 $("#container").hide();
14 $("#refshbtn").hide();
15 $("#prm_div").hide();
16 $("#report_ui").show();
17 $("#tb").show();
18 if (!init) {
19 $(‘#tt‘).datagrid({view:myview,rownumbers:true,
20 singleSelect:true,
21 toolbar: ‘#tb‘,
22 onClickRow: onClickRow});
23 init = true;
24 }
25 $("#tt").datagrid(‘resize‘, {
26 width: $(document.body)[0].clientWidth
27 });
28 f();
29 }
30 }
31 // 更新图表数据方法： 把编辑表之后的数据更新到图上。
32 function updateChartData() {
33 var series = $(‘#${divId}‘).highcharts().series;
34 var data = $("#tt").datagrid("getData").rows;
35 <s:iterator var="item" value="#request.chartsVO.series" status="status">
36 var id = ‘${item.id}‘;
37 var dataAry = new Array();
38 for (var j = 0; j < data.length; j++) {
39 var childAry = new Array();
40 <s:if test="%{#request.chartsVO.xaxisVO.xaxisType == ‘datetime‘}">
41 if(data[j][id]==""){
42 childAry.push(parseInt(data[j].RQ), null);
43 }else{
44 childAry.push(parseInt(data[j].RQ), parseFloat(data[j][id]));
45 }
46
47 </s:if>
48 <s:if test="%{#request.chartsVO.xaxisVO.xaxisType == ‘category‘}">
49 if(data[j][id]==""){
50 childAry.push(data[j].RQ,null);
51 }else{
52 childAry.push(data[j].RQ, parseFloat(data[j][id]));
53 }
54 </s:if>
55 dataAry.push(childAry);
56 }
57 series[${status.index}].setData(dataAry, true);
58 </s:iterator>
59 $(‘#${divId}‘).highcharts().reflow();
60 }
61 //指标参数选择,刷新曲线图的方法。
62 function checkDateToBack(){
63
64 if($(".btn1").filter(":checked").length==0){
65 alert("指标参数不能为空，请勾选！");
66 }else{
67 $("#cx").attr("action","${pageContext.request.contextPath}/iwell.disposition.monitor_1.0/show_charts.action?jh=${chartsVO.jh }&wellType=${chartsVO.wellType }&queryCategory=${chartsVO.queryCategory }&begRq=${begRq}&endRq=${endRq}");
68 $("#cx").submit();
69 }
70 }
71 //结束编辑。
72 var editIndex = undefined;
73 function endEditing(){
74 if (editIndex == undefined){return true}
75 if ($(‘#tt‘).datagrid(‘validateRow‘, editIndex)){
76
77 $(‘#tt‘).datagrid(‘endEdit‘, editIndex);
78 editIndex = undefined;
79 return true;
80 } else {
81 return false;
82 }
83 }
84 //编辑方法,点击一行对表数据进行编辑。
85 function onClickRow(index){
86 if (editIndex != index){
87 if (endEditing()){
88 $(‘#tt‘).datagrid(‘selectRow‘, index)
89 .datagrid(‘beginEdit‘, index);
90 editIndex = index;
91 } else {
92 $(‘#tt‘).datagrid(‘selectRow‘, editIndex);
93 }
94 }
95 }
96 //保存.对表编辑后的数据保存
97 function accept(){
98 if (endEditing()){
99 $(‘#tt‘).datagrid(‘acceptChanges‘);
100 }
101 }
102 //撤销
103 function reject(){
104 $(‘#tt‘).datagrid(‘rejectChanges‘);
105 editIndex = undefined;
106 }
107 function f() {
108 parent.window.setWinHeight(parent.window.document.getElementById("frame_${queryCategory}"));
109 }
110 var win_height, interval, cnt = 0;
111 function dif() {
112 var cur_height = document.body.offsetHeight;
113 if (cur_height != win_height || cnt > 10) {
114 clearInterval(interval);
115 f();
116 }
117 cnt++;
118 }
119 var myview = $.extend({},$.fn.datagrid.defaults.view,{
120 onBeforeRender:function(target){
121 win_height = document.body.offsetHeight;
122 interval = setInterval("dif()",1000);
123 }
124 });
125 </script>
<!--图表转换按钮、 指标参数栏、 绘制曲线图的容器 -->
<div align="left">
<span><a href="javascript:checkDateToBack();void(0);" id="refshbtn" class="fmbutton">刷新曲线图</a></span>
<span><a href="javascript:void(0);" id="ss" class="fmbutton" onclick="toggle()">图表转换</a></span>
</div>
<div id="prm_div" style="font-size: 12px;" align="left">
<form id="cx" method="post">
<s:iterator var="item" value="#request.optionPrm" status="status">
<span><input class="btn1" type="checkbox" name="checkPrm" onclick="checkDateToBack()" style="margin: 3px 1px 0px 3px;" value="${item.id }" ${item.checked } />${item.text }</span>
</s:iterator>
</form>
</div>
<div id="container" style="min-width: 300px; height: ${divHeight}px; margin: 0 auto"></div>
<!-- 表 -->
<div id="tb" style="height:auto; display:none;">
<a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:‘icon-save‘,plain:true" onclick="accept()">确定</a>
<a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:‘icon-undo‘,plain:true" onclick="reject()">撤销</a>
<s:if test=‘#request.queryCategory=="R"‘>
<a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:‘icon-redo‘,plain:true" onclick="exportExcel(‘${pageContext.request.contextPath}‘,‘tt‘,‘${jh}井的日度曲线.xls‘)">导出Excel</a>
</s:if>
<s:else>
<a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:‘icon-redo‘,plain:true" onclick="exportExcel(‘${pageContext.request.contextPath}‘,‘tt‘,‘${jh}井的月度曲线.xls‘)">导出Excel</a>
</s:else>
</div>
<div id="report_ui" style="width：100%; height:auto; margin: 0 auto; display:none;">
<table id="tt" style="width：100%;height:auto;">
</table>
</div>
时间： 2024-10-11 06:43:11