jifuning
/
zhihui_kuangshan_app


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <meta
      name="format-detection"
      content="telephone=no,email=no,date=no,address=no"
    />
    <meta name="format-detection" content="telephone=no" />
    <title>二维码详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/toast.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/QRcode.css"/>

    <link rel="stylesheet" href="../../css/swiper.css" />
    <link rel="stylesheet" href="../../css/animate.css" />
    <link rel="stylesheet" type="text/css" href="../../css/popoPicker.css" />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../script/H5/mobileSelect.css"
    />
    <link rel="stylesheet" href="../../css/select.css" />
    <link rel="stylesheet" href="../../css/addRecode.css" />
    <style>
      .overflow {
        overflow: hidden;
        height: 100%;
      }
      html,
      body {
        overflow-x: hidden;
      }
      p {
        width: auto;
        margin: 0;
        padding: 0;
        text-align: justify;
        font-size: 14px;
        /*text-indent: 30px!important;*/
      }
      * {
        box-sizing: border-box;
      }
      .hide {
        display: none;
      }
      .qrcode-wrap {
        /*padding-top: 5px;*/
        background: #fff;
      }
      .col {
        padding: 0 10px;
        position: relative;
      }
      .col-file {
        padding: 0 10px;
        position: relative;
      }
      .col-file label {
        color: #333;
        font-size: 16px;
        padding: 15px 0;
        position: relative;
        padding-left: 15px;
        width: 100%;
      }

      .file-title-add {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: solid 1px #ecf0f1;
      }


      .file-title-add img {
        display: block;
        width: 14px;
        height: 14px;
      }

      .col label {
        color: #333;
        font-size: 16px;
        padding: 15px 0;
        position: relative;
        padding-left: 15px;
        width: 100%;
      }

      .col-file label:before {
        content: '';
        position: absolute;
        top: 13px;
        left: 0;
        width: 3px;
        height: 26px;
        background: #009fe8;
      }
      .col label:before {
        content: '';
        position: absolute;
        top: 13px;
        left: 0;
        width: 3px;
        height: 26px;
        background: #009fe8;
      }
      .col-file label:after {
        content: '';
        position: absolute;
        top: 13px;
        left: 0;
        width: 3px;
        height: 26px;
        background: #009fe8;
      }
      .col label:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ecf0f1;
      }
      .content {
        padding: 15px 0;
        color: #333;
        font-size: 14px;
      }
      .content p {
        color: #333;
      }
      .col img {
        width: 100%;
        border-radius: 5px;
      }
      .col .swiper-slide img {
        width: 100%;
        height: 209px;
        object-fit: cover;
      }
      /*线*/
      .line {
        height: 3px;
        width: 100%;
        background: #ecf0f1;
      }
      /*轮播*/
      .api_page_text {
        bottom: 0;
      }
      .swiper-pagination-fraction {
        width: 20%;
        left: inherit;
        right: 10px;
        bottom: 5px;
        color: #fff;
        z-index: 1001;
      }
      .api_page_text {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.2);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
      }
      .content .api_banner_info {
        font-size: 14px;
        width: 75%;
        height: 30px;
        padding-left: 5px;
        line-height: 30px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      /*一行两张*/
      .img-atls {
        padding: 15px 0;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
      }
      .img-atls li {
        width: 47%;
        height: 100px;
        margin-bottom: 10px;
      }
      .img-atls img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        object-fit: cover;
      }

      .col-file .img-atls3 {
        display: flex;
        flex-wrap: wrap;
      }

      /*.col-file .img-atls3 li:first-child {
        margin-left: 0
      }*/

      .col-file .img-atls3 li {
        width: 31%;
        height: 100px;
        border-radius: 5px;
        margin: 5px 0 5px 7px;
      }

      .col-file .img-atls3 li img {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 5px;
        object-fit: cover;
      }
      /*文件*/
      .file-item {
        padding: 15px;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        align-items: center;
        font-size: 14px;
        position: relative;
      }
      .file-item:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ecf0f1;
      }
      .file-item:last-child:after {
        height: 0;
      }


      .file-item img {
        width: 45px;
        height: 45px;
        border-radius: 45px;
        margin-right: 15px;
        /*object-fit: contain;*/
        border-radius: 0;
      }
      .file-info {
        min-width: 0;
        width: 100%;
      }
      .file-info p {
        font-weight: 400;
        font-size: 14px;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        word-break: break-all;
        color: #333;
      }
      .file-info span {
        font-size: 12px;
        color: #999;
      }
      /*链接*/
      .file-info .link-title {
        width: 80%;
      }
      .more {
        position: absolute;
        top: 25px;
        right: 10px;
        width: 12px;
        height: 12px;
        background: url('../../image/more.png') center no-repeat;
        background-size: cover;
      }
      /*一行两项*/
      .link-items {
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
      }
      .link-item {
        min-width: 0;
        width: 50%;
        padding: 15px 10px;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        align-items: center;
        position: relative;
      }
      .link-item img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 10px;
      }
      .link-item span {
        font-weight: 400;
        font-size: 14px;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        word-break: break-all;
      }
      .link-item:nth-child(odd):before {
        content: '';
        position: absolute;
        top: 15px;
        right: 0;
        width: 1px;
        height: 50px;
        background: #ecf0f1;
      }
      /*一行三项*/
      .type3 {
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        padding: 15px 0;
      }
      .type3 li {
        width: 33.3333333333333%;
        text-align: center;
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
      }
      .type3 img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin: auto;
        margin-bottom: 10px;
      }
      .type3 p {
        font-weight: 400;
        font-size: 14px;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        word-break: break-all;
        padding: 0 10px;
        color: #333;
        text-align: center;
      }
      /*一行四项*/
      .col .type4 li {
        width: 25%;
      }
      /*视频*/
      .col video {
        width: 100%;
        height: 400px;
      }
      /*铭牌*/
      .nameplate-li {
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        padding: 10px 0;
        font-size: 14px;
        position: relative;
      }
      .nameplate-li p {
        width: 30%;
      }
      .nameplate-li p:last-child {
        width: 70%;
      }
      .border {
        color: #999;
      }
      .border:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ecf0f1;
      }
      .img-tilte {
        margin-top: 10px;
        line-height: 1.8;
      }
      .img-tilte span {
        display: inline;
      }
      .text span {
        display: inline;
      }
      /*添加记录*/
      .add-recode {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 20px 0;
        background: #009fe8;
        color: #fff;
        font-size: 18px;
        z-index: 900;
      }
      .module-box {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1000;
        transition: 0.1s;
      }
      .recode-content {
        position: absolute;
        bottom: 0;
        left: 2%;
        width: 96%;
        height: 345px;
        z-index: 999;
        transition: 0.1s;
      }
      .recode-content p {
        background: #009fe8;
        padding: 15px 0;
        text-align: center;
        color: #fff;
        font-size: 15px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
      }
      .recode-itmes {
        background: #fff;
        height: 230px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding-left: 10px;
        overflow-y: scroll;
      }
      .recode-itmes::-webkit-scrollbar {
        display: none;
      }
      .recode-itme {
        padding: 15px 0;
        color: #333;
        font-size: 14px;
        position: relative;
      }
      .recode-itme:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ecf0f1;
      }
      .recode-itme span {
        display: block;
        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
      .recode-itme i {
        position: absolute;
        top: 16px;
        right: 10px;
        width: 12px;
        height: 12px;
        background: url('../../image/more.png') center no-repeat;
        background-size: cover;
      }
      .close-recode {
        display: block;
        padding: 15px 0;
        text-align: center;
        color: #333;
        border-radius: 8px;
        background: #fff;
        margin-top: 8px;
        font-size: 16px;
      }
      /*浏览记录*/
      .browse-items {
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
      }
      .browse-info {
        padding-top: 15px;
      }
      .browse-item {
        width: 20%;
        font-size: 14px;
        color: #333;
        text-align: center;
        margin-bottom: 10px;
      }
      .browse-item img {
        width: 100%;
        border-radius: 50%;
        object-fit: cover;
        margin: auto;
        margin-bottom: 5px;
      }
      .browse-item p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-width: 0;
      }
      .browse-item span {
        display: block;
        color: #fff;
        /*background: red;*/
        text-align: center;
        margin: auto;
        margin-bottom: 9px;
        border-radius: 50%;
      }
      /*浏览弹出框*/
      .modular {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1000;
      }
      .box {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        position: absolute;
        top: -10%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 270px;
        height: 220px;
        z-index: 200;
        padding: 20px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      .header-img {
        text-align: center;
      }
      .header-img img {
        width: 60px;
        height: 60px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: auto;
      }
      .header-img p {
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
      }
      .header-img {
        margin-bottom: 10px;
      }
      .personal-info p {
        padding: 5px 0;
        text-align: center;
        font-size: 14px;
        color: #333;
      }
      .personal-info .times {
        color: #727472;
      }
      /*记录列表*/
      .recode-wraps {
        width: 95%;
        border: 1px dashed #ecf0f1;
        margin: auto;
        margin-top: 10px;
        border-radius: 5px;
        padding-bottom: 5px;
      }
      .time {
        background: #31a5ff;
        padding: 5px 10px;
        font-size: 14px;
        display: inline-block;
        color: #fff;
        border-radius: 10px;
        position: relative;
        margin-bottom: 5px;
      }
      .name {
        color: #000;
        font-size: 14px;
        /*font-weight: bold;*/
        line-height: 1.6;
      }
      .main {
        padding-left: 50px;
        position: relative;
        padding-bottom: 10px;
      }
      .main:after {
        content: '';
        position: absolute;
        top: 0;
        left: 30px;
        width: 2px;
        background: #31a5ff;
        height: 100%;
      }
      .main:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 23px;
        width: 15px;
        background: #31a5ff;
        height: 15px;
        border-radius: 50%;
      }
      /*三角形*/
      .Triangle {
        position: absolute;
        top: 5px;
        left: -14px;
        width: 0;
        height: 0;
        border-width: 8px;
        border-style: solid;
        border-color: transparent #31a5ff transparent transparent;
        transform: rotate(360deg);
      }
      .recode-img {
        display: inline-block;
        width: 38px;
        height: 46px;
        background: url('../../icon/recode.png') center no-repeat;
        background-size: contain;
        position: relative;
        left: 12px;
        top: 9px;
      }
      .recodeTitle {
        display: block;
        margin-top: 3px;
      }
      .state1 {
        padding-left: 50px;
        position: relative;
      }
      .stop {
        position: absolute;
        top: 6px;
        left: 23px;
        width: 15px;
        height: 15px;
        background: url('../../icon/stop.png') center no-repeat;
        background-size: contain;
        z-index: 800;
      }
      .state1:after {
        content: '';
        position: absolute;
        top: -2px;
        left: 30px;
        width: 2px;
        background: #31a5ff;
        height: 10px;
      }
      .recode-more {
        padding: 20px;
        text-align: center;
      }
      /*点击浏览图片*/
      .gallery {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000000;
        z-index: 10000;
      }
      .gallery-img {
        position: absolute;
        top: 30px;
        right: 0;
        bottom: 30px;
        left: 0;
        background: center center no-repeat;
        background-size: contain;
      }
      /*echarts*/
      .left {
        position: relative;
        width: 100%;
        height: 35px;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        padding-left: ;
      }
      .left input {
        flex: 1;
        height: 35px;
        border: 1px solid #ccc;
        padding: 0 20px 0 10px;
        outline: none;
        background: #fff;
        border-radius: 3px;
      }
      .left #radioSelect {
        flex: 1;
        height: 35px;
        line-height: 34px;
        border: 1px solid #ccc;
        padding: 0 20px 0 10px;
        background: #fff;
        border-radius: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .left span {
        flex: 0 0 80px;
      }
      .Echartsmain {
        text-align: center;
        width: 100%;
      }
      .icos {
        position: absolute;
        top: 10px;
        right: 8px;
        width: 18px;
        height: 13px;
        background: url(../../icon/ico.png) no-repeat;
        background-size: cover;
      }
      .btnSelect {
        text-align: center;
        padding-bottom: 20px;
      }
      .btnSelect button {
        height: 35px;
        line-height: 34px;
        width: 80px;
        border: 1px solid #009fe8;
        background: #009fe8;
        color: #fff;
        border-radius: 3px;
      }
      /*部分记录列表*/
      /*name*/
      .date-lists {
        width: 100%;
        padding: 10px 0;
        overflow-x: scroll;
        white-space: nowrap;
        box-sizing: border-box;
      }
      .date-lists::-webkit-scrollbar {
        display: none;
      }
      .date-wrap {
        width: 100%;
        box-sizing: border-box;
        background: #fff;
        position: relative;
      }
      .date-wrap:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #f0f0f0;
      }
      .date-lists li {
        margin-right: 10px;
        border: 1px solid #f0f0f0;
        padding: 0 10px;
        height: 32px;
        line-height: 31px;
        border-radius: 5px;
        color: #ccc;
        display: inline-block;
      }
      .date-lists .active {
        background: #009fe8;
        color: #fff;
      }
      .no_data {
        text-align: center;
        color: #999;
        font-size: 15px;
        padding: 20px 0;
      }
      /*弹出*/
      .module-box1 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 159, 232, 0.9);
      }
      .module-box1:after {
        content: '点击输入密码查看';
        width: 100%;
        height: 23px;
        position: absolute;
        top: -45px;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        color: #fff;
        font-size: 16px;
        text-align: center;
      }
      .module-box1:before {
        content: '';
        width: 50px;
        height: 50px;
        position: absolute;
        top: 45px;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background: url('../../icon/key.png') no-repeat;
        background-size: cover;
      }
      /*工资密码*/
      .wages-layout {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
      }
      .wages {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        height: 200px;
        margin: auto;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
      }
      .wages-title {
        text-align: center;
        font-size: 18px;
      }
      .wages-wrap {
        padding: 15px 10px 0 10px;
        box-sizing: border-box;
      }
      .wages-wrap input {
        width: 100%;
        height: 35px;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        padding-left: 10px;
        box-sizing: border-box;
      }
      .btn-term {
        text-align: center;
        margin-top: 20px;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
      }
      .btn-term button {
        width: 49%;
        padding: 10px 0;
        text-align: center;
        border-radius: 3px;
      }
      .btn-close {
        border: 1px solid #e8e8e8;
      }
      .btn-close:active {
        background: #e8e8e8;
      }
      .btn-confirm:active {
        background: rgba(0, 159, 232, 0.7);
        border: 1px solid rgba(0, 159, 232, 0.7);
      }
      .btn-confirm {
        margin-top: 10px;
        border: 1px solid #009fe8;
        background: #009fe8;
        color: #fff;
      }
      .Tips {
        color: #6c6f74;
        font-size: 12px;
        padding: 0 10px;
        margin-top: 20px;
      }

      /*图片上传  图集上传*/

      .container-Load_QrCode {
        position: relative;
      }

      .fileToUpload {
        position: absolute;
        overflow: hidden;
        right: 0;
        top: 0;
        opacity: 0;
      }

      .camera-area,
      .camera-area-imgthree {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .camera-area img,
      .camera-area-imgthree img,
      .camera-area-link img{
        width: 35px;
        height: 35px;
      }
      /* 新增链接 */

      .form-data {
        text-align: left;
        /*height: 200px;*/
      }
      .add-link-form-item {
        padding: 5px 0
      }

      .add-link-form-item label {
        text-align: left;
      }

      .icon-img-list img {
        width: 100px;
        height: 100px;
        display: none;
        border-radius: 100px;
        padding-top: 5px;
      }

    </style>
  </head>
  <body>
    <!--  b直接显示的wrap-->
    <div class="recode-warp" style="display: none;">
      <div class="recode_contents">
        <div class="template_my_record">
          <p class="template_name"></p>
          <p class="my_record" onclick="my_recode()">我的记录</p>
        </div>
        <div id="position_warp"></div>
        <div id="recode_content"></div>
      </div>
    </div>
    <!--  a类型 1.底部，2.图标，3.列表-->
    <div class="a-recodeWrap">
      <div class="a-recodeWrap3" id="add_recodes_list"></div>
      <div class="a-recodeWrap2" id="add_recodes_icon"></div>
    </div>
    <!--二维码详情-->
    <div
      class="qrcode-wrap"
      id="qrcode_wrap"
      style="margin-bottom: 60px;"
    ></div>
    <!--浏览信息弹出框-->
    <div class="modular hide animated" id="myModal">
      <div class="box">
        <div class="header-img">
          <!--<img src="http://jiewei-php-files.oss-cn-qingdao.aliyuncs.com/avatar/avatar_15038412.png" alt="">-->
        </div>
        <div class="personal-info">
          <p class="name"></p>
          <p class="dep"></p>
          <p class="times"></p>
        </div>
      </div>
    </div>
    <!--    点击浏览图片-->
    <div class="gallery">
      <span class="gallery-img"></span>
    </div>
    <!--    模块权限验证-->
    <div class="wages-layout" id="wages-layout" style="display: none;">
        <div class="wages">
            <h3 class="wages-title">模块权限验证</h3>
            <div class="wages-wrap">
                <input type="password" placeholder="请输入模块密码" class="password">
                <p class="Tips-p" style="color:red;font-size:12px;margin-top:5px;"></p>
            </div>
            <div class="Tips">
                <span>友情提示：该密码为用户模块密码。</span>
            </div>
            <div class="btn-term">
                <button type="button" name="button" class="btn-close" onclick="closeWages()">取消</button>
                <button type="button" name="button" class="btn-confirm" onclick="Jurisdiction()">确认</button>
            </div>
        </div>
    </div>
  </body>
</html>
<script type="text/template" id="addRecodeTemplate">
  <!-- 是否开启定位 -->
  {{?it.position == true}}
    {{=getLonLat(false)}}
  {{?}}
  <!-- 状态-->
  {{?it.recordStatusList != "" && it.recordStatusList != null}}
    {{ for(var i= 0;i<it.recordStatusList.length;i++) { }}
      <div class="modula state">
          <label class="title isOptionals" isOptional="true">
              {{=it.recordStatusList[i].statusContent}}:
              <span>*</span>
          </label>
          <div class="text-input input-recode">
              <input type="text" placeholder="请选择{{=it.recordStatusList[i].statusContent}}" statusId="{{=it.recordStatusList[i].statusId}}" class="isOptional input moreStatusA" id="moreStatus{{=it.recordStatusList[i].id}}" readonly>
              <i class="ico"></i>
          </div>
      </div>
      {{?it.recordStatusList[i].choseType === 'checkbox'}}
        {{=statusCheckbox('moreStatus'+it.recordStatusList[i].id,it.recordStatusList[i].statusItemList,it.recordStatusList[i].statusContent)}}
      {{??}}
        {{=statusRadio('moreStatus'+it.recordStatusList[i].id,it.recordStatusList[i].statusItemList,it.recordStatusList[i].statusContent)}}
      {{?}}
    {{ } }}
  {{??it.statusName !=""}}
    <div class="modula state">
        <label class="title isOptionals" isOptional="true">
            {{=it.statusName}}:
            <span>*</span>
        </label>
        <div class="text-input input-recode">
            <input type="text" placeholder="请输入{{=it.statusName}}" class="isOptional input statusContent">
        </div>
    </div>
  {{?}}
  <!-- 记录项 -->
  {{ for(var key in it.inputList) { }}
    <div class="row_col">
      <label style="display:{{=key==""?'none':'block'}}">{{=key}}</label>
      <div class="content" style="padding-top:15px;">
        {{ for(var i=0;i<it.inputList[key].length;i++) { }}
            {{?it.inputList[key][i].inputType === 'text'}}
              <div class="modula text">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <textarea oninput="Oninput(this)" placeholder="请输入{{=it.inputList[key][i].inputName}}" style="padding: 10px 15px" recordTrem-id="{{=it.inputList[key][i].id}}" class="isOptional input recordTrems textarea"></textarea>
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'date_auto'}}
              <div class="modula text">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="text" readonly value="{{=getYearMonthDate()}}" class="isOptional input recordTrems" recordTrem-id="{{=it.inputList[key][i].id}}">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'dateTime_auto'}}
              <div class="modula text">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="text" readonly value="{{=getYearMonthDateTime()}}" class="isOptional input recordTrems" recordTrem-id="{{=it.inputList[key][i].id}}">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'text_phone'}}
              <div class="modula text">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="tel" placeholder="请填写手机号" value="{{=JSON.parse($api.getStorage('data')).data.user.mobile == null?'':JSON.parse($api.getStorage('data')).data.user.mobile}}" class="isOptional input recordTrems" recordTrem-id="{{=it.inputList[key][i].id}}">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'text_id'}}
              <div class="modula text">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="text" placeholder="请填写身份证号"  value="{{=JSON.parse($api.getStorage('data')).data.user.identity_card == null?'':JSON.parse($api.getStorage('data')).data.user.identity_card }}" class="isOptional input recordTrems" recordTrem-id="{{=it.inputList[key][i].id}}">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'company_auto'}}
              <div class="modula text">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="text" readonly value="{{=JSON.parse($api.getStorage('data')).data.user.section}}" class="isOptional input recordTrems" recordTrem-id="{{=it.inputList[key][i].id}}">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'dateTime'}}
              <div class="modula date-time">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="datetime-local" data-datetime="true" class="isOptional input recordTrems" recordTrem-id="{{=it.inputList[key][i].id}}">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'date'}}
              <div class="modula date">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="date" class="isOptional input recordTrems" recordTrem-id="{{=it.inputList[key][i].id}}">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'file'}}
              <div class="modula file-warp">
                  <label class="title" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode file-items-add fileList_warp" recordTrem-id="{{=it.inputList[key][i].id}}">
                     <div class="upload file-width" onclick="getFile(this,'file')">
                         <img src="../../image/upload.png" alt="">
                     </div>
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'mp3'}}
              <div class="modula audio-warp">
                  <h4 class="title" isOptional="{{=it.inputList[key][i].isOptional}}">
                    <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                    {{=it.inputList[key][i].inputName}}：
                  </h4>
                  <div class="text-input input-recode mp3_wrap" recordTrem-id="{{=it.inputList[key][i].id}}">
                      <div class="upload-audio">
                        <span class="upload-btn" onclick="getFile(this,'mp3')"></span>
                        <button type="button" class="del-btn hide" onclick="delAudio(this)">删除</button>
                      </div>
                      <div class="audio-content">

                      </div>
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'number'}}
              <div class="modula number">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                    <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                    {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="number" placeholder="请输入{{=it.inputList[key][i].inputName}}" recordTrem-id="{{=it.inputList[key][i].id}}" class="isOptional input recordTrems">
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'photo'}}
              <div class="modula img-warp">
                  <label class="title" isOptional="{{=it.inputList[key][i].isOptional}}">
                      <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                      {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode file-items-add img-items photoFile" isOptional="{{=it.inputList[key][i].isOptional}}" recordTrem-id="{{=it.inputList[key][i].id}}">
                      <div class="upload file-width" onclick="uploadImg('{{=it.inputList[key][i].businessType}}',this)">
                          <img src="../../image/upload.png" alt="">
                      </div>
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'radio'}}
              <div class="modula radio">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                    <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                    {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="text" placeholder="请选择" class="isOptional input changeInput" recordTrem-id="{{=it.inputList[key][i].id}}" id="radio{{=i}}" readonly>
                      <i class="ico"></i>
                  </div>
              </div>
              {{=radioRecord('radio'+i,it.inputList[key][i].inputItemList)}}
            {{??it.inputList[key][i].inputType === 'video'}}
              <div class="modula vedio-warp">
                  <h4 class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                    <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                    {{=it.inputList[key][i].inputName}}：
                  </h4>
                  <div class="text-input input-recode mp4_wrap" recordTrem-id="{{=it.inputList[key][i].id}}">
                      <div class="upload-audio">
                          <span class="upload-btn1" onclick="getFile(this,'mp4')"></span>
                          <button type="button" class="del-btn hide" onclick="delVedio(this)">删除</button>
                      </div>
                      <div class="audio-content">

                      </div>
                  </div>
              </div>
            {{??it.inputList[key][i].inputType === 'checkbox'}}
              <div class="modula checkbox">
                  <label class="title isOptionals" isOptional="{{=it.inputList[key][i].isOptional}}">
                    <span style="display:{{=it.inputList[key][i].isOptional== true?'inline-block':'none'}}">*</span>
                    {{=it.inputList[key][i].inputName}}：
                  </label>
                  <div class="text-input input-recode">
                      <input type="text" placeholder="请选择" class="isOptional input changeInput" recordTrem-id="{{=it.inputList[key][i].id}}"  id="checkbox{{=i}}" readonly>
                      <i class="ico"></i>
                  </div>
              </div>
              {{=checkboxRecord('checkbox'+i,it.inputList[key][i].inputItemList)}}
            {{?}}
        {{ } }}
      </div>
    </div>
  {{ } }}
  <!-- 检查项 -->
  {{?it.checkItemList != ""}}
    {{ for(var i= 0;i<it.checkItemList.length;i++) { }}
      <div class="modula checkbox-term">
        <label class="title" style="margin-bottom: 0">
            {{=it.checkItemList[i].group.groupName}}：
        </label>
        <div class="radio-wrap">
          {{?it.checkItemList[i].group.checkType == 'radio'}}
            {{ for(var t=0;t<it.checkItemList[i].checkItemList.length;t++) { }}
              <label>
                <input class="aui-radio checked" type="radio" value="{{=it.checkItemList[i].checkItemList[t].id}}" name="{{=it.checkItemList[i].group.groupName}}">
                {{=it.checkItemList[i].checkItemList[t].itemValue}}
              </label>
            {{ } }}
          {{??}}
            {{ for(var t=0;t<it.checkItemList[i].checkItemList.length;t++) { }}
              <label>
                <input class="aui-checkbox checked" type="checkbox" value="{{=it.checkItemList[i].checkItemList[t].id}}" name="{{=it.checkItemList[i].group.groupName}}">
                {{=it.checkItemList[i].checkItemList[t].itemValue}}
              </label>
            {{ } }}
          {{?}}
        </div>
      </div>
    {{ } }}
  {{?}}
  <button type="button" name="button" class="submit-btn" onclick="submitRecode()">提交记录</button>
