CQ_JD
/
nazw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>网站考评</title>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="css/wzkp.css"/>
</head>
<body>
<ul class="top_head">
    <li class="title_active">网站考评</li>
    <li>政务新媒体</li>
</ul>
<div class="content_show">
    <div class="layui-tab">
        <ul class="layui-tab-title branch_street" style="border: none">
            <li class="layui-this">部门</li>
            <li>街镇</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="content_year layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title" style="border: none">
                        <li class="layui-this">月度</li>
                        <li>季度</li>
                        <li>本年</li>
                        <li>年度</li>
                    </ul>
                    <div class="choice_year">
                        <label class="layui-form-label">当前月份</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input ly-date-input" id="monInput" style="cursor:pointer;"
                                   placeholder="指定月份" readonly="readonly">
                            <img src="img/icount.png" alt="" class="icount">
                        </div>
                    </div>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <ul class="content_box">
                                <li class="box_blue">
                                    <div class="content_left">
                                        <img src="img/pm.png" alt=""
                                             style="width: 44px;height: 44px;margin: 36px auto 17px;">
                                        <p>本月排名最优(3名)</p>
                                    </div>
                                    <div class="content_right">
                                        <ul>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text">公安</p>
                                                    <img src="img/pm_g.png" alt="" class="img_g">
                                                </div>
                                                <div id="bestRanking1" class="descript_box">
                                                    <h1></h1>
                                                    <p class="descript_totall">总分&nbsp;<span></span></p>
                                                    <div class="fs">基础分<p></p><span>+</span>加分<p></p>分</div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text">文旅</p>
                                                    <img src="img/pm_y.png" alt="" class="img_g">
                                                </div>
                                                <div id="bestRanking2" class="descript_box">
                                                    <h1></h1>
                                                    <p class="descript_totall">总分&nbsp;<span></span></p>
                                                    <div class="fs">基础分<p></p><span>+</span>加分<p></p>分</div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text">社保</p>
                                                    <img src="img/pm_j.png" alt="" class="img_g">
                                                </div>
                                                <div id="bestRanking3" class="descript_box">
                                                    <h1></h1>
                                                    <p class="descript_totall">总分&nbsp;<span></span></p>
                                                    <div class="fs">基础分<p></p><span>+</span>加分<p></p>分</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="box_yellow">
                                    <div class="content_left">
                                        <img src="img/zm.png" alt=""
                                             style="width: 33px;height: 55px;margin: 34px auto 9px;">
                                        <p>本月排名最末(3名)</p>
                                    </div>
                                    <div class="content_right">
                                        <ul>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text_cover">公安</p>
                                                </div>
                                                <div id="lowestRanking1" class="descript_box">
                                                    <h1></h1>
                                                    <p class="descript_totall">总分&nbsp;<span></span></p>
                                                    <div class="fs">基础分<p></p><span>+</span>加分<p></p>分</div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text_cover">文旅</p>
                                                </div>
                                                <div id="lowestRanking2" class="descript_box">
                                                    <h1></h1>
                                                    <p class="descript_totall">总分&nbsp;<span></span></p>
                                                    <div class="fs">基础分<p></p><span>+</span>加分<p></p>分</div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text_cover">社保</p>
                                                </div>
                                                <div id="lowestRanking3" class="descript_box">
                                                    <h1></h1>
                                                    <p class="descript_totall">总分&nbsp;<span></span></p>
                                                    <div class="fs">基础分<p></p><span>+</span>加分<p></p>分</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="box_green">
                                    <div class="content_left">
                                        <img src="img/jb.png" alt=""
                                             style="width: 39px;height: 39px;margin: 46px auto 13px;">
                                        <p>排名进步最大(3名)</p>
                                    </div>
                                    <div class="content_right">
                                        <ul>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text">公安</p>
                                                    <img src="img/jb_zd.png" alt="" class="img_jb">
                                                </div>
                                                <div id="greatestProgress1" class="descript_box">
                                                    <h1>区公安分局</h1>
                                                    <div class="up_green">较上月上升5名<img src="img/up.png" alt=""
                                                                                      class="up_img"></div>
                                                    <p class="descript_totall">总分&nbsp;<span>98.03</span></p>
                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text">文旅</p>
                                                    <img src="img/jb_zd.png" alt="" class="img_jb">
                                                </div>
                                                <div id="greatestProgress2" class="descript_box">
                                                    <h1>区文化旅游委</h1>
                                                    <div class="up_green">较上月上升5名<img src="img/up.png" alt=""
                                                                                      class="up_img"></div>
                                                    <p class="descript_totall">总分&nbsp;<span>96.77</span></p>
                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text">社保</p>
                                                    <img src="img/jb_zd.png" alt="" class="img_jb">
                                                </div>
                                                <div id="greatestProgress3" class="descript_box">
                                                    <h1>区人力社保局</h1>
                                                    <div class="up_green">较上月上升5名<img src="img/up.png" alt=""
                                                                                      class="up_img"></div>
                                                    <p class="descript_totall">总分&nbsp;<span>90.36</span></p>
                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="box_red">
                                    <div class="content_left">
                                        <img src="img/xj.png" alt=""
                                             style="width: 41px;height: 41px;margin: 42px auto 15px;">
                                        <p>排名退步最大(3名)</p>
                                    </div>
                                    <div class="content_right">
                                        <ul>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text_cover">公安</p>
                                                </div>
                                                <div id="regressiveMaximum1" class="descript_box">
                                                    <h1>区公安分局</h1>
                                                    <div class="up_green">较上月退步5名<img src="img/down.png" alt=""
                                                                                      class="up_img"></div>
                                                    <p class="descript_totall">总分&nbsp;<span>98.03</span></p>
                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text_cover">文旅</p>
                                                </div>
                                                <div id="regressiveMaximum2" class="descript_box">
                                                    <h1>区文化旅游委</h1>
                                                    <div class="up_green">较上月退步5名<img src="img/down.png" alt=""
                                                                                      class="up_img"></div>
                                                    <p class="descript_totall">总分&nbsp;<span>96.77</span></p>
                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="img_wrap">
                                                    <p class="wrap_text_cover">社保</p>
                                                </div>
                                                <div id="regressiveMaximum3" class="descript_box">
                                                    <h1>区人力社保局</h1>
                                                    <div class="up_green">较上月退步5名<img src="img/down.png" alt=""
                                                                                      class="up_img"></div>
                                                    <p class="descript_totall">总分&nbsp;<span>90.36</span></p>
                                                    <div class="fs">基础分<p>95</p><span>+</span>加分<p>3分</p></div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                            <div class="rank_detail">
                                <div class="rank_title"><span></span>&nbsp;&nbsp;<p>排名详情</p></div>
                                <div class="table_wrap">
                                    <table class="layui-table table_css" lay-even lay-skin="line">
                                        <colgroup>
                                            <col width="300">
                                            <col width="200">
                                            <col width="120">
                                            <col width="150">
                                            <col>
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>部门</th>
                                            <th>总分(基础分/加分)</th>
                                            <th>排名</th>
                                            <th>环比上月排名</th>
                                            <th>基础分加分</th>
                                        </tr>
                                        </thead>
                                        <tbody id="rankingTbody">
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>1</td>
                                            <td>

                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>2</td>
                                            <td>

                                            </td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>3</td>
                                            <td>

                                            </td>
                                            <td></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="detailed_data">
                                <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
                                <ul class="department_street">
                                    <li class="layui-this">部门</li>
                                </ul>
                                <form class="layui-form form_css" action="">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">请选择部门</label>
                                        <div class="layui-input-block">
                                            <select name="department" lay-filter="department_filter">

                                            </select>
                                        </div>
                                    </div>
                                    <div class="rank_text">
                                        <h1>当前排名第&nbsp;&nbsp;<p> 3 </p>&nbsp;&nbsp;名</h1>
                                        <h1>当前得分&nbsp;&nbsp;<p>83.00</p>&nbsp;&nbsp;分</h1>
                                    </div>
                                    <div id="main" style="width: 100%;height: 500px;"></div>
                                </form>
                            </div>
                            <div class="add_detailed">
                                <div class="rank_title"><span></span>&nbsp;&nbsp;<p>详细数据</p></div>
                                <table class="layui-table table_css_two" lay-even lay-skin="line">
                                    <colgroup>
                                        <col>
                                        <col width="70">
                                        <col width="560">
                                        <col width="170">
                                        <col width="200">
                                        <col width="100">
                                    </colgroup>
                                    <thead>
                                    <tr>
                                        <th>指标</th>
                                        <th>分值</th>
                                        <th>指标要求</th>
                                        <th>加扣分指标</th>
                                        <th>加扣分原因</th>
                                        <th>加(扣)分</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>机关简介</td>
                                        <td>10</td>
                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
                                        </td>
                                        <td>未按规定时间更新信息</td>
                                        <td>未按规定公布机构信息的，扣10分</td>
                                        <td>-10</td>
                                    </tr>
                                    <tr>
                                        <td>预算/决算</td>
                                        <td>10</td>
                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
                                        </td>
                                        <td>未按规定时间更新信息</td>
                                        <td>未按规定公布机构信息的，扣10分</td>
                                        <td>-10</td>
                                    </tr>
                                    <tr>
                                        <td>部门动态</td>
                                        <td>10</td>
                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
                                        </td>
                                        <td>未按规定时间更新信息</td>
                                        <td>未按规定公布机构信息的，扣10分</td>
                                        <td>-10</td>
                                    </tr>
                                    <tr>
                                        <td>公示公告</td>
                                        <td>10</td>
                                        <td>（1）公开本单位的办公地址、办公时间、联系方式；
                                            （2）公开本单位负责人信息（包括：正职、副职以及其他领导成员的姓名、照片、职务、简历、分管工作及机构）； （3）公开本单位的机构设置；
                                        </td>
                                        <td>未按规定时间更新信息</td>
                                        <td>未按规定公布机构信息的，扣10分</td>
                                        <td>-10</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="layui-tab-item">2</div>
                        <div class="layui-tab-item">3</div>
                        <div class="layui-tab-item">4</div>
                        <div class="layui-tab-item">5</div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">3</div>
        </div>
    </div>
