`
zengshaotao
  • 浏览: 786529 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

表格动态展示与下钻

 
阅读更多

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 

String nodeType = request.getParameter("nodeType");

String currId = request.getParameter("currId");

String branchId = (String)request.getSession().getAttribute("branchId");

%>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    

    <title>评分卡管理</title>

    

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">    

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

 

    

<link rel="stylesheet" type="text/css" href="css/common.css" />

<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>

<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />

<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css" />

<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>

<script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js"></script>

<!-- <script type="text/javascript" src="js/commons.js"></script> -->

 

<script type="text/javascript">

$(function(){

 

var nodeType = "<%=nodeType%>";

var currId = "<%=currId%>";

var maxDate = "";

 

$.post('<%=request.getContextPath()%>/EstimateGroupManage.do?method=getLatestCalDate',"",

      function(result){

      var rows = result.rows;

      maxDate = rows[0].MAXRUNDATE;

      $('#check_date').datebox('setValue', maxDate);

     

      if(nodeType=="3"){

      $("#ruleOrGroupScoreTable").datagrid({

/* idField:'id' , */

title:'得分明细' ,//没有内容，就会少一个div的标题内容

//width:1300 ,

fit:true ,

height:420 ,

singleSelect:false,

queryParams:{nodeType:nodeType,currId:currId,check_date:maxDate},//表单再次提交时得到的内容为空

url:'<%=request.getContextPath()%>/EstimateGroupManage.do?method=queryCardScore' ,

fitColumns:true ,

rownumbers:false,//显示序号，默认是true

selectOnCheck: true,

checkOnSelect: true,

striped: true ,//隔行变色特性 

//nowrap: false ,//折行显示

loadMsg: '数据正在加载,请耐心的等待...' ,

frozenColumns:[[//冻结列特性 ,不要与fitColumns 特性一起使用 

{

field:'ck' ,

width:30 ,

checkbox: true

}

]],

columns:[[

{

field:'FOLDER_ID' ,//FOLDER_ID 

title:'规则ID' ,

width:40,

hidden: false

},{

field:'FOLDER_NAME' ,

title:'规则名称' ,

width:220,

hidden:false

},{

field:'SCORE' ,

title:'规则得分' ,

width:60,

hidden:false

},{

field:'WEIGHT' ,

title:'实际权重' ,

width:60,

hidden:false

},{

field:'PASS_RATE' ,

title:'通过率' ,

width:60,

hidden:false

},{field:'SYS_ID',title: 'schema',align: 'center',width: 80},  

                     {field:'TABLE_NAME',title: '表名',align: 'center',width: 80},

                     {field:'CHECK_COLUMN_NAME',title: '字段名',align: 'center',width: 80}, 

{

field:'RUNDATE' ,

title:'检查日期' ,

width:80 ,

hidden: false

}

]] ,

 

toolbar:[

{  

               text:'下载',iconCls:'icon-download',handler:downNodeScore

           },{  

               text:'查看下级',iconCls:'icon-edit',handler:drillRuleOrGroup1

           }

          ],  

pagination: true , 

pageSize: 10 ,

pageList:[10,15,20,50]

});//table data init block

      }else{

      $('#ruleOrGroupScoreTable').datagrid({

/* idField:'id' , */

title:'得分明细' ,//没有内容，就会少一个div的标题内容

//width:1300 ,

fit:true ,

height:420 ,

singleSelect:false,

queryParams:{nodeType:nodeType,currId:currId,check_date:maxDate},//表单再次提交时得到的内容为空

url:'<%=request.getContextPath()%>/EstimateGroupManage.do?method=queryCardScore' ,

fitColumns:true ,

rownumbers:false,//显示序号，默认是true

selectOnCheck: true,

checkOnSelect: true,

striped: true ,//隔行变色特性 

//nowrap: false ,//折行显示

loadMsg: '数据正在加载,请耐心的等待...' ,

frozenColumns:[[//冻结列特性 ,不要与fitColumns 特性一起使用 

{

field:'ck' ,

width:30 ,

checkbox: true

}

]],

columns:[[

{

field:'FOLDER_ID' ,//FOLDER_ID 

title:'评分组ID' ,

width:40,

hidden: false

},{

field:'FOLDER_NAME' ,

title:'评分组名称' ,

width:120,

hidden:false

},{

field:'SCORE' ,

title:'实际得分' ,

width:40,

hidden:false

},

{

field:'MAXSCORE' ,

title:'最高得分' ,

width:40,

hidden:false

},{

field:'SCOREPCT' ,

title:'得分占比(%)' ,

width:40,

hidden:false

},   

{

field:'RUNDATE' ,

title:'检查日期' ,

width:80 ,

hidden: false

}

]] ,

 

toolbar:[

{  

               text:'下载',iconCls:'icon-download',handler:downNodeScore

           },{  

               text:'查看下级',iconCls:'icon-edit',handler:drillRuleOrGroup1

           }

          ],  

pagination: true , 

pageSize: 10 ,

pageList:[10,15,20,50]

});//table data init block

      }

 

     },'json');

 

 

$('#searchbtn').click(function(){

$('#ruleOrGroupScoreTable').datagrid('reload',serializeForm($('#mysearch')));

});

 

 

});//jquery init block

 

function drillRuleOrGroup1(){

var nodeType = $("input[name='nodeType']").val();

if("3"==nodeType){

drillOrgRuleScore1();

}else{

drillOrgGroupScore1();

}

}

 

function drillOrgRuleScore1(){

        var rows = $("#ruleOrGroupScoreTable").datagrid("getSelections");

if (rows==null || rows==""){

$.messager.alert("提 示","请选择需要查看的记录！","icon-cancel");

return false;

}

if(rows.length>1){

$.messager.alert("提 示","只能查看一条记录的得分信息！","icon-cancel");

return false;

}

 

var row = $("#ruleOrGroupScoreTable").datagrid("getSelected");

var nodeId = row.FOLDER_ID;

 

        $("#drillOrgRuleScoreDiv1").dialog("open").dialog("setTitle",row.FOLDER_NAME);

        var check_date = $("input[name='check_date']").val();

        if(check_date==""){

        $.messager.alert("提 示","请选择检查日期！","icon-cancel");

        return ;

        }

        //加载数据

    $("#drillOrgRuleScoreTable1").datagrid({

                width: 'auto',  

                height: "380",//auto的话表格高度会随着数据的变化而变化               

                striped: true,  

                singleSelect : true,  

                url:'<%=request.getContextPath()%>/EstimateGroupManage.do?method=searchBelowOrgRuleScore&nodeId='+nodeId ,

                queryParams:{check_date:check_date,selOrg:<%=branchId%>}, 

                loadMsg:'数据加载中请稍后……',  

                pagination: true,  

                rownumbers: false,     

                columns:[[  

                {field:'BRANCH_ID',title: '机构代码',align: 'center',width: 120,hidden:false},

                    {field:'BRANCH_NAME',title: '机构名称',align: 'center',width: 250,hidden:false,

                    formatter:function(value,record,index){

                    return "<a style='text-decoration:underline' title='"+record.BRANCH_ID+"#"+value+"' onclick='drillOrgRuleScore2("+nodeId+")'>"+value+"</a>";

                    }

                    },

                    

                    {field:'CHECK_ID',title: '规则ID',align: 'center',width: 80,hidden:true},

                    {field:'SCORE',title: '规则得分',align: 'center',width: 80,hidden:false},  

                    {field:'WEIGHT' ,title:'实际权重' ,width:60,hidden:false},

                    {field:'PASS_RATE' ,title:'通过率' ,width:80,hidden:false},

                    {field:'SYS_ID',title: 'schema',align: 'center',width: 80},  

                    {field:'TABLE_NAME',title: '表名',align: 'center',width: 120},

                    {field:'CHECK_COLUMN_NAME',title: '字段名',align: 'center',width: 80},    

                    {field:'RUNDATE',title: '计算日期',hidden:true,align: 'center',width:200,formatter:function(value , record , index){

var str = value.substring(0,19);

return str;

}}

                ]]  

            }); 

        }

        

        function drillOrgRuleScore2(nodeId){

        var obj = event.srcElement;

var clickOrg = obj.title.split("#")[0];

var check_date = $("input[name='check_date']").val();

        if(check_date==""){

        $.messager.alert("提 示","请选择检查日期！","icon-cancel");

        return ;

        }

 

        $("#drillOrgRuleScoreDiv2").dialog("open").dialog("setTitle",obj.title.split("#")[1]);

        var check_date = $("input[name='check_date']").val();

        if(check_date==""){

        $.messager.alert("提 示","请选择检查日期！","icon-cancel");

        return ;

        }

        //加载数据

    $("#drillOrgRuleScoreTable2").datagrid({

                width: 'auto',  

                height: "380",//auto的话表格高度会随着数据的变化而变化               

                striped: true,  

                singleSelect : true,  

                url:'<%=request.getContextPath()%>/EstimateGroupManage.do?method=searchBelowOrgRuleScore&nodeId='+nodeId ,

                queryParams:{check_date:check_date,selOrg:clickOrg}, 

                loadMsg:'数据加载中请稍后……',  

                pagination: true,  

                rownumbers: false,     

                columns:[[  

                {field:'BRANCH_ID',title: '机构代码',align: 'center',width: 120,hidden:false},

                    {field:'BRANCH_NAME',title: '机构名称',align: 'center',width: 250,hidden:false},

                    {field:'CHECK_ID',title: '规则ID',align: 'center',width: 80,hidden:true},

                    {field:'SCORE',title: '规则得分',align: 'center',width: 80,hidden:false},  

                    {field:'WEIGHT' ,title:'实际权重' ,width:60,hidden:false},

                    {field:'PASS_RATE' ,title:'通过率' ,width:80,hidden:false},

                    {field:'SYS_ID',title: 'schema',align: 'center',width: 80},  

                    {field:'TABLE_NAME',title: '表名',align: 'center',width: 120},

                    {field:'CHECK_COLUMN_NAME',title: '字段名',align: 'center',width: 80},    

                    {field:'RUNDATE',title: '计算日期',hidden:true,align: 'center',width:200}

                ]]  

            }); 

        }

        

//查看当前机构评分组第一次下钻得分

function drillOrgGroupScore1(){

 

var rows = $("#ruleOrGroupScoreTable").datagrid("getSelections");

if (rows==null || rows==""){

$.messager.alert("提 示","请选择需要查看的记录！","icon-cancel");

return false;

}

if(rows.length>1){

$.messager.alert("提 示","只能查看一条记录的得分信息！","icon-cancel");

return false;

}

 

var row = $("#ruleOrGroupScoreTable").datagrid("getSelected");

var nodeId = row.FOLDER_ID;

 

var check_date = $("input[name='check_date']").val();

        if(check_date==""){

        $.messager.alert("提 示","请选择检查日期！","icon-cancel");

        return ;

        }

       

        $("#nodeIdDown").val(nodeId);

        $("#drillOrgGroupScoreDiv1").dialog("open").dialog("setTitle",row.FOLDER_NAME);

        //加载数据

    $("#drillOrgGroupScoreTable1").datagrid({

                width: 'auto',  

                height: "380",//auto的话表格高度会随着数据的变化而变化               

                striped: true,  

                singleSelect : true,  

                url:'<%=request.getContextPath()%>/EstimateGroupManage.do?method=searchBelowOrgGroupScore&nodeId='+nodeId ,

                queryParams:{check_date:check_date,selOrg:<%=branchId%>},  

                loadMsg:'数据加载中请稍后……',  

                pagination: true,  

                rownumbers: false,     

                columns:[[  

                {field:'ORG_ID',title: '机构代码',align: 'center',width: 110,hidden:false},

                    {field:'ORGNAME',title: '机构名称',align: 'center',width: 300,hidden:false,formatter:function(value,record,index){

                    return "<a style='text-decoration:underline' title='"+record.ORG_ID+"#"+value+"' onclick='drillOrgGroupScore2("+nodeId+")'>"+value+"</a>";

                    }},

                    

                    {field:'SCORE',title: '实际得分',align: 'center',width: 80},

                    {field:'MAXSCORE',title: '最高得分',align: 'center',width: 80,hidden:false},

                    {field:'SCOREPCT',title: '得分占比',align: 'center',width: 80,hidden:false},

                    {field:'RUNDATE',title: '检查日期',align: 'center',hidden:true,width:120,formatter:function(value , record , index){

//var str = value.substring(0,19);

return value;

}}

                                                                

                ]]  

            }); 

}

 

//当前机构查看分数第一次下钻

function drillOrgGroupScore2(nodeId){

var obj = event.srcElement;

 

var clickOrg = obj.title.split("#")[0];

var check_date = $("input[name='check_date']").val();

        if(check_date==""){

        $.messager.alert("提 示","请选择检查日期！","icon-cancel");

        return ;

        }

        $("#drillOrgGroupScoreDiv2").dialog("open").dialog("setTitle",obj.title.split("#")[1]);

    $("#drillOrgGroupScoreTable2").datagrid({

                width: 'auto',  

                height: "380",//auto的话表格高度会随着数据的变化而变化               

                striped: true,  

                singleSelect : true,  

                url:'<%=request.getContextPath()%>/EstimateGroupManage.do?method=searchBelowOrgGroupScore&nodeId='+nodeId ,

                queryParams:{check_date:check_date,selOrg:clickOrg},  

                loadMsg:'数据加载中请稍后……',  

                pagination: true,  

                rownumbers: false,     

                columns:[[  

                {field:'ORG_ID',title: '机构代码',align: 'center',width: 120,hidden:false},

                    {field:'ORGNAME',title: '机构名称',align: 'center',width: 300,hidden:false},

                    {field:'SCORE',title: '实际得分',align: 'center',width: 80},

                    {field:'MAXSCORE',title: '最高得分',align: 'center',width: 80,hidden:false},

                    {field:'SCOREPCT',title: '得分占比',align: 'center',width: 80,hidden:false}                                                        

                ]]  

            }); 

}

 

    

// 表单字段信息的收集

function serializeForm(form){

var obj = {};

$.each(form.serializeArray(),function(index){

// 下面的this是一个表单域的对象

if(obj[this['name']]){

obj[this['name']] = obj[this['name']] + ','+this['value'];

} else {

obj[this['name']] =this['value'];

}

});

return obj;

}

 

 

 

 

 function downNodeScore() {

       

        $("#mysearch").form('submit',{

       url: '<%=request.getContextPath()%>/EstimateGroupManage.do?method=exportScoreDetail',

       onSubmit: function(param){

       //除了表单的元素，再提交自定义的参数

           return true;

       },

       success: function(result){

       var result = eval('('+result+')');

       

       }

   });

}

 

 

</script>

  </head>

  

  <body>

<div id="lay" class="easyui-layout" style="width: 100%;height:100%" >

<div region="north" title="条件过滤" collapsed=false style="height:70px;padding-top:5px" >

<form id="mysearch" method="post">&nbsp;&nbsp;&nbsp;&nbsp;

<input name="nodeType" type="hidden" value="<%=nodeType %>" />

<input name="currId" type="hidden" value="<%=currId %>" />

<input name="nodeIdDown" id="nodeIdDown" type="hidden" value="" style="width:120px" />

检查日期:<input name="check_date" id="check_date" class="easyui-datebox" value="" style="width:120px" />

<!-- 评分卡名称:<input name=FOLDER_NAME class="easyui-validatebox"  style="width:100px" value="" /> -->

<a id="searchbtn" class="easyui-linkbutton" style="margin-left:20px">查询</a>

</form>

</div>

<div region="center" >

<table id="ruleOrGroupScoreTable"></table>

</div>

</div>

 

 <div id="drillOrgGroupScoreDiv1" class="easyui-dialog" closed="true"

    style="width:700px;height:450px;" buttons="#allBelowOrgScoreButtons">

<div class="ftitle"><!-- title信息，根据增加和修改按钮动态变化 --></div>

<table id="drillOrgGroupScoreTable1"></table> 

</div>

 

<div id="drillOrgGroupScoreDiv2" class="easyui-dialog" closed="true"

    style="width:700px;height:450px;" buttons="#card_tree_buttons">

<div class="ftitle"><!-- title信息，根据增加和修改按钮动态变化 --></div>

<table id="drillOrgGroupScoreTable2"></table> 

</div>

 

<div id="drillOrgRuleScoreDiv1" class="easyui-dialog" closed="true"

    style="width:700px;height:450px;" buttons="#card_tree_buttons">

<div class="ftitle"><!-- title信息，根据增加和修改按钮动态变化 --></div>

<table id="drillOrgRuleScoreTable1"></table> 

</div>

 

<div id="drillOrgRuleScoreDiv2" class="easyui-dialog" closed="true"

    style="width:700px;height:450px;" buttons="#card_tree_buttons">

<div class="ftitle"><!-- title信息，根据增加和修改按钮动态变化 --></div>

<table id="drillOrgRuleScoreTable2"></table> 

</div>

 

  </body>

</html>

 

分享到：
| 功能参考
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    VUE echarts中国地图带下钻带返回带数据返回.rar

    本项目结合Vue.js与Echarts，实现了一种中国地图的下钻（drill-down）功能，即用户可以点击省份区域深入到更细致的城市级别，并在下钻过程中获取并返回相关数据。 首先，我们需要理解“下钻”这一概念。在数据可视...

    水文地质钻孔编录表格（全套）.doc

    ### 水文地质钻孔编录表格知识点详解 #### 一、水文地质钻孔编录概述 水文地质钻孔编录是一项系统工程，主要用于收集和整理地下水文地质资料，为后续的地质评估、水资源开发等提供科学依据。本文件主要涵盖了钻孔...

    2021年PCB钻孔机行业行政部门表格协议汇总 .pdf

    这些表格协议的制定和执行，对于PCB钻孔机行业来说，不仅规范了内部管理，提高了工作效率，也增强了与合作伙伴之间的沟通和信任，从而推动整个行业的健康发展。通过持续更新和完善这些协议，企业能够更好地应对市场...

    基于互联网地图的钻孔信息化管理.pdf

    互联网地图提供的海量动态性、操作的可控性、内容的直观性等特点，使得工程勘察钻孔数据不仅仅局限于传统的表格或者列表展示，而是能够在电子地图上进行直观的展示和空间分析。 在技术实现层面，基于互联网地图的钻...

    钻孔柱状图

    钻孔柱状图是一种在地质勘探、岩土工程等领域广泛应用的图表形式，用于直观地展示钻孔中不同岩层或土壤层的信息。 ### 钻孔柱状图的概念 钻孔柱状图（也称为地质剖面图或钻孔剖面图）是一种用来表示地下岩石或土壤...

    桥梁桩基内业表格模板.doc

    4. **钻（挖）孔桩地质柱状图**：此图直观展示桩孔沿线的地质结构，有助于分析地层特性，为桩基设计和施工策略提供依据。 5. **预制桩钢筋安装现场质量检验报告单**：针对预制桩的钢筋安装，报告中列出了纵钢筋间距...

    五金模具维修组长简历表格模板.doc

    在“五金模具维修组长简历表格模板.doc”中，我们可以了解到一个专业人员在五金模具领域的专业知识和实践经验。该简历详细展示了求职者的技能、经历和求职意向，以下是相关知识点的深入解析： 1. **专业知识**： -...

    参考资料-241导向钻孔施工记录.zip

    在实际操作中，这些数据可能还会与其他软件集成，例如GIS系统，以提供更直观的地理信息展示。 总的来说，"参考资料-241导向钻孔施工记录.zip"这个文件组合了数据压缩技术和电子表格的便利性，为地质工程领域的数据...

    Mapgis绘制钻孔柱状图实例

    本实例将聚焦于“MapGIS绘制钻孔柱状图”，这是一种在地质学中常见的数据分析和展示方法，用于展示钻孔数据的分布和变化。 钻孔柱状图是一种以柱状形式表示地下岩层、矿体或其他地质结构的图形，通常包括深度、岩性...

    如何用memapgis制作钻孔柱状

    总之，MapGIS的钻孔柱状图功能可以帮助专业人员有效地展示地下钻孔数据，为地质调查、矿产勘探和环境保护等领域提供有力的数据支持。通过熟练掌握这一技能，你可以更直观地呈现复杂的数据，提高工作效率并提升数据的...

    帷幕灌浆全套表格资料.pdf

    该表格用于记录钻孔过程中的详细信息，包括但不限于工程名称、孔号、桩号、地距等基础信息。此外还包括钻头类型、钻具长度、钻杆信息以及钻孔的具体操作记录，如孔深、进尺等内容。通过这些记录可以详细了解钻孔的...

    钻石价格数据集.zip

    这个数据集的核心是"Diamonds Prices2022.csv"文件，它是一个CSV格式的数据表格，通常用于存储结构化的表格数据。而"ignore.txt"文件可能是用来忽略的文本文件，可能包含无关的注释或说明。 钻石价格数据集的主要...

    钻石点钻机sw18可编辑.rar

    1. **3D模型文件**：可能是一个.SLDPRT文件，这是SolidWorks的原生零件模型文件，展示了点钻机的三维几何形状和细节。 2. **装配体文件**：可能是一个.SLDASM文件，用于组装各个部件，展示整体结构和配合关系。 3. *...

    钻孔柱状图绘制VB源码

    钻孔数据包括深度、岩性、矿化情况、地质结构等，这些数据通常被详细记录在Excel等电子表格中，便于管理和分析。 3. **钻孔记录表**：这是存储钻孔数据的标准格式，一般包括孔号、深度、岩土类型、含水层信息等关键...

    参考资料-2015年最新水利施工表格.zip

    在水利施工中，表格的使用至关重要，因为它们能够系统地记录、组织和展示工程数据，提高工作效率，减少错误。以下是一些可能在2015年最新水利施工表格中涉及的关键知识点： 1. **施工计划表**：这通常包括工程的...

    边坡资料表格总览.doc

    文档“边坡资料表格总览.doc”主要涵盖了与边坡工程相关的多个关键施工阶段的质量验收表格，这在IT行业中可能不直接涉及，但可以从中学习到项目管理和工程质量控制的一些通用原则，尤其是对于那些需要管理基础设施...

    灌注桩验收表格模板.doc

    1. **工程质量验收流程**：文档中的“钻孔灌注桩报验申请表”展示了建筑工程中的一个关键环节，即灌注桩的验收流程。承包单位在完成灌注桩工作后，需向监理单位提交报验申请，附带各种检验报告和记录，这体现了工程...

    学生体质测试大数据可视化系统

    基于初步开发的学生健康管理系统，开展学生体质测试大数据可视化分析，分析当代大学生的运动情况与体质改善的量化关系，对人群进行聚类、分类，并开发各种有效的分析工具，包括有效的上卷、下钻OLAP工具。...

    参考资料-2、钻孔记录表（记录表2）.zip

    9. **附图与图表**：可能包含钻孔剖面图、岩土层分布图等，直观展示钻孔数据，便于理解和分析。 10. **签批与审核**：通常会有相关人员的签名确认，确保数据的准确性和合规性。 这个"2、钻孔记录表（记录表2）.doc...

    幼儿园课间操比赛评分表格.doc

    - **整体表现**：教师的节奏感要强，动作与音乐完美融合，展示出优美的形体和协调的动作。 - **表情和服饰**：教师需面带笑容，着装得体，以积极的精神面貌引导孩子们。 - **感染力与互动**：教师应具有较强的...

Magicbox
Global site tag (gtag.js) - Google Analytics