</script>
<script type="text/template" id="mapTemplate">
  <div class="position flex-space-between">
      <div class="map-name flex-start">
        <i class="ico-map"></i>
        <div class="names">
          <p class="map1">{{=it.address}}</p>
        </div>
      </div>
      <p class="again" onclick="getLonLat(true)">重新定位</p>
  </div>
</script>
<script type="text/template" id="templateQrcode">
  {{~it:value}}
    <!-- 文本 -->
        {{?value.pageRelation.businessType === 'TEXT'}}
          <div class="col text">
            <label class="{{=value.textVo.title==null?'hide':(value.textVo.title == ""?'hide':'')}}">{{=value.textVo.title}}</label>
            <div class="content" style="line-height:1.8">{{=base64.decode(value.textVo.dataContent)}}</div>
            {{?value.pageRelation.permissionType == '3'}}
              <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
            {{?}}
          </div>
          <div class="line"></div>
        {{??value.pageRelation.businessType === 'IMAGE_TEXT'}}
          <div class="col">
            <label class="{{=value.imageText.title==null?'hide':(value.imageText.title == ""?'hide':'')}}">{{=value.imageText.title}}</label>
            <div class="content" style="{{=value.imageText.imageUrl==""?'padding-top:0':''}}">
              <img src="{{=value.imageText.imageUrl}}" alt="">
              <div class="img-tilte" style="{{=value.imageText.imageUrl==""?'margin-top:0':''}}">{{=base64.decode(value.imageText.dataContent)}}</div>
            </div>
            {{?value.pageRelation.permissionType == '3'}}
              <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
            {{?}}
          </div>
          <div class="line"></div>
        {{??value.pageRelation.businessType === 'PICTURE' && value.pictureList!="" && value.pictureList!=null}}
          {{?value.pictureList[0].imageType == 10}}
            <div class="col">
              <label style="display:{{=value.pictureList[0].title==null?'none':(value.pictureList[0].title == ""?'none':'block')}}">{{=value.pictureList[0].title}}</label>
              <div class="content">
                <div class="swiper-container">
                  <div class="swiper-wrapper" id="age_list">
                    {{ for(var i = 0;i<value.pictureList.length;i++) { }}
                      <div class="swiper-slide" onclick="openLink('{{=value.pictureList[i].imageLinking}}', '{{=value.pictureList[i].imageUrl}}','{{=value.pictureList[i].imageTitle == ""?'':(value.pictureList[i].imageTitle==null?'':(value.pictureList[i].imageTitle == 'null'?'':value.pictureList[i].imageTitle))}}')">
                        <a href="javascript:;" style="display:block">
                          <img src="{{=value.pictureList[i].imageUrl}}" style="display:block;width:100%" alt="">
                        </a>
                        <div class="api_page_text">
                          <p class="api_banner_info">{{=value.pictureList[i].imageTitle == ""?'':(value.pictureList[i].imageTitle==null?'':(value.pictureList[i].imageTitle == 'null'?'':value.pictureList[i].imageTitle))}}</p>
                        </div>
                      </div>
                    {{ } }}
                  </div>
                  <div class="swiper-pagination swiper-pagination-fraction" id="api_page"></div>
                </div>
              </div>
              {{?value.pageRelation.permissionType == '3'}}
                <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
              {{?}}
            </div>
            <div class="line"></div>
          {{??value.pictureList[0].imageType == 11}}
          <div class="col-file">
              <div class="file-title-add">
                <label style="display:{{=value.pictureList[0].title==null?'none':(value.pictureList[0].title == ""?'none':'block')}}">{{=value.pictureList[0].title}}</label>
                {{? value.mantFlag}}
                  <div class="container-Load_QrCode" style="display:{{=value.pictureList[0].title==null?'none':(value.pictureList[0].title == ""?'none':'block')}}">
                      <div
                        onclick="qrCodeListUploadImg('{{=value.pageRelation.businessId}}','{{=value.pictureList[0].title}}','{{=value.pictureList[0].imageType}}','{{=value.pictureList.length}}')"
                        class="camera-area-imgthree"
                        >
                        <img src="../../image/shangchuan.png" alt="">
                      </div>
                  </div>
                {{?}}
              </div>
              <ul class="img-atls">
                {{ for(var i = 0;i<value.pictureList.length;i++) { }}
                    <li onclick="openLink('{{=value.pictureList[i].imageLinking}}', '{{=value.pictureList[i].imageUrl}}','{{=value.pictureList[i].imageTitle}}')">
                      <img src="{{=value.pictureList[i].imageUrl}}" alt="">
                    </li>
                {{ } }}
              </ul>
              {{?value.pageRelation.permissionType == '3'}}
                <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
              {{?}}
          </div>
            <div class="line"></div>
          {{??value.pictureList[0].imageType == 12}}
            <div class="col-file">
                <div class="file-title-add">
                  <label style="display:{{=value.pictureList[0].title==null?'none':(value.pictureList[0].title == ""?'none':'block')}}">{{=value.pictureList[0].title}}</label>
                  {{? value.mantFlag}}
                    <div class="container-Load_QrCode" style="display:{{=value.pictureList[0].title==null?'none':(value.pictureList[0].title == ""?'none':'block')}}">
                        <div
                          class="camera-area-imgthree"
                          onclick="qrCodeListUploadImg('{{=value.pageRelation.businessId}}','{{=value.pictureList[0].title}}','{{=value.pictureList[0].imageType}}','{{=value.pictureList.length}}')">
                          <img src="../../image/shangchuan.png" alt="">
                        </div>
                    </div>
                  {{?}}
                </div>
                <ul class="img-atls3">
                  {{ for(var i = 0;i<value.pictureList.length;i++) { }}
                      <li onclick="openLink('{{=value.pictureList[i].imageLinking}}', '{{=value.pictureList[i].imageUrl}}','{{=value.pictureList[i].imageTitle}}')">
                        <img src="{{=value.pictureList[i].imageUrl}}" alt="">
                      </li>
                  {{ } }}
                </ul>
                {{?value.pageRelation.permissionType == '3'}}
                  <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
                {{?}}
            </div>
            <div class="line"></div>
          {{?}}
        <!-- **** -->
        {{??value.pageRelation.businessType === 'VIDEO' && value.videoList !="" && value.videoList !=null}}
          <div class="col">
            <div class="content">
              <video controls="" x5-video-player-type="h5" poster="" loop="">
                <source src="{{=value.videoList[0].videoUrl}}" type="video/mp4">
              </video>
            </div>
            {{?value.pageRelation.permissionType == '3'}}
              <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
            {{?}}
          </div>
          <div class="line"></div>
        {{??value.pageRelation.businessType === 'LINKS' && value.linksList != "" && value.linksList != null}}
          {{?value.linksList[0].types ==11}}
            <div class="col-file">
              <div class="file-title-add">
                <label style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}">{{=value.linksList[0].title}}</label>
                {{? value.mantFlag}}
                  <div
                    style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}"
                    class="camera-area-link"
                    onclick="qrCodeListUploadLink('{{=value.pageRelation.businessId}}','{{=value.linksList[0].title}}','{{=value.linksList[0].types}}','{{=value.linksList.length}}')">
                    <img src="../../image/shangchuan.png" alt="">
                  </div>
                {{?}}
              </div>
              <ul class="file-items">
                {{ for(var i = 0;i<value.linksList.length;i++) { }}
                  <li class="file-item" onclick="openLink('{{=value.linksList[i].linkUrl}}','','{{=value.linksList[i].linkName}}')" style="padding:10px 5px">
                    <!-- style="height:auto;" -->
                    <img src="{{=value.linksList[i].imageUrl=='../../static/images/link.png'?'../../icon/link.png':(value.linksList[i].imageUrl==null?'../../icon/link.png':(value.linksList[i].imageUrl==""?'../../icon/link.png':value.linksList[i].imageUrl))}}"  alt="">
                    <div class="file-info">
                      <p class="link-title">{{=value.linksList[i].linkName}}</p>
                    </div>
                    <i class="more"></i>
                  </li>
                {{ } }}
              </ul>
              {{?value.pageRelation.permissionType == '3'}}
                <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
              {{?}}
            </div>
            <div class="line"></div>
          {{??value.linksList[0].types == 12}}
            <div class="col">
              <div class="file-title-add">
                <label style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}">{{=value.linksList[0].title}}</label>
                {{? value.mantFlag}}
                  <div
                    style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}"
                    class="camera-area-link"
                    onclick="qrCodeListUploadLink('{{=value.pageRelation.businessId}}','{{=value.linksList[0].title}}','{{=value.linksList[0].types}}',,'{{=value.linksList.length}}')">
                    <img src="../../image/shangchuan.png" alt="">
                  </div>
                {{?}}
              </div>
              <ul class="link-items">
                {{ for(var i = 0;i<value.linksList.length;i++) { }}
                  <li class="link-item" onclick="openLink('{{=value.linksList[i].linkUrl}}','','{{=value.linksList[i].linkName}}')">
                    <img src="{{=value.linksList[i].imageUrl=='../../static/images/link.png'?'../../icon/link.png':(value.linksList[i].imageUrl==null?'../../icon/link.png':(value.linksList[i].imageUrl==""?'../../icon/link.png':value.linksList[i].imageUrl))}}" alt="">
                    <span class="link-title">{{=value.linksList[i].linkName}}</span>
                  </li>
                {{ } }}
              </ul>
              {{?value.pageRelation.permissionType == '3'}}
                <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
              {{?}}
            </div>
            <div class="line"></div>
          {{??value.linksList[0].types == 13}}
            <div class="col">
              <div class="file-title-add">
                <label style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}">{{=value.linksList[0].title}}</label>
                {{? value.mantFlag}}
                  <div
                    style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}"
                    class="camera-area-link"
                    onclick="qrCodeListUploadLink('{{=value.pageRelation.businessId}}','{{=value.linksList[0].title}}','{{=value.linksList[0].types}}',,'{{=value.linksList.length}}')">
                    <img src="../../image/shangchuan.png" alt="">
                  </div>
                {{?}}
              </div>
              <ul class="type3">
                {{ for(var i = 0;i<value.linksList.length;i++) { }}
                  <li onclick="openLink('{{=value.linksList[i].linkUrl}}','','{{=value.linksList[i].linkName}}')">
                    <img src="{{=value.linksList[i].imageUrl=='../../static/images/link.png'?'../../icon/link.png':(value.linksList[i].imageUrl==null?'../../icon/link.png':(value.linksList[i].imageUrl==""?'../../icon/link.png':value.linksList[i].imageUrl))}}" alt="">
                    <p>{{=value.linksList[i].linkName}}</p>
                  </li>
                {{ } }}
              </ul>
              {{?value.pageRelation.permissionType == '3'}}
                <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
              {{?}}
            </div>
            <div class="line"></div>
          {{??value.linksList[0].types == 14}}
            <div class="col">
              <div class="file-title-add">
                <label style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}">{{=value.linksList[0].title}}</label>
                {{? value.mantFlag}}
                  <div
                    style="display:{{=value.linksList[0].title==null?'none':(value.linksList[0].title == ""?'none':'block')}}"
                    class="camera-area-link"
                    onclick="qrCodeListUploadLink('{{=value.pageRelation.businessId}}','{{=value.linksList[0].title}}','{{=value.linksList[0].types}}','{{=value.linksList}}')">
                    <img src="../../image/shangchuan.png" alt="">
                  </div>
                {{?}}
              </div>
              <ul class="type3 type4">
                {{ for(var i= 0;i<value.linksList.length;i++) { }}
                  <li onclick="openLink('{{=value.linksList[i].linkUrl}}','','{{=value.linksList[i].linkName}}')">
                    <img src="{{=value.linksList[i].imageUrl=='../../static/images/link.png'?'../../icon/link.png':(value.linksList[i].imageUrl==null?'../../icon/link.png':(value.linksList[i].imageUrl==""?'../../icon/link.png':value.linksList[i].imageUrl))}}" alt="">
                    <p>{{=value.linksList[i].linkName}}</p>
                  </li>
                {{ } }}
              </ul>
              {{?value.pageRelation.permissionType == '3'}}
                <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
              {{?}}
            </div>
            <div class="line"></div>
          {{?}}
          <!-- TODO // 上传文件
          // 浏览手机文件夹,获取文件路径 -->
        {{??value.pageRelation.businessType === 'FILE' && value.fileList !="" && value.fileList != null}}
          <div class="col-file">
            <div class="file-title-add">
              <label style="display:{{=value.fileList[value.fileList.length-1].title==null?'none':(value.fileList[value.fileList.length-1].title == ""?'none':'block')}}">{{=value.fileList[value.fileList.length-1].title}}</label>
              <div class="container-Load_QrCode" style="display:{{=value.fileList[value.fileList.length-1].title==null?'none':(value.fileList[value.fileList.length-1].title == ""?'none':'block')}}">
                  {{? value.mantFlag}}
                    <div
                      class="camera-area"
                      onclick="qrCodeListUpload('{{=value.pageRelation.businessId}}','{{=value.fileList.length}}')">
                      <img src="../../image/shangchuan.png" alt="">
                      <!-- <span>上传</span> -->
                    <input
                      type="file"
                      name=""
                      class="fileToUpload"
                      id=""
                      style="overflow: hidden;"
                    />
                    </div>
                  {{?}}
              </div>
            </div>
            <ul class="file-items file-item-type-ul">
              {{ for(var i = 0;i<value.fileList.length;i++) { }}
                {{?value.fileList[i].fileName.endsWith('doc') || value.fileList[i].fileName.endsWith('docx')}}
                  <li class="file-item file-item-type"  onclick="browseFile('{{=value.fileList[i].filePath}}')">
                    <img src="../../icon/doc.png" alt="" style="width:40px;height:40px;">
                    <div class="file-info">
                      <p>{{=value.fileList[i].fileName}}</p>
                      <span>{{=value.fileList[i].fileSize}}</span>
                    </div>
                  </li>
                {{??value.fileList[i].fileName.endsWith('ppt') || value.fileList[i].fileName.endsWith('ptx')}}
                  <li class="file-item file-item-type" onclick="browseFile('{{=value.fileList[i].filePath}}')">
                    <img src="../../icon/ppt.png" alt="" style="width:40px;height:40px;">
                    <div class="file-info">
                      <p>{{=value.fileList[i].fileName}}</p>
                      <span>{{=value.fileList[i].fileSize}}</span>
                    </div>
                  </li>
                {{??value.fileList[i].fileName.endsWith('pdf')}}
                  <li class="file-item file-item-type" onclick="browseFile('{{=value.fileList[i].filePath}}')">
                    <img src="../../icon/pdf.png" alt="" style="width:40px;height:40px;">
                    <div class="file-info">
                      <p>{{=value.fileList[i].fileName}}</p>
                      <span>{{=value.fileList[i].fileSize}}</span>
                    </div>
                  </li>
                {{??value.fileList[i].fileName.endsWith('zip') || value.fileList[i].fileName.endsWith('rar')}}
                  <li class="file-item file-item-type" onclick="browseFile('{{=value.fileList[i].filePath}}',true)">
                    <img src="../../icon/zip.png" alt="" style="width:40px;height:40px;">
                    <div class="file-info">
                      <p>{{=value.fileList[i].fileName}}</p>
                      <span>{{=value.fileList[i].fileSize}}</span>
                    </div>
                  </li>
                {{??value.fileList[i].fileName.endsWith('xlsx') || value.fileList[i].fileName.endsWith('xls') }}
                  <li class="file-item file-item-type" onclick="browseFile('{{=value.fileList[i].filePath}}')">
                    <img src="../../icon/lsx.png" alt="" style="width:40px;height:40px;">
                    <div class="file-info">
                      <p>{{=value.fileList[i].fileName}}</p>
                      <span>{{=value.fileList[i].fileSize}}</span>
                    </div>
                  </li>
                {{??}}
                  <li class="file-item" onclick="browseFile('{{=value.fileList[i].filePath}}')">
                  <img src="../../icon/OTHER.png" alt="" style="width:40px;height:40px;">
                  <div class="file-info">
                    <p>{{=value.fileList[i].fileName}}</p>
                    <span>{{=value.fileList[i].fileSize}}</span>
                  </div>
                </li>
                {{?}}
              {{ } }}
            </ul>
            {{?value.pageRelation.permissionType == '3'}}
              <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
            {{?}}
          </div>
          <div class="line"></div>
        {{??value.pageRelation.businessType === 'EQUIPMENT' && value.equipmentList !="" && value.equipmentList != null}}
        <div class="col" style="margin-bottom:5px">
          <label style="display:{{=value.equipmentList[0].title==null?'none':(value.equipmentList[0].title == ""?'none':'block')}}">{{=value.equipmentList[0].title}}</label>
          <ul class="nameplate">
            <li class="nameplate-li">
              <p>名称</p>
              <p>内容</p>
            </li>
            {{ for(var i = 0;i<value.equipmentList.length;i++) { }}
              <li class="nameplate-li border">
                <p>{{=value.equipmentList[i].paramName}}</p>
                <p>{{=value.equipmentList[i].paramContent}}</p>
              </li>
            {{ } }}
          </ul>
          {{?value.pageRelation.permissionType == '3'}}
            <div class="module-box1" onclick="openWages(this,'{{=value.pageRelation.permissionValue}}')"></div>
          {{?}}
        </div>
        <div class="line"></div>
      {{?}}
    {{~}}
    <!-- 添加记录模版 -->
    <div id="add_recodes"></div>
    <!-- Echarts -->
    <div class="Echarts col" id="Echarts" style="display:none"></div>
    <div class="line"></div>
    <!-- 显示部分记录列表 -->
    <div class="recodeContent">
      <div class="date-wrap" id="date_wrap"></div>
      <div id="recodes"></div>
    </div>
    <!-- 浏览信息   -->
    <div class="line"></div>
    <div class="col">
    <label>浏览记录</label>
    <div class="browse-info">
      <ul class="browse-items" id="browse_items"></ul>
    </div>
  </div>