</div>
<div class="content_hide">
</div>
<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../page/js/echarts.min.js" charset="utf-8"></script>
<script src="../zdjc/js/constans.js"></script>
<script>
    $(function () {
        let month = getMonth();
        let type = 0;
        let childrenType = (new Date).getMonth() + 1;
        let deptId = $("[name='department']").val();
        let hasDept = 1;
        let newMon = (new Date).getFullYear() + "-" + month;
        loadData(type, childrenType, deptId, hasDept, newMon);
    });

    //获取当前月份
    function getMonth() {
        let date = new Date();
        let month = date.getMonth() + 1;
        if (month < 10) {
            month = "0" + month;
        }
        return month;
    }

    function loadData(type, childrenType, deptId, hasDept, newMon) {
        $.ajax({
            url: PATH + '/tj/websiteRating',
            data: {
                "type": type,
                "childrenType": childrenType,
                "deptId": deptId,
                "hasDept": hasDept,
                "newMon": newMon
            },
            type: "post",
            success: function (data) {
                let dataList = [];
                let lastDataList = [];
                for (let i = 0; i < data.data.deptids.length; i++) {
                    let dataD = {};
                    dataD.department = data.data.yData[i];
                    dataD.basicScore = data.data.basic[i];
                    dataD.addScore = data.data.add[i];
                    dataD.deptid = data.data.deptids[i];
                    dataList.push(dataD);
                }
                for (let i = 0; i < data.data.lastMonth.deptids.length; i++) {
                    let dataD = {};
                    dataD.department = data.data.lastMonth.yData[i];
                    dataD.basicScore = data.data.lastMonth.basic[i];
                    dataD.addScore = data.data.lastMonth.add[i];
                    dataD.deptid = data.data.lastMonth.deptids[i];
                    lastDataList.push(dataD);
                }
                //对数据排名进行排序,使用快速排序
                listSort(dataList);
                listSort(lastDataList);

                let newDataList = [];
                let dlLength = dataList.length;
                for (let i = 0; i < dlLength; i++) {
                    newDataList.push(dataList[dlLength - 1 - i]);
                    newDataList[i].totalScore = (newDataList[i].basicScore + newDataList[i].addScore) + '(' + newDataList[i].basicScore + '/' + newDataList[i].addScore + ')';
                    for (let j = 0; j < lastDataList.length; j++) {
                        if (newDataList[i].deptid == lastDataList[j].deptid) {
                            newDataList[i].rankingLast = j - i;
                        }
                    }
                }

                //生成本月排名最优3位
                bestRanking(newDataList);
                let lowestRankingList = [];
                lowestRankingList.push(dataList[0]);
                lowestRankingList.push(dataList[1]);
                lowestRankingList.push(dataList[2]);
                //生成本月排名最末3位
                lowestRanking(lowestRankingList);

                //对数据进步进行排序
                progressSort(newDataList);
                //排名进步最大3位
                let greatestProgressList = [];
                greatestProgressList.push(newDataList[newDataList.length - 1]);
                greatestProgressList.push(newDataList[newDataList.length - 2]);
                greatestProgressList.push(newDataList[newDataList.length - 3]);
                greatestProgress(greatestProgressList);
                //排名退步最大3位
                let regressiveMaximumList = [];
                regressiveMaximumList.push(newDataList[0]);
                regressiveMaximumList.push(newDataList[1]);
                regressiveMaximumList.push(newDataList[2]);
                regressiveMaximum(regressiveMaximumList);
                //生成排名表格
                rankingDetails(newDataList);
                //生成相应的部门
                generationDepartment(data.data);
                //生成折线图
                lineChart(data.data['detail-data'], data.data['detail-x']);
            }
        })
    }

    layui.use(['laydate', 'form', 'element', 'table'], function () {

        var laydate = layui.laydate,
            form = layui.form,
            element = layui.element,
            table = layui.table;

        //监听ul事件
        element.on('tab(docDemoTabBrief)', function (data) {
            console.log(data);
        });

        //监听下拉选择框
        form.on('select(department_filter)', function (data) {
            selectDepartment(data.value);
        });

        laydate.render({
            elem: '#monInput',
            type: 'month',
            value: new Date(),
            done: function (value, date, endDate) {
                dateDone(value);
            }
        });
    });

    //快速排序集合
    function listSort(array, lo = 0, hi = array.length) {
        if (hi - lo < 2) return
        const p = partition(array, lo, hi);//寻找中心点位置
        listSort(array, lo, p);//左边排序
        listSort(array, p + 1, hi);//右边排序
    }

    function partition(array, lo, hi) {
        const pivot = array[hi - 1].basicScore + array[hi - 1].addScore;
        let i = lo, j = hi - 1;
        while (i != j) {
            (array[i].basicScore + array[i].addScore) < pivot ? i++ : exchange(array, i, --j)
        }
        exchange(array, j, hi - 1)
        return j;
    }

    //快速排序
    function progressSort(array, lo = 0, hi = array.length) {
        if (hi - lo < 2) return
        const p = partition1(array, lo, hi);//寻找中心点位置
        progressSort(array, lo, p);//左边排序
        progressSort(array, p + 1, hi);//右边排序
    }

    function partition1(array, lo, hi) {
        const pivot = array[hi - 1].rankingLast;
        let i = lo, j = hi - 1;
        while (i != j) {
            array[i].rankingLast < pivot ? i++ : exchange(array, i, --j)
        }
        exchange(array, j, hi - 1)
        return j;
    }

    //定义交换方法
    function exchange(array, lo, hi) {
        [array[lo], array[hi]] = [array[hi], array[lo]]
    }

    //生成本月排名最优3位
    function bestRanking(obj) {
        $("#bestRanking1").children("h1").text(obj[0].department);
        $("#bestRanking1").children("p").children("span").text(obj[0].basicScore + obj[0].addScore);
        $("#bestRanking1").children("div").children("p").eq(0).text(obj[0].basicScore);
        $("#bestRanking1").children("div").children("p").eq(1).text(obj[0].addScore);

        $("#bestRanking2").children("h1").text(obj[1].department);
        $("#bestRanking2").children("p").children("span").text(obj[1].basicScore + obj[1].addScore);
        $("#bestRanking2").children("div").children("p").eq(0).text(obj[1].basicScore);
        $("#bestRanking2").children("div").children("p").eq(1).text(obj[1].addScore);

        $("#bestRanking3").children("h1").text(obj[2].department);
        $("#bestRanking3").children("p").children("span").text(obj[2].basicScore + obj[2].addScore);
        $("#bestRanking3").children("div").children("p").eq(0).text(obj[2].basicScore);
        $("#bestRanking3").children("div").children("p").eq(1).text(obj[2].addScore);
    }

    //生成本月排名最末3位
    function lowestRanking(obj) {
        $("#lowestRanking1").children("h1").text(obj[0].department);
        $("#lowestRanking1").children("p").children("span").text(obj[0].basicScore + obj[0].addScore);
        $("#lowestRanking1").children("div").children("p").eq(0).text(obj[0].basicScore);
        $("#lowestRanking1").children("div").children("p").eq(1).text(obj[0].addScore);

        $("#lowestRanking2").children("h1").text(obj[1].department);
        $("#lowestRanking2").children("p").children("span").text(obj[1].basicScore + obj[1].addScore);
        $("#lowestRanking2").children("div").children("p").eq(0).text(obj[1].basicScore);
        $("#lowestRanking2").children("div").children("p").eq(1).text(obj[1].addScore);

        $("#lowestRanking3").children("h1").text(obj[2].department);
        $("#lowestRanking3").children("p").children("span").text(obj[2].basicScore + obj[2].addScore);
        $("#lowestRanking3").children("div").children("p").eq(0).text(obj[2].basicScore);
        $("#lowestRanking3").children("div").children("p").eq(1).text(obj[2].addScore);
    }

    //排名进步最大3位
    function greatestProgress(obj) {
        $("#greatestProgress1").children("h1").text(obj[0].department);
        $("#greatestProgress1").children("p").children("span").text(obj[0].basicScore + obj[0].addScore);
        $("#greatestProgress1").children("div").children("p").eq(0).text(obj[0].basicScore);
        $("#greatestProgress1").children("div").children("p").eq(1).text(obj[0].addScore);

        $("#greatestProgress2").children("h1").text(obj[1].department);
        $("#greatestProgress2").children("p").children("span").text(obj[1].basicScore + obj[1].addScore);
        $("#greatestProgress2").children("div").children("p").eq(0).text(obj[1].basicScore);
        $("#greatestProgress2").children("div").children("p").eq(1).text(obj[1].addScore);

        $("#greatestProgress3").children("h1").text(obj[2].department);
        $("#greatestProgress3").children("p").children("span").text(obj[2].basicScore + obj[2].addScore);
        $("#greatestProgress3").children("div").children("p").eq(0).text(obj[2].basicScore);
        $("#greatestProgress3").children("div").children("p").eq(1).text(obj[2].addScore);
    }

    //排名退步最大3位
    function regressiveMaximum(obj) {
        $("#regressiveMaximum1").children("h1").text(obj[0].department);
        $("#regressiveMaximum1").children("p").children("span").text(obj[0].basicScore + obj[0].addScore);
        $("#regressiveMaximum1").children("div").children("p").eq(0).text(obj[0].basicScore);
        $("#regressiveMaximum1").children("div").children("p").eq(1).text(obj[0].addScore);

        $("#regressiveMaximum2").children("h1").text(obj[1].department);
        $("#regressiveMaximum2").children("p").children("span").text(obj[1].basicScore + obj[1].addScore);
        $("#regressiveMaximum2").children("div").children("p").eq(0).text(obj[1].basicScore);
        $("#regressiveMaximum2").children("div").children("p").eq(1).text(obj[1].addScore);

        $("#regressiveMaximum3").children("h1").text(obj[2].department);
        $("#regressiveMaximum3").children("p").children("span").text(obj[2].basicScore + obj[2].addScore);
        $("#regressiveMaximum3").children("div").children("p").eq(0).text(obj[2].basicScore);
        $("#regressiveMaximum3").children("div").children("p").eq(1).text(obj[2].addScore);
    }

    //生成排名表格
    function rankingDetails(dataList) {
        $("#rankingTbody").children("tr").eq(0).children("td").eq(0).html(dataList[dataList.length - 1].department);
        $("#rankingTbody").children("tr").eq(0).children("td").eq(1).html(dataList[dataList.length - 1].totalScore);
        if (dataList[dataList.length - 1].rankingLast >= 0) {
            $("#rankingTbody").children("tr").eq(0).children("td").eq(3).html('<img src="img/up.png" alt="" class="img_tr">' + dataList[dataList.length - 1].rankingLast);
        } else {
            $("#rankingTbody").children("tr").eq(0).children("td").eq(3).html('<img src="img/down.png" alt="" class="img_tr">' + dataList[dataList.length - 1].rankingLast);
        }
        $("#rankingTbody").children("tr").eq(0).children("td").eq(4).html(dataList[dataList.length - 2].addScore);

        $("#rankingTbody").children("tr").eq(1).children("td").eq(0).html(dataList[dataList.length - 2].department);
        $("#rankingTbody").children("tr").eq(1).children("td").eq(1).html(dataList[dataList.length - 2].totalScore);
        if (dataList[dataList.length - 2].rankingLast >= 0) {
            $("#rankingTbody").children("tr").eq(1).children("td").eq(3).html('<img src="img/up.png" alt="" class="img_tr">' + dataList[dataList.length - 2].rankingLast);
        } else {
            $("#rankingTbody").children("tr").eq(1).children("td").eq(3).html('<img src="img/down.png" alt="" class="img_tr">' + dataList[dataList.length - 2].rankingLast);
        }
        $("#rankingTbody").children("tr").eq(1).children("td").eq(4).html(dataList[dataList.length - 2].addScore);

        $("#rankingTbody").children("tr").eq(2).children("td").eq(0).html(dataList[dataList.length - 3].department);
        $("#rankingTbody").children("tr").eq(2).children("td").eq(1).html(dataList[dataList.length - 3].totalScore);
        if (dataList[dataList.length - 3].rankingLast >= 0) {
            $("#rankingTbody").children("tr").eq(2).children("td").eq(3).html('<img src="img/up.png" alt="" class="img_tr">' + dataList[dataList.length - 3].rankingLast);
        } else {
            $("#rankingTbody").children("tr").eq(2).children("td").eq(3).html('<img src="img/down.png" alt="" class="img_tr">' + dataList[dataList.length - 3].rankingLast);
        }
        $("#rankingTbody").children("tr").eq(2).children("td").eq(4).html(dataList[dataList.length - 3].addScore);

    }

    //生成相应的部门
    function generationDepartment(obj) {
        if (obj.deptids) {
            if (obj.deptids.length > 0) {
                let selectHtml = '<option value=""></option>';
                for (let i = 0; i < obj.deptids.length; i++) {
                    selectHtml += '<option value="' + obj.deptids[i] + '">' + obj.yData[i] + '</option>';
                }
                $("[name='department']").append(selectHtml);
            }
        }
        layui.form.render('select'); //刷新select选择框渲染
    }

    //生产折现统计图
    function lineChart(dataList, monthList) {
        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var option;

        option = {
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: [],
            },
            yAxis: {
                type: 'value'
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            series: [{
                data: [],
                type: 'line',
                areaStyle: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: '#407ED9'
                    },
                        {
                            offset: 1,
                            color: 'rgba(254, 254, 255, 0)'
                        }
                    ])
                },
            }]
        };

        option.xAxis.data = monthList;
        option.series[0].data = dataList;
        option && myChart.setOption(option);
    }

    //选择时间生成对应的数据
    function dateDone(obj) {
        let type = 0;
        let childrenType = obj.substring(5, 7);
        let deptId = $("[name='department']").val();
        let hasDept = 1;
        let newMon = obj;
        loadData(type, childrenType, deptId, hasDept, newMon);
    }

    //选择部门生成对应的折线统计图
    function selectDepartment(obj) {
        let type = 0;
        let childrenType = $("#monInput").val().substring(5, 7);
        let hasDept = 1;
        let newMon = '';
        $.ajax({
            url: PATH + '/tj/websiteRating',
            data: {
                "type": type,
                "childrenType": childrenType,
                "deptId": obj,
                "hasDept": hasDept,
                "newMon": newMon
            },
            type: "post",
            success: function (data) {
                lineChart(data.data['detail-data'], data.data['detail-x']);
            }
        })
    }
</script>
</body>
</html>