kingtom
/
rkz_fy-master


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tc" uri="http://www.mingto.net/tip" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%--
  ~ Copyright (c) 2014, 2023, Chengdu Minto Technology Co.,LTD. All rights reserved.
  ~ DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
  --%>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=11;IE=10;IE=9; IE=8; IE=7; IE=EDGE,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="_csrf" content="${_csrf.token}"/>
    <meta name="_csrf_header" content="${_csrf.headerName}"/>
    <meta name="_res_suffix" content="${resSuffix}"/>
    <meta name="_path" content="${path}" />
    <meta name="_locale" content="${locale}" />
    <title>${curCorp.cname}&nbsp;${tcVersion}, ${curUser.pname},欢迎您！</title>
    <%@ include file="/tc_ttp/common/common.jsp" %>
    <link href="${path}/tc_ttp/style/style.css${resSuffix}" rel="Stylesheet" type="text/css"/>
    <link href="${path}/tc_ttp/style/cloud/css/smartMenu.css${resSuffix}" media="screen" rel="stylesheet"
          type="text/css"/>
    <link href="${path}/tc_ttp/venobox/venobox.css${resSuffix}" rel="stylesheet" type="text/css"/>
    <link href="${path}/tc_ttp/bootstrap/css/font-awesome.css${resSuffix}" rel="stylesheet" type="text/css"/>
    <link href="${path}/tc_ttp/dummyPhotoView/dummyPhotoView.css${resSuffix}" rel="Stylesheet" type="text/css"/>
    <link rel="Stylesheet" type="text/css" href="${path}/common/zTree/css/zTreeStyle/zTreeStyle.css${resSuffix}"/>
    <link href="${path}/tc_ttp/nprogress/nprogress.css${resSuffix}" rel="stylesheet" type="text/css"/>
    <link href="${path}/tc_ttp/toastr/toastr.css${resSuffix}" rel="stylesheet" type="text/css"/>
    <link href="${path}/tc_ttp/style/default/css/suite/webIM/style.css${resSuffix}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="${path}/common/mCustomScrollbar/css/jquery.mCustomScrollbar.css${resSuffix}">
    <link rel="stylesheet" href="${path}/tc_suite/home/css/title.css${resSuffix}">
    <link rel="stylesheet" href="${path}/tc_suite/home/css/supervisionIndex.css${resSuffix}">
    <link rel="stylesheet" href="${path}/tc_ttp/element-ui/minto/element-mask.css${resSuffix}" type="text/css"/>
    <link href="${path}/common/css/minto.layout.css${resSuffix}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="${path}/common/css/minto.icon.css${resSuffix}" type="text/css"/>
    <link rel="Stylesheet" type="text/css" href="${path}/common/css/minto.comp.css"/>
    <link rel="Stylesheet" type="text/css" href="${path}/common/minto-ui/styles/minto.css"/>
    <link rel="Stylesheet" type="text/css" href="${path}/common/js/ui/icon/iconfont.css"/>
    <style>
        #org-group {
            position: absolute;
            right: 1px;
            top: 0;
            display: none;
            height: 39px;
            line-height: 39px;
            margin-right: 0;
        }

        #org-group .mt-dropdown-more {
            right: 0;
            left: initial;
            padding: 6px;
        }

        #org-group .iconzuzhi {
            color: #0c94ff;
            margin-right: 6px;
        }

        .spaceDiv {
            line-height: 30px;
            height: 30px;
            border-bottom: 1px solid #ddd;
            text-indent: 10px;
            cursor: pointer;
        }

        .spaceDiv.current {
            background: #f0f0f0;
        }

        .remindNum {
            position: absolute;
            right: 0;
            top: 5px;
            background: #f00;
            font-size: 12px;
            display: inline-block;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            text-align: center;
            line-height: 14px;
        }

        .menu_arrow {
            cursor: pointer;
            display: inine-block;
            position: absolute;
            width: 17px;
            left: 0;
            top: 50%;
            height: 60px;
            z-index: 1000;
            margin-top: -30px;
            background: url(${path}/tc_suite/portal/images/icon_arrow.png) left -60px;
        }

        .menu_arrow:hover {
            background-position: -20px -60px;
        }

        .openMenu {
            background-position: left top;
        }

        .openMenu:hover {
            background-position: -21px top;
        }

        .ui-state-default a {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ui-state-default .ui-corner-top {
            height: 39px;
        }

        .community-list .title {
            cursor: pointer;
        }

        .community-list .title:hover {
            color: #0c94ff;
        }

        .lefts_imgs {
            background-color: #0c94ff;
        }

        .lefts_imgs:hover {
            background-color: #0282c8;
        }

        .a_msg {
            width: 30px;
            height: 30px;
            background: url('${path}/tc_ttp/images/home/msg.png') no-repeat;
        }

        .a_msg.current {
            width: 30px;
            height: 30px;
            background: url('${path}/tc_ttp/images/home/msg_on.png') no-repeat;
        }

        .a_organ {
            width: 30px;
            height: 30px;
            background: url('${path}/tc_ttp/images/home/organ.png') no-repeat;
        }

        .a_organ.current {
            width: 30px;
            height: 30px;
            background: url('${path}/tc_ttp/images/home/organ_on.png') no-repeat;
        }

        .a_feature.current {
            width: 30px;
            height: 30px;
            background: url('${path}/tc_ttp/images/home/feature_on.png') no-repeat;
        }

        .list_ul li {
            height: 40px;
            line-height: 40px;
        }

        .msg_names {
            float: left;
            height: 15px;
            line-height: 15px;
            margin-left: 5px;
            font-size: 14px;
        }

        .msg_contents {
            float: left;
            height: 15px;
            line-height: 15px;
            margin-left: 5px;
            margin-top: 5px;
            font-size: 14px;
            color: #808080;
            width: 190px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .detailed_contents {
            width: 300px;
            position: fixed;
            left: -210px;
            top: 0;
            bottom: 0;
            background: #fff;
            z-index: 1100;
            overflow: none
        }

        /* 增加一个样式用于区分是否是未读消息 modify by huzy 2017/11/29 15:17*/
        #tabLabel li {
            height: 39px;
        }

        .ui-state-active {
            height: 36px;
        }

        .unReadMsg .title {
            font-weight: bold;
        }

        .mCSB_scrollTools {
            width: 6px;
        }

        input::input-placeholder {
            color: #74736d;
        }

        input::-webkit-input-placeholder {
            color: #74736d;
        }

        input::-moz-placeholder {
            color: #74736d;
        }

        input::-ms-placeholder {
            color: #74736d;
        }

        input::-o-placeholder {
            color: #74736d;
        }

        .system-menu a {
            border: none
        }

        .ui-tabs .ui-tabs-nav li {
            height: 37px;
        }

        #layout-left .list_zeert {
            display: none;
            background: #086499;
        }

        .active {
            display: block;
        }

        .jing {
            position: relative;
            margin-top: 14px;
            margin-left: 15px;
            margin-right: 15px;
            cursor: pointer;
        }

        .system-menu a:hover {
            background: none;
        }

        #tabs {
            overflow: hidden;
            position: static;
            border: none;
        }

        #tabLabel li a {
            font-size: 14px;
        }

        .menu-real a, .menu-virtual a, .menu-sub-item a {
            color: #fff;
        }

        .list_show:hover {
            color: #9edbfc !important;
        }

        .menu-real a:hover {
            color: #9edbfc !important;
        }

        .menu-virtual a:hover {
            color: #9edbfc !important;
        }

        .menu-sub-item a:hover {
            color: #9edbfc !important;
        }

        #layout-left .ztree {
            padding: 0;
            padding-left: 20px;
            background: #086499;
        }

        #layout-left .ztree li span.button.ico_open {
            display: none !important;
        }

        #layout-left .ztree li span.button.ico_close {
            display: none !important;
        }

        #layout-left .ztree li span.button {
            background: none
        }

        #layout-left .ztree li span.button.roots_close {
            background: url('${path}/tc_suite/images/j.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.roots_open {
            background: url('${path}/tc_suite/images/jj.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.root_close {
            background: url('${path}/tc_suite/images/j.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.root_open {
            background: url('${path}/tc_suite/images/jj.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.center_open {
            background: url('${path}/tc_suite/images/jj.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.center_close {
            background: url('${path}/tc_suite/images/j.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.bottom_open {
            background: url('${path}/tc_suite/images/jj.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.bottom_close {
            background: url('${path}/tc_suite/images/j.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.center_docu {
            background: url('${path}/tc_suite/images/jiao.png') no-repeat center center;
        }

        #layout-left .ztree li span.button.bottom_docu {
            background: url('${path}/tc_suite/images/jiao.png') no-repeat center center;
        }

        #layout-left .ztree li span {
            line-height: 40px;
            font-size: 14px;
            color: #fff;
        }

        #layout-left .ztree li a span {
            padding-left: 5px;
        }

        #layout-left .ztree li a {
            height: 40px;
            line-height: 40px;
            width: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #layout-left .ztree li a:hover {
            background: none;
            width: auto;
        }

        #layout-left .ztree li a span:hover {
            color: #ccc !important;
        }

        #layout-left .ztree li a.curSelectedNode {
            background: none;
            opacity: 1;
        }

        #layout-left .ztree li span.button.switch {
            margin-top: 0px;
        }

        #layout-left .ztree li ul.line {
            background: none;
        }

        .mCSB_inside > .mCSB_container {
            margin-right: 0;
        }

        #layout-left .ztree * {
            color: #fff;
        }

        .mCSB_scrollTools .mCSB_draggerRail {
            opacity: 0
        }

        .switch_list {
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top: -20px;
            z-index: 999;
        }

        #switch .switch_log {
            cursor: pointer;
            width: 22px;
            transition: all .3s;
            -webit-transition: all .3s;
            -o-transition: all .3s;
            -moz-transition: all .3s;
        }

        .switch_kai {
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0;
            bottom: 0;
            z-index: 100;
            background: rgba(0, 0, 0, 0.4);
            margin-top: 0;
        }

        .switch_content {
            position: absolute;
            width: 480px;
            background: #fff;
            right: -480px;
            top: 0;
            height: 100%;
            padding: 40px;
            overflow: auto;
            padding-right: 0;
            padding-left: 20px;

        }

        .switch_content ul li {
            background: #f2f2f2;
            margin-bottom: 30px;
            cursor: pointer;
            margin-right: 20px;
        }

        .switch_content ul li:last-child {
            margin-bottom: 0;
        }

        .switch_content_log {
            width: 100%;
            padding: 10px;
            height: 220px;
        }

        .switch_content ul li p {
            height: 60px;
            background: #e6e6e6;
            line-height: 60px;
            text-align: center;
            margin: 0;
        }

        .switch_content ul li span {
            padding-left: 20px;
            position: relative;
            font-size: 16px;
            color: #1a1a1a;
        }

        .switch_content label {
            display: inline-block;
            width: 14px;
            height: 14px;
            border: 1px solid #808080;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -7px;
        }

        .switch_content .show {
            background-color: #f2f2f2;
            border-radius: 4px;
            border: solid 2px #0c94ff;
        }

        .switch_content .show p span {
            color: #fff;
        }

        .switch_content .show p span label {;
            border: 1px solid #fff;
        }

        .switch_content .show p span label i {
            display: inline-block;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            left: 4px;
            top: 4px;
        }

        #switch .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background: #999999;
        }

        #tabs_pagination {
            margin-left: 40px;
            margin-right: 80px;
            overflow: hidden;
            border-bottom: 1px solid #b5b5b5;
        }

        #tabs_pagination .tabs-control:hover {
            background: #f6f6f6;
        }

        #tabs_pagination .tabs-prev {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            height: 40px;
            width: 40px;
            line-height: 40px;
            text-align: center;
            background: white;
            border-bottom: 1px solid #b5b5b5;
            border-right: 1px solid #b5b5b5;
        }

        #tabs_pagination .tabs-next {
            position: absolute;
            top: 0;
            right: 40px;
            z-index: 1;
            height: 40px;
            width: 40px;
            line-height: 40px;
            text-align: center;
            background: white;
            border-bottom: 1px solid #b5b5b5;
            border-left: 1px solid #b5b5b5;
        }

        #tabs_pagination .tabs-menu {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
            height: 40px;
            width: 40px;
            line-height: 40px;
            text-align: center;
            background: white;
            border: none;
            border-bottom: 1px solid #b5b5b5;
            border-left: 1px solid #b5b5b5;
        }

        .Main_top {
            height: 70px !important;
            min-height: 70px !important;
            background: url("${path}/tc_suite/images/topBgd.png") no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        #msg_detailed_contents {
            font-size: 16px;
            box-shadow: 0 1px 6px 1px rgba(0, 74, 143, .18);
            border-radius: 2px;
            overflow: hidden;
            width: 380px;
            left: auto !important;
            bottom: 17px;
            top: 109px;
            display: none;
        }

        .msg_top_title {
            display: flex;
            align-items: center;
            width: 100%;
            height: 40px;
            padding: 0 20px;
            background: #f5f5f5;
        }

        .msg_detailed_closed {
            position: absolute;
            right: 0;
            font-size: 14px !important;
        }

        @media screen and (max-width: 1600px) {
            .msg_top_title {
                padding: 0 10px;
                width: 100%;
                height: 30px;
            }

            #msg_detailed_contents {
                font-size: 14px;
                top: 89px !important;
                width: 305px !important;
            }
        }

        #sysmsg img {
            border-radius: 50%;
        }

        #sysmsg tr {
            border-bottom: 1px solid #dbebf8;
        }

        .addOfNode {
            margin-left: 20px;
            height: 43px;
        }

        #mainFrame {
            height: 100% !important;
        }

        .addOfNode span:hover {
            cursor: pointer;
            color: #ccc;
        }

        .floatingWindow {
            width: 70px;
            background: #fff;
            box-shadow: 0 0 8px rgba(166, 177, 186, .1);
        }

        .shrink {
            width: 100%;
            height: 30px;
            background: #999999;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .floatingWindowList {
            width: 100%;
        }

        .floatingWindowLi {
            width: 100%;
            height: 58px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 19px 0;
            cursor: pointer;
            color: #999;
        }

        .floatingWindowName {
            font-size: 12px;
            margin-top: 5px;
        }

        .liDown {
            background: #0c94ff;
            color: #fff;
        }

        .labelIframe {
            position: absolute;
            top: 170px;
            z-index: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0;
            padding: 0 !important;
            border: none;
            height: calc(100% - 170px);
            overflow-y: auto;
        }

        .labelIframe iframe {
            min-height: 100%;
        }

        #mainframe {
            min-height: 730px !important;
        }

        @media screen and (max-width: 1610px) {
            .switch_content ul li {
                margin-bottom: 20px;
                margin-right: 15px;
            }

            .switch_content {
                width: 390px;
                padding-left: 15px;
            }

            .switch_content ul li p {
                height: 40px;
                line-height: 40px;
            }

            #mainframe {
                min-height: 574px !important;
            }

            .labelIframe {
                top: 130px;
                height: calc(100% - 135px);
            }

            .right-nav .cell {
                height: 150px !important;
            }
        }

        @media screen and (max-width: 1370px) {
            #mainframe {
                min-height: 500px !important;
            }

            .right-nav .cell {
                height: 140px !important;
            }
        }

        .tipsDiv span {
            display: initial;
        }

        #Main {
            top: 0;
        }

        .mt-center {
            overflow-y: auto;
        }

        .ui-tabs .ui-tabs-panel {
            padding: 0;
        }

        .home-mask {
            position: fixed;
            left: 0px;
            top: 0px;
            transition: opacity 0.2s ease 0s;
            width: 100%;
            height: 100%;
            z-index: 9999;
            opacity: 1;
            background: rgb(255, 255, 255);
            display: block;
            font-size: 16px;
        }

        .roleNav {
            width: 60px;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            box-shadow: -5px 5px 8px rgba(0, 55, 97, 0.05);
        }

        .roleLi {
            width: 100%;
            height: 83px;
            background: #f9f9f9;
            font-size: 14px;
            color: #999999;
            display: flex !important;
            align-items: center;
            justify-content: center;
            padding: 0 5px;
            text-align: center;
            border-bottom: 1px solid #e5e5e5;
            cursor: pointer;
        }

        .roleLi:last-child {
            border: none;
        }

        .roleChosen {
            color: #0c94ff;
            background: #fff;
            border-bottom: 1px solid #c8e4fe;
        }

        .switch_log {
            display: none !important;
        }

        @media screen and (max-width: 1600px) {
            #org-group {
                height: 29px;
                line-height: 29px;
            }

            .right-nav .cell {
                height: 150px !important;
            }
        }


        .contben {
            z-index: -999999;
            position: fixed;
            right: -13px;
            top: 50%;
            width: 25px;
            height: 65px;
            box-shadow: 0 0 5px 0px #EBEDF2;
            background-color: #FFFFFF;
            cursor: pointer;
            border-top-left-radius: 15%;
            border-bottom-left-radius: 15%;
        }


        .contben > li {
            border-radius: 50%;
            width: 8px;
            margin-top: 10px;
            margin-left: 10px;
            height: 8px;
            background-color: #B3D2E9;
        }


        .showBox {
            position: fixed;
            right: -60px;
        }

        .contshowBox {
            animation: animate 0.5s linear;
            position: fixed;
            right: 0;
        }

        .contshowBox1 {
            animation: zaoeer 0.5s linear;
            position: fixed;
            right: -60px;
        }

        @keyframes zaoeer {
            from {
                right: 0;
            }
            to {
                right: -60px;
            }
        }

        @keyframes animate {

            from {
                right: -60px;
            }

            to {
                right: 0;
            }
        }

        .on {
            z-index: -99999;
        }

        .open-img {
            right: 0;
            top: 77%;
            position: fixed;
            z-index: 2;
            cursor: pointer;
            width: 57px;
            height: 90px;
            display: none;
        }

        #tuzaiIcon {
            position: relative;
            left: 90%;
            bottom: 1%;
            position: fixed;
            z-index: 1112;
            cursor: pointer;
            height: fit-content;
            width: fit-content;
            display: none;
        }

        #tuzaiIcon .icon-img {
            width: 106px;
            height: 168px;
        }

        #minto-tuzai {
            width: 530px;
            z-index: 2;
            left: 66%;
            top: 4%;
            box-shadow: 0 0 20px #093672;
        }

        .close-icon {
            color: #fff;
            right: 4px;
            top: -12px;
            position: absolute;
            z-index: 2;
            font-size: 81px;
            font-size: 40px;
            cursor: pointer;
        }

        .recommend {
            height: 92vh !important;
        }

        .close-tuzai {
            width: 28px;
            height: 28px;
            visibility: hidden;
        }

        .iframeDiv {
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 1111;
            filter: alpha(opacity=0);
            opacity: 0;
            background: transparent;
            margin-top: 30px;
            display: none;
        }

        .content {
            margin-right: 0 !important;
        }

        .iframe-pop {
            z-index: 2;
            visibility: hidden;
        }

        .tuzai-tip {
            z-index: 2;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            width: 142px;
            height: 50px;
            position: fixed;
            left: 82%;
            top: 77%;
            color: #fff;
            font-size: 16px;
            display: none;

        }

        .tip-info {
            width: 142px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .container-hidden {
            visibility: hidden;
        }

        .close-box {
            top: -20px;
            right: -20px;
            position: absolute;
        }

        .img-rotate {
            transform: rotateY(180deg);
        }

        .recommend-title span {
            font-size: 24px !important;
            font-family: Source Han Sans CN,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
        }

        .message-icon {
            width: 44px;
            height: 44px;
            border-radius: 44px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .mbdb-cell {
            padding: 15px 5px 15px 0px;
            border-bottom: 1px solid #dbebf8;
        }

        .message-content {
            word-wrap: break-word;
            line-height: 20px;
            vertical-align: top;
            font-size: 12px;
            word-break: break-all;
            position: relative;
        }

        .message-content-title {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            font-size: 14px;
            height: 40px;
        }

        .message-content-time {
            position: absolute;
            bottom: 0;
            right: 5px;
            color: #999999;
        }

        /*以下内容是处理顶部页签选中效果存在弹跳的问题 start */
        .ui-tabs .ui-tabs-nav li:after{
            content: '';
            background-color: #0c94ff;
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 2px;
            border-radius: 0;
            transition: all .3s;
            -webkit-transition: all .3s;
        }

        .ui-tabs .ui-tabs-nav li:hover:after{
            width: 100%;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active{
            border-top: none !important;
            margin-top: 0 !important;
            box-sizing: border-box;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active:after{
            width: 100%;
            border: none;
            height: 2px;
        }
        /*以下内容是处理顶部页签选中效果存在弹跳的问题 end */
        /*  处理文本过长  */
        .word-split{
            width: 60px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    </style>
</head>

<body style="overflow:hidden;height: 100%;background: #fff;">
<c:if test="${showQianTu}">
    <div class="iframeDiv"></div>
    <img src="${path}/tc_ttp/tuzai/tuzai-left.gif" class="open-img"/>
    <div class="tuzai-tip" style="background-image:url(${path}/tc_ttp/tuzai/tip.png )">
        <div class="tip-info">小途在哦！</div>
    </div>
    <div id="tuzai">
        <div id="tuzaiIcon">
            <div class="close-box"><img src="${path}/tc_ttp/tuzai/close.png" class="close-tuzai"></div>
            <img src="${path}/tc_ttp/tuzai/assistant.gif" class="icon-img" @click="touchTuzai" id="iconImg">
        </div>
        <div id="minto-tuzai" style="position: fixed" ref="mintoTuzai">
            <div v-if="elShow">
                <span class="close-icon" @click="closeContent">×</span>
                <recommend ref="recommend" :nav-data="navData" :menu-data="menuData" :information-data="informationData"
                           :banner="'${path}/tc_ttp/tuzai/banner.png'" @menu-select="menuSelect"
                           @on-detail="openDetail" @load-more="loadMore" @on-search="search">
                    <template v-slot:content class="flex">
                        <iframe src="https://h5.myqiantu.net/#/?openid=${openId}&loginType=WorkHi&sex=${sex}&headImgUrl=${headImgUrl}&nickname=${nickname}&phone=${phone}&qtUserId=${qtUserId}"
                                style="width:100%" webkitallowfullscreen="true" mozallowfullscreen="true"
                                allowfullscreen="true"></iframe>
                    </template>
                </recommend>
            </div>
        </div>
    </div>
    </div>
</c:if>
<div id="main-container" class="mt-center" style="background: ${tc:out(systemBackground,'#dae8f2')}">

    <div id="switch" class="switch_list" style="${fn:length(allPortal)>1 ?'':'display:none;'}">

        <ul class="contben" id="switch" style="${fn:length(allPortal)>1 ?'':'display:none;'}">
            <li></li>
            <li></li>
            <li></li>
        </ul>

        <ul class="roleNav showBox ">
            <c:choose>
                <c:when test="${not empty defaultPortal}">
                    <c:forEach varStatus="s" var="mtPortal" items="${allPortal}">
                        <li ${s.index eq 0?"class='roleLi roleChosen'":"class='roleLi'"}
                                data-url="/portal/${mtPortal.id}" class="roleLi roleChosen">${mtPortal.name}</li>
                    </c:forEach>
                </c:when>
                <c:otherwise>
                    <li class="roleLi" data-url="/portal/">工作首页</li>
                </c:otherwise>
            </c:choose>
        </ul>


        <div class="switch_log" style="display: none;"><img src="${path}/tc_ttp/style/default/images/work.png"
                                                            width="100%" alt=""></div>
        <!-- 贵安新区  add By yinj  -->
        <div class="switch_content" style="display: none;">
            <!--  <div class="switch_content"> -->
            <ul>
                <c:choose>
                    <c:when test="${not empty defaultPortal}">
                        <c:forEach varStatus="s" var="mtPortal" items="${allPortal}">
                            <li ${s.index eq 0?"class='show'":''} data-url="/portal/${mtPortal.id}">
                                <div class="switch_content_log">
                                    <c:if test="${ empty mtPortal.shrinkageChart}">
                                        <img src="${path}/tc_ttp/style/default/images/portal1.png" width="100%"
                                             height="100%" alt="">
                                    </c:if>
                                    <c:if test="${not empty mtPortal.shrinkageChart}">
                                        <img class="portal-img"
                                             data-src="${path}/space/${mtPortal.shrinkageChart}/showFile"
                                             width="100%" height="100%" alt="">
                                    </c:if>

                                </div>
                                <p><span><label><i></i></label>${mtPortal.name}</span></p>
                            </li>
                        </c:forEach>
                    </c:when>
                    <c:otherwise>
                        <li class="show" data-url="/portal/">
                            <div class="switch_content_log"><img src="${path}/tc_ttp/style/default/images/portal1.png"
                                                                 width="100%" height="100%" alt=""></div>
                            <p><span><label><i></i></label>工作首页</span></p>
                        </li>
                    </c:otherwise>
                </c:choose>
            </ul>
        </div>
    </div>

    <div style="display:none;">tag_top</div>
    <div class="msg-navi" title="展开" style="z-index:102; display:none;">
        圈子交流
    </div>
    <div id="msg_detailed_contents" class="msg_detailed_contents detailed_contents">
        <div class="msg_top_title">
            <span>${tc:i18n("common.message.label")}</span>
            <span class="msg_detailed_closed mt-icon mt-icon-close"></span>
        </div>
        <div id="msg-content"
             style="z-index:1;width:100%;height:auto;top:40px;bottom:0;display:block;border:none; margin: 0;padding: 0;">
            <div class="msg-header" style="display:none;">
                <span class="fn--left">圈子交流</span>
                <a href="javascript:;" class="closeIco glyphicon glyphicon-minus"></a>
            </div>
            <div id="optionDiv" class="sort-tab"
                 style="background: none; margin-bottom: 0px;background:#fff;display: none;">
                <a href="javascript:;" style="position:relative;font-size:14px;" onfocus="this.blur();">
                    <span class="tomsg" target="msg"><label class="glyphicon glyphicon-globe"
                                                            style="display:inline-block;vertical-align:middle;margin:0 3px 0 0;"></label>公共圈子</span>
                    <span class="current MySubMenu " style="position:relative;text-align:left;" target="myMsgContent"
                          onfocus="this.blur();"><span class="glyphicon glyphicon-menu-down moreIco"
                                                       style="font-size:8px; color:#828282;" class=""></span>
                                            <div class="hidedMenu " id="myMsgContent"
                                                 style="top:8px;left:0;z-index:1000;border-top:1px solid #ccc;">
                                                <span class="tomsg" target="mymsg">和我相关</span>
                                                <span class="tomsg" target="mysend">我的已发</span>
                                                <span class="tomsg" target="msg">全部消息</span>
                                            </div>
                                        </span>
                </a>
                <a href="javascript:;" class="current" id="showSysmsg" onfocus="this.blur();" target="systemSend"
                   class="tomsg" style="font-size:14px;"><label class="glyphicon glyphicon-volume-up"
                                                                style="display:inline-block;vertical-align:middle;margin:0 3px 0 0;"></label>系统消息</a>
            </div>
            <div id="friendTrendContentArea"
                 style="bottom:0;top:0px;height:100%;position:absolute;top:0;bottom:0; overflow-y:auto; overflow-x:hidden;width: 100%; ">
                <!-- 好友动态区开始 ,消息选项数据-->
                <div id="msg" class="community-list"
                     style="margin-bottom: 50px;width:100%;padding-right:10px;display:none;">
                    <a style="display: block;width:100%; height: 30px; text-align: center; line-height: 30px; background:#21b3e4; color: #F0F9FC; margin-top: 10px;"
                       href="javascript:;" class="LoadMoreButton block align-c"
                       id="moreFriendTrendsmsg">加载更多</a>
                </div>
                <div id="mymsg" style="margin-bottom: 20px;display:none;width:100%; padding-right:10px;"
                     class="community-list">
                    <a style="display: block; height: 30px; text-align: center; line-height: 30px; background: #21b3e4; color: #F0F9FC; margin-top: 10px;"
                       href="javascript:;" class="LoadMoreButton block align-c"
                       id="moreFriendTrendsmymsg">加载更多</a>
                </div>
                <div id="mysend" style="margin-bottom: 20px;display:none;width:100%; padding-right:10px;"
                     class="community-list">
                    <a style="display: block; height: 30px; text-align: center; line-height: 30px; background: #21b3e4; color: #F0F9FC; margin-top: 10px;"
                       href="javascript:;" class="LoadMoreButton block align-c"
                       id="moreFriendTrendsmysend">加载更多</a>
                </div>
                <div id="systemSend" style="margin-top:0;padding-right:8px;width:93%;margin: 0 auto 59px;"
                     class="community-list">
                    <table id="sysmsg" pageNum="1" width="100%">
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div id="container" class="mt-center mt-horizontal container-hidden">
        <!--中间主工作区-->
        <div id="layout-left"
             style="margin:0 auto;position:absolute;top:0;bottom:0;float:left;width: 50px;background:#0c94ff;transition: all .2s;-webkit-transition: all .2s;z-index: 1;display: flex;flex-direction: column;">
            <span style="display:inline-block;"></span>
            <div id="ToolBar" style="background: #fff;position:relative;left: 0;min-height: 50px;">
                <div title="展开菜单" class="nav_list"
                     style="border-bottom: 1px solid #076296;float: left;line-height: 50px;background: #0c94ff;width: 100%;height: 50px;padding-left: 16px;cursor: pointer;">
                    <p style="float: left;margin: 0;height: 50px;position: relative;width: 20px"><img
                            src="${path}/tc_ttp/images/icon-img.png" alt="" style="position: absolute;top: 19px;"></p>
                    <span style="display:none;float:left;padding-left: 10px;color: #fff;font-size: 14px;vertical-align:middle;">菜单</span>
                    <div style="clear: both"></div>
                </div>
            </div>
            <div id="leftMenus"
                 style="cursor: pointer;position:absolute;top:50px;bottom:0;left:0;width:100%;height:100%;z-index:1002;overflow:hidden;background-color:#0c94ff;">
                <ul>
                    <c:forEach var="menu" items="${orgMenus}" varStatus="s">
                        <c:set var="mainMenuName" value="${tc:i18n(menu.name)}"/>
                        <li class="lefts_imgs" target="${menu.id}_depart_detailed_contents"
                            style="position:relative;height:50px;min-height: 50px;">
                            <label style="padding-left: 16px;cursor: pointer;position: absolute;top: 17px;line-height: 16px;">
                                <c:choose>
                                    <c:when test="${empty menu.icoWeb}">
                                        <c:set value="/tc_ttp/images/shu.png${resSuffix}" var="iconWeb"/>
                                    </c:when>
                                    <c:otherwise>
                                        <c:set value="/space/${menu.icoWeb}/showFile" var="iconWeb"/>
                                    </c:otherwise>
                                </c:choose>
                                <img data-src="${path}${iconWeb}" class="orgMenuIcon" alt="" width="16px"
                                     title="${mainMenuName}">
                            </label>
                            <span class="list_show"
                                <%--这里的点击事件暂时注释掉，不然点击后可能出现多重页面--%>
                                <%--onclick='openTap("${menu.path }")'--%>
                                  style="display:none;color: #fff;padding-left:47px;vertical-align:middle;cursor: pointer;line-height: 50px;">${mainMenuName}</span>
                            <div class="list_zeert">
                                <div class="ztree addDeptSpace" id="${menu.id}_orgMenuTree"
                                     style="width: 200px; padding:0 0 0 30px;color:#fff;"></div>
                            </div>
                        </li>
                    </c:forEach>
                    <c:forEach var="menu" items="${allMenus}" varStatus="s">
                        <c:set var="mainMenuName" value="${tc:i18n(menu.name)}"/>
                        <li class="lefts_imgs" target="${menu.id}menu_detailed_contents"
                            style="position:relative;height:auto;min-height: 50px;">
                            <label style="padding-left: 16px;cursor: pointer;position: absolute;top: 17px;line-height: 16px;">
                                <c:choose>
                                    <c:when test="${empty menu.icoWeb}">
                                        <c:set value="/tc_ttp/images/shu.png${resSuffix}" var="iconWeb"/>
                                    </c:when>
                                    <c:otherwise>
                                        <c:set value="/space/${menu.icoWeb}/showFile" var="iconWeb"/>
                                    </c:otherwise>
                                </c:choose>
                                <img data-src="${path}${iconWeb}" class="orgMenuIcon" alt="" width="16px"
                                     title="${mainMenuName}">
                            </label>
                            <c:set value="${fn:length(menu.children) > 0}" var="hasChildren"/>
                            <c:choose>
                                <c:when test="${hasChildren}">
                                    <span class="list_show"
                                          style="display:none;color: #fff;padding-left:47px;vertical-align:middle;cursor: pointer;line-height: 50px;">${mainMenuName}</span>
                                </c:when>
                                <c:otherwise>
                                    <span class="list_show"
                                          onclick='openTap("${menu.path }")'
                                          style="display:none;color: #fff;padding-left:47px;vertical-align:middle;cursor: pointer;line-height: 50px;">${mainMenuName}</span>
                                </c:otherwise>
                            </c:choose>
                                <%-- 下级菜单 --%>
                            <div class="list_zeert active" style="bottom:0;width:100%;overflow:auto; display:none;">
                                <ul class="list_ul menu-list" style="display: none">
                                        <%--用于标识是否是第一次显示二级菜单--%>
                                    <c:set var="showSubList" value="true"/>
                                    <c:forEach var="menuItem" items="${menu.children }" varStatus="status">
                                        <c:set var="menuItemName" value="${tc:i18n(menuItem.name)}"/>
                                        <c:set value="${fn:length(menuItem.children) > 0}" var="isVirtual"/>
                                        <li class="menu-item" style="height: auto;">
                                            <div class="${!isVirtual?'menu-real':'menu-virtual'}"
                                                 style="padding-left: 15px">
                                                <c:choose>
                                                    <c:when test="${fn:contains(menuItem.path, 'http')}">
                                                        <a ${!isVirtual?'name="topMenu"':''} menuId="${menuItem.id }"
                                                                                             target="view_window"
                                                                                             menuName="${menuItemName}"
                                                                                             menuPath="${menuItem.path }"
                                                                                             href="javascript:;"
                                                                                             style="background:url('${path}/tc_suite/images/j.png') no-repeat;background-position:22px 13px;padding-left:40px;height:40px;">${menuItemName}</a>
                                                    </c:when>
                                                    <c:otherwise>
                                                        <c:choose>
                                                            <c:when test="${isVirtual and showSubList}">
                                                                <a ${!isVirtual?'name="topMenu"':''} status="open"
                                                                                                     menuId="${menuItem.id }"
                                                                                                     menuName="${menuItemName}"
                                                                                                     menuPath="${menuItem.path }"
                                                                                                     href="javascript:;"
                                                                                                     style="background:url('${path}/tc_suite/images/jj.png') no-repeat;background-position:22px 13px;padding-left:40px;height:40px;">${menuItemName}</a>
                                                            </c:when>
                                                            <c:when test="${isVirtual}">
                                                                <a ${!isVirtual?'name="topMenu"':''} status="close"
                                                                                                     menuId="${menuItem.id }"
                                                                                                     menuName="${menuItemName}"
                                                                                                     menuPath="${menuItem.path }"
                                                                                                     href="javascript:;"
                                                                                                     style="background:url('${path}/tc_suite/images/j.png') no-repeat;background-position:22px 13px;padding-left:40px;height:40px;">${menuItemName}</a>
                                                            </c:when>
                                                            <c:otherwise>
                                                                <a ${!isVirtual?'name="topMenu"':''}
                                                                        menuId="${menuItem.id }"
                                                                        menuName="${menuItemName}"
                                                                        menuPath="${menuItem.path }" href="javascript:;"
                                                                        style="background:url('${path}/tc_suite/images/jiao.png') no-repeat;background-position:22px 17px;padding-left:40px;height:40px;">${menuItemName}</a>
                                                            </c:otherwise>
                                                        </c:choose>
                                                    </c:otherwise>
                                                </c:choose>
                                            </div>
                                            <c:if test="${isVirtual eq true}">
                                                <div class="menu-sub-list"
                                                     style="height: auto;${showSubList eq 'true' ?'':'display:none;'}">
                                                    <c:forEach var="menuSubItem" items="${menuItem.children }"
                                                               varStatus="s">
                                                        <c:set var="menuSubName" value="${tc:i18n(menuSubItem.name)}"/>
                                                        <div class="menu-sub-item"
                                                             style="height: 40px;line-height: 40px;padding-left: 25px">
                                                            <c:choose>
                                                                <c:when test="${fn:contains(menuSubItem.path, 'http')}">
                                                                    <a name="topMenu" menuId="${menuSubItem.id }"
                                                                       target="view_window"
                                                                       menuName="${menuSubName}"
                                                                       menuPath="${menuSubItem.path }"
                                                                       href="javascript:;"
                                                                       style="background:url('${path}/tc_suite/images/j.png') no-repeat;background-position:22px 17px;padding-left:40px;height:40px;">${menuSubName}</a>
                                                                </c:when>
                                                                <c:otherwise>
                                                                    <a name="topMenu" menuId="${menuSubItem.id }"
                                                                       menuName="${menuSubName}"
                                                                       menuPath="${menuSubItem.path }"
                                                                       href="javascript:;"
                                                                       style="background:url('${path}/tc_suite/images/jiao.png') no-repeat;background-position:22px 17px;padding-left:40px;height:40px;">${menuSubName}</a>
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </div>
                                                    </c:forEach>
                                                </div>
                                                <c:set var="showSubList" value="false"/>
                                            </c:if>
                                        </li>
                                    </c:forEach>
                                </ul>
                            </div>
                        </li>
                    </c:forEach>
                </ul>
            </div>
            <div id="depart_detailed_contents" class="depart_detailed_contents detailed_contents" style="display:none;">
                <div style="width:260px;height:26px;border-bottom:1px solid #ccc;position: fixed;z-index: 1;background: #e1e3e6;border-right:1px solid #ccc;">
                    <span style="float:left;height:26px;line-height:26px;margin-left:10px;">单位</span>
                    <span class="closed_contents"
                          style="float:right;margin-right:5px;cursor:pointer;width:20px;height:20px;text-align:center;font-size:18px;">&times</span>
                </div>
                <div class="ztreeBox"
                     style=" position:absolute; left:0; right:0; top:20px; bottom: 0;padding: 0 5px 10px 0;overflow: auto"
                     id="ztreeBox">
                    <div class="ztree" id="orgTree" style="width: 238px; padding: 10px 0 10px 0"></div>
                </div>
            </div>
            <div id="menu_detailed_contents" class="menu_detailed_contents detailed_contents" style="display:none;">
                <div style="width:260px;height:26px;border-bottom:1px solid #ccc;position: fixed;z-index: 1;background: #e1e3e6;border-right:1px solid #ccc;">
                    <span style="float:left;height:26px;line-height:26px;margin-left:10px;">菜单</span>
                    <span class="closed_contents"
                          style="float:right;margin-right:5px;cursor:pointer;width:20px;height:20px;text-align:center;font-size:18px;">&times</span>
                </div>
            </div>
        </div>
        <!--文化区/一级信息分类--结束-->
        <%--<div style="">&nbsp;</div>--%>
        <!---这个div不要的话在firefox下有问题，暂时不清楚什么问题---->
        <div id="layout-right" class="mt-center"
             style="margin-left: 50px;z-index:0;">
            <!---------------------增加一个菜单的小三角-------------------------------------------->

            <!----------------------------------------------------------------->

            <div id="Main" class="mt-center"
                 style="position: relative;">
                <%--主工作区--%>
                <div id="tabs" class="mt-center mt-vertical">
                    <div id="org-group" class="mt-dropdown mt-btn">
                        <input class="keep-value" type="hidden">
                        <div class="mt-dropdown-text"><i class="iconfont iconzuzhi"></i><span
                                class="dropdown-text"></span><i class="caret"></i></div>
                        <ul class="mt-dropdown-more"></ul>
                    </div>
                    <div class="bodyCon" id="bodyCon">
                        <audio class="fileAudios" id="fileAudios" src="" preload="preload"></audio>
                        <div class="mt-center mt-vertical" style="padding-bottom: 0;min-height: 100%;">
                            <c:choose>
                            <c:when test="${not empty systemImage}">
                            <div class="mt-header"
                                 style="background-image: url(${path}/space/${systemImage}/showFile/);background-size: 100%;">
                                </c:when>
                                <c:otherwise>
                                <div class="mt-header">
                                    </c:otherwise>
                                    </c:choose>
                                    <div class="mt-info">
                                        <div class="logo">
                                            <div class="logoDiv">
                                                <c:choose>
                                                    <c:when test="${not empty systemIcon}">
                                                        <img src="${path}/space/${systemIcon}/showFile${resSuffix}"
                                                             alt="">
                                                    </c:when>
                                                    <c:when test="${red}">
                                                        <img src="${path}/tc_suite/home/images/logo.JPG"
                                                             alt="">
                                                    </c:when>
                                                    <c:otherwise>
                                                        <img src="${path}/tc_ttp/images/login/single_logo.png" alt="">
                                                    </c:otherwise>
                                                </c:choose>

                                                <span>${systemName}</span>
                                            </div>
                                            <div class="userInfos">
                                                <div class="searchDivs">
                                                    <input type="text">
                                                    <img id="searchAbout"
                                                         src="${path}/tc_suite/home/images/24.png"
                                                         alt="">
                                                </div>

                                                <div style="margin-left: 40px;cursor: pointer" id="openHuaDuApp" title="IM">
                                                    <img src="${path}/tc_suite/home/images/msg.png" alt="" style="width: 16px;height: 16px">
                                                </div>

                                                <div style="margin-left: 40px;cursor: pointer" id="openImModal" title="IM">
                                                    <img src="${path}/tc_suite/home/images/msg.png" alt="" style="width: 16px;height: 16px">
                                                </div>

                                                <%--inspired 增加推荐框--%>
                                                <c:set var="openRecommend"
                                                       value='<%=AppContext.getProperty("recommend.open")%>'/>
                                                <div class="tipsDiv" id="meesageInfo" title="消息">
                                                    <span class="tipsSpan" id="redSpot"></span>
                                                    <img src="${path}/tc_suite/home/images/tips.png"
                                                         alt="">
                                                </div>
                                                <div class="userDiv">
                                                    <img class="userImg"
                                                         src="${path}/org/persons/${curUser.id}/?m=picon" alt="">
                                                    <div class="userIdentity">
                                                        <p>${curUser.pname}</p>
                                                        <p class="word-split" title="${mainDepartmentName}">${mainDepartmentName}</p>
                                                        <ul id="personInfoList">
                                                            <li>
                                                                <a href="javascript:void(0)" style="color: white"
                                                                   onclick="openSpace('${curUser.id}')">${tc:i18n("common.personal.space")}</a>
                                                            </li>
                                                            <%--<li>
                                                                <a href="javascript:void(0)"
                                                                   onclick="TC.ui.openResource({label:'${tc:i18n("common.system.help")}',url:'/system/viewhelp'})"
                                                                   style="color: white">
                                                                    ${tc:i18n("common.system.help")}
                                                                </a>
                                                            </li>--%>
                                                            <li>
                                                                <a href="javascript:void(0)" style="color: white"
                                                                   onclick="changePassword()">修改密码</a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:void(0)" style="color: white"
                                                                   id="logout">${tc:i18n("common.logout.label")}</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <img class="userJt"
                                                         src="${path}/tc_suite/home/images/jt.png"
                                                         alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="titleNav">
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-center">
                                    <div style="height: 100%" id="tabs-1">
                                        <iframe id="mainFrame" name="reload" src="" style="width:100%;" frameborder="0"
                                                scrolling="no" marginheight="0"></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <style type="text/css">
                        .paging_tabs {
                            position: absolute;
                            right: 0px;
                            height: 40px;
                            border-bottom: 1px solid #b5b5b5;
                            background: #fff;
                            z-index: 999;
                            padding-right: 9px;
                            display: none;
                        }

                        .paging_tabs ul {
                            height: 40px;
                        }

                        .paging_tabs ul li {
                            list-style: none;
                            float: left;
                            height: 40px;
                            line-height: 40px;
                            vertical-align: middle;
                            width: 20px;
                            text-align: center;
                            cursor: pointer;
                        }

                        .paging_tabs ul .prevTabs:hover {
                            background: #ccc;
                        }

                        .paging_tabs ul .nextTabs:hover {
                            background: #ccc;
                        }
                    </style>
                    <div class="paging_tabs">
                        <ul>
                            <li class="prevTabs"><img src="${path}/tc_suite/knowledge/images/left.png" alt=""></li>
                            <li class="fgx"><img src="${path}/tc_suite/knowledge/images/fgx.png" alt=""></li>
                            <li class="nextTabs"><img src="${path}/tc_suite/knowledge/images/right.png" alt=""></li>
                        </ul>
                    </div>
                    <script>
                        $(".prevTabs").on("click", function () {
                            var $tabs = $("#tabLabel");
                            var initialWidth = parseFloat($tabs.attr("data-width"));
                            var left = $tabs.position().left;
                            if (left != 0) {
                                left = left + initialWidth;
                            }
                            $tabs.css("left", left > 0 ? 0 : left);
                        });

                        $(".nextTabs").on("click", function () {
                            var $tabs = $("#tabLabel");
                            var initialWidth = parseFloat($tabs.attr("data-width"));

                            var allTabsWidth = 0;
                            $tabs.find("li").each(function () {
                                allTabsWidth += $(this).outerWidth();
                            });
                            if (allTabsWidth > initialWidth) {
                                // 得到当前的左移layout-left
                                var left = $tabs.position().left;
                                if ((allTabsWidth - Math.abs(left)) / initialWidth > 1) {
                                    left = left - initialWidth;

                                    $tabs.css("left", left);
                                }
                            }
                        });
                    </script>
                </div>
                <!--中间主工作区结束-->
                <!--右侧工具栏-->
                <div id="showWin" style="position: absolute; right: 5px; top: 5px; display: none">
                <span style="float: left; padding-top: 6px; margin-left: -5px"><img id="rightImg"
                                    onclick="showRightWin()"
                                    src="${path}/tc_ttp/style/default/images/arrow_left.png"
                                    title="显示处理窗"
                                    onmouseover="this.style.background='#CACACA'"
                                    onmouseout="this.style.background=''"
                                    style="cursor: pointer"></span>
                </div>
                <div id="main_right">
                    <div id="loading2" class="loadingDiv">
                        <img src="${path}/tc_ttp/style/default/images/loading.gif"
                             style="position: absolute; left: 50%; top: 50%">
                    </div>
                    <iframe id="rightFrame" src="" style="height: 100%; width: 100%" frameborder="0" scrolling="no"
                            marginheight="0"></iframe>
                </div>
                <!--右侧工具栏结束-->
            </div>
        </div>
    </div>
    <div id="guide-step" style="margin-top:-40px;">
        <div class="tipSwitch"></div>
    </div>
</div>
<div class="home-mask">
    <table style="height: 100%; width: 100%">
        <tr>
            <td align="center"><img style="vertical-align: middle;width: 30px;"
                                    src="${path}/tc_suite/analysis/img/loading.gif"> Loading...
            </td>
        </tr>
    </table>
</div>

<script type="text/javascript" src="${path}/tc_ttp/nprogress/nprogress.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/jquery_ui/jquery.ui.core.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/jquery_ui/jquery.ui.widget.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/jquery_ui/jquery.ui.tabs.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/drag/excanvas.min.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/jquery-smartMenu/js/jquery-smartMenu.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_suite/js/index.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/qqface/jquery.qqFace.js"></script>
<script type="text/javascript" src="${path}/common/js/ui/minto.comp.js${resSuffix}"></script>

<!-- 新添加的个人空间js(chenxi) -->
<script type="text/javascript" src="${path}/tc_ttp/venobox/venobox.min.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_suite/community/js/spaceUtilTemp.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_suite/community/js/space.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_suite/community/js/spaceContentTemp.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_suite/community/js/community.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/common/prototype.js${resSuffix}"></script>

<script type="text/javascript" src="${path}/tc_ttp/dummyPhotoView/dummyPhotoView.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/common/zTree/js/jquery.ztree.core.min.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_ttp/toastr/toastr.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_suite/index/indexSearch.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/common/js/ui/icon/iconfont.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/common/vue/vue.min.js"></script>
<script type="text/javascript" src="${path}/common/minto-ui/minto.min.js"></script>
<script type="text/javascript" src="${path}/webjars/sockjs-client/sockjs.min.js"></script>
<script type="text/javascript" src="${path}/webjars/stomp-websocket/stomp.min.js"></script>
<script type="text/javascript" src="${path}/main/layout/js/message.min.js${resSuffix}"></script>
<script type="text/javascript" src="${path}/tc_suite/crypto/crypto-js.min.js${resSuffix}"></script>

<script>

    let clientWidth = $(window).width();
    let clientHeight = $(window).height();
    window.onload = function () {
        if (localStorage.tuZaiShow) {
            $('#tuzaiIcon').show();
            $('.open-img').hide();
        } else {
            $('#tuzaiIcon').hide();
            $('.open-img').show();
        }
        $('.recommend .ivu-menu-primary').css('display', "none");
        let imgWidth = $('#tuzaiIcon').width();
        let imgHeight = $('#tuzaiIcon').height()
        let contentWidth = 530;
        let contentHeight = parseInt(clientHeight * 0.92);
        var oDiv = document.getElementById('tuzaiIcon');
        var tuZai = document.getElementById('iconImg');
        var iframeDiv = document.getElementsByClassName('iframeDiv');
        var tuZaiIcon = document.getElementById('tuzaiIcon');
        if (tuZai) {
            tuZai.onmousedown = function (ev) {
                let lastLeft = oDiv.offsetLeft;
                let lastTop = oDiv.offsetTop;
                ev.stopPropagation();
                ev.preventDefault();
                document.querySelector('iframe').style['pointer-events'] = 'none'
                iframeDiv[0].style.display = 'block';
                $('.recommend .ivu-menu-primary').css('display', "none");
                $('#minto-tuzai').css('visibility', "hidden");
                var oEvent = ev || event;
                var disX = oEvent.clientX - oDiv.offsetLeft;
                var disY = oEvent.clientY - oDiv.offsetTop;
                document.onmousemove = function (ev) {
                    let currLeft = tuZaiIcon.offsetLeft;
                    let currTop = tuZaiIcon.offsetTop;
                    if (currLeft != lastLeft || currTop != lastTop) {
                        $('.close-tuzai').css('visibility', "hidden");
                    }
                    ev.stopPropagation();
                    ev.preventDefault();
                    var oEvent = ev || event;
                    var l = oEvent.clientX - disX;
                    var t = oEvent.clientY - disY;
                    let lNum = 0;
                    let tNum = 0;
                    if (l <= 0) {
                        lNum = 0
                    } else if (oEvent.clientX >= document.body.clientWidth - 60) {
                        lNum = oEvent.clientX - oDiv.offsetWidth + 'px'
                    } else {
                        lNum = l + 'px';
                    }
                    if (t <= 0) {
                        tNum = 0
                    } else if (oEvent.clientY >= document.body.clientHeight - 92) {
                        tNum = oEvent.clientY - oDiv.offsetHeight + 'px'
                    } else {
                        tNum = t + 'px';
                        tNum = t + 'px';
                    }
                    oDiv.style.left = lNum;
                    oDiv.style.top = tNum;
                };
                document.onmouseup = function (ev) {
                    document.onmousemove = null;
                    document.onmouseup = null;
                    document.querySelector('iframe').style['pointer-events'] = 'auto';
                    iframeDiv[0].style.display = 'none';
                    let currLeft = tuZaiIcon.offsetLeft;
                    let currTop = tuZaiIcon.offsetTop;
                    contentHeight = parseInt(clientHeight * 0.92);
                    //点击
                    if (currLeft == lastLeft && currTop == lastTop) {
                        $('.recommend .ivu-menu-primary').css('display', "flex");
                        recommend.elShow = true;
                        $('#minto-tuzai').css('visibility', "visible");
                        contentHeight = parseInt(clientHeight * 0.92);
                        let height = clientHeight - contentHeight;
                        let width = clientWidth - contentWidth;
                        let maxTop = parseInt(height * 100 / clientHeight);
                        let maxLeft = parseInt(width * 100 / clientWidth) - 2;
                        let offsetHeight = $('#tuzaiIcon').offset().top;
                        let offsetLeft = $('#tuzaiIcon').offset().left;
                        let top = parseInt(offsetHeight * 100 / clientHeight);
                        let left = parseInt(offsetLeft * 100 / clientWidth);
                        let leftContent = imgWidth + 20;
                        let tuZaiWidth;
                        let content = document.getElementById('minto-tuzai');
                        if (maxTop <= 8) {
                            maxTop = 6;
                        }
                        if (top > maxTop) {
                            content.style.top = maxTop + '%';
                        } else {
                            content.style.top = top + '%';
                        }

                        if (offsetLeft >= contentWidth + 10) {
                            tuZaiWidth = offsetLeft - contentWidth;
                            content.style.left = tuZaiWidth - 10 + 'px'

                        } else {
                            tuZaiWidth = offsetLeft + imgWidth + 30
                            content.style.left = tuZaiWidth + 'px'
                        }
                        return
                    }

                };
            };
        }
        $("#container").removeClass('container-hidden');

    };
</script>
<script type="text/javascript">
    var mt = new mtConstructor();
    var recommend = new Vue({
        el: "#tuzai",
        data() {
            return {
                type: "",
                pageNum: 1,
                lastNum: 1,
                menuData: [{
                    title: "推荐",
                    type: "",
                    name: 1
                },
                    {
                        title: "文档",
                        type: "10101",
                        name: 2
                    },
                    {
                        title: "政策",
                        type: "10205",
                        name: 3
                    },
                    {
                        title: "报告",
                        type: "10102",
                        name: 4
                    },
                    {
                        title: "学习",
                        type: "10211",
                        name: 5
                    }
                ],
                navData: [
                    {
                        id: 4,
                        title: "外部咨询",
                        imgSrc: "${path}/tc_ttp/tuzai/information.png"
                    }
                ],
                informationData: [],
                isBottom: false,
                elShow: false
            }

        },
        methods: {
            closeContent() {
                $('.recommend .ivu-menu-primary').css('display', "none");
                $('#minto-tuzai').css('visibility', "hidden");

            },
            loadMore() {
                let self = this;
                if (!self.isBottom) {
                    mt.loading('.information', true) //关闭加载中
                    var param = {
                        "pageNum": self.pageNum
                    }
                    if (self.type != null && self.type != "") {
                        param.resType = self.type;
                    }
                    TC.util.postAjaxData(TC.config.baseUrl + "/recommend/list", param, function (result) {
                        self.lastNum++;
                        self.pageNum = result.data.pageNo ? result.data.pageNo : self.lastNum;
                        mt.loading('.information', false); //关闭加载中
                        let informationData = self.informationData;
                        if (result.data.content && result.data.content.length > 0) {
                            result.data.content.forEach((item, key) => {
                                informationData.push(item)
                            })
                        } else {
                            self.isBottom = true;
                        }
                        self.informationData = informationData;
                        self.$refs.recommend.changeData(informationData);
                    }, true);
                }

            },
            menuSelect(type) {
                this.type = type;
                this.isBottom = false;
                this.lastNum = 1;
                this.pageNum = 1;
                this.initData(type);
            },
            initData(type) {
                mt.loading('.information', true)
                var param = {
                    "pageNum": this.pageNum
                }
                if (type != null && type != "") {
                    param.resType = type
                }
                let self = this;
                TC.util.postAjaxData(TC.config.baseUrl + "/recommend/list", param, function (result) {
                    mt.loading('.information', false) //关闭加载中
                    var content = [];
                    if (result.data != null) {
                        self.pageNum = result.data.pageNo ? result.data.pageNo : self.lastNum;
                        self.informationData = result.data.content;
                        content = result.data.content;
                    }
                }, true);
            },
            openDetail(item) {
                if (item.url) {
                    let a = $("<a href=\"" + item.url + "\" target='_blank'>baidu</a>").get(0);
                    let e = document.createEvent('MouseEvents');
                    e.initEvent('click', true, true);
                    a.dispatchEvent(e);
                }
            },
            touchTuzai() {
            },
            search(value) {
                console.log(value);

            }
        },
    });
</script>
<script type="text/javascript">
    <%--    右侧导航--%>
    $(function () {
        $(document).ready(function () {
            $(".contben").on({
                mouseenter: function () {
                    $(".roleNav").addClass("contshowBox").removeClass("contshowBox1")
                    $(this).addClass("on")
                },
            })

            $(".switch_list ").on({
                mouseleave: function () {
                    $(".roleNav").addClass("contshowBox1").removeClass("contshowBox")
                }
            })
        })
    })


    // 初始化首页进度条 Modifier: <Zhengyu.Hu> 2018/5/25 上午10:39 end.
    NProgress.configure({
        showSpinner: false,
        trickleRate: 0.03,
        trickleSpeed: 600,
        zIndex: 2001,
    });

    TC.ui.progressBar();
    setTimeout(function () {
        var height = $(".roleNav").height();
        $("#switch").css("margin-top", -height / 2 + "px")
    }, 500)

    // 密码过期提示修改
    if (${pwdExpired}) {
        var pwdExpiredMsg = "密码已过期，请尽快修改！<p>上次修改时间是：${lastUpdatePwdTime}<p>";
        // 如果强制修改，则使用alert
        if (${pwdUpdateFocus}) {
            // 使用alert
            $.alert(pwdExpiredMsg, function () {
                changePassword(true);
            })
        } else {
            // 不强制，可以使用confirm
            $.confirm(pwdExpiredMsg, function () {
                changePassword(false);
            })
        }
    } else {
        // 默认密码强制修改
        if (${pwdUpdateFocus}) {
            $.alert("当前密码是系统默认密码，请尽快修改！", function () {
                changePassword(true);
            })
        }
    }

    /**
     * 修改密码
     * @param focus 是否强制修改，强制修改则不允许关闭弹框
     */
    function changePassword(focus) {
        $.dialog({
            title: "密码修改",
            max: false,
            min: false,
            content: "url:${path}/system/changePassword",
            width: "550px",
            height: "350px",
            lock: true,
            ok: function () {
                var _this = this;
                var result = this.getReturnValue();
                if (result.success) {
                    callAjaxRequest("systemWebService", "changePassword", result.data, function (result) {
                        $.ok("操作成功,请使用新密码重新登录！", function () {
                            logout(true);
                            _this.close();
                        }, _this);
                    })
                }
                return false;
            },
            cancel: !focus
        });
    }

    /**
     * 退出系统
     * @param silence 是否静默退出，不需要用户确认
     */
    function logout(silence){
        if(silence){
            window.onbeforeunload = null;
            TC.util.postAjaxData(logoutUrl, {}, () => {
                window.location.href = TC.config.baseUrl + "/login";
            },false)
        }else{
            $.confirm($.i18n("common.button.signout.label"), function () {
                TC.util.postAjaxData(logoutUrl, {}, () => {
                    window.onbeforeunload = null;
                    window.location.href = TC.config.baseUrl + "/login";
                },false);
            });
        }
    }

    $(function () {
        var pageInfo = window.localStorage.getItem("home-page")
        if (pageInfo) {
            pageInfo = JSON.parse(pageInfo)
            $(".roleLi").each(function () {
                if ($(this).attr('data-url') == pageInfo.url) {
                    $(".roleLi").removeClass("roleChosen").css("border-bottom", "1px solid #e5e5e5");
                    $(this).addClass("roleChosen").prev().css("border-bottom", "1px solid #c8e4fe");
                }
            })
        }
    })
    $(document).on("click", ".roleLi", function () {
        $(".roleLi").removeClass("roleChosen").css("border-bottom", "1px solid #e5e5e5");
        $(".switch_log").hide();
        $(this).addClass("roleChosen").prev().css("border-bottom", "1px solid #c8e4fe");
        var url = $(this).attr("data-url");
        var name = $(this).text();
        changeMainFrame(name, url);
        if (window.localStorage) {
            window.localStorage.setItem("home-page", JSON.stringify({
                name: name,
                url: url
            }));
        }
    });

    function txtFeed(str) {
        var txt = "";
        for (var i = 0; i < str.length; i++) {
            if (i == 1) {
                txt += str[i] + "<br>";
            } else {
                txt += str[i];
            }
        }
        return txt;
    }

    $(".shrink").click(function () {
        $(".switch_content").animate({"right": "-70px"}, 400);
        $("#switch").removeClass("switch_kai");
        $("#switch").addClass("switch_list");
        $("#switch .switch_log").show();
    })
    $(".icon-img").mouseover(function () {
        $('.close-tuzai').css('visibility', "visible");
    });
    $("#tuzaiIcon").mouseout(function () {
        $('.close-tuzai').css('visibility', "hidden");
    });
    $("#tuzaiIcon").mouseover(function () {
        $('.close-tuzai').css('visibility', "visible");
    });
    $('.open-img').click(function () {
        $('.close-tuzai').css('visibility', "hidden");
        $('.open-img').hide();
        $('#tuzaiIcon').show();
        localStorage.setItem("tuZaiShow", true);


    });
    $('.close-tuzai').click(function () {
        localStorage.removeItem('tuZaiShow')
        $('#minto-tuzai').css('visibility', "hidden");
        let width = $(window).width();
        let left = $('#tuzaiIcon').offset().left;
        let right = width - left;
        if (left >= right) {
            $('.open-img').css('right', '0');
            $('.open-img').css('left', 'auto');
            $('.open-img').removeClass('img-rotate');

        } else {
            $('.open-img').css('left', '0');
            $('.open-img').css('right', 'auto');
            $('.open-img').addClass('img-rotate');
            $('.open-img').attr('src', '${path}/tc_ttp/tuzai/tuzai-left.gif');
            ;
        }
        $('.open-img').show();
        $('close-tuzai').css('visibility', "hidden");
        $('#tuzaiIcon').hide();
    });

    console.log("\n" +
        "  　　 ┏┓       ┏┓\n" +
        "  　　┏┛┻━━━━━━━┛┻┓\n" +
        "  　　┃　　　      ┃\n" +
        "  　　┃     ━     ┃\n" +
        "  　　┃　 ┳┛　┗┳　 ┃\n" +
        "  　　┃　　　　　　 ┃\n" +
        "  　　┃　　　┻　　　┃\n" +
        "  　　┃　　　　　　 ┃\n" +
        "  　　┗━┓　　　  ┏━┛\n" +
        "  　　  ┃　　　  ┃\n" +
        "  　　  ┃　　　  ┃\n" +
        "  　　  ┃　　　  ┗━━━┓\n" +
        "  　　  ┃　　　      ┣┓\n" +
        "  　　  ┃           ┏┛\n" +
        "  　　  ┗┓┓┏━━━━━┳┓┏┛\n" +
        "  　　   ┃┫┫     ┃┫┫\n" +
        "  　　   ┗┻┛     ┗┻┛\n" +
        " \n" +
        "  道可道,非常道。名可名,非常名。产品运行稳定永不报错\n" +
        "  Builder: <Zhengyu.Hu>\n" +
        "");
    console.log("  Company: %c 成都明途科技有限公司", "color:red");
    console.log("  Websites: %c www.mingto.net", "color:red");

    // 解决组织机构菜单加载失败后导致的菜单图标无法加载的问题 Modifier: <Zhengyu.Hu> 2018/7/18 下午3:41 end.
    TC.ui.setImgDefaultUrl("#leftMenus .orgMenuIcon", TC.config.baseUrl + "/tc_ttp/images/shu.png" + _resSuffix);
    TC.ui.setImgDefaultUrl(".head-img", TC.config.baseUrl + "/tc_ttp/images/user_b.png" + _resSuffix);
    TC.ui.setImgDefaultUrl(".portal-img", TC.config.baseUrl + "/tc_ttp/style/default/images/portal.png" + _resSuffix);

    if (!isDevelop) {
        window.onbeforeunload = function () {
            return "";
        };
    }

    // 组织机构菜单
    var orgTreeSetting = {
        data: {
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "parentId",
            }
        },
        view: {
            expandSpeed: "",
            selectedMulti: false
        },
        callback: {
            onExpand: function (event, treeId, treeNode) {
                if (typeof treeNode.loadData === 'boolean' && treeNode.loadData === true) {
                    // 已经加载过了就不再加载数据了，但是可能需要做些奇葩事情
                } else {
                    var zTree = $.fn.zTree.getZTreeObj(treeId);
                    var menus = eval("orgMenuNodes_" + treeNode.menuId);
                    var childNodes = getChildNodes(menus, treeNode.id, treeNode.menuId);
                    $.each(childNodes, function (i, e) {
                        zTree.addNodes(treeNode, e);
                    });
                    treeNode.loadData = true;
                }
            },
            onClick: function (event, treeId, treeNode) {
                /**权限验证
                 *督查主任，单位领导：可以穿透整个组织机构树
                 *分管领导：只能穿透他分管的部门及其部门下的人
                 *部门领导：只能穿透自己部门及其部门下的人
                 *普通角色：只能穿透自己
                 *方法里面同样需要验证，防止非法访问
                 **/
                var result = callAjaxRequest("orgWebService", "checkAuthority", treeNode.id, null, null);
                if (!!result) {
                    var url = '/interspace/gotoSpaceNew?visitId=' + treeNode.id;
                    TC.ui.openTab(url, "工作空间");
                } else {
                    $.alert("无权访问！");
                    return;
                }
            }
        }
    };

    /**
     * 获取儿子节点
     * @param nodes 所有节点
     * @param parentId 爸爸ID
     * @param menuId 对应的组织机构菜单ID
     * @return []
     */
    function getChildNodes(nodes, parentId, menuId) {
        var theTreeData = [];
        for (var i = 0; i < nodes.length; i++) {
            var node = nodes[i];
            if (node.parentId == parentId) {
                node.menuId = menuId;
                theTreeData.push(node);
            }
        }
        return theTreeData;
    }

    <c:forEach var="menu" items="${orgMenus}" varStatus="s">
    var orgMenu_${menu.id} = '${menu.orgMenu}';
    var orgMenuNodes_${menu.id} = JSON.parse(orgMenu_${menu.id} ? orgMenu_${menu.id} : '[]');
    var zNodes_${menu.id} = getChildNodes(orgMenuNodes_${menu.id}, 0, '${menu.id}');
    var zTree_${menu.id} = $.fn.zTree.init($("#${menu.id}_orgMenuTree"), orgTreeSetting, zNodes_${menu.id});
    //zTree_${menu.id}.expandAll(true);

    var unitSpaceNode = '<li id="-1" style="margin-left: 20px; height: 43px;cursor: pointer" class="level0 addOfNode" tabindex="0" hidefocus="true" treenode="">' +
        '<span class="node_name" onclick="openUnitSpace();" title="单位空间">单位空间</span>' +
        '</li>';
    $(".addDeptSpace").prepend(unitSpaceNode);
    </c:forEach>

    var perId = "${currentUser.id }";
    var hostAddress = "${hostAddress}";
    var localPort = "${localPort}";
    var contentPath = "${contentPath}";
    var curUserId = "${curUser.id}";
    var curPname = "${curUser.pname}";
    var curUserName = "${curUser.username}";
    var person = "${personSet}";
    var curUserSkin = "${curUser.skin}";
    var logoutUrl = "${logoutUrl}";
    var cid = "${cid}";
    var mainDepartment = "${mainDepartment}";
    var portalNavi = "${portalNavi }";
    var from = "${from}";
    var homepage = "${homepage}";
    var loginAccount = "${loginAccount}";
    window.hostAddress = hostAddress;
    window.localPort = localPort;
    window.contentPath = contentPath;

    /*
     * 组织机构
     */
    var orgData = [];
    var accessAccounts =
    ${tc:toJSON(accessAccounts)} ||
    [];
    if (accessAccounts.length > 0) {
        for (var i = 0; i < accessAccounts.length; i++) {
            var acc = accessAccounts[i];
            orgData.push({
                id: acc.id,
                title: acc.name
            });
        }

        var orgItemHtml = ''
        orgData.forEach(function (val) {
            orgItemHtml += "<li class=\"changeAccount more-dropdown-item\" data-value=\"" + val.id + "\" value=\"" + val.id + "\">" + val.title + "</li>";
        })
        $('#org-group').show().find('.mt-dropdown-more').html(orgItemHtml)
        //默认选中一项组织
        mt.dropdownChoose('org-group', loginAccount)

        $(".changeAccount").on("click", function () {
            var value = $(this).attr("data-value");
            if (value == loginAccount) {
                return;
            }
            $.confirm("切换单位将刷新页面，是否确认？", function () {

                $.startProc();
                setTimeout(function () {
                    $.post("${path}/change/account/" + value, {}, function (result) {
                        window.onbeforeunload = null;
                        window.location.reload();
                    })
                }, 1);
                return false;
            }, function () {
                mt.dropdownChoose('org-group', loginAccount)
            });
        });
    }

    function showUserInfo(obj) {
        var off = $(obj).offset();
        $(".userInfo").css("left", off.left - 2 + "px");
        $(".userInfo").css("top", off.top - 2 + "px");
        $(".userInfo").show("");
    }

    $(".userInfo").mouseleave(function () {
        $(this).hide("fast");
    });

    //人员在线情况监听
    function onlineTotalChangeListener(message) {
        var jsonObj = $.parseJSON(message);
        $("#onlineSize").html(jsonObj.onlineTotal);
        $("#allPersonSize").html(jsonObj.personTotal);
        $("#boxFrame").contents().find("#onlineSize2").html(jsonObj.onlineTotal);
        $("#boxFrame").contents().find("#allPersonSize2").html(jsonObj.personTotal);
    }

    /* 进入单位空间  edited by lijun at 2020/2/18 13:45 */
    function openUnitSpace() {
        TC.ui.openResource({label: "单位空间", url: "/community/commonSpace"});
    }

    //人员下线在线监听
    function onlinePersonChangeListener(model) {
        if (model != null) {
            var id = model.personId;
            var state = model.online;
            if (state == true) {
                $("#orgTree").find("#state" + id).attr("class", "state_on");
            } else {
                /*// 添加下线处理 Modifier: <Zhengyu.Hu> 2018/5/17 上午11:07 end.
                if(id ==


                ${curUser.id}){
                    $.alert("当前用户已下线!",function(){
                        window.onbeforeunload = null;
                        TC.topWin.location.reload();
                    });
                    return;
                }*/
                $("#orgTree").find("#state" + id).attr("class", "state_off");
            }
        }
    }

    communityMessageManager = {
        messageTotal: 0,
        notifiArea: $(".notifiCount"),
        dialogWindow: null,
        clean: function () {
            this.messageTotal = 0;
            $(".notifiCount").text("").hide();
            if (this.dialogWindow != null) {
                this.dialogWindow.close();
                this.dialogWindow = null;
            }
        },
        init: function () {
            var _this = this;
            $("#toCommunity").click(function () {
                _this.clean();
            });
        },
        communityMessageListener: function (message) {
            this.messageTotal++;
            if (this.messageTotal > 99) {
                $(".notifiCount").text("99+").show();
            } else if (this.messageTotal > 0) {
                $(".notifiCount").text(this.messageTotal).show();
            } else {
                $(".notifiCount").text("").hide();
            }
            //若有则关闭
            if (this.dialogWindow != null) {
                this.dialogWindow.close();
            }
        }
    };

    $(window).on("resize", function () {
        var msgContent = $("#msg_detailed_contents");
        if (msgContent.css("display") == 'block') {
            // 重新计算位置
            var Width = $(window).width();
            var WidthJ = 420 //减少量
            if (Width < 1600) {
                WidthJ = 380
            }
            msgContent.show().css({right: 90 + "px", top: "110px"});

        }
    });

    /**
     * 根据输入框和页签按钮所占高度重算内容栏高度
     */
    function resizeFTCArea() {
        var h1 = $("#optionDiv").height();
        var h2 = $("#bbsForm").height();
        var h3 = $("#msg-content").height();
    }

    $(document).ready(function () {
        resizeFTCArea();
        $("#friendTrendContentArea").mCustomScrollbar({
            theme: 'minimal-dark',
            callbacks: {
                onTotalScroll: function () {
                    //当滚动到最底部时，加载新内容
                    getMsg();
                }
            }
        });
        $(".menu_arrow").click(function () {
            var $self = $(this);
            if ($self.hasClass("openMenu")) {
                $self.removeClass("openMenu");
                $(this).animate({"left": 0}).attr("title", "展开菜单");
                $("#main_left").animate({"width": 0}, function () {
                    $("#main_left").hide();
                });
            } else {
                $(this).addClass("openMenu");
                $(this).animate({"left": 160}).attr("title", "收起菜单");
                $("#main_left").show().animate({"width": 160});
            }
        });
        $(".spaceDiv").click(function () {
            $(this).addClass("current").siblings().removeClass("current");
            var text = $(this).html();
            var targets = $(this).attr("target");
            changeMainFrame(text, targets)
        });

        $(".daohang li").eq(0).find(".sub-daotu").show('slow');
        $(".daohang li").eq(0).find("span").toggleClass("glyphicon-menu-down glyphicon-menu-up")

        $(".daohang a.title").click(function () {
            $(this).find(".toggleIco").toggleClass("glyphicon-menu-down glyphicon-menu-up");
            $(this).parents("li").find(".sub-daotu").toggle();
        });
        $(".MySubMenu").each(function () {
            var self = $(this);
            showSubMenu(self);
        });

        // 改变颜色 Modifier: <Zhengyu.Hu> 2018/9/30 1:47 PM end.
        $("#systemMenu span").hover(function () {
            $(this).children().css("color", "#fff");
        }, function () {
            $(this).children().css("color", "#333");
        });
        index.init();
        communityMessageManager.init();

        $("#logout").click(function () {
            logout();
        });

        $("a[name='topMenu']").click(function () {
            var menuName = $(this).attr("menuName");
            var menuPath = $(this).attr("menuPath");
            var menuId = $(this).attr("menuId");
            if (menuPath === "") {
                $(".daohang").html("");
                var param = {
                    "id": menuId
                };
                TC.util.postAjaxData(TC.config.baseUrl
                    + "/menu/?m=findChildrenMenu", param, function (result) {
                    if (result.state == "success") {
                        var menus = $.parseJSON(result.menus);
                        if (menus && menus.length > 0) {
                            for (var i = 0; i < menus.length; i++) {
                                var li = $("<li></li>");
                                var main = $("<a href='javascript:;' onfocus='this.blur();'></a>");
                                main.addClass("title");
                                // glyphicon glyphicon-random
                                main.append("<span class='toggleIco glyphicon glyphicon-menu-down'></span>" + menus[i].name);
                                var sub = $("<div></div>");
                                sub.addClass("sub-daotu");
                                if (menus[i].children.length > 0) {
                                    var subMenus = menus[i].children;
                                    for (var j = 0; j < subMenus.length; j++) {
                                        var suba = $("<a href='javascript:;' onfocus='this.blur();'>" + subMenus[j].name + "</a>");
                                        suba.attr("menuName", subMenus[j].name);
                                        suba.attr("menuPath", subMenus[j].path);
                                        suba.bind("click", function () {
                                            TC.ui.openResource({
                                                label: $(this).attr("menuName"),
                                                url: $(this).attr("menuPath")
                                            });
                                        });
                                        sub.append(suba);
                                    }
                                }
                                li.append(main);
                                li.append(sub);
                                $(".daohang").append(li);
                            }
                        }
                    } else {
                        $.dialog({
                            title: "系统提示",
                            icon: result.state + ".gif",
                            content: result.message,
                            lock: true,
                            parent: this,
                            ok: true
                        });
                    }
                });
            } else {
                TC.ui.openResource({label: menuName, url: menuPath});
            }
        });

        $("#showSysmsg").click(function () {
            $("#systemSend").show().siblings().hide();
            getMsg();
        });
        //打开消息连接
        if (${isOaUrl}) {
            TC.ui.openTab("/taskmt/?m=taskDetail&id=${taskId}", "查看事项");


        }

        function initDwr() {
            loginDwr();
            dwr.engine.setActiveReverseAjax(true);
            dwr.engine.setNotifyServerOnPageUnload(true);
            //页面在关闭服务器报错处理
            dwr.engine.setErrorHandler(function (message, ex) {
                if (ex && ex.name == "dwr.engine.http.504") {
                    console.log("尝试重新登录...");
                    // 临时解决办法，虽然可以解决，但是需要找到根本问题 Modifier: <Zhengyu.Hu> 2020/3/10 1:50 下午 end.
                    dwr.engine._poll();
                }
            });
            dwr.engine.setWarningHandler(function (message, ex) {
            });//警告信息，主要为服务器长时间未响应等
        }

    });

    /**
     * 切换工作台
     */
    function changeMainFrame(text, url) {
        //切换工作台重新初始化高度

        var randomNum = parseInt(Math.random() * 1000);
        if (!!url) {
            if (url.indexOf("?") == -1) {
                url += "?";
            } else {
                url += "&";
            }
            url += "_r=" + randomNum;
            $("#mainFrame").attr("src", TC.config.baseUrl + url);
            //改变portal后需要切换标题 modify by huzy 2017/11/6 下午3:18
            //$("#indexText").html(text);
        } else {
            return;
        }

    }

    // 处理左侧消息同步
    function handlerLeftMessage(id) {
        var msgtr = $("#sysmsg tr[id='" + id + "']");
        if (msgtr.length > 0) {
            msgtr.removeClass("unReadMsg");
            checkHaveUnReadMsg();
        }
        TC.message.markMessageReaded(id);
    }

    // 处理右下角联动消息，点击左侧内容，右下角的消息删除
    function handlerRightMessage(id) {
        var tr = $("#messageList tr[msgId='" + id + "']");
        if (tr.length > 0) {
            tr.remove();
        }
        if ($("#messageList").find("tr").length < 1) {
            if (TC.message.container.systemWin && typeof TC.message.container.systemWin['close'] == "function") {
                TC.message.container.systemWin.close();
            }
        }
    }

    /**
     * 往左侧菜单增加消息
     * @param msg
     */
    function pushMsg(msg) {
        var msgIcon = TC.config.baseUrl + "/tc_ttp/style/default/images/msg.png";
        if (msg.resourceType != 12) {//暂时屏蔽手机端新留言消息
            // 如果已经有了，就不再加了
            if ($("#sysmsg tbody #" + msg.id).length > 0) {
                return;
            }
            if (msg.resourceType === 10080001 || msg.resourceType === 10080003) {
                msgIcon = TC.config.baseUrl + "/org/persons/" + msg.sender + "/?m=picon";
            }
            // var tr = $("<tr id='" + msg.id + "' style='border-bottom:1px solid #b5b5b5;' resType=" + msg.resourceType + " resId=" + msg.resourceId + " data-params='" + JSON.stringify(msg.params) + "'></tr>");
            var tr = $("<tr id='" + msg.id + "' resType=" + msg.resourceType + " resId=" + msg.resourceId + " data-params='" + JSON.stringify(msg.params) + "' msg_type='" + msg.messageType + "'></tr>");
            var rawMsg = msg.message.replace(/</g, "").replace(/>/g, "");
            var msg3 = rawMsg;

            if (msg3.length > 20) {
                msg3 = msg3.substring(0, 18) + "...";
            }
            var td = $("<td width='40' height='60' valign='top'></td>");
            td.append("<div class='message-icon'><img src='" + msgIcon + "'/></div>");
            tr.append(td);
            td = "<td name='replys' valign='top' align='left' class='mbdb-cell'>";
            td += "<div class='content message-content'>";
            td += "<div class='title message-content-title'>" + msg3 + "</div>";
            td += "<span class='message-content-time'>" + msg.sendTimeCalendar + "</span>";
            td += "</div></td>";
            tr.append(td);
            tr.attr("title", rawMsg);
            // 根据状态进行加粗 modify by huzy 2017/11/29 15:02
            if (msg.messageState == 1) {
                tr.addClass("unReadMsg")
            }
            tr.bind("click", function () {
                var msgObj = {
                    "msgType": $(this).attr("msg_type"),
                    "taskTypeId": $(this).attr("task_type_id"),
                    "params": $(this).data("params")
                };
                if ($(this).hasClass("unReadMsg")) {
                    TC.message.markMessageReaded($(this).attr("id"));
                }

                $(this).css('border-bottom', '1px solid #e5e5e5')
                $(this).find(".title").css('color', '#999999');

                openMsg($(this).attr("resType"), $(this).attr("resId"), $(this).attr("title"), msgObj);
                $(this).removeClass("unReadMsg");
                checkHaveUnReadMsg();
                handlerRightMessage($(this).attr("id"));
            });
            $("#sysmsg tbody").append(tr);
        }

    }

    /**
     * 增加page参数，用于刷新
     * @param page
     * @param errorHandler 报错处理
     */
    function getMsg(page, errorHandler) {
        var param = {
            "page": page || $("#sysmsg").attr("pageNum")
        };
        $("#msg-content").mask({
            zIndex: 2,
            border: false,
            position: $.fn.mask.position.inner
        });
        TC.util.postAjaxData(TC.config.baseUrl
            + "/getHistoryMessage?_=" + $.now(), param, function (result) {
            $("#msg-content").mask().close();
            if (result.state == "success") {
                var msgs = $.parseJSON(result.msgs);
                if (msgs && msgs.length > 0) {
                    for (var i = 0; i < msgs.length; i++) {
                        var msg = msgs[i];
                        pushMsg(msg);
                    }
                    $("#sysmsg").next().remove();
                    var more = $("<a></a>");
                    more.attr("style", "font-weight: 600;;font-size:16px;width:100%;display: block;height:56px; text-align: center; line-height:56px; color:#1272bc;background: #fff;position: absolute;bottom:0;");
                    more.attr("href", "javascript:;");
                    more.attr("class", "LoadMoreButton block align-c");
                    more.html("加载更多");
                    more.unbind().bind("click", function () {
                        getMsg();
                    });
                    $("#sysmsg").after(more);
                    $("#sysmsg").attr("pageNum", result.page + 1);
                    // 判断是否有未读消息
                    checkHaveUnReadMsg();
                } else {
                    if ($("#sysmsg tr").length > 0) {
                        $.alert("${tc:i18n('common.message.no.more.label')}");
                    } else {
                        // 增加一个提示，如果来消息，这个是需要删除的
                        $("#sysmsg").html("<tr class='tips'><td style='padding:5px 0 5px 50px;'>${tc:i18n("common.message.empty.label")}</td></tr>");
                    }
                }

                index.add2MsgBox = true;

            } else {
                $("#sysmsg").html("<tr class='tips'><td style='padding:5px 0 5px 0px;line-height: 30px;text-align: center;'>${tc:i18n("common.message.server.offline")}</td></tr>");
                console.error("获取系统消息失败.");
                if (errorHandler) {
                    errorHandler(result);
                }
            }
        });
    }

    /**
     * 检查是否有未读消息，，如果有就显示红点，没有就不显示
     */
    function checkHaveUnReadMsg() {
        var msgRedDot = $("#redSpot");
        if ($("#sysmsg .unReadMsg").length > 0) {
            msgRedDot.show();
        } else {
            msgRedDot.hide();
        }
    }

    function openMsg(resType, resId, title, msgObj) {

        if (!!resType && resType != "null" && !!resId && resId != "null") {
            var url = "";
            var type = parseInt(resType);

            var params = msgObj.params;

            /* 修改为默认设置为true了，不然很多消息点击不能穿透了  edited by lijun at 2020/8/13 16:19 */
            var isShow = true;


            switch (type) {
                case 10140001:
                    var libId = params.libId;
                    var status = params.status;
                    if (params.type == "single") {//重大项目单个
                        if (params.edit != null) {
                            url = "/project/edit/" + libId + "/" + resId;
                        } else {
                            url = "/project/detail/" + libId + "/" + resId;
                        }
                        TC.ui.openTab(url, "");
                        return
                    } else if (params.type == "multiple") {//重大项目多个
                        url = "/project/list/" + status + "/" + libId;
                        TC.ui.openTab(url, "");
                        return
                    }
                    break;
                case 1004:
                case 0:
                case 1:
                case 2:
                case 3:
                case 4:
                case 5:
                case 6:
                case 7:
                case 13:
                case 14:
                case 10010001:
                    isShow = true;
                    break;
                case 10010009:
                    url = "/taskmt/?m=taskDetail&id=" + resId;
                    break;
                case 1005:
                    url = "/taskmt/?m=task-list&taskType=" + resId;
                    break;
                case 11:
                case 10080001:
                    url = "/community/commonSpace?spaceType=" + type;
                    break;
                case 10080004:
                case 10080005:
                    // 留言，数据社区
                    url = "/community/showDataCommunity?resId=" + resId;
                    $.dialog({
                        title: "数据社区",
                        max: false,
                        min: false,
                        content: "url:" + TC.config.baseUrl + url,
                        width: "820px",
                        height: "600px",
                        lock: true,
                        cancel: function () {
                        }
                    });
                    return;
                    break;
                case 10020001:
                    url = "/space/" + resId + "/?m=download";
                    break;
                case 8:
                    /* @author:inspired(胡启林) describe: 邮件穿透先判断是什么类型   date: 2020/1/9*/
                    isShow = true;
                    var result = callAjaxRequest("colWebService", "findColSummaryBeanByColAffairId", resId);

                    if (!!result) {
                        if (result.colListType == 302) {//领导批示
                            url = "/taskByType/toLeaderDraftDetail?colId=" + result.id + "&affairId=" + resId + "&colListType=" + result.colListType;
                        } else if (result.colListType == 301 || result.colListType == 303) {
                            url = "/doCollaboration/doColIndex?affairId=" + resId + "&colListType=" + result.colListType;
                        } else {//其他邮件直接穿透
                            url = "/doCollaboration/doColIndex?affairId=" + resId;
                        }
                    } else {
                        url = "/doCollaboration/doColIndex?affairId=" + resId;
                    }
                    break;
                case 18:
                    //进入矩阵详情
                    if (resId.indexOf(",") > -1) {
                        //数据详情
                        var array = resId.split(",");
                        url = "/matrix/business/dataDetail/" + array[1] + "/" + array[0];
                    } else {
                        //表详情
                        url = "/matrix/business/tableDetail/" + resId
                    }
                    break;
                case 10:
                case 10030003:
                case 10030002:
                case 10010006:
                case 10010007:
                    url = "/doCollaboration/doColIndex?affairId=" + resId;
                    break;
                case 10030001:
                    url = "/doCollaboration/doColIndex?colId=" + resId;
                    break;
                case 10060001:
                    url = "/knowledge/" + resId + "/";
                    break;
                case 9:
                case 10010002: //公共信息
                    url = "/public_Information/detail_doc/?m=detailDoc&id=" + resId;
                    break;
                case 10010003://通知
                    url = "/dzdb/msgc/" + resId + "/?massage=1";
                    break;
                case 40000002:
                    parent.addTab('project', '5个100工程', '/goal/project/?m=index');
                    return false;
                    break;
                // 功能资源
                case 20000000:
                    break;
                case 10011001:
                    //增加事项归档数据展示 modify by huzy 2018/1/31 14:35
                    url = "/taskmt/pigeonhole/view/" + resId;
                    break;
                case 10030011:
                    url = "/appraise/selfEvaluationList?summaryId=" + resId;
                    break;
                //  @author : 龙胜海(edit) 2020/01/15 增加了数据服务私云空间消息提醒
                case 10050001:
                    url = "/tc_suite/dataserver/html/space/space_file.jsp?did=" + resId;
                    break;
                case 11001006:
                    title = "民生目标";
                    if (params) {
                        var theMsgType = params.msgType;
                        // 催办消息
                        if ("remind" == theMsgType) {
                            var remindType = params.type;
                            var categoryCode = params.code;
                            if (categoryCode) {
                                if (remindType == 0) {
                                    // 分解催办
                                    url = "/objective/" + categoryCode + "/resolve";
                                } else if (remindType == 1) {
                                    // 汇报催办
                                    var phaseId = params.phaseId;
                                    url = "/objective/" + categoryCode + "/phase/" + phaseId;
                                }

                            }
                        }
                        if (params.type == 2) {
                            //汇报发送消息
                            var phaseId = params.phaseId;
                            var categoryCode = params.code;
                            url = "/objective/" + categoryCode + "/phase/" + phaseId;
                        }
                    }
                    break;
                case 10080002:
                    title = "部门空间";
                    if (params) {
                        url = params.url + "&jumpLy=true";
                    }
                    break;
                case 10080003:
                    title = "个人空间";
                    if (params) {
                        url = params.url + "&jumpLy=true";
                    }
                    break;
                case 31001010:
                    title = "问题整改";
                    if (params) {
                        url = params.url;
                    }
                    break;
                case 31001011:
                    title = "绩效考核";
                    if (params) {
                        url = params.url;
                    }
                    var msg_type = msgObj.msgType;
                    switch (msg_type) {
                        case "1":
                            url = "/goal/performance/kpiEvaluation?collectId=" + resId;
                            TC.ui.openTab(url, "");
                            return
                        case "2":
                            url = "/goal/performance/kpiEvaluationResult?collectId=" + resId;
                            TC.ui.openTab(url, "");
                            return
                    }
                    break;
                case 21001008: //重大项目
                case 15: //重大项目
                    url = "/project/" + resId + "?projectType=null";
                    TC.ui.openTab(url, "");
                    return
                case 10120005:
                    // 矩阵数据查看
                    url = "/dm/table/" + params.tableDef + "/?m=datain&editType=1&dataId=" + resId + "&referenceId=" + params.referenceId + "&referenceType=" + params.referenceType;
                    break;
                case 12001000:
                    //目标绩效
                    var releaseType = params.releaseType;
                    var goalFormId = params.historyId;
                    var departmentId = params.departmentId;
                    switch (releaseType) {
                        case 1:
                            //目标发布
                            url = "/newGoal/depGoalDetail?depId=" + departmentId + "&gfId=" + goalFormId + "&gfType=" + 1 + "&isMsgCome = true";
                            TC.ui.openTab(url, "");
                            return
                        case 2:
                            //确认分管领导
                            url = "/newGoal/sendCollectionForm?goalFormId=" + goalFormId + "&isMsgComeDeptId=" + departmentId;
                            TC.ui.openTab(url, "");
                            return
                        case 3:
                            //承办单位自查
                            url = "/newGoal/sendSelfEvaluateForm?goalFormId=" + goalFormId + "&isMsgComeDeptId=" + departmentId;
                            TC.ui.openTab(url, "");
                            return
                        case 4:
                            //数据采集打分
                            url = "/newGoal/sendLeadUnitEvaluationForm?goalFormId=" + goalFormId + "&isMsgComeDeptId=" + departmentId;
                            TC.ui.openTab(url, "");
                            return
                        case 5:
                        case 6:
                            //指标进度采集表
                            url = "/quotaPlan/indexProgressDataCollection?goalFormId=" + goalFormId + "&isMsgComeDeptId=" + departmentId;
                            TC.ui.openTab(url, "");
                            return
                        case 7:
                            //指标省/市排名数据采集表
                            url = "/quotaPlan/quotaRankDataFrom?type=" + releaseType + "&goalFormId=" + goalFormId + "&isMsgComeDeptId=" + departmentId;
                            TC.ui.openTab(url, "");
                            return
                        case 8:
                            //指标的发布、编辑、删除时消息(暂时注释掉，因为这个页面穿透过去也无权访问)
                            break;
                        case 9:
                        case 10:
                            // 评价
                            url = "/quotaPlan/jobEvaluation?type=" + releaseType + "&goalFormId=" + goalFormId + "&isMsgComeDeptId=" + departmentId;
                            TC.ui.openTab(url, "");
                            return

                    }
                    break;
            }
            if (title.indexOf("<") > 0) {
                var start = title.indexOf("<");
                var end = title.indexOf(">");
                title = title.substring(start + 1, end);
            }

            // 增加‘isShow’，防止对其他模块的影响
            if (isShow) {
                if (type == 10010001) {
                    if (msgObj.msgType == "batch") {
                        TC.ui.openResource({
                            id: msgObj.taskTypeId,
                            label: '',
                            url: "/taskmt/?m=task-list&taskType=" + msgObj.taskTypeId,
                            icon: ""
                        });
                    } else {
                        TC.util.postAjaxData(TC.config.baseUrl + "/taskmt/getTaskSummaryState/" + resId, {}, function (result) {
                            if (result.state == 7) {
                                $.alert("该事项已被删除")
                            } else if (result.state == 0) {
                                $.alert("该事项已被撤回")
                            } else {
                                if (url == '' || url == null) {
                                    url = "/taskmt/?m=taskDetail&id=" + resId;
                                }
                                TC.ui.openTab(url, "查看事项");
                            }
                        }, true, "get");
                    }
                } else if (type == 19) {
                    TC.ui.openResource({
                        id: resId,
                        label: '部门指标',
                        url: "/goal/list/manager?orgEntityKey=10000002_" + resId,
                        icon: ""
                    });
                } else if (type == 40000005) {
                    TC.ui.openTab("/goal/goalDetailFrame?goalId=" + resId, "");
                } else if (type == 10170002) {
                    //评估表详情穿透
                    TC.ui.openTab("/performance/eval/detail/index?id=" + resId, "");
                } else {
                    //todo 临时做处理，等胡正宇来调整
                    if (url == '' || url == null) {
                        url = "/taskmt/?m=taskDetail&id=" + resId;
                    }
                    TC.ui.openTab(url, "查看事项");
                }
            }

        } else {
            //inspired 未知消息统一打开待办
            var url = "/taskByType/moreAffairList?subType=-1"
            TC.ui.openResource({label: "待办工作", url: url});
        }
    }

    function loginDwr() {
        DwrMessageManager.login('${curUser.id}', '${cid}', function (result) {
            if (result === true) {
                DwrMessageManager.addOnlineTotalChangeListener("onlineTotalChangeListener");
                DwrMessageManager.addOnlinePersonChangeListener("onlinePersonChangeListener");
                DwrMessageManager.addCommunityMessageListener("communityMessageManager.communityMessageListener");
                $.getScript("${path}/tc_ttp/common/datacache.js${resSuffix}", function () {
                    TC.topWin.dataCache.personCache.init();
                    TC.topWin.dataCache.LastContactsCache.init();
                });

                TC.message.listenMessage();
                DwrMessageManager.setReviveMethod("loginDwr");
            }
        });
    }

    function showTemp(obj) {
        var off = $(obj).offset();

        $("#spaceSelect").css("left", off.left + "px");
        $("#spaceSelect").css("top", off.top - 29 + "px");
        $("#spaceSelect").show("fast");
        $("#spaceSelect").mouseleave(function () {
            $(this).hide("fast");
        });
        $("#spaceSelect").click(function () {
            $(this).hide("fast");
        });
    }

    $(".tipsDiv").click(function () {//消息
        var msgContent = $("#msg_detailed_contents");
        var Width = $(window).width();
        if (msgContent.css("display") == 'none') {
            msgContent.css({
                right: -380 + "px",
                top: "110px"
            }).show().animate({
                right: 90 + "px",
            })
        } else {
            msgContent.animate({
                right: -380 + "px",
            }, function () {
                msgContent.hide();
            });
        }

    })
    $("#msg_detailed_contents .msg_detailed_closed").click(function () {
        var msgContent = $(this).parents('#msg_detailed_contents');
        var Width = $(window).width();
        msgContent.animate({
            right: -380 + "px",
        }, function () {
            msgContent.hide();
        });
    });
    var floatNav = ${floatNav};// 1 展示， 0 隐藏
    var topNav = '${topNav}';
    var menuHiddenDefaultOpen = '${menuHiddenDefaultOpen}';//默认展开 1 ，默认收缩2
    $(function () {
        if (!!topNav && topNav == '1') {
            $(".Main_top").css("display", "none");
        }
        if (floatNav == 0) {
            $("#layout-left").hide();
            $("#layout-right").css("margin-left", "0px");
        }
        if (floatNav == 1) {
            if (menuHiddenDefaultOpen == 1) {
                $("#layout-left").css({"position": "static", "width": "200px", "min-width": "200px"});
                $("#leftMenus").css({"position": "static"});
                $("#layout-right").css("margin-left", "0px");
                $(".lefts_imgs").find('span').fadeIn();
                var $lis = $(".lefts_imgs[data-show='true']");
                $lis.find(".list_zeert").show();
                $(".menu-list").show();
                $(".nav_list").addClass("zkList").find("span").show();
            } else if (menuHiddenDefaultOpen == 2) {
                $("#layout-left").css({"position": "absolute"});
                $("#layout-right").css("margin-left", "50px");
            }
        }
    })
    $(".nav_list").click(function (event) {//左侧导航
        event.stopPropagation();
        $(this).toggleClass("zkList");
        if ($(this).hasClass("zkList")) {
            var $this = $(this);
            $("#layout-left").width(200).css("min-width", "200px");
            setTimeout(function () {
                $(".lefts_imgs").find('span').fadeIn();
                var $lis = $(".lefts_imgs[data-show='true']");
                $lis.find(".list_zeert").show();
                $(".menu-list").show();
                $this.find("span").show();
            }, 100);
        } else {
            $("#layout-left").width(50).css("min-width", "0");
            $("#layout-right").css("left", "50px");
            $(".lefts_imgs").find('span').hide();
            $(".menu-list").hide();
            $("#layout-left .list_zeert").hide();
            $(this).find("span").hide();
            $("#leftMenus,#ToolBar").css("box-shadow", "none");
        }
    });
    $("#leftMenus").click(function (event) {
        $(".nav_list").trigger("click");
    });
    $("#leftMenus").on("click", '.list_zeert', function (e) {
        e.stopPropagation();
    })
    $(".list_show").click(function (e) {
        e.stopPropagation();
        var listShow = $(this);
        var leftsImgs = listShow.parents("li:eq(0)");
        var dataShow = leftsImgs.attr("data-show");
        var listZeert = listShow.next(".list_zeert");
        if (typeof dataShow == 'undefined' || dataShow === 'false') {
            leftsImgs.attr("data-show", "true");
            listZeert.slideDown();
        } else {
            leftsImgs.attr("data-show", "false");
            listZeert.slideUp();
        }
    });

    $(".menu-real a").each(function () {
        if ($(this).text().length > 8) {
            var Text1 = $(this).text();
            var Text = $(this).text().substring(0, 8);
            $(this).text(Text + "...");
            $(this).attr("title", Text1);
        }
    });
    $(".node_name").each(function () {
        if ($(this).text().length > 8) {
            var Text = $(this).text().substring(0, 8);
            $(this).text(Text + "...");
        }
    });
    $(".menu-item a").each(function () {
        if ($(this).text().length > 8) {
            var Text1 = $(this).attr("menuName");
            var Text = Text1.substring(0, 8);
            $(this).text(Text + "...");
            $(this).attr("title", Text1);
        }
    });

    $("#bodyCon").on("load", "#mainFrame", function () {
        TC.ui.closeProgressBar();
    })

    $(window).load(function () {
        $(".home-mask").css("opacity", 0);
        setTimeout(function () {
            $(".home-mask").remove();
        }, 200);
    });

    $("#switch .switch_log").click(function (event) {
        $("#switch .switch_content").css("right", "-70px");
        $(this).hide();
        $(this).parent().removeClass("switch_list");
        $(this).parent().addClass("switch_kai");
        $("#switch .switch_content").show();
        $("#switch .switch_content").animate({"right": "0px"}, 400);

        $("#layout-left").width(50);
        $("#layout-right").css("left", "50px");
        $(".lefts_imgs").find('span').hide();
        $(".menu-list").hide();
        $("#layout-left .list_zeert").hide();
        $(".nav_list").find("span").hide();
        Nav_list = false;
        event.stopPropagation();
    }).mousemove(function () {
        $(this).css({"width": "44px", "margin-top": "-20px"});
    }).mouseout(function () {
        $(this).css({"width": "22px", "margin-top": "0px"});
    })
    /* 贵安新区  add by yinj */
    $(".switch_content ul li,.changeMainFrame").click(function (event) {
        var li = $(this);
        li.addClass("show").siblings().removeClass();
        var url = li.data("url");
        var text = li.text();
        changeMainFrame(text, url);
        if (window.localStorage) {
            window.localStorage.setItem("home-page", JSON.stringify({
                name: text,
                url: url
            }));
        }
        event.stopPropagation();
    });

    function test(obj) {
        var li = $(obj);
        li.addClass("show").siblings().removeClass();
        var url = li.data("url");
        var text = li.text();
        changeMainFrame(text, url);
        if (window.localStorage) {
            window.localStorage.setItem("home-page", JSON.stringify({
                name: text,
                url: url
            }));
        }
        event.stopPropagation();
    }

    $("#switch .switch_content").click(function () {
        event.stopPropagation();
    });
    $("body").click(function () {
        $("#switch .switch_content").animate({"right": "-70px"}, 400, function () {
            $("#switch .switch_content").hide();
            $("#switch").removeClass("switch_kai");
            $("#switch").addClass("switch_list");
            $("#switch .switch_log").show();
        });
    });
</script>
<script type="text/javascript" id="leftJs">
    // 左侧样式
    $(".lefts_imgs > a").click(function () {
        var a = $(this), li = a.parent();
        var targets = li.attr("target");
        var lefts = parseInt($("." + targets).css("left"));
        if (lefts == 50) {
            $("." + targets).animate({"left": "-210px"}, 500);
            a.removeClass("current");
        } else {
            $("." + targets).animate({"left": "50px"}, 500).siblings(".detailed_contents").animate({"left": "-210px"}, 300);
            a.addClass("current");
        }
        li.siblings("li").children("a").removeClass("current");
    });
    // 关闭按钮
    $(".closed_contents").click(function () {
        $(this).parents(".detailed_contents").animate({"left": "-210px"});
        $(".lefts_imgs a").removeClass("current");
    });
    // 左侧菜单二级菜单 Modified by Zhengyu.Hu 2017/11/21.
    $(".menu-virtual").on("click", function (e) {
        e.stopPropagation();
        var menu = $(this);
        var $a = menu.find("a");
        var status = $a.attr("status");
        var subMenus = menu.next();
        if (status == "open") {
            $(this).find("a").css("background", "url('${path}/tc_suite/images/j.png') no-repeat 22px 13px")
            subMenus.hide();
            $a.attr("status", "close");
        } else {
            $a.attr("status", "open");
            subMenus.show();
            $(this).find("a").css("background", "url('${path}/tc_suite/images/jj.png') no-repeat 22px 13px")
        }
    });

    // 用于标记是否需要关闭弹出层
    var flag = true;

    // 加载系统消息
    function initMessage() {
        getMsg(1, function () {
            // 10秒后重试
            setTimeout(function () {
                initMessage();
            }, 10000);
        });
    }

    initMessage();

    // 全文检索查询
    var indexSearchWord = $("#indexSearchWord"),
        indexSearchBtn = $("#indexSearchBtn");
    indexSearchWord.on("keydown", function (e) {
        if (e.keyCode === 13) {
            indexSearchBtn.trigger("click");
        }
    });
    indexSearchBtn.on("click", function () {
        var wd = indexSearchWord.val();
        if (wd) {
            var url = "/search?wd=" + encodeURIComponent(wd) + "&app=10010001";
            TC.ui.openResource({label: "\"" + wd + "\"搜索结果", url: url});
        }
    });
</script>

<script type="text/javascript" src="${path}/tc_suite/portal/js/index_mbdb_js.js${resSuffix}"></script>

<%--
<jsp:include page="/tc_tap/tongji.jsp" />
--%>
<style>
    .nineSvg {
        width: 400px;
        height: 400px;
        margin: 150px auto 0;
        display: block;
        box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.5);
    }
</style>
<script type="text/javascript">
    //保存已打开的窗口
    window.MTWindows = {
        wins: new Properties(),
        size: function () {
            return this.wins.size();
        },
        addWin: function (url, win) {
            MTWindows.wins.put(url, win);
        },
        removeWin: function (url) {
            MTWindows.wins.remove(url);
        },
        closeWin: function () {
            //删除
            var win = MTWindows.wins.remove(url);
            //关闭窗口
            if (win && !win.closed) {
                win.close();
            }
        },
        isOpen: function (url) {
            var win = this.getWin(url);
            if (win && !win.closed) {
                return true;
            }
            return false;
        },
        getWin: function (url) {
            return MTWindows.wins.get(url);
        },
        closeAll: function () {
            //关闭所有已打开的窗口
            var wins = this.wins.values();
            for (var i = 0; i < wins.length; i++) {
                var win = wins[i];
                if (win && !win.closed) {
                    win.close();
                }
            }
            //释放浏览器内存
            this.wins.clear();
        },
        openWin: function (url) {
            var win = this.getWin(url);
            if (win && !win.closed) {
                alert("该页面已打开！");
                win.moveTo(0, 0);
                win.focus();
            } else {
                win = window.open(url, '', 'height=' + window.screen.height + ', width=' + window.screen.width + ', top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
                win.moveTo(0, 0);
                this.addWin(url, win);
            }
        },
        activatedWinSize: function () {//已激活的任务数量
            var count = 0;
            var wins = this.wins.values();
            for (var i = 0; i < wins.length; i++) {
                var win = wins[i];
                if (win && !win.closed) {
                    count++;
                }
            }
            return count;
        }
    };

    $("#lockPage").click(function () {
        var id = "svg_" + new Date().getTime();
        var div = "<div id=" + id + " style=\"background: #454545; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 1980;\"><button id='fbtn' style='display:none;left: 50px;position: absolute;top: 50px;'>取消</button><svg class=\"nineSvg\" id=\"nineSvg\"></svg></div>";
        $("body").after(div);
        var pwd = false;
        if (!pwd) {
            alert("请绘制解锁密码！");
            $("#fbtn").show();
        }
        $("#fbtn").click(function () {
            $("#" + id).remove();
            document.oncontextmenu = null;
        })
        document.oncontextmenu = function (e) {
            return false;
        }

        //svg的
        function doSvg() {
            var $that = $("#nineSvg"),//jquery对象
                that = $that[0],//原始对象
                number = 9,//格子的个数
                canLine = false,
                thisL = '',//d的值
                thisPass = [],//画出的密码
                canDoLine = false,//是否在元素上
                passWord = 123456,//设置的密码
                a;

            //画入9宫格子
            for (var i = 0; i < 3; i++) {
                for (var j = 0; j < 3; j++) {
                    var node = $(document.createElementNS("http://www.w3.org/2000/svg", "circle")).attr({
                        'cx': 110 * j + 90,
                        'cy': 110 * i + 90,
                        'r': 40,
                        'stroke': 'rgba(255,255,255,0.5)',
                        'stroke-width': 2,
                        'fill': 'transparent',
                        'class': 'roundA',
                        'canDo': true

                    });
                    $that.append(node);
                }
            }
            //画入线段
            var DoLine = $(document.createElementNS("http://www.w3.org/2000/svg", "path")).attr({
                'stroke': '#fff',
                'stroke-width': 2,
                'fill': 'transparent',
                'd': ' '
            });

            $that.append(DoLine);
            //获取九宫格
            var circle = $that.find('circle');

            //在格子上按下
            circle.mousedown(function () {
                //可以画线
                canLine = true;
                var Mx = $(this).attr("cx"),
                    My = $(this).attr("cy");

                //初始化原点
                thisL = 'M' + Mx + ' ' + My;
            });

            //在对象上移动
            $that.mousemove(function (e) {

                if (canLine) {
                    var NowLin = DoLine.attr('d');
                    DoLine.attr({
                        'd': thisL + 'L' + e.offsetX + ' ' + e.offsetY
                    });
                }

            });

            // 如果移动的时候进入了圆格子
            circle.mousemove(function () {
                if (canLine && $(this).attr('canDo') == 'true') {
                    var X = $(this).attr("cx"),
                        Y = $(this).attr("cy");
                    thisL = thisL + ' L' + X + ' ' + Y;
                    // 加标记
                    markRound($(this));
                    // 改变轨迹
                    DoLine.attr({
                        'd': thisL
                    });
                    // 记录密码
                    thisPass.push($(this).index() + 1);

                    // 标记不可选
                    $(this).attr('canDo', false);

                    //标记鼠标在元素上
                    canDoLine = true;
                }

            });

            //鼠标已经离开了元素的时候做标记
            circle.mouseout(function () {
                canDoLine = false;
            });


            //鼠标抬起
            $that.mouseup(function () {
                var nowPassword = removeSameArr(thisPass).join('');//密码

                if (!nowPassword) return;

                // 清空密码数组
                thisPass = [];

                //如果不元素上,去除后两项
                if (!canDoLine) {
                    DoLine.attr({
                        'd': thisL
                    });
                }

                //判断密码是否正确
                if (!pwd) {
                    passWord = nowPassword;
                    $.cookie("lockPagePwd", nowPassword, {
                        expires: 31
                    });
                    alert("密码绘制成功，请牢记密码！");
                    $("#fbtn").hide();
                    pwd = true;
                } else {
                    if (passWord == nowPassword) {
                        $("#" + id).remove();
                        document.oncontextmenu = null;
                    } else {
                        alert('密码错误');
                    }
                }
                //标记不可划线
                canLine = false;
                // 清楚样式
                $(that).find('.roundB').remove();
                $(that).find('.roundA').attr({
                    'fill': 'transparent',
                    'canDo': true,
                    'stroke': 'rgba(255,255,255,0.5)'
                });
                DoLine.attr('d', '');

            });


            //去除相同的元素
            function removeSameArr(arr) {
                var thisArr = [];

                for (var i = 0; i < arr.length; i++) {
                    if (thisArr.indexOf(arr[i]) == -1) thisArr.push(arr[i]);
                }
                return thisArr;
            }


            //标记选中的方法
            function markRound(obj) {
                var nowRound = obj,
                    round = $(document.createElementNS("http://www.w3.org/2000/svg", "circle")).attr({
                        'cx': nowRound.attr('cx'),
                        'cy': nowRound.attr('cy'),
                        'r': 20,
                        'fill': '#fff',
                        'class': 'roundB'
                    });

                $that.append(round);

                nowRound.attr({
                    'stroke': '#fff',
                    'fill': 'rgba(0,0,0,0.3)'
                });

            }

        }//doSvg

        doSvg();
    })
    <%--$("#lingdang").hover(function () {--%>
    <%--$(this).attr("src", "${path}/tc_ttp/images/lindang.png")--%>
    <%--}, function () {--%>
    <%--$(this).attr("src", "${path}/tc_ttp/images/lindang.png")--%>
    <%--})--%>
    $(".glyphicon-refresh").hover(function () {
        $(this).css("color", "#fff");
    }, function () {
        $(this).css("color", "#fff");
    });

    function openTap(obj, title) {
        TC.ui.openResource({label: title, url: obj});
    }
</script>


<script>
    var personId = "${pid}";

    TC.ui.needlessCheckTabReload(false);

    var padding = "${padding}";

    if (!padding) {
        $(".center").addClass("no-padding");
    }

    //$("body").mask();

    if (${!isAdmin}) {
        $(".titleNav").load("${path}/taskByType/commonMeneList");

        $('.titleNav').on("click", ".liu", function (event) {
            event.stopPropagation();
            if ($(this).parents('.titleNavUlLi ').find('.jscImg').hasClass('hu')) {
                $(this).parents('.titleNavUlLi').find('.listGue').animate({"height": 'hide'}, 300);
                $(this).parents('.titleNavUlLi ').find('.jscImg').removeClass('hu');
            } else {
                $(this).parents('.titleNavUlLi').find('.listGue').animate({"height": 'show'}, 300);
                $(this).parents('.titleNavUlLi ').find('.jscImg').addClass('hu');
            }
        });
    } else {
        var $titleNav = $(".titleNav");
        var $header = $(".titleNav").closest(".mt-header");
        $titleNav.remove();
        $header.css({
            height: "auto",
            minHeight: "auto"
        })

        $("head").append(`
            <style type='text/css'>
                .labelIframe{
                    top: 116px !important;
                    height: calc(100% - 116px) !important;
                }
            </style>
        `);
    }

    function extWork() {
        var url = TC.config.baseUrl + '/tw/home/?m=logout';
        $.confirm($.i18n("common.button.signout.label"), function () {
            top.window.onbeforeunload = null;
            top.window.location.href = url;
        });
    }

    function openSpace(visitId) {
        TC.ui.openTab("/interspace/gotoSpace?visitId=" + visitId, "${tc:i18n('common.personal.space')}");
    }

    var $mainframe = $("#mainFrame");
    // 增加opener
    $mainframe[0].opener = frameElement ? frameElement.opener : null;
    $mainframe.on("load", function () {
        try {
            $("#mainFrame").css('height', '100%')
        } catch (e) {
            // 防止跨域
        }
    });

    function closeMask() {
        $("body").css("visibility", "visible").mask().close();
    }

    $(function () {
        checkHaveUnReadMsg();
    })
    $("#meesageInfo").click(function (event) {
        event.stopPropagation();
    });
    $("#openImModal").click(function () {
        $.ajax({
		type: "get",
		url: TC.config.baseUrl+"/workpro/weburl",
		dataType: "json",
            success: function (data) {
                if(data.state === "success"){
                    if(data.url){
                        $.dialog({
                            title: "",
                            max: false,
                            min: false,
                            content: "url:" + data.url,
                            width: "900px",
                            height: "650px",
                            lock: true,
                            ok:false,
                            cancel: true
                        });
                    }else {
                        $.alert("当前账号无法同步IM，请联系管理员");
                    }
                }else{
                    $.alert("IM打开失败，请重试");
                }
            },
        });
    });

    $("#openHuaDuApp").click(function () {
        function encrypt  (data) {
            /* AES前端加密 */
            let key = CryptoJS.enc.Utf8.parse('4Dd2Bb3Cc1Aa5Ee0');
            let iv = CryptoJS.enc.Utf8.parse('4Dd2Bb3Cc1Aa5Ee0');
            let str = CryptoJS.AES.encrypt(data, key, {
                iv: iv,
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.ZeroPadding,
            }).toString();
            let val = str
                .replace('#', '%23')
                .replace('%', '%25')
                .replace('&', '%26')
                .replace('+', '%2B')
                .replace('//', '%2F')
                .replace('?', '%3F');
            return val;
        };
        $.ajax({
            type: "post",
            url: "http://47.105.108.132:9999/dockingLogin",
            dataType: "json",
            data:{
                username:"admin",
                password: encrypt('123456')
            },
            success: function (data) {
                if(data.code == 200){
                    window.open('http://47.105.108.132:9998/home?token='+data.data);
                }
            },
        });
    });

    /**
     * 检查是否有未读消息，，如果有就显示红点，没有就不显示
     */
    function checkHaveUnReadMsg() {
        var sysMsgs = $("#sysmsg", top.document);
        var unReadMsg = $(sysMsgs).find(".unReadMsg");
        var msgRedDot = $("#meesageInfo").find("span")[0];
        if (!!unReadMsg && unReadMsg.length > 0) {
            $(msgRedDot).show();
        } else {
            $(msgRedDot).hide();
        }
    }
</script>
</body>
</html>