</script>
<!-- 浏览记录列表 -->
<script type="text/template" id="browseTl">
  {{~it:value:index}}
   {{?index < 14}}
     {{?value.name != "" && value.name != null}}
       {{?value.img == null}}
         <li class="browse-item" onclick="openModular('{{=value.name}}','{{=value.img}}','{{=value.department}}','{{=value.createDate}}')">
           <span style="width: {{=imgSize()}}px;height:{{=imgSize()}}px;line-height:{{=imgSize()}}px;background-color:#{{=Math.random().toString(16).slice(2,8)}}">{{=value.name.substr(value.name.length-1,1)}}</span>
           <p style="text-align: center;">{{=value.name}}</p>
         </li>
       {{??}}
         <li class="browse-item" onclick="openModular('{{=value.name}}','{{=value.img}}','{{=value.department}}','{{=value.createDate}}')">
           <img src="{{=value.img.substr(value.img, 4) == 'http'?value.img:urlphp+value.img}}" style="width: {{=imgSize()}}px;height:{{=imgSize()}}px" alt="">
           <p style="text-align: center;">{{=value.name}}</p>
         </li>
       {{?}}
     {{?}}
   {{?}}
  {{~}}
  <li class="browse-item" onclick="moreBrowse()">
    <span style="width: {{=imgSize()}}px;height:{{=imgSize()}}px;line-height:{{=imgSize()}}px;color:#333;border:1px solid #ECF0F1;">更多</span>
    <p style="visibility: hidden;">更多</p>
  </li>
