CQ_JD
/
nazw


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663
							<!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>
<div id="body_box" class="layui-tab layui-tab-brief" lay-filter="newMediaTabBrief">
    <ul class="top_head layui-tab-title" style="border: none">
        <!--        <li class="title_active">网站考评</li>-->
        <!--        <li>政务新媒体</li>-->
        <li class="layui-this">网站考评</li>
        <li>政务新媒体</li>
    </ul>
    <div class="layui-tab-content">
        <div class="content_show layui-tab-item layui-show">
            <div class="layui-tab" lay-filter="typeDemoTabBrief">
                <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">
                                <!-- 月度:month;季度:quarter;半年:halfYear;年度:year; -->
                                <li class="layui-this">月度</li>
                                <li data-childrenType="1">季度</li>
                                <li data-childrenType="0">半年</li>
                                <li data-childrenType="year">年度</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="monInput1"
                                           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="bestRanking110" 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="bestRanking210" 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="bestRanking310" 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="lowestRanking110" 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="lowestRanking210" 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="lowestRanking310" 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="greatestProgress110" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress210" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress310" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum110" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum210" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum310" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails10" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department10" lay-filter="department_filter10">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text10" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main10" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail10" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <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="bestRanking111" 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="bestRanking211" 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="bestRanking311" 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="lowestRanking111" 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="lowestRanking211" 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="lowestRanking311" 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="greatestProgress111" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress211" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress311" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum111" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum211" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum311" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails11" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department11" lay-filter="department_filter11">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text11" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main11" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail11" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <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="bestRanking112" 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="bestRanking212" 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="bestRanking312" 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="lowestRanking112" 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="lowestRanking212" 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="lowestRanking312" 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="greatestProgress112" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress212" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress312" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum112" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum212" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum312" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails12" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department12" lay-filter="department_filter12">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text12" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main12" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail12" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <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="bestRanking113" 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="bestRanking213" 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="bestRanking313" 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="lowestRanking113" 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="lowestRanking213" 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="lowestRanking313" 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="greatestProgress113" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress213" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress313" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum113" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum213" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum313" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails13" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department13" lay-filter="department_filter13">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text13" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main13" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail13" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div class="content_year layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                            <ul class="layui-tab-title" style="border: none">
                                <!-- 月度:month;季度:quarter;半年:halfYear;年度:year; -->
                                <li class="layui-this">月度</li>
                                <li data-childrenType="1">季度</li>
                                <li data-childrenType="0">半年</li>
                                <li data-childrenType="year">年度</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="monInput0"
                                           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="bestRanking100" 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="bestRanking200" 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="bestRanking300" 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="lowestRanking100" 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="lowestRanking200" 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="lowestRanking300" 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="greatestProgress100" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress200" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress300" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum100" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum200" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum300" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails00" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department00" lay-filter="department_filter00">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text00" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main00" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail00" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <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="bestRanking101" 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="bestRanking201" 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="bestRanking301" 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="lowestRanking101" 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="lowestRanking201" 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="lowestRanking301" 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="greatestProgress101" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress201" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress301" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum101" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum201" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum301" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails01" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department01" lay-filter="department_filter01">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text01" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main01" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail01" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <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="bestRanking102" 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="bestRanking202" 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="bestRanking302" 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="lowestRanking102" 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="lowestRanking202" 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="lowestRanking302" 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="greatestProgress102" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress202" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress302" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum102" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum202" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum302" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails02" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department02" lay-filter="department_filter02">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text02" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main02" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail02" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <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="bestRanking103" 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="bestRanking203" 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="bestRanking303" 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="lowestRanking103" 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="lowestRanking203" 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="lowestRanking303" 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="greatestProgress103" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress203" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="greatestProgress303" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum103" class="descript_box">
                                                            <h1>区公安分局</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum203" class="descript_box">
                                                            <h1>区文化旅游委</h1>
                                                            <div class="up_green"><span></span><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="regressiveMaximum303" class="descript_box">
                                                            <h1>区人力社保局</h1>
                                                            <div class="up_green"><span></span><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 id="rankingDetails03" class="layui-table table_css" lay-even
                                                   lay-skin="line">

                                            </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="department03" lay-filter="department_filter03">

                                                    </select>
                                                </div>
                                            </div>
                                            <div id="rank_text03" class="rank_text">
                                                <h1>当前排名第&nbsp;&nbsp;<p></p>&nbsp;&nbsp;名</h1>
                                                <h1>当前得分&nbsp;&nbsp;<p></p>&nbsp;&nbsp;分</h1>
                                            </div>
                                            <div id="main03" style="width: 100%;height: 500px;"></div>
                                        </form>
                                    </div>
                                    <div class="add_detailed">
                                        <div class="rank_title"><span></span>&nbsp;&nbsp;<p>加扣分详情</p></div>
                                        <div class="content_hide">
                                            <table id="addDetail03" class="layui-table table_css_two" lay-even
                                                   lay-skin="line">

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content_hide layui-tab-item">
            <table id="newMediaTable" class="layui-table table_css" lay-even
                   lay-skin="line">

            </table>
        </div>
    </div>
