dianwang
/
dianwangAdm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>报告详情</title>
    <script src="../../js/min-loader-next.js"></script>
    <style>
        .desc_label{
            font-size: 2rem;
            line-height: 3rem;
        }
    </style>
</head>
<body class="content">
    <div style = "width: 100%; margin-left : 0px;" class = "layui-upload-drag" >
        <p id = "fileName" contenteditable="true">国网泰安供电公司2020年8月份配网运行分析月报</p>
        <div class="layui-tab" lay-filter="demo"  style="min-height: 400px;">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="11">线路重载明细</li>
                <li lay-id="11x">线路过载明细</li>
                <li lay-id="22">公变重载明细</li>
                <li lay-id="22">公变过载明细</li>
                <li lay-id="33">抢修类工单报表</li>
            </ul>
            <div class="layui-tab-content">
                <!--线路重载-->
                <div class="layui-tab-item layui-show">
                    <p id ="desc1" class="desc_label"></p>
                    <br>
                    <p id ="desc11" class="desc_label"></p>
                    <br>
                    <p class="desc_label" style="color: #ff0000;">注：线路负载率持续1小时在70%-100%为重载，持续1小时在100%以上为过载。</p>
                    <br>
                    <table id="demo1" lay-filter="test"></table>
                </div>
                <!--线路过载-->
                <div class="layui-tab-item">
                    <table id="demo1x" lay-filter="test"></table>
                </div>
                <!--配变重载-->
                <div class="layui-tab-item">
                    <p id ="desc2"  class="desc_label"></p>
                    <br>
                    <p id ="desc22" class="desc_label"></p>
                    <br>
                    <p  class="desc_label"  style="color: #ff0000;">注：配变负载率连续2小时在80%-100%之间为重载，连续2小时在100%以上为过载。</p>
                    <br>
                    <table id="demo2" lay-filter="test"></table>
                </div>
                <!--配变过载-->
                <div class="layui-tab-item">

                    <table id="demo2x" lay-filter="test"></table>
                </div>
                <div class="layui-tab-item">
                    <p  id ="desc3"  class="desc_label"></p>
                    <br>
                    <p  class="desc_label"  style="color: #ff0000;">注：台区停电数据来源于供服系统</p>
                    <br>
                    <table id="demo3" lay-filter="test"></table>
                </div>

            </div>
        </div>
    </div>
    <script>
        var pageId = getQueryString("pageId");
        var reportId = getQueryString("reportId");		//报告id---100000150
        var fileName = chineseUrlDecodeURI(getQueryString("fileName"));	//报告名称
        var type = getQueryString("type");				//报告类型00:excel 01:word
        var typeId = getQueryString("typeId");			//报告类型id XLGZZRB
        var reportType = getQueryString("reportType");	//报告类型 XLGZZRB
        var $element,$table;
        $("#fileName").text(fileName);
        layui.use(['element','table'], function(){
            $element= layui.element;
            $table = layui.table;
        });
        tableYulan();
        // 预览
        function tableYulan() {
            console.log("reportId:"+reportId+",reportType:" + reportType)
            // 查询符合条件的明细数据,生成预览数据
            $.request({
                action : 'XlgzzReportAction/reportNeedDataDetail2',
                data : {
                    reportId : reportId,
                    reportType:reportType//日报 or  周报
                },
                success : function(data) {
                    if (data.code == 0) {//查询结果集成功
                            // $element.tabDelete('demo', '22');
                            //渲染表格
                            $table.render({
                                elem: '#demo1'
                                ,limit:100
                                ,cols: [[ //表头
                                    {field: 'DFD10_XGSMC', title: '单位', width:120}
                                    ,{field: 'DFD10_BZMC', title: '供电所', width:120}
                                    ,{field: 'DFD10_XLMC', title: '线路名称', width:120}
                                    ,{field: 'sum', title: '重载时长(h)', width:120}
                                    ,{field: 'avg', title: '平均负载率(%)', width: 120}
                                ]],
                                data:data.data.resList.result
                            });
                            $table.render({
                                elem: '#demo1x'
                                ,limit:100
                                ,cols: [[ //表头
                                    {field: 'DFD10_XGSMC', title: '单位', width:120}
                                    ,{field: 'DFD10_BZMC', title: '供电所', width:120}
                                    ,{field: 'DFD10_XLMC', title: '线路名称', width:120}
                                    ,{field: 'sum', title: '过载时长(h)', width:120}
                                    ,{field: 'avg', title: '平均负载率(%)', width: 120}
                                ]],
                                data:data.data.resList.result2
                            });
                            $table.render({
                                elem: '#demo2'
                                ,limit:100
                                ,cols: [[ //表头
                                    {field: 'DFD9_UNIT', title: '单位', width:120}
                                    ,{field: 'DFD9_BZMC', title: '供电所', width:120}
                                    ,{field: 'DFD9_GBMC', title: '公变名称', width:120}
                                    ,{field: 'DFD9_ZZSC', title: '重载时长(h)', width:120}
                                    ,{field: 'avg', title: '平均负载率(%)', width: 120}
                                    ,{field: 'DFD9_JTYY', title: '原因', width: 120}
                                    ,{field: 'DFD9_JTJJCS', title: '解决措施', width: 120}
                                ]],
                                data:data.data.resList.result4
                            });
                            $table.render({
                                elem: '#demo2x'
                                ,limit:100
                                ,cols: [[ //表头
                                    {field: 'DFD9_UNIT', title: '单位', width:120}
                                    ,{field: 'DFD9_BZMC', title: '供电所', width:120}
                                    ,{field: 'DFD9_GBMC', title: '公变名称', width:120}
                                    ,{field: 'DFD9_GZSC', title: '过载时长(h)', width:120}
                                    ,{field: 'avg', title: '平均负载率(%)', width: 120}
                                    ,{field: 'DFD9_JTYY', title: '原因', width: 120}
                                    ,{field: 'DFD9_JTJJCS', title: '解决措施', width: 120}
                                ]],
                                data:data.data.resList.result3
                            });
                            //描述
                            $("#desc1").html("&nbsp;&nbsp;&nbsp;"+data.data.resList.descStr[0]);
                            $("#desc11").html("&nbsp;&nbsp;&nbsp;"+data.data.resList.descStr[1]);
                            $("#desc2").html("&nbsp;&nbsp;&nbsp;"+data.data.resList.descStr2[0]);
                            $("#desc22").html("&nbsp;&nbsp;&nbsp;"+data.data.resList.descStr2[1]);

                        $table.render({
                            elem: '#demo3'
                            ,limit:100
                            ,cols: [[ //表头
                            {field: 'DFD11_GDDW', title: '单位\\分类', width:150,rowspan:2}
                            ,{field: 'KHZS', title: '客户总量（户）', width:150,rowspan:2}
                            ,{field: 'DDXCSJ', title: '平均到达现场时间（分）', width:150,rowspan:2}
                            ,{field: 'GDCLSJ', title: '工单处理平均时长（分）', width:150,rowspan:2}
                            ,{field: 'DDXCCSS', title: '到达现场超时数', width:150,rowspan:2}
                            ,{field: 'GDCSZS', title: '工单时长超70分钟数', width:150,rowspan:2}
                            ,{field: '', title: '故障类型',colspan:4}
                            ,{field: 'YSXJHD', title: '疑似虚假回单', width:150,rowspan:2}
                            ,{field: 'GDZS', title: '工单总数', width:150,rowspan:2}
                            ,{field: 'WH', title: '万户报修率', width:150,rowspan:2}
                        ],
                            [
                                {field: 'GZLS-A', title: '客户内部故障', width:150}
                                ,{field: 'GZLS-B', title: '低压故障', width:150}
                                ,{field: 'GZLS-C', title: '非电力故障', width:150}
                                ,{field: 'GZLS-D', title: '电能质量等故障', width:150}
                            ]],
                            data:data.data.resList.result5,
                            done:function(res, curr, count){
                                count || this.elem.next('.layui-table-view').find('.layui-table-header').css('display', 'inline-block');
                                count || this.elem.next('.layui-table-view').find('.layui-table-box').css('overflow-x', 'auto');
                            }
                        });
                    } else {
                        $.ErrorAlert(res.MINErrorMessage);
                    }
                },
                error : function(data2) {
                    $.ErrorAlert(data2.MINErrorMessage);
                }
            });
        }
    </script>
</body>

</html>