</script>
<!-- 添加记录列表 底部弹出-->
<script type="text/template" id="addTemplate">
  <button type="button" name="button" class="add-recode" onclick="openRecode()">添加记录</button>
   <div class="module-box hide">
     <div class="recode-content">
       <p>请选择你要添加的内容</p>
       <ul class="recode-itmes">
         {{~it:value}}
             <li class="recode-itme" onclick="openAddRecode('{{=value.templateName}}', '{{=value.id}}')">
               <span>{{=value.templateName}}</span>
               <i></i>
             </li>
         {{~}}
       </ul>
       <a href="javascript:;" class="close-recode" onclick="closeRecode()">取消</a>
     </div>
   </div>
</script>
<!-- 添加记录 图标类型 -->
<script type="text/template" id="addTemplate_icon">
  <ul class="a-recodeWrap-ul-icon">
    {{~it:value}}
      <li onclick="openAddRecode('{{=value.templateName}}', '{{=value.id}}')">
          <img src="{{=value.iconUrl == null?'../../icon/link.png':value.iconUrl}}" alt="">
          <span>{{=value.templateName}}</span>
      </li>
    {{~}}
  </ul>
</script>
<!-- 添加记录 列表类型 -->
<script type="text/template" id="addTemplate_list">
  <ul class="a-recodeWrap-ul">
    {{~it:value}}
      <li onclick="openAddRecode('{{=value.templateName}}', '{{=value.id}}')">
          {{=value.templateName}}
          <i class="a-addRecode"></i>
      </li>
    {{~}}
  </ul>