</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>
    var dataList = [];
    var newDataList = [];
    var hasDept = 1;
    var type = 0;
    var eventList = [];
    $(function () {
        loadTimeChoose(type);
        let yearMonth = getYearMonth();
        type = 0;
        let childrenType = '';
        // let childrenType = (new Date).getMonth() == 0 ? 12 : (new Date).getMonth();
        let deptId = $("[name='department']").val();
        hasDept = 1;
        let newMon = yearMonth;
        loadData(type, childrenType, deptId, hasDept, newMon);
    });

    //获取上一个月
    function getYearMonth() {
        let date = new Date();
        let year = date.getFullYear();
        let month = date.getMonth();
        if (month == 0) {
            return (year - 1) + "-12";
        } else if (month < 10) {
            return year + "-0" + month;
        } else {
            return year + "-" + month;
        }
    }

    //获取上一个月最后一天
    function getYearMonthDay() {
        let date = new Date();
        date.setDate(0);
        return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
    }

    //是否展示时间选择器
    function loadTimeChoose(type) {
        if (type == 0) {
            $(".choice_year").show();
        } else {
            $(".choice_year").hide();
        }
    }

    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) {
                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);
                }
                if (type == 0) {
                    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 dlLength = dataList.length;
                newDataList = [];
                for (let i = 0; i < dlLength; i++) {
                    newDataList.push(dataList[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 = i - j;
                        }
                    }
                }
                //对数据进步进行排序
                // listSort(newDataList);

                //生成此类型排名表格
                rankingDetails(newDataList, hasDept, type);

                //生成此类型排名最优3位
                bestRanking(newDataList, hasDept, type);
                let lowestRankingList = [];
                lowestRankingList.push(newDataList[0]);
                lowestRankingList.push(newDataList[1]);
                lowestRankingList.push(newDataList[2]);
                //生成此类型排名最末3位
                lowestRanking(lowestRankingList, hasDept, type);

                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, hasDept, type);
                //此类型排名退步最大3位
                let regressiveMaximumList = [];
                regressiveMaximumList.push(newDataList[0]);
                regressiveMaximumList.push(newDataList[1]);
                regressiveMaximumList.push(newDataList[2]);
                regressiveMaximum(regressiveMaximumList, hasDept, type);

                //生成相应的部门
                generationDepartment(data.data, hasDept, type);
                //默认选中第一个部门
                selectDepartment(data.data.deptids[0], hasDept, type);
                // lineChart(data.data['detail-data'], data.data['detail-x'], hasDept, type);
                //生成加扣分详情
                if (eventList.length == 0) {
                    eventList = data.data.event;
                }
                subDetails(eventList, hasDept, type);
            }
        })
    }

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

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

        //监听ul事件
        element.on('tab(newMediaTabBrief)', function (data) {
            if (data.index == 1) {
                newMediaTable();
            }
        });

        //监听ul事件
        element.on('tab(typeDemoTabBrief)', function (data) {
            type = 0;
            if (data.index == 0) {
                hasDept = 1;
            } else if (data.index == 1) {
                hasDept = 0;
            }
            let childrenType = (new Date).getFullYear();
            // if ($(this).attr('data-childrenType') != 'year') {
            //     childrenType = $(this).attr('data-childrenType');
            // }
            let deptId = $("[name='department" + hasDept + type + "']").val();
            // let newMon = getYearMonth();
            let newMon = '';
            if (type == 0) {
                newMon = getYearMonth();
            } else if (type == 3) {
                newMon = (new Date).getFullYear();
            }
            loadTimeChoose(type);
            loadData(type, childrenType, deptId, hasDept, newMon);
        });

        //监听ul事件
        element.on('tab(docDemoTabBrief)', function (data) {
            type = data.index;
            let childrenType = (new Date).getFullYear();
            // if ($(this).attr('data-childrenType') != 'year') {
            //     childrenType = $(this).attr('data-childrenType');
            // }
            let deptId = $("[name='department" + hasDept + type + "']").val();
            // let newMon = getYearMonth();
            let newMon = '';
            if (type == 0) {
                newMon = getYearMonth();
            } else if (type == 3) {
                newMon = (new Date).getFullYear();
            }
            loadTimeChoose(type);
            loadData(type, childrenType, deptId, hasDept, newMon);
        });

        //监听下拉选择框
        form.on('select(department_filter00)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });
        form.on('select(department_filter01)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });
        form.on('select(department_filter02)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });
        form.on('select(department_filter03)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });
        form.on('select(department_filter10)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });
        form.on('select(department_filter11)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });
        form.on('select(department_filter12)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });
        form.on('select(department_filter13)', function (data) {
            selectDepartment(data.value, hasDept, type);
        });

        laydate.render({
            elem: '#monInput1',
            type: 'month',
            max: getYearMonthDay(),
            min: '2020-01-01',
            value: getYearMonth(),
            done: function (value, date, endDate) {
                dateDone(value, hasDept, type);
            }
        });
        laydate.render({
            elem: '#monInput0',
            type: 'month',
            max: getYearMonthDay(),
            min: '2020-01-01',
            value: getYearMonth(),
            done: function (value, date, endDate) {
                dateDone(value, hasDept, type);
            }
        });

    });

    //快速排序集合
    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, hasDept, type) {
        $("#bestRanking1" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[obj.length - 1].department.substring(1, 3));
        $("#bestRanking1" + hasDept + type).children("h1").text(obj[obj.length - 1].department);
        $("#bestRanking1" + hasDept + type).children("p").children("span").text((obj[obj.length - 1].basicScore + obj[obj.length - 1].addScore).toFixed(2));
        $("#bestRanking1" + hasDept + type).children("div").children("p").eq(0).text(obj[obj.length - 1].basicScore);
        $("#bestRanking1" + hasDept + type).children("div").children("p").eq(1).text(obj[obj.length - 1].addScore);

        $("#bestRanking2" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[obj.length - 2].department.substring(1, 3));
        $("#bestRanking2" + hasDept + type).children("h1").text(obj[obj.length - 2].department);
        $("#bestRanking2" + hasDept + type).children("p").children("span").text((obj[obj.length - 2].basicScore + obj[obj.length - 2].addScore).toFixed(2));
        $("#bestRanking2" + hasDept + type).children("div").children("p").eq(0).text(obj[obj.length - 2].basicScore);
        $("#bestRanking2" + hasDept + type).children("div").children("p").eq(1).text(obj[obj.length - 2].addScore);

        $("#bestRanking3" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[obj.length - 3].department.substring(1, 3));
        $("#bestRanking3" + hasDept + type).children("h1").text(obj[obj.length - 3].department);
        $("#bestRanking3" + hasDept + type).children("p").children("span").text((obj[obj.length - 3].basicScore + obj[obj.length - 3].addScore).toFixed(2));
        $("#bestRanking3" + hasDept + type).children("div").children("p").eq(0).text(obj[obj.length - 3].basicScore);
        $("#bestRanking3" + hasDept + type).children("div").children("p").eq(1).text(obj[obj.length - 3].addScore);
    }

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

        $("#lowestRanking2" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[1].department.substring(1, 3));
        $("#lowestRanking2" + hasDept + type).children("h1").text(obj[1].department);
        $("#lowestRanking2" + hasDept + type).children("p").children("span").text((obj[1].basicScore + obj[1].addScore).toFixed(2));
        $("#lowestRanking2" + hasDept + type).children("div").children("p").eq(0).text(obj[1].basicScore);
        $("#lowestRanking2" + hasDept + type).children("div").children("p").eq(1).text(obj[1].addScore);

        $("#lowestRanking3" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[2].department.substring(1, 3));
        $("#lowestRanking3" + hasDept + type).children("h1").text(obj[2].department);
        $("#lowestRanking3" + hasDept + type).children("p").children("span").text((obj[2].basicScore + obj[2].addScore).toFixed(2));
        $("#lowestRanking3" + hasDept + type).children("div").children("p").eq(0).text(obj[2].basicScore);
        $("#lowestRanking3" + hasDept + type).children("div").children("p").eq(1).text(obj[2].addScore);
    }

    //排名进步最大3位
    function greatestProgress(obj, hasDept, type) {
        $("#greatestProgress1" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[0].department.substring(1, 3));
        $("#greatestProgress1" + hasDept + type).children("h1").text(obj[0].department);
        if (obj[0].rankingLast) {
            $("#greatestProgress1" + hasDept + type).children("div").eq(0).children("span").text("较上月上升" + obj[0].rankingLast + "名");
        }
        $("#greatestProgress1" + hasDept + type).children("p").children("span").text((obj[0].basicScore + obj[0].addScore).toFixed(2));
        $("#greatestProgress1" + hasDept + type).children("div").children("p").eq(0).text(obj[0].basicScore);
        $("#greatestProgress1" + hasDept + type).children("div").children("p").eq(1).text(obj[0].addScore);

        $("#greatestProgress2" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[1].department.substring(1, 3));
        $("#greatestProgress2" + hasDept + type).children("h1").text(obj[1].department);
        if (obj[1].rankingLast) {
            $("#greatestProgress2" + hasDept + type).children("div").eq(0).children("span").text("较上月上升" + obj[1].rankingLast + "名");
        }
        $("#greatestProgress2" + hasDept + type).children("p").children("span").text((obj[1].basicScore + obj[1].addScore).toFixed(2));
        $("#greatestProgress2" + hasDept + type).children("div").children("p").eq(0).text(obj[1].basicScore);
        $("#greatestProgress2" + hasDept + type).children("div").children("p").eq(1).text(obj[1].addScore);

        $("#greatestProgress3" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[2].department.substring(1, 3));
        $("#greatestProgress3" + hasDept + type).children("h1").text(obj[2].department);
        if (obj[2].rankingLast) {
            $("#greatestProgress3" + hasDept + type).children("div").eq(0).children("span").text("较上月上升" + obj[2].rankingLast + "名");
        }
        $("#greatestProgress3" + hasDept + type).children("p").children("span").text((obj[2].basicScore + obj[2].addScore).toFixed(2));
        $("#greatestProgress3" + hasDept + type).children("div").children("p").eq(0).text(obj[2].basicScore);
        $("#greatestProgress3" + hasDept + type).children("div").children("p").eq(1).text(obj[2].addScore);
    }

    //排名退步最大3位
    function regressiveMaximum(obj, hasDept, type) {
        $("#regressiveMaximum1" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[0].department.substring(1, 3));
        $("#regressiveMaximum1" + hasDept + type).children("h1").text(obj[0].department);
        if (obj[0].rankingLast) {
            $("#regressiveMaximum1" + hasDept + type).children("div").eq(0).children("span").text("较上月退步" + Math.abs(obj[0].rankingLast) + "名");
        }
        $("#regressiveMaximum1" + hasDept + type).children("p").children("span").text((obj[0].basicScore + obj[0].addScore).toFixed(2));
        $("#regressiveMaximum1" + hasDept + type).children("div").children("p").eq(0).text(obj[0].basicScore);
        $("#regressiveMaximum1" + hasDept + type).children("div").children("p").eq(1).text(obj[0].addScore);

        $("#regressiveMaximum2" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[1].department.substring(1, 3));
        $("#regressiveMaximum2" + hasDept + type).children("h1").text(obj[1].department);
        if (obj[1].rankingLast) {
            $("#regressiveMaximum2" + hasDept + type).children("div").eq(0).children("span").text("较上月退步" + Math.abs(obj[1].rankingLast) + "名");
        }
        $("#regressiveMaximum2" + hasDept + type).children("p").children("span").text((obj[1].basicScore + obj[1].addScore).toFixed(2));
        $("#regressiveMaximum2" + hasDept + type).children("div").children("p").eq(0).text(obj[1].basicScore);
        $("#regressiveMaximum2" + hasDept + type).children("div").children("p").eq(1).text(obj[1].addScore);

        $("#regressiveMaximum3" + hasDept + type).parent().children("div").eq(0).children("p").text(obj[2].department.substring(1, 3));
        $("#regressiveMaximum3" + hasDept + type).children("h1").text(obj[2].department);
        if (obj[2].rankingLast) {
            $("#regressiveMaximum3" + hasDept + type).children("div").eq(0).children("span").text("较上月退步" + Math.abs(obj[2].rankingLast) + "名");
        }
        $("#regressiveMaximum3" + hasDept + type).children("p").children("span").text((obj[2].basicScore + obj[2].addScore).toFixed(2));
        $("#regressiveMaximum3" + hasDept + type).children("div").children("p").eq(0).text(obj[2].basicScore);
        $("#regressiveMaximum3" + hasDept + type).children("div").children("p").eq(1).text(obj[2].addScore);
    }

    //生成排名表格
    function rankingDetails(dataList, hasDept, type) {
        let dataList1 = [];
        for (let i = 0; i < dataList.length; i++) {
            dataList1.push(dataList[dataList.length - 1 - i]);
        }
        if (type == 0) {
            layui.table.render({
                elem: '#rankingDetails' + hasDept + type
                // , height: 450
                , limit: dataList1.length
                , page: false //开启分页
                , cols: [[ //表头
                    {field: 'department', title: '部门', width: 300}
                    , {field: 'totalScore', title: '总分(基础分/加分)', width: 200}
                    , {type: 'numbers', title: '排名', width: 120}
                    , {field: 'sign', title: '环比上月排名', width: 150, templet: rankingMonth}
                    , {field: 'addScore', align: 'center', title: addBasic(), templet: progressTemplet}
                ]]
                , data: dataList1
                , done: function (res, curr, count) {
                    layui.element.render();
                }
            });
        } else {
            let china = '季度';
            if (type == 1) {
                china = '季度';
            } else if (type == 2) {
                china = '半年';
            } else if (type == 3) {
                china = '年度';
            }
            layui.table.render({
                elem: '#rankingDetails' + hasDept + type
                // , height: 450
                , page: false //开启分页
                , limit: dataList1.length
                , cols: [[ //表头
                    {field: 'department', title: '部门', width: 300}
                    , {field: 'totalScore', title: '总分(基础分/加分)', width: 200}
                    , {type: 'numbers', title: '排名', width: 120}
                    , {title: '环比上' + china + '排名', width: 150}
                    , {field: 'addScore', align: 'center', title: addBasic(), templet: progressTemplet}
                ]]
                , data: dataList1
                , done: function (res, curr, count) {
                    layui.element.render();
                }
            });
        }
    }

    function addBasic() {
        let html = '<div>';
        html += '<div style="float:left;margin-top:10px;margin-left:40px;width:30px;height:10px;border-radius:5px;background-color:#2666C5;">';
        html += '</div>';
        html += '<div style="float:left;margin-left:10px;">';
        html += '基础分';
        html += '</div>';
        html += '<div style="float:left;margin-top:10px;margin-left:70px;width:30px;height:10px;border-radius:5px;background-color:#DBBC42;">';
        html += '</div>';
        html += '<div style="float:left;margin-left:10px;">';
        html += '加分';
        html += '</div>';
        html += '</div>';
        return html;
    }

    function rankingMonth(d) {
        if (d.rankingLast >= 0) {
            return '<img src="img/up.png" alt="" class="img_tr">' + d.rankingLast;
        }
        return '<img src="img/down.png" alt="" class="img_tr">' + d.rankingLast;
    }

    function progressTemplet(d) {
        let html = '<div class="count_box" onclick="onclickSelectDepartment(' + d.deptid + ', ' + hasDept + ', ' + type + ')">';
        html += '<div class="wrap_count" style="width:' + (d.basicScore * 3 + d.addScore * 7) + 'px;">';
        html += '<div class="base_score" style="width:' + (d.basicScore * 3) + 'px;">' + d.basicScore + '</div>';
        if (d.addScore == 0) {
            html += '<p></p>';
        } else {
            html += '<p>' + d.addScore + '</p>';
        }
        html += '</div>';
        html += '<div class="count_text">' + (d.basicScore + d.addScore) + '</div>';
        html += '</div>';
        return html;
    }

    function onclickSelectDepartment(obj, hasDept, type) {
        var select = 'dd[lay-value="' + obj + '"]';
        $("[name='department" + hasDept + type + "']").siblings("div.layui-form-select").find('dl').find(select).click();
        //将界面滚动到部门详细数据位置
        scrollToButtom();
    }

    function scrollToButtom() {
        // var div = document.getElementById('body_box');
        // div.scrollTop = div.scrollHeight;
        let x = 0;
        if (hasDept == 1) {
            x = type;
        } else {
            x = type + 4;
        }
        $('body,html').animate({
                scrollTop: $(".detailed_data").eq(x).offset().top
            },
            500
        );
    }

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

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

        option = {
            tooltip: {
                trigger: 'axis',
                formatter: function (params) {
                    let htmlStr = '<div>';
                    htmlStr += params[0].axisValue.substring(0, 4) + "年" + params[0].axisValue.substring(5, 6) + "月" + "<br>";
                    htmlStr += "总分" + params[0].data + "</div>";
                    return htmlStr;
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: [],
            },
            yAxis: {
                type: 'value'
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                tooltip: true,
                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, hasDept, type) {
        let childrenType = obj.substring(5, 7);
        let deptId = $("[name='department" + hasDept + type + "']").val();
        let newMon = obj;
        loadData(type, childrenType, deptId, hasDept, newMon);
    }

    //选择部门生成对应的折线统计图
    function selectDepartment(obj, hasDept, type) {
        let childrenType = $("#monInput" + hasDept).val().substring(5, 7);
        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'], hasDept, type);
            }
        })
        rankingScore(obj, hasDept, type)
    }

    /**
     * 渲染规则事件列表
     * @param eventList
     */
    function renderEventList(eventList) {
        if (eventList || eventList.length == 0) {

        }
        for (var i = 0; i < eventList.length; i++) {

        }
    }

    function rankingScore(pid, hasDept, type) {
        for (let i = 0; i < dataList.length; i++) {
            if (dataList[i].deptid == pid) {
                $("#rank_text" + hasDept + type).children("h1").eq(0).children("p").text(dataList.length - i);
                $("#rank_text" + hasDept + type).children("h1").eq(1).children("p").text(dataList[i].basicScore + dataList[i].addScore);
            }
        }
    }

    //生成新谋体表格
    function newMediaTable() {
        $.ajax({
            url: PATH + '/tj/newMedia',
            type: "get",
            success: function (data) {
                layui.table.render({
                    elem: '#newMediaTable'
                    // , height: 1600
                    , page: false //开启分页
                    , limit: data.data.length
                    , cols: [[ //表头
                        {field: 'official_account', title: '名称', width: 300}
                        , {field: 'type', title: '类型', width: 200}
                        , {field: 'create_time', title: '更新时间', width: 150, templet: updateTime}
                        , {field: 'title', title: '最新更新的文章', templet: titleTemplet}
                    ]]
                    , data: data.data
                });
            }
        })
    }

    function updateTime(d) {
        return d.create_time.substring(0, 10);
    }

    function titleTemplet(d) {
        let html = '<a href="' + d.url + '" style="color:blue;" target="_blank;">' + d.title + '</a>';
        return html;
    }

    function subDetails(obj, hasDept, type) {
        layui.table.render({
            elem: '#addDetail' + hasDept + type
            // , height: 1600
            , page: false //开启分页
            , limit: obj.length
            , cols: [[ //表头
                {field: 'target', title: '指标',width:120}
                , {field: 'targetScore', title: '分值', width: 70}
                , {field: 'event', title: '指标要求', width: 420}
                , {field: 'targetRequirement', title: '加扣分指标', width: 270}
                , {field: 'targetDeduct', title: '加扣分原因', width: 200}
                , {field: 'addscore', title: '加(扣)分', templet: addscoreTemplate}
            ]]
            , data: obj
        });
    }

    function addscoreTemplate(d) {
        if (d.type) {
            return '-' + d.addscore;
        } else {
            return d.addscore;
        }
    }
</script>
</body>
</html>