</script>

<!-- Echarts -->
<script type="text/template" id="templateReocde">
  <label>统计</label>
  <div class="Echartsmain">
    <canvas id="container" height="0"></canvas>
    <canvas id="container1" height="0" style="display:none;"></canvas>
  </div>
  <div class="left flex-start selectTime1" style="margin-top:15px;">
    <span>起始时间： </span>
    <input type="text" name="start_date" placeholder="选择开始日期" readonly="readonly" class="startTime">
  </div>
  <div class="left flex-start endTime1">
    <span>结束时间： </span>
    <input type="text" name="end_date" placeholder="选择开始日期" readonly="readonly" class="endTime">
  </div>
  <div class="left flex-start screen">
    <span>统计项： </span>
    <div id="radioSelect">请选择</div>
    <i class="icos"></i>
  </div>
  <div class="left flex-start screenSelectType">
    <span>图表类型： </span>
    <input type="text" placeholder="请选择" value="饼图" class="SelectType" readonly>
    <i class="icos"></i>
  </div>
  <div class="btnSelect">
    <button type="button" onclick="switchEcharts()">统计</button>
  </div>
</script>
<script type="text/javascript" src="../../script/api.js"></script>
<!-- 记录模版名称 -->
<script type="text/template" id="TemplateName">
  <div class="col">
    <label>记录列表</label>
    <ul class="date-lists flex-start">
      {{~it:value:index}}
            {{?index == 0}}
              <li class="active" onclick="randomSwitchBtn(this,'{{=value.parentId}}')">{{=value.templateName}}</li>
            {{??}}
              <li onclick="randomSwitchBtn(this,'{{=value.parentId}}')">{{=value.templateName}}</li>
            {{?}}
        {{~}}
    </ul>
  </div>
</script>
<!-- 部分记录列表 -->
<script type="text/template" id="recodeTemplate">
  <div class="col">
    <div class="recodes-wrap">
      {{=it ==""?'<p class="no_data">暂无数据<p>':''}}
      {{~it:value:index}}
        {{?index<5}}
           <div class="recode-wraps">
                 <span class="recode-img"></span>
               <div class="recode-list">
                  {{ for (var t=0;t<value.length;t++) { }}
                     <div class="main" onclick="openRecordDe('{{=value[t].recordParentId}}')">
                         <p class="time">
                             {{=value[t].createDate}}
                             <span class="Triangle"></span>
                             <span class="recodeTitle">{{=value[t].templateName}}</span>
                         </p>
                         <p class="name">{{=value[t].createName}}</p>
                         <div class="name">
                           {{?value[t].recordStatusInstanceList != null}}
                             {{ for(var i= 0;i<value[t].recordStatusInstanceList.length;i++){ }}
                               <div class="state-items">
                                 <p class="state-title" style="width:auto;display:{{=value[t].statusName == ""?'none':'inline-block'}}">{{=value[t].recordStatusInstanceList[i].statusName}}：</p>
                                   {{ for(var j= 0;j<value[t].recordStatusInstanceList[i].recordStatusInstanceItemList.length;j++){ }}
                                     {{?value[t].recordStatusInstanceList[i].recordStatusInstanceItemList.length == 1}}
                                       <span>{{=value[t].recordStatusInstanceList[i].recordStatusInstanceItemList[j].statusContent}}</span>
                                     {{??}}
                                       <span>{{=value[t].recordStatusInstanceList[i].recordStatusInstanceItemList[j].statusContent}},</span>
                                     {{?}}
                                   {{ } }}
                                </div>
                              {{ } }}
                            {{??}}
                              <div class="state-items">
                                <p class="state-title" style="width:auto;display:{{=value[t].statusName == ""?'none':'inline-block'}}">{{=value[t].statusName}}:</p>
                                <span>{{=value[t].statusContent}}</span>
                               </div>
                            {{?}}
                         </div>
                     </div>
                     {{?t == value.length-1}}
                     {{?value[value.length-1].continueStatus == false}}
                         <div class="state1">
                             <p class="time">
                                 结束：{{=value[t].createDate}}
                                 <span class="Triangle" style="top:6px;"></span>
                             </p>
                             <i class="stop"></i>
                         </div>
                       {{??}}
                         <div class="state1 wait">
                             <p class="time" style="background:#F7A329">
                                 等待处理......
                                 <span class="Triangle" style="top:6px;border-color: transparent #F7A329 transparent transparent;"></span>
                             </p>
                             <i class="stop" style="background: url('../../icon/Continue.png')  center no-repeat;background-size: contain;"></i>
                         </div>
                       {{?}}
                     {{?}}
                 {{ } }}
               </div>
           </div>
        {{?}}
      {{~}}
    </div>
    <div class="recode-more" onclick="openBrowseRecordItem('记录列表')">查看更多</div>
  </div>
</script>
<script type="text/javascript" src="../../script/base64.js"></script>
<script type="text/javascript" src="../../script/doT.min.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/f2.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script src="../../script/popoPicker.js" charset="utf-8"></script>
<script src="../../script/H5/mobileSelect.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../script/select.js"></script>
<script src="../../script/addRecode.js" charset="utf-8"></script>
<script src="../../script/config.js" charset="utf-8"></script>
<script type="text/javascript" src="../../script/aui-dialog.js" ></script>
<script type="text/javascript">
(function($) {
    $.extend($.fn, {
      fileUpload: function(opts, callback) {
        this.each(function() {
          var $self = $(this);
          var doms = {
            fileToUpload: $self.find('.fileToUpload'),
            thumb: $self.find('.thumb'),
            progress: $self.find('.upload-progress'),
          };
          var funs = {
            //选择文件，获取文件大小，也可以在这里获取文件格式，限制用户上传非要求格式的文件
            fileSelected: function() {
              var files = doms.fileToUpload[0].files;
              var type = doms.fileToUpload[0].files[0].name.split('.')[1];
              var count = files.length;
              for (var index = 0; index < count; index++) {
                var file = files[index];
                var fileSize = 0;
                if (file.size > 1024 * 1024)
                  fileSize =
                    (
                      Math.round((file.size * 100) / (1024 * 1024)) / 100
                    ).toString() + 'MB';
                else
                  fileSize =
                    (Math.round((file.size * 100) / 1024) / 100).toString() +
                    'KB';
              }
              if (
                type == 'xls' ||
                type == 'ppt' ||
                type == 'pptx' ||
                type == 'xlsx' ||
                type == 'doc' ||
                type == 'docx' ||
                type == 'zip' ||
                type == 'rar' ||
                type == 'pdf' || 'jpg'
              ) {
                setTimeout(function() {
                  funs.uploadFile();
                }, 300);
              } else {
                alert('选择文件格式不正确');
              }
            },
            //异步上传文件
            uploadFile: function() {
              var fd = new FormData(); //创建表单数据对象
              var files = doms.fileToUpload[0].files;
              var count = files.length;
              for (var index = 0; index < count; index++) {
                var file = files[index];
                fd.append(opts.file, file); //将文件添加到表单数据中
                //   funs.previewImage(file); //上传前预览图片，也可以通过其他方法预览txt
              }
              var xhr = new XMLHttpRequest();
              xhr.upload.addEventListener(
                'progress',
                funs.uploadProgress,
                false
              ); //监听上传进度
              xhr.addEventListener('load', funs.uploadComplete, false);
              xhr.addEventListener('error', opts.uploadFailed, false);
              xhr.open('POST', opts.url);
              xhr.send(fd);
            },
            uploadProgress: function(evt) {
              if (evt.lengthComputable) {
                var percentComplete = Math.round(
                  (evt.loaded * 100) / evt.total
                );
                doms.progress.html(percentComplete.toString() + '%');
              }
            },
            uploadComplete: function(evt) {
              callback(evt.target.responseText);
            },
          };
          doms.fileToUpload.on('change', function() {
            doms.progress.find('span').width('0');
            funs.fileSelected();
          });
        });
      },
    });
  })(Zepto);

  var base64 = new Base64();
  var toast = new auiToast();
  var dialog = new auiDialog({});
  var pageId = '',
    organizationIds = '',
    recodeTeamId = '',
    name = '',
    uuid = '',
    topSpace = 0,
    startDate = '',
    endDate = '',
    echartsType = 1,
    mobileSelect = '',
    implementOne = true,
    token = '',
    headers,
    recodeData = [{id: '1', value: '暂无数据'}], //统计记录列表数据;
    imgServerData = {},
    mantFlag;
    // handlePutLinkUrl = {};
  apiready = function () {
    $apis.UILoading('browseQrcodeDe');
    UIAlbumBrowser = api.require('UIAlbumBrowser');
    var info = $api.getStorage('data');
    userName = name = JSON.parse(info).data.user.name;
    userId = uuid = JSON.parse(info).data.user.staff_num;
    token = JSON.parse(info).data.access_token || '';
    headers = {
        "Authorization": "Bearer " + token
    };
    pageId = api.pageParam.pageId;
    departmentId = organizationIds = JSON.parse(info).data.user.section_id;
    api.addEventListener({
        name: 'handAddLinkUrl'
    }, function(ret, err) {
        $api.val($api.dom('#linkUrl'),`${URLjavaLink}/assets/html/QRcoddetails/index.html?name=&uuid=&pageId=${ret.value.pageId}&departmentID=`);
    });
    QrDetails()
      .then((ret) => {
        // 添加浏览人数
        return addDrowse();
      })
      .then((ret) => {
        // 浏览人数
        return browseNum();
      })
      .then((ret) => {
        // 浏览人数
        $apis.html(browse_items, '#browseTl', ret.data);
      })
      .catch((err) => {});
  };

  // 二维码详情
  let QrDetails = () => {
    return new Promise((resolve, reject) => {
      var parm = {
        pageId: pageId,
        sourceType: '',
        organizationIds: organizationIds,
        userId: uuid,
        userName: name,
      };
      $http.fnReuestDataNologing(
        UrlRouter.getQrcodeDe,
        '',
        'get',
        parm,
        function (ret, err) {
          if (ret.code === '200') {
            var showMoudle = true;
            mantFlag = ret.data.mantFlag;
            //TODO
            ret.data.pageItemList.forEach(function(item) {
              item.mantFlag = mantFlag
            })
            $apis.html(qrcode_wrap, '#templateQrcode', ret.data.pageItemList);
            if (ret.data.pageRecordAppVo != null) {
                $('.recode-warp').show()
                pageRecordParentId = ret.data.pageRecordAppVo.parentId;
                templateId = ret.data.pageRecordAppVo.recordTemplate.id
                templateName = ret.data.pageRecordAppVo.recordTemplate.templateName
                $('.template_name').html(templateName)
                $apis.html(recode_content, '#addRecodeTemplate', ret.data.pageRecordAppVo.recordTemplate);
            } else {
                for (var i = 0; i < ret.data.pageItemList.length; i++) {
                    if (ret.data.pageItemList[i].pageRelation.businessType === 'RECORD' && ret.data.pageItemList[i].pageRecordList != "" && ret.data.pageItemList[i].pageRecordList != null) {
                        showMoudle = false
                    }
                }
            }
            if (showMoudle === false) {
              // 能填写逻辑
              if (ret.data.addFlag == true && ret.data.othersFlag == true) {
                if (ret.data.pageItemShowIndex1.length > 0 ) {
                    $apis.html(add_recodes, '#addTemplate', ret.data.pageItemShowIndex1);
                }
                if (ret.data.pageItemShowIndex2.length > 0) {
                    $apis.html(add_recodes_icon, '#addTemplate_icon', ret.data.pageItemShowIndex2);
                }
                if (ret.data.pageItemShowIndex3.length > 0) {
                    $apis.html(add_recodes_list, '#addTemplate_list', ret.data.pageItemShowIndex3);
                }
              }else if (ret.data.othersFlag == false) {
                // 所有人都能查看和填写
                if (ret.data.pageItemShowIndex1.length > 0 ) {
                    $apis.html(add_recodes, '#addTemplate', ret.data.pageItemShowIndex1);
                }
                if (ret.data.pageItemShowIndex2.length > 0) {
                    $apis.html(add_recodes_icon, '#addTemplate_icon', ret.data.pageItemShowIndex2);
                }
                if (ret.data.pageItemShowIndex3.length > 0) {
                    $apis.html(add_recodes_list, '#addTemplate_list', ret.data.pageItemShowIndex3);
                }
                TemplateName()
              }

            }
            var showMoudle1 = true
            for (var i = 0; i < ret.data.pageItemList.length; i++) {
                if (ret.data.pageItemList[i].pageRelation.businessType === 'RECORD' && ret.data.pageItemList[i].pageRecordList != "" && ret.data.pageItemList[i].pageRecordList != null) {
                    showMoudle1 = false
                }
            }
            if (showMoudle1 === false) {
              // 查看人权限
                if (ret.data.viewFlag == true && ret.data.othersFlag == true) {
                  TemplateName()
                }else if (ret.data.othersFlag == false) {
                  TemplateName()
                }
                $apis.html(Echarts, '#templateReocde', '');
                timeSelectrecode()
                setTimeout(() => {
                    var date = new Date();
                    var year = date.getFullYear()
                    var month = date.getMonth() + 1
                    month = month < 10 ? '0' + month : month
                    var d = date.getDate();
                    d = d < 10 ? '0' + d : d
                    startDate = year + "-" + month + "-01"
                    endDate = year + "-" + month + "-" + d
                    $('.startTime').val(startDate)
                    $('.endTime').val(endDate)
                    selectRecode(pageId, startDate, endDate)
                }, 1000)
            }
            $apis.swiper('.swiper-container', true, 'fraction');
            $apis.CloseUILoading();
            resolve(ret);
          } else {
            reject(err);
          }
        }
      );
    });
  };


  // 添加链接
  function qrCodeListUploadLink(parentId,title,types,linksList) {
    // http://colliery.nxjiewei.com/assets/html/QRcoddetails/index.html?name=&uuid=&pageId=d7a62c0f72b746d58a59747f99e1c305&departmentID=
    let msg = `<div class="form-data">
        <div class="add-link-form-item">
            <label class="column-title">名称：</label>
            <input type="text" name="" value="" placeholder="请输入名称" class="inputBox colimn-input input-s font-s link-name">
        </div>
        <div class="add-link-form-item">
          <label class="column-title">上传链接图标：</label>
          <h6 onclick="linkItemAddImg()">
            <div class="aui-btn aui-btn-info"><span class="aui-iconfont aui-icon-plus" ></span>上传图片</div>
            <div class="icon-img-list">
               <img />
            </div>
          </h6>
        </div>
        <div>
        <div class="add-link-form-item">
            <label class="column-title">链接：</label>
            <input type="text" name="" value="" placeholder="请输入链接" class="inputBox colimn-input input-s font-s link-url" id="linkUrl" onclick="handleSetLinkUrl()">
        </div>
    </div>`

    dialog.alert({
        title: "新增链接",
        msg: msg,
        buttons: ['取消','确定']
    },function(ret){
        if(ret.buttonIndex == 2) {
          if($('.link-name').val() == '') {
            api.toast({
                msg: '请输入链接标题',
                duration: 2000,
                location: 'top'
            });
          } else if ($('.link-url').val() == '') {
            api.toast({
                msg: '请输入链接',
                duration: 2000,
                location: 'top'
            });
          } else if ($('.link-name').val() != '' && $('.link-url').val() != '') {

            let params = [
              {
                deleteFlag: false,
                id: '',
                imageUrl: imgServerData.fullURL,
                linkName: $('.link-name').val(),
                linkUrl: $('.link-url').val(),
                numIndex: Number(linksList)+1,
                pageId: pageId,
                parentId: parentId,
                title: title,
                types: types
              }
            ]
            api.ajax({
               url: UrlRouter.addLinks,
               method: 'post',
               headers: {
                   'Content-Type': 'application/json;charset=utf-8'
               },
               data: {
                  body: params
              }
           }, function(ret, err) {
               if (ret.code == 200 || ret.code == 203) {
                   QrDetails()
               } else {
                   // console.log(JSON.stringify(err));
               }
           });
          }
        }
    })
  }

  // 输入链接地址时  跳转二维码搜索页面
  function handleSetLinkUrl() {
    // e.stopPropagation();
    let pageParam = {
      type: 'addLinkUrl'
    }
    $event.openWin('search_win','../page/search_win',pageParam,'')
  }

  // 添加链接时 添加图片
  function linkItemAddImg() {
    api.getPicture({
        sourceType: 'library'
    }, function(ret, err){
        if(ret && ret.data!=""){
              $http.fileUploadRequest(UrlRouter.uploadFile,'post',{file:ret.data})
                .then(res => {
                  if(res.code == 200) {
                    $('.icon-img-list').css({display: 'block'})
                    $(".icon-img-list img").css({display: 'block'})
                    $(".icon-img-list img").attr('src', res.data.fullURL);
                    imgServerData = res.data;
                  }
                })
        }
    });
  }

  // 添加图集
  function qrCodeListUploadImg(parentId,title,imageType,pictureList) {
    api.getPicture({
        sourceType: 'library'
    }, function(ret, err){
        if(ret && ret.data!=""){
             uploadHeadAtlas(ret.data,parentId,title,imageType,pictureList);;
        }else{
            //  console.log(JSON.stringify(err));
        }
    });

  }

  // 图片上传成功后，开始调用添加图集方法
  function uploadHeadAtlas(imgUrl,parentId,title,imageType,pictureList) {
    $http.fileUploadRequest(UrlRouter.uploadFile,'post',{file:imgUrl})
      .then(res => {
        let params= [
          {
            id: '',
            pageId: pageId,
            title: title,
            imageName: res.data.fileName,
            imageUrl: res.data.fullURL,
            imageLinking: '',
            pageRelationId: '',
            imageType: imageType,
            deleteFlag: false,
            parentId: parentId,
            numIndex: Number(pictureList)+1
          }
        ]
        api.ajax({
            url: UrlRouter.addPicture,
            method: 'post',
            headers: {
                'Content-Type': 'application/json;charset=utf-8'
            },
            data: {
               body: params
           }
        },function(ret, err){
            if (ret.code == 200 || ret.code == 203) {
                toast.hide()
                QrDetails()
            } else {
                // console.log(JSON.stringify(err));
            }
        });
      })
  }

  // 文件上传
 function qrCodeListUpload(parentId,fileList) {
   $('.camera-area').fileUpload({url: UrlRouter.uploadFile,file: 'file'},
       function(res) {
         let resData = JSON.parse(res);
         let params =[
           {
             deleteFlag: false,
             fileName: resData.data.fileName,
             filePath: resData.data.fullURL,
             fileSize: bytesToSize(resData.data.size),
             id: '',
             numIndex: Number(fileList)+1,
             pageId: pageId,
             parentId: parentId,
             title: ''
           }
         ]
         toast.loading({
             title: "上传中",
             duration: 3000
         });
         api.ajax({
            url: UrlRouter.addFile,
            method: 'post',
            headers: {
                'Content-Type': 'application/json;charset=utf-8'
            },
            data: {
               body: params
           }
        }, function(ret, err) {
            if (ret.code == 200 || ret.code == 203) {
                toast.hide()
                QrDetails()
            } else {
                // console.log(JSON.stringify(err));
            }
        });
       }
     );
 }
  // 上传文件 文件格式为PPT PTX lsx doc等格式
  function uploadFile(el, fileUrl) {
    $http
      .fileUploadRequest(UrlRouter.uploadFile, 'post', {file: fileUrl})
      .then((ret) => {
        if (ret.code === '200') {
          api.toast({
            msg: '上传成功',
            duration: 2000,
            location: 'top',
          });
          var fileType = ret.data.fileName.substr(
            ret.data.fileName.length - 3,
            3
          );
          if (
            fileType == 'ppt' ||
            fileType == 'ptx' ||
            fileType == 'lsx' ||
            fileType == 'xls' ||
            fileType == 'doc' ||
            fileType == 'ocx' ||
            fileType == 'zip' ||
            fileType == 'rar' ||
            fileType == 'pdf'
          ) {
            var html = `<li class="file-item file-item" file-Url="${
              ret.data.fullURL
            }" file-Name="${ret.data.fileName}">
                          <img src="../../icon/${ret.data.fullURL.substr(
                            ret.data.fullURL.length - 3,
                            3
                          )}.png" style="width:40px;height:40px;"/>
                          <div class="file-info">
                            <p>${ret.data.fileName}</p>
                          </div>
                      </li>`;
            $api.before($api.dom('.file-item-type'), html);
          } else {
            api.toast({
              msg: '文件格式不对',
              duration: 2000,
              location: 'top',
            });
          }
        } else {
          api.toast({
            msg: '上传失败',
            duration: 2000,
            location: 'top',
          });
        }
      })
      .catch((err) => {
        api.toast({
          msg: '网络错误',
          duration: 2000,
          location: 'top',
        });
      });
  }
  // 添加浏览人数
  function addDrowse() {
    return new Promise(function (resolve, reject) {
      var data = {
        "createBy": "",
        "createDate": "",
        "id": "",
        "userId": uuid,
        "pageId": pageId,
        "status": "CREATE",
      };
      api.ajax({
          url: UrlRouter.addPageUser,
          method: 'post',
          headers: headers,
          data: {
              body: data
          }
      },function(ret, err){
          if (ret) {
              resolve(ret);
          } else {
              reject(err);
          }
      });
    });
  }
  // 浏览人数
  function browseNum() {
    return new Promise(function (resolve, reject) {
      $http.fnReuestDataNologing(
        UrlRouter.getPageUserByPageId + pageId,
        '',
        'get',
        '',
        function (ret, err) {
          if (ret.code === '200') {
            resolve(ret);
          } else {
            reject(err);
          }
        }
      );
    });
  }
  // 浏览人员详情
  function openModular(name, img, dep, time) {
    $('.modular').show();
    $('.box').addClass('animated bounceInDown');
    setTimeout(function () {
      $('.box').removeClass('animated bounceInDown');
    }, 1000);
    if (img == 'null') {
      $('.box')
        .find('.header-img')
        .html(
          ` <p style="background:#${Math.random()
            .toString(16)
            .slice(
              2,
              8
            )};width: 60px;height: 60px;line-height:60px;margin: auto">${name.substr(
            name.length - 1,
            1
          )}</p>`
        );
    } else {
      var url = img.substr(img, 4);
      if (url == 'http') {
        $('.box').find('.header-img').html(`<img src="${img}">`);
      } else {
        $('.box')
          .find('.header-img')
          .html(`<img src="${urlphp + img}">`);
      }
    }
    $('.box')
      .find('.name')
      .html('姓名：' + name);
    $('.box')
      .find('.dep')
      .html('部门：' + dep);
    $('.box')
      .find('.times')
      .html('最新浏览时间：' + time);
  }
  $('body').on('click', function (e) {
    if (event.target == document.getElementById('myModal')) {
      $('#myModal').hide();
    }
  });
  // 查看更多浏览记录
  function moreBrowse() {
    var parm = {
      id: pageId,
    };
    $event.openTabLayout('moreBrowse', 'moreBrowse', '浏览记录', parm);
  }
  // 打开记录列表(add)
  function openRecode() {
    $api.removeCls($api.dom('.module-box'), 'hide');
    $api.addCls($api.dom('.add-recode'), 'hide');
    BodyScroll(true);
  }
  // 关闭记录列表(add)
  function closeRecode() {
    $api.addCls($api.dom('.module-box'), 'hide');
    $api.removeCls($api.dom('.add-recode'), 'hide');
    BodyScroll(false);
  }
  // 记录模版列表
  var num = 0;
  function TemplateName() {
    $http.fnReuestDataNologing(
      UrlRouter.selectRecordByGetPageId + pageId,
      '',
      'get',
      '',
      function (ret, err) {
        if (ret.code == '200' && ret.data != '') {
          $apis.html(date_wrap, '#TemplateName', ret.data);
          recodeList(ret.data[0].parentId);
        }
      }
    );
  }
  // 记录列表
  function recodeList(data) {
    var parm = {
      pageId: pageId,
      pageRecordParentId: data,
      pageNumber: 1,
      pageSize: 5,
    };
    $http.fnReuestDataNologing(
      UrlRouter.getPageRecordInstanceList,
      '',
      'get',
      parm,
      function (ret, err) {
        if (ret.code == '200') {
          $apis.html(recodes, '#recodeTemplate', ret.data);
        }
      }
    );
  }
  // 切换模版名称
  function randomSwitchBtn(tag, ParentId) {
    if (tag == $api.dom('.date-lists li.active')) return;
    var eFootLis = $api.domAll('.date-lists li');
    index = 0;
    for (var i = 0, len = eFootLis.length; i < len; i++) {
      if (tag == eFootLis[i]) {
        index = i;
      } else {
        $api.removeCls(eFootLis[i], 'active');
      }
    }
    $api.addCls(eFootLis[index], 'active');
    recodeList(ParentId);
  }
  // 动态计算浏览人数img大小
  function imgSize() {
    var width = document.body.clientWidth;
    return width / 5 - 23;
  }
  // 上传文件  TODO
  function browseFileUpload(el, type) {
    // var fileBrowser = api.require('fileBrowser');
    // fileBrowser.open(function (ret) {
    //   if (ret) {
    //     var type = ret.name.substring(ret.name.lastIndexOf('.'));
    //     if (
    //       type === '.xls' ||
    //       type === '.ppt' ||
    //       type === '.pptx' ||
    //       type === '.xlsx' ||
    //       type === '.doc' ||
    //       type === '.docx' ||
    //       type === '.zip' ||
    //       type === '.rar' ||
    //       type === '.pdf'
    //     ) {
    //       setTimeout(function () {
    //         uploadFile(el, ret.url);
    //       }, 500);
    //     } else if (type === '.mp3') {
    //       setTimeout(function () {
    //         uploadAudio(el, ret.url);
    //       }, 500);
    //     } else if (type === '.mp4') {
    //       setTimeout(function () {
    //         uploadVedio(el, ret.url);
    //       }, 500);
    //     } else {
    //       alert('选择文件格式不正确');
    //     }
    //   }
    // });
    // fileBrowser.skin({
    //   skin: 1,
    // });
  }
  // 文件在线浏览
  function browseFile(paths, flag) {
    api.download(
      {
        url: paths,
        report: true,
        cache: true,
        allowResume: true,
      },
      function (ret, err) {
        if (ret.state == 1) {
          if (!flag) {
            var superFile = api.require('superFile');
            superFile.open({path: ret.savePath});
          }
          setTimeout(function () {
            api.toast({
              msg: '下载成功',
              duration: 2000,
              location: 'top',
            });
          }, 100);
        } else {
        }
      }
    );
  }
  // 链接跳转
  function openLink(path, imgUrl, title) {
    var num = path.indexOf('?'),
      sPath = path.substr(num + 1);
    var arr = sPath.split('&');
    if (sPath === '') {
      var $galleryImg = $('.gallery-img');
      var $gallery = $('.gallery');
      $galleryImg.attr('style', 'background-image: url("' + imgUrl + '");');
      $gallery.show();
      $gallery.on('click', function () {
        $gallery.hide();
      });
    } else if (arr[0].slice(0, 7) == 'pageId=') {
      var parm = {
        pageId: arr[0].substring(7),
        organizationIds: organizationIds,
        title: title,
      };
      $event.openWin(
        'browseQrcode_win' + Math.random(),
        'browseQrcode_win',
        parm,
        ''
      );
    } else if (arr[0].slice(0, 5) == 'name=') {
      var parm = {
        pageId: arr[2].substring(7),
        organizationIds: organizationIds,
        title: title,
      };
      $event.openWin(
        'browseQrcode_win' + Math.random(),
        'browseQrcode_win',
        parm,
        ''
      );
    } else if (path.indexOf('order::') === 0) {
      var pageParam = {
        id: path.substring(7),
        title: '工单审批',
      };
      $event.openWin(
        'changeFill_win' + Math.random(),
        '../wordorder/changefillword_win',
        pageParam,
        ''
      );
    } else if (path.indexOf('token::') === 0) {
      $event.openWin(
        'browseUrl' + Math.random(),
        'browseUrl',
        {url: path.substring(7) + '&token=' + token},
        title
      );
    } else {
      $event.openWin('browseUrl' + Math.random(), 'browseUrl', {url: path}, '');
    }
  }
  //跳转到添加记录
  function openAddRecode(title, pageRecordId) {
    var param = {
      pageId: pageId,
      pageRecordId: pageRecordId,
      createBy: uuid,
      createName: name,
      recordTrueID: '',
      organizationIds: organizationIds,
    };
    $event.openTabLayout(
      'addRecode' + Math.random(),
      'addRecode',
      title,
      param
    );
  }
  // 记录列表跳转
  function openBrowseRecordItem(title) {
    $event.openTabLayout('recodeItem' + Math.random(), 'recodeItem', title, {
      id: pageId,
      departmentID: organizationIds,
      name: name,
      uuid: uuid,
    });
  }
  // 记录详情
  function openRecordDe(id) {
    $event.openTabLayout(
      'recodeDetails' + Math.random(),
      'recodeDetails',
      '记录详情',
      {recordParentId: id}
    );
    // $event.openWin('browseRecodeDe'+Math.random(),'browseRecodeDe',{id:id,departmentID:organizationIds,name:name,uuid:uuid},'');
  }
  // 遮罩层下面内容不让滚动
  function BodyScroll(isState) {
    var bodyDoc = document.body;
    if (isState) {
      topSpace = window.scrollY;
      bodyDoc.style.position = 'fixed';
      bodyDoc.style.width = '100%';
      bodyDoc.style.top = -topSpace + 'px';
    } else {
      bodyDoc.style.position = '';
      bodyDoc.style.top = '';
      window.scrollTo(0, topSpace);
    }
  }
  // 根据时间查询记录列表
  let timeSelectrecode = () => {
    var startTime = '',
      endTime = '';
    new popoDateTime('.startTime', {
      container: '.selectTime1',
      background: 'light',
      time: false,
      save: function (data) {
        startTime = data;
        startDate = data;
        if (startTime && endTime) {
          selectRecode(pageId, startTime, endTime);
        }
      },
    });
    new popoDateTime('.endTime', {
      container: '.endTime1',
      background: 'light',
      time: false,
      save: function (data) {
        endTime = data;
        endDate = data;
        if (startTime && endTime) {
          selectRecode(pageId, startTime, endTime);
        }
      },
    });
    dropDown();
  };
  // Echarts
  let selectRecode = (pageId, startTime, endTime) => {
    $http.fnReuestDataNologing(
      UrlRouter.getSearchPageRecordInstance +
        pageId +
        '/' +
        startTime +
        '/' +
        endTime,
      '',
      'get',
      '',
      (ret, err) => {
        if (ret && ret.code === '200') {
          if (ret.data.length == 0) {
            $('#Echarts').hide();
            recodeData = [{id: 0, value: '暂无数据'}];
            recodeTeamId = '';
            mobileSelect.updateWheel(0, recodeData);
            mobileSelect.locatePostion(0, 0);
            $('#radioSelect').html('请选择');
          } else {
            $('#Echarts').show();
            var data = ret.data.map((item) => {
              return {
                id:
                  item.itemId +
                  '/' +
                  item.pageId +
                  '/' +
                  item.pageRecordParentId +
                  '::' +
                  item.flag,
                value: item.templateName + '-' + item.name,
              };
            });
            $('#radioSelect').html(data[0].value);
            recodeTeamId = data[0].id;
            mobileSelect.updateWheel(0, data);
            mobileSelect.locatePostion(0, 0);
            if (implementOne) {
              implementOne = false;
              selectStatue(recodeTeamId, 1, startDate, endDate);
            }
          }
        }
      }
    );
  };
  // 切换图表类型
  let switchEcharts = () => {
    if (recodeTeamId == '') {
      api.toast({
        msg: '请选择记录项',
        duration: 2000,
        location: 'top',
      });
    } else {
      selectStatue(recodeTeamId, echartsType, startDate, endDate);
    }
  };
  //Echarts 点击记录项统计
  let selectStatue = (data, type, startTime, endTime) => {
    if (data.substring(data.length - 1) == 1) {
      statusEcharts(
        data.substring(0, data.lastIndexOf('::')),
        type,
        startTime,
        endTime
      );
    } else {
      recodeEcharts(
        data.substring(0, data.lastIndexOf('::')),
        type,
        startTime,
        endTime
      );
    }
  };
  // 状态项统计
  let statusEcharts = (value, type, startTime, endTime) => {
    $http.fnReuestDataNologing(
      UrlRouter.selectPageStatusPercet +
        '/' +
        value +
        '/' +
        startTime +
        '/' +
        endTime,
      '',
      'get',
      '',
      (ret, err) => {
        if (ret && ret.code === '200') {
          var data = ret.data;
          var heightCanvas = 300;
          var map = {};
          for (var i = 0; i < data.length; i++) {
            if (i > 1) {
              heightCanvas += 30;
            }
            map[data[i].name] =
              data[i].value + '%' + '(' + data[i].count + '次)';
          }
          if (type == 1) {
            $('#container').show();
            $('#container1').hide();
            const chart = new F2.Chart({
              id: 'container',
              height: heightCanvas,
              appendPadding: [10, 0, 20, 0],
              pixelRatio: window.devicePixelRatio,
            });
            chart.source(data);
            chart.legend({
              position: 'bottom',
              itemFormatter: function itemFormatter(val) {
                return val + ' ' + map[val];
              },
            });
            chart.tooltip(false);
            chart.coord('polar', {
              transposed: true,
              innerRadius: 0.4,
              radius: 0.85,
            });
            chart.axis(false);
            // 配置文本饼图
            chart.pieLabel({
              sidePadding: 0,
              label1: function label1(data) {
                return {
                  text: data.name,
                  fill: '#808080',
                };
              },
              label2: function label2(data) {
                return {
                  fill: '#000000',
                  text: data.count + '次',
                  fontWeight: 500,
                  fontSize: 10,
                };
              },
            });
            chart
              .interval()
              .position('st*value')
              .color('name')
              .adjust('stack')
              .style({
                lineWidth: 1,
                stroke: '#fff',
                lineJoin: 'round',
                lineCap: 'round',
              })
              .animate({
                appear: {
                  duration: 1200,
                  easing: 'bounceOut',
                },
              });
            chart.render();
          } else {
            $('#container').hide();
            $('#container1').show();
            const chart = new F2.Chart({
              id: 'container1',
              height: 300,
              pixelRatio: window.devicePixelRatio,
            });
            chart.source(data, {
              sales: {
                tickCount: 5,
              },
            });
            chart.tooltip({
              showItemMarker: false,
              onShow: function onShow(ev) {
                const items = ev.items;
                items[0].name = null;
                items[0].name = items[0].title;
                items[0].value = items[0].value + '次';
              },
            });
            chart.interval().position('name*count');
            chart.render();
          }
        }
      }
    );
  };
  // 记录统计
  let recodeEcharts = (recordInstanceId, type, startTime, endTime) => {
    $http.fnReuestDataNologing(
      UrlRouter.selectPageRecodePercet +
        recordInstanceId +
        '/' +
        startTime +
        '/' +
        endTime,
      '',
      'get',
      '',
      (ret, err) => {
        if (ret && ret.code === '200') {
          var data = ret.data;
          var heightCanvas = 300;
          var map = {};
          for (var i = 0; i < data.length; i++) {
            if (i > 1) {
              heightCanvas += 40;
            }
            map[data[i].name] =
              data[i].value + '%' + '(' + data[i].count + '次)';
          }
          if (type == 1) {
            $('#container').show();
            $('#container1').hide();
            const chart = new F2.Chart({
              id: 'container',
              height: heightCanvas,
              appendPadding: [10, 0, 20, 0],
              pixelRatio: window.devicePixelRatio,
            });
            chart.source(data);
            chart.legend({
              position: 'bottom',
              itemFormatter: function itemFormatter(val) {
                return val + ' ' + map[val];
              },
            });
            chart.tooltip(false);
            chart.coord('polar', {
              transposed: true,
              innerRadius: 0.4,
              radius: 0.85,
            });
            chart.axis(false);
            // 配置文本饼图
            chart.pieLabel({
              sidePadding: 0,
              activeShape: true,
              triggerOn: 'touchstart',
              label1: function label1(data) {
                return {
                  text: data.name,
                  fill: '#808080',
                };
              },
              label2: function label2(data) {
                return {
                  fill: '#000000',
                  text: data.count + '次',
                  fontWeight: 500,
                  fontSize: 10,
                };
              },
              onClick: function onClick(ev) {
                const {data} = ev;
                if (data && data.typeValue == 'radio') {
                  var params = {
                    pageId: data.pageId,
                    pageRecordParentId: data.pageRecordParentId,
                    startTime: startTime,
                    endTime: endTime,
                    inputValue: data.inputValue,
                    type: '',
                  };
                  $event.openTabLayout(
                    'echartLevel' + Math.random(),
                    'echartLevel',
                    data.name,
                    params
                  );
                }
              },
            });
            chart
              .interval()
              .position('st*value')
              .color('name')
              .adjust('stack')
              .style({
                lineWidth: 1,
                stroke: '#fff',
                lineJoin: 'round',
                lineCap: 'round',
              })
              .animate({
                appear: {
                  duration: 1200,
                  easing: 'bounceOut',
                },
              });
            chart.render();
          } else {
            $('#container').hide();
            $('#container1').show();
            const chart = new F2.Chart({
              id: 'container1',
              height: 300,
              pixelRatio: window.devicePixelRatio,
            });
            chart.source(data, {
              sales: {
                tickCount: 5,
              },
            });
            chart.tooltip({
              showItemMarker: false,
              onShow: function onShow(ev) {
                const items = ev.items;
                items[0].name = null;
                items[0].name = items[0].title;
                items[0].value = items[0].value + '次';
              },
            });
            chart.interval().position('name*count');
            chart.render();
          }
        }
      }
    );
  };
  // 下拉记录控件
  let dropDown = () => {
    mobileSelect = new MobileSelect({
      trigger: '#radioSelect',
      title: '统计项',
      wheels: [{data: recodeData}],
      position: [0, 0],
      callback: function (indexArr, data) {
        recodeTeamId = data[0].id;
      },
    });
    new popoPicker('.SelectType', {
      container: '.screenSelectType',
      wheels: [
        {
          infinite: false,
          data: [
            {value: 1, display: '饼图'},
            {value: 2, display: '柱状图'},
          ],
        },
      ],
      background: 'light',
      save: function (data) {
        echartsType = data.result[0].value;
      },
    });
  };
  // 添加记录
  // 上传文件
  // 浏览手机文件夹,获取文件路径
  function getFile(el, type) {
    var fileBrowser = api.require('fileBrowser');
    fileBrowser.open(function (ret) {
      if (ret) {
        var type = ret.name.substring(ret.name.lastIndexOf('.'));
        if (
          type === '.xls' ||
          type === '.ppt' ||
          type === '.pptx' ||
          type === '.xlsx' ||
          type === '.doc' ||
          type === '.docx' ||
          type === '.zip' ||
          type === '.rar' ||
          type === '.pdf'
        ) {
          setTimeout(function () {
            uploadFile(el, ret.url);
          }, 500);
        } else if (type === '.mp3') {
          setTimeout(function () {
            uploadAudio(el, ret.url);
          }, 500);
        } else if (type === '.mp4') {
          setTimeout(function () {
            uploadVedio(el, ret.url);
          }, 500);
        } else {
          alert('选择文件格式不正确');
        }
      }
    });
    fileBrowser.skin({
      skin: 1,
    });
  }
  // textarea根据文字多少自适应高度
  function Oninput(that) {
    $(that).height(that.scrollHeight);
  }
  // 我的记录
  function my_recode() {
    $event.openTabLayout(
      'echartLevel' + Math.random(),
      'echartLevel',
      '我的记录',
      {type: 'my', pageId: pageId}
    );
  }
  // 模块权限
  // 当前模块
  var moduleThat;
  var passwordValue = ''
  function openWages(that,value) {
      passwordValue = value
      moduleThat = that
      $('.password').val('');
      $('.Tips-p').html('');
      $('.wages-layout').show();
      $('.wages').addClass('animated bounceInDown');
      setTimeout(function() {
          $('.wages').removeClass('animated bounceInDown')
      }, 1000);
  }
  window.onclick = function(event) {
      if (event.target == document.getElementById('wages-layout')) {
          $('.wages-layout').hide();
      }
  }
  function closeWages() {
      $('.wages-layout').hide();
  };
  // 模块权限验证
  function Jurisdiction() {
      if (passwordValue === $('.password').val()) {
        $('.wages-layout').hide();
        $('.Tips-p').html('');
        $(moduleThat).hide()
      }else {
        $('.Tips-p').html('密码错误，请重新输入！')
      }
  }
</script>