hs
/
guanlang_project


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544
							package com.upbest.web;

import javax.servlet.http.HttpSession;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping(value="/")
public class HomeController {

	private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
 
	@RequestMapping(value = "/")
	public String toSystemFirstPage(HttpSession session, Model model) {
		logger.debug("ok");
		return "3d/3d";
	}
	
	@RequestMapping(value = "/thermalChamber")
	public String thermalChamber(HttpSession session, Model model) {
		logger.debug("ok");
		return "thermalChamber";
	}
	
	@RequestMapping(value = "/powerChamber")
	public String powerChamber(HttpSession session, Model model) {
		logger.debug("ok");
		return "powerChamber";
	}
	
	@RequestMapping(value = "/synthesizeChamber")
	public String synthesizeChamber(HttpSession session, Model model) {
		logger.debug("ok");
		return "synthesizeChamber";
	}
	
	@RequestMapping(value = "/2d")
	public String d2(HttpSession session, Model model) {
		logger.debug("ok");
		return "2d";
	}
	
	@RequestMapping(value = "/3d")
	public String d3(HttpSession session, Model model) {
		logger.debug("ok");
		return "3d/3d";
	}
}

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>徐圩新区智慧管廊</title>
    <link rel="stylesheet" href="/resources/css/normalize.css">
    <link rel="stylesheet" href="/resources/css/base.css">
    <link rel="stylesheet" href="/resources/css/style1.css">
    <style type="text/css">
    	.container .content_modular .chart1 .modular1{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular2{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular3{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular4{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular1 img{
    		width: 48px;
    		height: 68px;
    	}
    	.container .content_modular .chart1 .modular2 img{
    		width:37px;
    		height: 76px;
    	}
    	.container .content_modular .chart1 .modular3 img{
    		width:89px;
    		height: 53px;
    	}
    	.container .content_modular .chart1 .modular4 img{
    		width:41px;
    		height: 77px;
    	}
    	.container .content_modular .chart1 .modular h1{
    		font-size: 12px;
    	}
    	.container .content_modular .chart1 .modular{
    		margin:0;
    	}
    	.container .content_modular .chart1{
    	    padding: 0 6%;
    	}
    	.container .left_modular .pipeline .text div span,
    	.container .content_modular .pipeline .text div span,
    	.container .right_modular .pipeline .text div span{
    		font-size: 12px;
    	}
    	.container .content_modular .env{
    		height: 125px;
    	}
    	.container .right_modular .pipeline {
		    height: 175px;
		}
		.container .left_modular .pipeline {
		    height: 175px;
		}
		.container .left_modular .equip .text div span,
		.container .content_modular .equip .text div span,
		.container .right_modular .equip .text div span{
			font-size:12px;
		}
		.container .left_modular .equip .chart .main .main_img,
		.container .content_modular .equip .chart .main .main_img,
		.container .right_modular .equip .chart .main .main_img{
			width: 61px;
    		height: 61px;
		}
		.container .left_modular .equip .chart .main .left,
		.container .left_modular .equip .chart .main .right,
		.container .content_modular .equip .chart .main .left,
		.container .content_modular .equip .chart .main .right,
		.container .right_modular .equip .chart .main .left,
		.container .right_modular .equip .chart .main .right{
		    width: 60px;	
		}
		.container .left_modular .equip .text,
		.container .content_modular .equip .text,
		.container .right_modular .equip .text{
			width: 31%;
		}
		.container .left_modular .equip .chart,
		.container .content_modular .equip .chart,
		.container .right_modular .equip .chart{
		    height: 193px;	
		}
    </style>
</head>
<body style="">
<header>
    <div class="title">智慧管廊</div>
    <nav>
        <ul>
            <li><a href="">
                <img src="/resources/images/bq1.png" alt="">
                <div>资产管理</div>
            </a></li>
            <li><a href="">
                <img src="/resources/images/bq2.png" alt="">
                <div>运维检修</div>
            </a></li>
            <li><a href="/3d">
                <img src="/resources/images/bq3.png" alt="">
                <div>3D</div>
            </a></li>
            <li class="on"><a href="/2d">
                <img src="/resources/images/bq4.png" alt="">
                <div>2D</div>
            </a></li>
        </ul>
    </nav>
</header>
<div class="container">
    <nav id="nav">
        <div class="close "></div>
        <div class="show none">
            <div class="title">徐圩新区</div>
            <ul class="navgation">
                <li>
                    <div class="modular">
                        <span class="symbol"> + </span>
                        <span>方洋路</span>
                        <img src="/resources/images/bottom.png" alt="">
                    </div>
                    <ul class="none">
                        <li>01#防火分区</li>
                        <li>02#防火分区</li>
                        <li>03#防火分区</li>
                        <li>04#防火分区</li>
                    </ul>
                </li>
                <li>
                    <div class="modular">
                        <span class="symbol"> + </span>
                        <span>西安路</span>
                        <img src="/resources/images/bottom.png" alt="">
                    </div>
                    <ul class="none">
                        <li>01#防火分区</li>
                        <li>02#防火分区</li>
                        <li>03#防火分区</li>
                        <li>04#防火分区</li>
                    </ul>
                </li>
            </ul>
            <div class="fold"></div>
        </div>
    </nav>
    <div class="container_main">
    	<div class="mbx">方洋路 09#防火分区</div>
        <div class="content">
            <div class="modular left_modular">
                <!--<img src="./images/modular1.png" alt="">-->
                <div class="title">
                    <div class="icon">
                        <img src="/resources/images/bt_1relic.png" alt="">
                    </div>
                    <div class="text">热力舱</div>
                </div>
                <hr>
                <div class="env">
                    <div class="icon">
                        <div class="icon">
                            <img src="/resources/images/env_icon.png" alt="">
                            <span>环境</span>
                        </div>
                    </div>
                    <div class="chart">
                    <div id="environment" style="width:600px;height: 12em;position: absolute;left: -25%;top: 8%;"></div>
                    </div>
                </div>
                <hr>
                <div class="pipeline">
                    <div class="icon">
                        <div class="icon">
                            <img src="/resources/images/pipeline_icon.png" alt="">
                            <span>管线</span>
                        </div>
                    </div>
                    <div class="text">
                        <div>xx热力管线</div>
                        <div>
                            <span>运营单位</span>
                            <span>XX运营单位</span>
                        </div>
                        <div>
                            <span>入廊时间</span>
                            <span>2017-02-08</span>
                        </div>
                    </div>
                    <div class="chart">
                        <img src="/resources/images/pipeline_chart.png" alt="" style="width: 24rem;">
                    </div>
                </div>
                <hr>
                <div class="equip">
                    <div class="icon">
                        <div class="icon">
                            <img src="/resources/images/equip_icon.png" alt="">
                            <span>设备</span>
                        </div>
                    </div>
                    <div class="text">
                        <div>
                            <span>厂家</span>
                            <span>XX运营单位</span>
                        </div>
                        <div>
                            <span>入廊时间</span>
                            <span>2017-02-08</span>
                        </div>
                        <div>
                            <span>舱室</span>
                            <span>XX舱室</span>
                        </div>
                        <div>
                            <span>设备类型</span>
                            <span>XX设备</span>
                        </div>
                        <div>
                            <span>设备名称</span>
                            <span>XX名称</span>
                        </div>
                    </div>
                    <div class="chart">
                        <div class="title">开关状态</div>
                        <div class="main">
                            <div class="left state_ck1">
                                <img class="main_img" src="/resources/images/equip_1.1.png" alt="">
                                <div class="state">
                                    <img class="ck_img" src="/resources/images/ck1.png" alt="">
                                    <span>照明</span>
                                </div>
                            </div>
                            <div class="right state_ck2">
                                <img class="main_img" src="/resources/images/equip_2.2.png" alt="">
                                <div class="state">
                                    <img class="ck_img" src="/resources/images/ck2.png" alt="">
                                    <span>风机</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modular content_modular">
            <!--<img src="./images/modular2.png" alt="">-->
            <div class="title">
                <div class="icon">
                    <img src="/resources/images/bt_2dianlic.png" alt="">
                </div>
                <div class="text">电力舱</div>
            </div>
            <hr>
            <div class="env">
                <div class="icon">
                    <div class="icon">
                        <img src="/resources/images/env_icon.png" alt="">
                        <span>环境</span>
                    </div>
                </div>
                <div class="chart chart1">
                    <div class="modular modular1">
                        <h1>温度</h1>
                        <img src="/resources/images/1shidu.png" alt="" style="">
                        <div>1.91</div>
                    </div>
                    <div class="modular modular2">
                        <h1>温度</h1>
                        <img src="/resources/images/2wendu.png" alt="">
                        <div>23.17</div>
                    </div>
                    <div class="modular modular3">
                        <h1>有害气体</h1>
                        <img src="/resources/images/3youhaiqiti.png" alt="">
                        <div>11.21</div>
                    </div>
                    <div class="modular modular4">
                        <h1>积水位</h1>
                        <img src="/resources/images/4jishuiwei.png" alt="">
                        <div>5.33</div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="pipeline">
                <div class="icon">
                    <div class="icon">
                        <img src="/resources/images/pipeline_icon.png" alt="">
                        <span>管线</span>
                    </div>
                </div>
                <div class="text">
                    <div>xx热力管线</div>
                    <div>
                        <span>运营单位</span>
                        <span>XX运营单位</span>
                    </div>
                    <div>
                        <span>入廊时间</span>
                        <span>2017-02-08</span>
                    </div>
                </div>
                <div class="chart">
                    <div id="chartObj_pipeline" style="width: 278px;height: 168px;position:absolute;left: 34%;top: 0;"></div>
                </div>
            </div>
            <hr>
            <div class="equip">
                <div class="icon">
                    <div class="icon">
                        <img src="/resources/images/equip_icon.png" alt="">
                        <span>设备</span>
                    </div>
                </div>
                <div class="text">
                    <div>
                        <span>厂家</span>
                        <span>XX运营单位</span>
                    </div>
                    <div>
                        <span>入廊时间</span>
                        <span>2017-02-08</span>
                    </div>
                    <div>
                        <span>舱室</span>
                        <span>XX舱室</span>
                    </div>
                    <div>
                        <span>设备类型</span>
                        <span>XX设备</span>
                    </div>
                    <div>
                        <span>设备名称</span>
                        <span>XX名称</span>
                    </div>
                </div>
                <div class="chart">
                    <div class="title">开关状态</div>
                    <div class="main">
                        <div class="left state_ck1">
                            <img class="main_img" src="/resources/images/equip_1.1.png" alt="">
                            <div class="state">
                                <img class="ck_img" src="/resources/images/ck1.png" alt="">
                                <span>照明</span>
                            </div>
                        </div>
                        <div class="right state_ck2">
                            <img class="main_img" src="/resources/images/equip_2.2.png" alt="">
                            <div class="state">
                                <img class="ck_img" src="/resources/images/ck2.png" alt="">
                                <span>风机</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            <div class="modular right_modular">
                <!--<img src="./images/modular3.png" alt="">-->
                <div class="title">
                    <div class="icon">
                        <img src="/resources/images/bt_3zonghec.png" alt="">
                    </div>
                    <div class="text">综合舱</div>
                </div>
                <hr>
                <div class="env">
                    <div class="icon">
                        <div class="icon">
                            <img src="/resources/images/env_icon.png" alt="">
                            <span>环境</span>
                        </div>
                    </div>
                    <div class="chart chart1">
                        <div id="chartObj_environment" style="width:30em;height: 12em;"></div>
                    </div>
                </div>
                <hr>
                <div class="pipeline">
                    <div class="icon">
                        <div class="icon">
                            <img src="/resources/images/pipeline_icon.png" alt="">
                            <span>管线</span>
                        </div>
                    </div>
                    <div class="text">
                        <div>xx热力管线</div>
                        <div>
                            <span>运营单位</span>
                            <span>XX运营单位</span>
                        </div>
                        <div>
                            <span>入廊时间</span>
                            <span>2017-02-08</span>
                        </div>
                    </div>
                    <div class="chart">
                        <img src="/resources/images/right_2.png" alt="" style="width: 60%;">
                    </div>
                </div>
                <hr>
                <div class="equip">
                    <div class="icon">
                        <div class="icon">
                            <img src="/resources/images/equip_icon.png" alt="">
                            <span>设备</span>
                        </div>
                    </div>
                    <div class="text">
                        <div>
                            <span>厂家</span>
                            <span>XX运营单位</span>
                        </div>
                        <div>
                            <span>入廊时间</span>
                            <span>2017-02-08</span>
                        </div>
                        <div>
                            <span>舱室</span>
                            <span>XX舱室</span>
                        </div>
                        <div>
                            <span>设备类型</span>
                            <span>XX设备</span>
                        </div>
                        <div>
                            <span>设备名称</span>
                            <span>XX名称</span>
                        </div>
                    </div>
                    <div class="chart">
                        <div class="title">开关状态</div>
                        <div class="main">
                            <div class="left state_ck1">
                                <img class="main_img" src="/resources/images/equip_1.1.png" alt="">
                                <div class="state">
                                    <img class="ck_img" src="/resources/images/ck1.png" alt="">
                                    <span>照明</span>
                                </div>
                            </div>
                            <div class="right state_ck2">
                                <img class="main_img" src="/resources/images/equip_2.2.png" alt="">
                                <div class="state">
                                    <img class="ck_img" src="/resources/images/ck2.png" alt="">
                                    <span>风机</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/resources/js/jquery-3.1.0.min.js"></script>
<script src="/resources/js/base.js"></script>
<script src="/resources/js/echarts/js/echarts-all.js"></script>
<script src="/resources/echarts/build/dist/echarts.js"></script>
<script src="/resources/js/2d.js"></script>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>徐圩新区智慧管廊</title>
    <link rel="stylesheet" href="/resources/css/normalize.css">
    <link rel="stylesheet" href="/resources/css/base.css">
    <link rel="stylesheet" href="/resources/css/style1.css">
    <script src="/resources/js/jquery-1.11.3.min.js"></script>
    <style type="text/css">
    	.container .content_modular .env{
    		height: 150px;
    	}
    	.container .content_modular .chart1{
    	    position: absolute;
   		    top: -13%;
   		    padding:0 17%;
    		width:100%;
    		left:0;
    	}
    	.container .content_modular .chart1 .modular{
    	    margin-right: 5%;
    	}
    	.container .content_modular .chart1 .modular1{
    		width: 80px;
    	}
    	.container .content_modular .chart1 .modular2 {
		    width: 65px;
		}
		.container .content_modular .chart1 .modular3 {
		    width: 120px;
		}
    </style>
</head>
<body style="width:680px;">
<div class="container" style="height:706px;">
    <div class="modular content_modular left_modular2">
        <div class="title">
            <div class="icon">
                <img src="/resources/images/bt_2dianlic.png" alt="">
            </div>
            <div class="text">09#防火分区-电力舱</div>
            <!-- <div class="close-btn"></div>
            <div class="tuchu"></div> -->
        </div>
        <hr>
        <div class="env">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/env_icon.png" alt="">
                    <span>环境</span>
                </div>
            </div>
            <div class="chart chart1">
                <div class="modular modular1">
                    <h1>温度</h1>
                    <img src="/resources/images/1shidu.png" alt="">
                    <div>1.91</div>
                </div>
                <div class="modular modular2">
                    <h1>温度</h1>
                    <img src="/resources/images/2wendu.png" alt="">
                    <div>23.17</div>
                </div>
                <div class="modular modular3">
                    <h1>有害气体</h1>
                    <img src="/resources/images/3youhaiqiti.png" alt="">
                    <div>11.21</div>
                </div>
                <div class="modular modular4">
                    <h1>积水位</h1>
                    <img src="/resources/images/4jishuiwei.png" alt="">
                    <div>5.33</div>
                </div>
            </div>
        </div>
        <hr>
        <div class="pipeline">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/pipeline_icon.png" alt="">
                    <span>管线</span>
                </div>
            </div>
            <div class="text">
                <div>xx热力管线</div>
                <div>
                    <span>运营单位</span>
                    <span>XX运营单位</span>
                </div>
                <div>
                    <span>入廊时间</span>
                    <span>2017-02-08</span>
                </div>
            </div>
            <div class="chart">
            <div id="chartObj_pipeline" style="width: 278px;height: 168px;position:absolute;left: 50%;top: 0;"></div>
            </div>
        </div>
        <hr>
        <div class="equip">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/equip_icon.png" alt="">
                    <span>设备</span>
                </div>
            </div>
            <div class="text">
                <div>
                    <span>厂家</span>
                    <span>XX运营单位</span>
                </div>
                <div>
                    <span>入廊时间</span>
                    <span>2017-02-08</span>
                </div>
                <div>
                    <span>舱室</span>
                    <span>XX舱室</span>
                </div>
                <div>
                    <span>设备类型</span>
                    <span>XX设备</span>
                </div>
                <div>
                    <span>设备名称</span>
                    <span>XX名称</span>
                </div>
            </div>
            <div class="chart">
                <div class="title">开关状态</div>
                <div class="main">
                    <div class="left state_ck1">
                        <img class="main_img" src="/resources/images/equip_1.1.png" alt="">
                        <div class="state">
                            <img class="ck_img" src="/resources/images/ck1.png" alt="">
                            <span>照明</span>
                        </div>
                    </div>
                    <div class="right state_ck2">
                        <img class="main_img" src="/resources/images/equip_2.2.png" alt="">
                        <div class="state">
                            <img class="ck_img" src="/resources/images/ck2.png" alt="">
                            <span>风机</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/resources/js/base.js"></script>
<script src="/resources/js/echarts/js/echarts-all.js"></script>
<script src="/resources/echarts/build/dist/echarts.js"></script>
<script src="/resources/js/powerChamber.js"></script>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>徐圩新区智慧管廊</title>
    <link rel="stylesheet" href="/resources/css/normalize.css">
    <link rel="stylesheet" href="/resources/css/base.css">
    <link rel="stylesheet" href="/resources/css/style1.css">
    <style type="text/css">
    	.container .right_modular .env{
    		height: 125px;
    	}
    </style>
</head>
<body style="width:680px;">
<div class="container" style="height:706px;">
    <div class="modular right_modular left_modular2">
        <!--<img src="./images/modular3.png" alt="">-->
        <div class="title">
            <div class="icon">
                <img src="/resources/images/bt_3zonghec.png" alt="">
            </div>
            <div class="text">综合舱</div>
        </div>
        <hr>
        <div class="env">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/env_icon.png" alt="">
                    <span>环境</span>
                </div>
            </div>
            <div class="chart chart1">
                <!-- <img src="/resources/images/right1.png" alt=""> -->
                <div id="chartObj_environment" style="width:40em;height: 12em;"></div>
            </div>
        </div>
        <hr>
        <div class="pipeline">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/pipeline_icon.png" alt="">
                    <span>管线</span>
                </div>
            </div>
            <div class="text">
                <div>xx热力管线</div>
                <div>
                    <span>运营单位</span>
                    <span>XX运营单位</span>
                </div>
                <div>
                    <span>入廊时间</span>
                    <span>2017-02-08</span>
                </div>
            </div>
            <div class="chart">
                <img src="/resources/images/right_2.png" alt="">
            </div>
        </div>
        <hr>
        <div class="equip">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/equip_icon.png" alt="">
                    <span>设备</span>
                </div>
            </div>
            <div class="text">
                <div>
                    <span>厂家</span>
                    <span>XX运营单位</span>
                </div>
                <div>
                    <span>入廊时间</span>
                    <span>2017-02-08</span>
                </div>
                <div>
                    <span>舱室</span>
                    <span>XX舱室</span>
                </div>
                <div>
                    <span>设备类型</span>
                    <span>XX设备</span>
                </div>
                <div>
                    <span>设备名称</span>
                    <span>XX名称</span>
                </div>
            </div>
            <div class="chart">
                <div class="title">开关状态</div>
                <div class="main">
                    <div class="left state_ck1">
                        <img class="main_img" src="/resources/images/equip_1.1.png" alt="">
                        <div class="state">
                            <img class="ck_img" src="/resources/images/ck1.png" alt="">
                            <span>照明</span>
                        </div>
                    </div>
                    <div class="right state_ck2">
                        <img class="main_img" src="/resources/images/equip_2.2.png" alt="">
                        <div class="state">
                            <img class="ck_img" src="/resources/images/ck2.png" alt="">
                            <span>风机</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/resources/js/jquery-3.1.0.min.js"></script>
<script src="/resources/js/base.js"></script>
<script src="/resources/js/echarts/js/echarts-all.js"></script>
<script src="/resources/echarts/build/dist/echarts.js"></script>
<script src="/resources/js/synthesizeChamber.js"></script>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>徐圩新区智慧管廊</title>
    <link rel="stylesheet" href="/resources/css/normalize.css">
    <link rel="stylesheet" href="/resources/css/base.css">
    <link rel="stylesheet" href="/resources/css/style1.css">
    <script src="/resources/js/jquery-1.11.3.min.js"></script>
</head>
<body style="width:680px;">
<div class="container" style="height:706px;">
    <div class="modular left_modular left_modular2">
        <div class="title2">
            <div class="icon">
                <img src="/resources/images/bt_1relic.png" alt="">
            </div>
            <div class="text">09#防火分区-热力舱</div>
        </div>
        <hr>
        <div class="env">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/env_icon.png" alt="">
                    <span>环境</span>
                </div>
            </div>
            <div class="chart">
                <!-- <img src="/resources/images/env_chart.png" alt=""> -->
                <div id="environment" style="width:50em;height: 12em;position: absolute;left: 5%;top: -3%;"></div>
            </div>
        </div>
        <hr>
        <div class="pipeline">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/pipeline_icon.png" alt="">
                    <span>管线</span>
                </div>
            </div>
            <div class="text">
                <div>xx热力管线</div>
                <div>
                    <span>运营单位</span>
                    <span>XX运营单位</span>
                </div>
                <div>
                    <span>入廊时间</span>
                    <span>2017-02-08</span>
                </div>
            </div>
            <div class="chart">
                <img src="/resources/images/pipeline_chart.png" alt="">
                <!-- <div id="chartObj_pipeline" style="width: 30em;height: 10em;"></div> -->
            </div>
        </div>
        <hr>
        <div class="equip">
            <div class="icon">
                <div class="icon">
                    <img src="/resources/images/equip_icon.png" alt="">
                    <span>设备</span>
                </div>
            </div>
            <div class="text">
                <div>
                    <span>厂家</span>
                    <span>XX运营单位</span>
                </div>
                <div>
                    <span>入廊时间</span>
                    <span>2017-02-08</span>
                </div>
                <div>
                    <span>舱室</span>
                    <span>XX舱室</span>
                </div>
                <div>
                    <span>设备类型</span>
                    <span>XX设备</span>
                </div>
                <div>
                    <span>设备名称</span>
                    <span>XX名称</span>
                </div>
            </div>
            <div class="chart">
                <div class="title">开关状态</div>
                <div class="main">
                    <div class="left state_ck1">
                        <img class="main_img" src="/resources/images/equip_1.1.png" alt="">
                        <div class="state">
                            <img class="ck_img" src="/resources/images/ck1.png" alt="">
                            <span>照明</span>
                        </div>
                    </div>
                    <div class="right state_ck2">
                        <img class="main_img" src="/resources/images/equip_2.2.png" alt="">
                        <div class="state">
                            <img class="ck_img" src="/resources/images/ck2.png" alt="">
                            <span>风机</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/resources/js/base.js"></script>
<script src="/resources/js/echarts/js/echarts-all.js"></script>
<script src="/resources/echarts/build/dist/echarts.js"></script>
<script src="/resources/js/thermalChamber.js"></script>
</body>
</html>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../js/Config.js"></script>
    <script src="js/Presentation.js"></script>
    <script src="js/NavigateTool.js"></script>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }
    </style>
    <script type="text/javascript">
        function InitMap() {
            sgworld.Open(Map3D_Config.FlyUrl);
            sgworld.attachEvent("OnFrame", OnFrame);
            sgworld.attachEvent("OnLoadFinished", OnLoadFinished);
        }
        function OnFrame() {
            var selectObject = null;
            var MouseInfo = sgworld.Window.GetMouseInfo();
            var CursorCoord = sgworld.Window.PixelToWorld(MouseInfo.X, MouseInfo.Y);
            if (CursorCoord.ObjectID == "") {
                if (Map3D_Config.GlObjectId != '') {
                    Map3D_Config.GlObjectId.Terrain.Tint.SetAlpha(0);
                }
                return false;
            }
            selectObject = sgworld.Creator.GetObject(CursorCoord.ObjectID);
            if (Map3D_Config.GlObjectId != '') {
                Map3D_Config.GlObjectId.Terrain.Tint.SetAlpha(0);
            }
            if (selectObject != null && selectObject.ObjectType == 17) {
                var ItemName = sgworld.ProjectTree.GetItemName(selectObject.ID);
                //if (ItemName != "New 3D Model ##457" && ItemName != "New 3D Model ##493" && ItemName != "New 3D Model ##479" && ItemName != "New 3D Model ##499" && ItemName != "New 3D Model ##459" && ItemName != "New 3D Model ##467" && ItemName != "New 3D Model ##503" && ItemName != "New 3D Model ##483" && ItemName != "New 3D Model ##463") {
                SetObjectAlpha(selectObject);
                //}
            }
        }
        function SetObjectAlpha(selectObject) {
            if (Map3D_Config.GlObjectId != null && Map3D_Config.GlObjectId != '') {
                Map3D_Config.GlObjectId.Terrain.Tint.SetAlpha(0);
            }
            selectObject.Terrain.Tint.abgrColor = 0xFFFF00;
            selectObject.Terrain.Tint.SetAlpha(1);
            Map3D_Config.GlObjectId = selectObject;
        }
        function OnLoadFinished(bSuccess) {
            Presentation("管线演示");
            BindUrl();
        }
        //绑定Url信息显示界面
        function BindUrl() {
            //热力仓
            var ReLiObj = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##459");
            var GetObj = sgworld.ProjectTree.GetObject(ReLiObj);
            var ReLiPopup = sgworld.Creator.CreatePopupMessage("热力舱实时信息", Map3D_Config.thermalChamberUrl, 0, 0, 690, 770);
            GetObj.Message.MessageID = ReLiPopup.ID;
            ReLiPopup.AllowResize = true;
            ////电力仓
            var DianLiObjId1 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##499");
            var DianLiObjId2 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##479");
            var GetDianLiObj1 = sgworld.ProjectTree.GetObject(DianLiObjId1);
            var GetDianLiObj2 = sgworld.ProjectTree.GetObject(DianLiObjId2);
            var DianLiPopup = sgworld.Creator.CreatePopupMessage("电力舱实时信息", Map3D_Config.powerChamberUrl, 0, 0, 690, 770);
            GetDianLiObj1.Message.MessageID = DianLiPopup.ID;
            GetDianLiObj2.Message.MessageID = DianLiPopup.ID;
            DianLiPopup.AllowResize = true;
            ////综合仓
            var ZongHeObjId1 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##503");
            var ZongHeObjId2 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##483");
            var ZongHeObjId3 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##463");
            var ZongHeObjId4 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##467");
            var ZongHeObj1 = sgworld.ProjectTree.GetObject(ZongHeObjId1);
            var ZongHeObj2 = sgworld.ProjectTree.GetObject(ZongHeObjId2);
            var ZongHeObj3 = sgworld.ProjectTree.GetObject(ZongHeObjId3);
            var ZongHeObj4 = sgworld.ProjectTree.GetObject(ZongHeObjId4);
            var ZongHePopup = sgworld.Creator.CreatePopupMessage("综合舱信息", Map3D_Config.synthesizeChamberUrl, 0, 0, 690, 770);
            ZongHeObj1.Message.MessageID = ZongHePopup.ID;
            ZongHeObj2.Message.MessageID = ZongHePopup.ID;
            ZongHeObj3.Message.MessageID = ZongHePopup.ID;
            ZongHeObj4.Message.MessageID = ZongHePopup.ID;
            ZongHePopup.AllowResize = true;
            //摄像头
        }
        //获取页面所在Iframe的高度
        function GetIframeId() {
            var ifrs = parent.document.getElementsByTagName('iframe');
            for (var i = 0, j = ifrs.length; i < j; i++)
                if (ifrs[i].contentWindow == window) {
                    document.getElementById("sgworld").style.height = document.getElementById(ifrs[i].id).style.height;
                }
        }
    </script>
</head>
<body onload="InitMap()">
    <div id="Map3d">
        <!--        <div><input type="button" value="presentation" onclick="Presentation('管线演示');"</div>-->
        <div>
            <object id="TerraExplorerX" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1"
                width="100%" height="925px">
            </object>
        </div>
        <div style="display: none;">
            <object id="sgworld" classid="CLSID:3a4f9197-65a8-11d5-85c1-0001023952c1">
            </object>
        </div>
    </div>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>徐圩新区智慧管廊</title>
    <link rel="stylesheet" href="/resources/css/normalize.css">
    <link rel="stylesheet" href="/resources/css/base.css">
    <link rel="stylesheet" href="/resources/css/style1.css">
    <style type="text/css">
    	.container .content_modular .chart1 .modular1{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular2{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular3{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular4{
    		height: 135px;
    	}
    	.container .content_modular .chart1 .modular1 img{
    		width: 48px;
    		height: 68px;
    	}
    	.container .content_modular .chart1 .modular2 img{
    		width:37px;
    		height: 76px;
    	}
    	.container .content_modular .chart1 .modular3 img{
    		width:89px;
    		height: 53px;
    	}
    	.container .content_modular .chart1 .modular4 img{
    		width:41px;
    		height: 77px;
    	}
    	.container .content_modular .chart1 .modular h1{
    		font-size: 12px;
    	}
    	.container .content_modular .chart1 .modular{
    		margin:0;
    	}
    	.container .content_modular .chart1{
    	    padding: 0 6%;
    	}
    	.container .left_modular .pipeline .text div span,
    	.container .content_modular .pipeline .text div span,
    	.container .right_modular .pipeline .text div span{
    		font-size: 12px;
    	}
    	.container .content_modular .env{
    		height: 170px;
    	}
    	.container .right_modular .pipeline {
		    height: 175px;
		}
		.container .left_modular .pipeline {
		    height: 175px;
		}
		.container .left_modular .equip .text div span,
		.container .content_modular .equip .text div span,
		.container .right_modular .equip .text div span{
			font-size:12px;
		}
		.container .left_modular .equip .chart .main .main_img,
		.container .content_modular .equip .chart .main .main_img,
		.container .right_modular .equip .chart .main .main_img{
			width: 61px;
    		height: 61px;
		}
		.container .left_modular .equip .chart .main .left,
		.container .left_modular .equip .chart .main .right,
		.container .content_modular .equip .chart .main .left,
		.container .content_modular .equip .chart .main .right,
		.container .right_modular .equip .chart .main .left,
		.container .right_modular .equip .chart .main .right{
		    width: 60px;	
		}
		.container .left_modular .equip .text,
		.container .content_modular .equip .text,
		.container .right_modular .equip .text{
			width: 31%;
		}
		.container .left_modular .equip .chart,
		.container .content_modular .equip .chart,
		.container .right_modular .equip .chart{
		    height: 193px;	
		}
    </style>
</head>
<body style="" onload="InitMap()">
<header>
    <div class="title">智慧管廊</div>
    <nav>
        <ul>
            <li><a href="">
                <img src="/resources/images/bq1.png" alt="">
                <div>资产管理</div>
            </a></li>
            <li><a href="">
                <img src="/resources/images/bq2.png" alt="">
                <div>运维检修</div>
            </a></li>
            <li class="on"><a href="/3d">
                <img src="/resources/images/bq3.png" alt="">
                <div>3D</div>
            </a></li>
            <li><a href="/2d">
                <img src="/resources/images/bq4.png" alt="">
                <div>2D</div>
            </a></li>
        </ul>
    </nav>
</header>
<div class="container">
    <nav id="nav">
        <!-- <div class="close " style="height: 500px;"></div> -->
        <div class="show none">
            <div class="title">徐圩新区</div>
            <ul class="navgation">
                <li>
                    <div class="modular">
                        <span class="symbol"> + </span>
                        <span>方洋路</span>
                        <img src="/resources/images/bottom.png" alt="">
                    </div>
                    <ul class="none">
                        <li>01#防火分区</li>
                        <li>02#防火分区</li>
                        <li>03#防火分区</li>
                        <li>04#防火分区</li>
                    </ul>
                </li>
                <li>
                    <div class="modular">
                        <span class="symbol"> + </span>
                        <span>西安路</span>
                        <img src="/resources/images/bottom.png" alt="">
                    </div>
                    <ul class="none">
                        <li>01#防火分区</li>
                        <li>02#防火分区</li>
                        <li>03#防火分区</li>
                        <li>04#防火分区</li>
                    </ul>
                </li>
            </ul>
            <div class="fold"></div>
        </div>
    </nav>
    <div>
        <div>
            <object id="TerraExplorerX" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1"
                width="100%" height="500px">
            </object>
        </div>
        <div style="display: none;">
            <object id="sgworld" classid="CLSID:3a4f9197-65a8-11d5-85c1-0001023952c1">
            </object>
        </div>
    </div>
   

</div>
<script type="text/javascript">
        function InitMap() {
            sgworld.Open(Map3D_Config.FlyUrl);
            sgworld.attachEvent("OnFrame", OnFrame);
            sgworld.attachEvent("OnLoadFinished", OnLoadFinished);
        }
        function OnFrame() {
            var selectObject = null;
            var MouseInfo = sgworld.Window.GetMouseInfo();
            var CursorCoord = sgworld.Window.PixelToWorld(MouseInfo.X, MouseInfo.Y);
            if (CursorCoord.ObjectID == "") {
                if (Map3D_Config.GlObjectId != '') {
                    Map3D_Config.GlObjectId.Terrain.Tint.SetAlpha(0);
                }
                return false;
            }
            selectObject = sgworld.Creator.GetObject(CursorCoord.ObjectID);
            if (Map3D_Config.GlObjectId != '') {
                Map3D_Config.GlObjectId.Terrain.Tint.SetAlpha(0);
            }
            if (selectObject != null && selectObject.ObjectType == 17) {
                var ItemName = sgworld.ProjectTree.GetItemName(selectObject.ID);
                //if (ItemName != "New 3D Model ##457" && ItemName != "New 3D Model ##493" && ItemName != "New 3D Model ##479" && ItemName != "New 3D Model ##499" && ItemName != "New 3D Model ##459" && ItemName != "New 3D Model ##467" && ItemName != "New 3D Model ##503" && ItemName != "New 3D Model ##483" && ItemName != "New 3D Model ##463") {
                SetObjectAlpha(selectObject);
                //}
            }
        }
        function SetObjectAlpha(selectObject) {
            if (Map3D_Config.GlObjectId != null && Map3D_Config.GlObjectId != '') {
                Map3D_Config.GlObjectId.Terrain.Tint.SetAlpha(0);
            }
            selectObject.Terrain.Tint.abgrColor = 0xFFFF00;
            selectObject.Terrain.Tint.SetAlpha(1);
            Map3D_Config.GlObjectId = selectObject;
        }
        function OnLoadFinished(bSuccess) {
            Presentation("管线演示");
            BindUrl();
        }
        //绑定Url信息显示界面
        function BindUrl() {
            //热力仓
            var ReLiObj = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##459");
            var GetObj = sgworld.ProjectTree.GetObject(ReLiObj);
            var ReLiPopup = sgworld.Creator.CreatePopupMessage("热力舱实时信息", Map3D_Config.thermalChamberUrl, 0, 0, 690, 726);
            GetObj.Message.MessageID = ReLiPopup.ID;
            ReLiPopup.AllowResize = true;
            ////电力仓
            var DianLiObjId1 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##499");
            var DianLiObjId2 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##479");
            var GetDianLiObj1 = sgworld.ProjectTree.GetObject(DianLiObjId1);
            var GetDianLiObj2 = sgworld.ProjectTree.GetObject(DianLiObjId2);
            var DianLiPopup = sgworld.Creator.CreatePopupMessage("电力舱实时信息", Map3D_Config.powerChamberUrl, 0, 0, 690, 726);
            GetDianLiObj1.Message.MessageID = DianLiPopup.ID;
            GetDianLiObj2.Message.MessageID = DianLiPopup.ID;
            DianLiPopup.AllowResize = true;
            ////综合仓
            var ZongHeObjId1 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##503");
            var ZongHeObjId2 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##483");
            var ZongHeObjId3 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##463");
            var ZongHeObjId4 = sgworld.ProjectTree.FindItem("管线信息查看\\Default\\模型\\New 3D Model ##467");
            var ZongHeObj1 = sgworld.ProjectTree.GetObject(ZongHeObjId1);
            var ZongHeObj2 = sgworld.ProjectTree.GetObject(ZongHeObjId2);
            var ZongHeObj3 = sgworld.ProjectTree.GetObject(ZongHeObjId3);
            var ZongHeObj4 = sgworld.ProjectTree.GetObject(ZongHeObjId4);
            var ZongHePopup = sgworld.Creator.CreatePopupMessage("综合舱信息", Map3D_Config.synthesizeChamberUrl, 0, 0, 690, 726);
            ZongHeObj1.Message.MessageID = ZongHePopup.ID;
            ZongHeObj2.Message.MessageID = ZongHePopup.ID;
            ZongHeObj3.Message.MessageID = ZongHePopup.ID;
            ZongHeObj4.Message.MessageID = ZongHePopup.ID;
            ZongHePopup.AllowResize = true;
            //摄像头
        }
        //获取页面所在Iframe的高度
        function GetIframeId() {
            var ifrs = parent.document.getElementsByTagName('iframe');
            for (var i = 0, j = ifrs.length; i < j; i++)
                if (ifrs[i].contentWindow == window) {
                    document.getElementById("sgworld").style.height = document.getElementById(ifrs[i].id).style.height;
                }
        }
    </script>
<script src="/resources/js/Config.js"></script>
<script src="/resources/js/Presentation.js"></script>
<script src="/resources/js/NavigateTool.js"></script>    
<script src="/resources/js/jquery-3.1.0.min.js"></script>
<script src="/resources/js/base.js"></script>
<script src="/resources/js/echarts/js/echarts-all.js"></script>
<script src="/resources/echarts/build/dist/echarts.js"></script>
<script src="/resources/js/2d.js"></script>
</body>
</html>

var environment = null;//热力舱环境
var chartObj_pipeline = null;//电力舱管线
var chartObj_environment = null;//综合舱环境

//配置路径
require.config({
	paths:{
		echarts:'/resources/echarts/build/dist',
	}
});

$(function(){
	initChartObjs();
});

function initChartObjs(){
	objEnvironment();//环境
	objPipeline();//管线
	chartObjEnvironment();//综合舱环境
}

function objEnvironment(){
	option = {
		    tooltip : {
		        formatter: "{a} <br/>{c} {b}"
		    },
		    toolbox: {
		        show: false,
		        feature: {
		            restore: {show: true},
		            saveAsImage: {show: true}
		        }
		    },
		    series : [
		        {
		            name: '温度',
		            type: 'gauge',
		            z: 3,
		            min: 0,
		            max: 10,
		            splitNumber: 10,
		            radius: '100%',
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 4
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                length: 15,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto'
		                }
		            },
		            splitLine: {           // 分隔线
		                length: 20,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto'
		                }
		            },
		            title : {
		            	offsetCenter: [0, 25],       // x, y，单位px
		            	textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 18,
		                }
		            },
		            detail : {
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                    fontWeight: 'bolder'
		                }
		            },
		            data:[{value: 4, name: '温度'}]
		        },
		        {
		            name: '湿度',
		            type: 'gauge',
		            center: ['30%', '55%'],    // 默认全局居中
		            radius: '75%',
		            min:0,
		            max:10,
		            endAngle:45,
		            splitNumber:10,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 3
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                length:12,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            splitLine: {           // 分隔线
		                length:20,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            pointer: {
		                width:5
		            },
		            title: {
		                offsetCenter: [0, '-30%'],       // x, y，单位px
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 15,
		                }
		            },
		            detail: {
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                    fontWeight: 'bolder'
		                }
		            },
		            data:[
		                  {
		                	  value: 1.5, 
		                	  name: '湿度',
//		                	  label:{
//		                		  normal:{
//		                			  show: true,
//		                			  textStyle:{
//		                				  color: '#F3F3F3',
//		                				  fontSize:2
//		                			  }
//		                		  }
//		                	  }
		                  }]
		        },
		        {
		            name: '有害气体',
		            type: 'gauge',
		            center: ['72%', '50%'],    // 默认全局居中
		            radius: '75%',
		            min: 0,
		            max: 100,
		            startAngle: 155,
		            endAngle: 25,
		            splitNumber: 10,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 3
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                splitNumber: 5,
		                length: 10,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            axisLabel: {
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return '0';
		                        case '50' : return '';
		                        case '100' : return '100';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length: 15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            pointer: {
		                width:2
		            },
		            title : {
		            	offsetCenter: [0, '-40%'],       // x, y，单位px
		            	textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 10,
		                }
		            },
		            detail : {
		                show: false
		            },
		            data:[{value: 50, name: '有害气体'}]
		        },
		        {
		            name: '积水位',
		            type: 'gauge',
		            center : ['72%', '50%'],    // 默认全局居中
		            radius : '75%',
		            min: 0,
		            max: 100,
		            startAngle: 335,
		            endAngle: 205,
		            splitNumber: 10,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 3
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		            	splitNumber: 5,
		                length: 5,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    width: 1
		                }
		            },
		            axisLabel: {
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return '0';
		                        case '50' : return '';
		                        case '100' : return '100';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length: 15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            pointer: {
		                width:2
		            },
		            title: {
		            	 offsetCenter: [0, 25],       // x, y，单位px
		            	textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 10,
		                }
		            },
		            detail: {
		                show: false
		            },
		            data:[{value: 50, name: '积水位'}]
		        }
		    ]
		};
	environment = echarts.init(document.getElementById("environment"),'');
	environment.setOption(option,true);
//	setInterval(function (){
//	    option.series[0].data[0].value = (Math.random()*10).toFixed(2) - 0;
//	    option.series[1].data[0].value = (Math.random()*10).toFixed(2) - 0;
//	    option.series[2].data[0].value = (Math.random()*100).toFixed(2) - 0;
//	    option.series[3].data[0].value = (Math.random()*100).toFixed(2) - 0;
//	},1000);
}

function objPipeline(){
	option = {
			grid: {x:40,y:10,x2:35,y2:0,borderWidth:0},//改变图形控件的大小，数据越大图形越小
		    tooltip: {
		        trigger: 'axis',
		        borderWidth: 2,
			    borderColor: '#165484',
			    backgroundColor: '#092651',
			    textStyle: {
					color : '#DEDEDE',
					fontSize: 15,
				},
				formatter:'{b1}: {c1}'
		    },
		    noDataLoadingOption : {
				text : "No data to display.",
				effect : 'bubble',
				effectOption : {
					backgroundColor : 'rgba(255,255,255,0)',
					effect : {
						n : 0
					}
				}
			},
		    xAxis: [
			        {
			            type: 'value',
			            axisLabel: {
		                	show: false,
			            },
			            splitLine: {
			            	show: false
			            },
			            axisLine: {
			            	show: false,
			            },
			            axisTick: {
			            	show:false,
			            	alignWithLabel:false,
			            },
			            data: ['水温','压力','流量']
			        }
			    ],
		    yAxis: [
		        {
		            type: 'category',
		            axisLabel: {
	                	show: true,
	                	margin: 10,
	                	textStyle: {
	                		color: '#D0D0D1',
	                		fontSize: 15,
	                		fontFamily : '微软雅黑',
	                		fontWeight : 'normal'
	                	}
		            },
		            splitLine: {
		            	show: false
		            },
		            axisLine: {
		            	show: true,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 1,
		            	}
		            },
		            axisTick: {
		            	show:true,
		            	alignWithLabel:true,
		            	//interval: 50,
		            	length: 10,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 0,
		            	}
		            },
		            data: ['流量','压力','水温']
		        }
		    ],
		    series: [
				{
					name : '管线',
				    type:'bar',
				    stack : '总量',
				    itemStyle: {
				    	normal: {
				    		color: '#353536',
				    		lineStyle: {
				    			width: 6,
				    			//color: '#2A2A2C'
				    		},
				    		label: {
				    			show: false,
				    		},
				    		barBorderRadius: 15, // 统一设置四个角的圆角大小
				    	},
				    },
				    data:[1,1,1]
				},
		        {
		        	name : '管线',
		            type:'bar',
		            stack : '总量',
		            barWidth: 30,
		            itemStyle: {
		            	normal: {
		            		color: '#3AFF55',
		            		lineStyle: {
		            			width: 6,
		            			color: '#3AFF55'
		            		},
		            		label: {
		            			show: true,
		            			position: 'right',
		            			formatter: '{c}',
		            			textStyle: {
		            				//color: '#CB2D2E',
		            				fontSize: 15,
		            			},
		            		},
		            		barBorderRadius: 15, // 统一设置四个角的圆角大小
		            	},
		            },
		            data:[{value:22.14,
		            		itemStyle: {
		            			normal:{
		            				color : '#3D80CC'
		            			}
		            		}
		            	},
		                  {value:32.56,
		                	  itemStyle: {
			            			normal:{
			            				color : '#D76F33'
			            			}
			            		}
		            	},
		                  {value:12.31,
		                	  itemStyle: {
			            			normal:{
			            				color : '#84BC99'
			            			}
			            		}
		            	}]
		        },
		    ]
		};
	chartObj_pipeline = echarts.init(document.getElementById("chartObj_pipeline"),'');
	chartObj_pipeline.setOption(option,true);
}

function chartObjEnvironment(){
	option = {
			grid: {x:140,y:0,x2:35,y2:0,borderWidth:0},//改变图形控件的大小，数据越大图形越小
		    tooltip: {
		        trigger: 'axis',
		        borderWidth: 2,
			    borderColor: '#165484',
			    backgroundColor: '#092651',
			    textStyle: {
					color : '#DEDEDE',
					fontSize: 15,
				},
				formatter:'{b1}: {c1}'
		    },
		    noDataLoadingOption : {
				text : "No data to display.",
				effect : 'bubble',
				effectOption : {
					backgroundColor : 'rgba(255,255,255,0)',
					effect : {
						n : 0
					}
				}
			},
		    xAxis: [
			        {
			            type: 'value',
			            axisLabel: {
		                	show: false,
			            },
			            splitLine: {
			            	show: false
			            },
			            axisLine: {
			            	show: false,
			            },
			            axisTick: {
			            	show:false,
			            	alignWithLabel:false,
			            },
			            data: ['水温','压力','流量']
			        }
			    ],
		    yAxis: [
		        {
		            type: 'category',
		            axisLabel: {
	                	show: true,
	                	margin: 10,
	                	textStyle: {
	                		color: '#D0D0D1',
	                		fontSize: 15,
	                		fontFamily : '微软雅黑',
	                		fontWeight : 'normal'
	                	}
		            },
		            splitLine: {
		            	show: false
		            },
		            axisLine: {
		            	show: true,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 1,
		            	}
		            },
		            axisTick: {
		            	show:true,
		            	alignWithLabel:true,
		            	//interval: 50,
		            	length: 10,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 0,
		            	}
		            },
		            data: ['积水位','有害气体','温度','湿度']
		        }
		    ],
		    series: [
				{
					name : '管线',
				    type:'bar',
				    stack : '总量',
				    itemStyle: {
				    	normal: {
				    		color: '#353536',
				    		lineStyle: {
				    			width: 6,
				    			color: '#353536'
				    		},
				    		label: {
				    			show: false,
				    		},
				    		barBorderRadius: 15, // 统一设置四个角的圆角大小
				    	},
				    },
				    data:[1,1,1,1]
				},
		        {
		        	name : '管线',
		            type:'bar',
		            stack : '总量',
		            barWidth: 15,
		            itemStyle: {
		            	normal: {
		            		color: '#353536',
		            		lineStyle: {
		            			width: 6,
		            			color: '#353536'
		            		},
		            		label: {
		            			show: true,
		            			position: 'right',
		            			formatter: '{c}',
		            			textStyle: {
		            				//color: '#CB2D2E',
		            				fontSize: 15,
		            			},
		            		},
		            		barBorderRadius: 15, // 统一设置四个角的圆角大小
		            	},
		            },
		            data:[{value:5.33,
		            		itemStyle: {
		            			normal:{
		            				color : '#9ABB4E'
		            			}
		            		}
		            	},
		                  {value:11.21,
		                	  itemStyle: {
			            			normal:{
			            				color : '#912ECD'
			            			}
			            		}
		            	},
		            	{value:23.17,
		                	  itemStyle: {
			            			normal:{
			            				color : '#FDAA00'
			            			}
			            		}
		            	},
		                  {value:1.91,
		                	  itemStyle: {
			            			normal:{
			            				color : '#00BCFF'
			            			}
			            		}
		            	}]
		        },
		    ]
		};
	chartObj_environment = echarts.init(document.getElementById("chartObj_environment"),'');
	chartObj_environment.setOption(option,true);
}

/*基础的js*/
/*container-nav*/
$("#nav .fold").on('click',function(){
    $(this).parent('.show').addClass('none');
    $(this).parent('.show').siblings('.close').removeClass('none');
});
$("#nav .close").on('click',function(){
    $(this).addClass('none');
    $(this).siblings('.show').removeClass('none');
});
$("#nav .navgation>li .modular").hover(function(){
    $(this).css('background-color','#323437');
},function(){
    $(this).css('background-color','transparent');
});
$("#nav .navgation>li").on('click',function(){
    if($(this).find('ul').is('.none')){
        $(this).find('ul').removeClass('none');
        $(this).find(".symbol").html('-');
        $(this).find('img').attr('src','/resources/images/top.png')
    }else{
        $(this).find('ul').addClass('none');
        $(this).find(".symbol").html('+');
        $(this).find('img').attr('src','/resources/images/bottom.png')
    }
});

/*equip*/
$(".state_ck1").on('click',function(){
    $(this).find('.main_img').attr('src','/resources/images/equip_1.2.png');
    $(this).find('.ck_img').attr('src','/resources/images/ck2.png');
    $(this).siblings('div').find('.main_img').attr('src','/resources/images/equip_2.1.png');
    $(this).siblings('div').find('.ck_img').attr('src','/resources/images/ck1.png');
});
$(".state_ck2").on('click',function(){
    $(this).find('.main_img').attr('src','/resources/images/equip_2.2.png');
    $(this).find('.ck_img').attr('src','/resources/images/ck2.png');
    $(this).siblings('div').find('.main_img').attr('src','/resources/images/equip_1.1.png');
    $(this).siblings('div').find('.ck_img').attr('src','/resources/images/ck1.png');
});

/*路径配置*/
var Map3D_Config = {
    FlyUrl: "D:\\3d\\SmartEarth智慧城市开发框架\\De.fly",//Fly文件路径
    GlObjectId: '',//存储高亮对象Id
    thermalChamberUrl: 'http://localhost:8080/thermalChamber',//热力仓Url
    powerChamberUrl: 'http://localhost:8080/powerChamber',//电力仓Url
    synthesizeChamberUrl: 'http://localhost:8080/synthesizeChamber',//综合仓Url
}

var tempTerrainId = 0;
var clickCreatorTerra = 0;
        var tempName = "";
        var gPolyObj = null;
        var Polygon = null;
        var sidePolygon = null;
        var htmlurl = window.location.href;
        var allurl = htmlurl.substring(0, htmlurl.lastIndexOf("/") + 1);
        function lookCreatorExcavate() {

            try {
                allClean();
                AllInitialise();
            } catch (e) {
            }
            //sgworld.Navigate.UndergroundMode = false;
            var GroupId = sgworld.ProjectTree.FindItem(allPosition + "深圳\\深圳\\深圳地下管线");

            if (GroupId != 0) {
                sgworld.ProjectTree.SetVisibility(GroupId, true);
                try { showGroupId.push(GroupId); } catch (e) {
                }
            }
            var tempTerraId = sgworld.ProjectTree.FindItem(allPosition + "深圳\\深圳\\临时地形");
            if (tempTerraId != 0) {
                sgworld.ProjectTree.SetVisibility(tempTerraId, true);
                try { showGroupId.push(tempTerraId); } catch (e) {
                }
            }
            var itemId = sgworld.ProjectTree.FindItem(allPosition + "定位点\\开挖浏览");
            if (itemId != 0) {
                var obj = sgworld.ProjectTree.GetObject(itemId);
                sgworld.Navigate.FlyTo(obj, 0);
            }
        }

        function creatorExcavate() {
            if (clickCreatorTerra == 0) {
                try {
                    allClean();
                    AllInitialise();
                } catch (e) {
                }

                tempTerrainId = sgworld.ProjectTree.FindItem("临时地形");
                if (tempTerrainId == 0) {
                    tempTerrainId = sgworld.ProjectTree.CreateGroup("临时地形");
                }
                for (var i = 0; ; i++) {
                    var tempId = sgworld.ProjectTree.FindItem("临时地形\\" + "temp" + i);
                    if (tempId == 0) {
                        tempName = "temp" + i;
                        break;
                    }
                }
                clickCreatorTerra = 1;
                sgworld.AttachEvent("OnLButtonDown", polygon_OnLButtonDown);
                sgworld.AttachEvent("OnRButtonUp", polygon_OnRButtonUp);
                sgworld.AttachEvent("OnFrame", polygon_OnFrame);
                sgworld.Window.SetInputMode(1);
            }
            else {
                try {
                    var mytempTerrainId = sgworld.ProjectTree.FindItem("临时地形");
                    if (mytempTerrainId != "") {
                        sgworld.ProjectTree.DeleteItem(mytempTerrainId);
                    }
                } catch (e) { }
                allClean();
                clickCreatorTerra = 0;
            }
        }
        function polygon_OnLButtonDown(Flags, X, Y) {
            var CursorCoord = sgworld.Window.PixelToWorld(X, Y);
            if (gPolyObj == null) {
                var myLine = sgworld.Creator.GeometryCreator.CreateLineStringGeometry([CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0]);
                gPolyObj = sgworld.Creator.CreatePolyline(myLine, sgworld.Creator.CreateColor(255, 0, 0, 255), 2, tempTerrainId, tempName);
                gPolyObj.LineStyle.Width = -1;
                gPolyObj.Geometry.StartEdit();
            }
            else {
                if (gPolyObj.ObjectType == 1) {
                    // Deleting the temporary line
                    var x = gPolyObj.Geometry.Points.Item(0).X;
                    var y = gPolyObj.Geometry.Points.Item(0).Y;
                    sgworld.Creator.DeleteObject(gPolyObj.ID);

                    // Creating the polygon
                    var myGeometry = sgworld.Creator.GeometryCreator.CreateLinearRingGeometry([x, y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0])
                    gPolyObj = sgworld.Creator.createPolygon(myGeometry, sgworld.Creator.CreateColor(255, 0, 0, 1), sgworld.Creator.CreateColor(0, 255, 0, 0.5), 2, tempTerrainId, tempName);
                    gPolyObj.LineStyle.Width = -2;
                    gPolyObj.Terrain.GroundObject = true;
                    gPolyObj.Geometry.StartEdit();
                }
                else {
                    gPolyObj.Geometry.Rings(0).Points.Item(gPolyObj.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
                    gPolyObj.Geometry.Rings(0).Points.Item(gPolyObj.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
                    gPolyObj.Geometry.Rings(0).Points.Item(gPolyObj.Geometry.Rings(0).Points.count - 1).Z = 0;
                    gPolyObj.Geometry.Rings(0).Points.AddPoint(CursorCoord.Position.x, CursorCoord.Position.y, 0);
                }
            }
            return true;
        }
        function polygon_OnFrame()
        {
            if (gPolyObj != null) {
                try {
                    var mouseInfo = sgworld.Window.GetMouseInfo()
                    var CursorCoord = sgworld.Window.pixelToWorld(mouseInfo.X, mouseInfo.Y);
                    if (CursorCoord == null)
                        return false;
                    if (gPolyObj.ObjectType == 2) {
                        gPolyObj.Geometry.Rings(0).Points.Item(gPolyObj.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
                        gPolyObj.Geometry.Rings(0).Points.Item(gPolyObj.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
                        gPolyObj.Geometry.Rings(0).Points.Item(gPolyObj.Geometry.Rings(0).Points.count - 1).Z = 0;
                    }
                    else {
                        gPolyObj.Geometry.Points.Item(gPolyObj.Geometry.Points.count - 1).X = CursorCoord.Position.x;
                        gPolyObj.Geometry.Points.Item(gPolyObj.Geometry.Points.count - 1).Y = CursorCoord.Position.y;
                        gPolyObj.Geometry.Points.Item(gPolyObj.Geometry.Points.count - 1).Z = 0;
                    }
                }
                catch (e) { }
            }
        }
       // private static ITerrainHole61 tempModifier = null;

        function polygon_OnRButtonUp(Flags, X, Y) {
            if (gPolyObj != null) {
                if (gPolyObj.ObjectType == 1) {
                    sgworld.Creator.DeleteObject(gPolyObj.ID);
                }
                else {
                    gPolyObj.Geometry.Rings(0).Points.DeletePoint(gPolyObj.Geometry.Rings(0).Points.count - 1);
                    if (gPolyObj.Geometry.Rings(0).Points.count > 2) {
                        for (var i = 0; i < gPolyObj.Geometry.Rings(0).Points.count; i++) {
                            if (i < gPolyObj.Geometry.Rings(0).Points.count - 1) {
                                var point1 = gPolyObj.Geometry.Rings(0).Points.Item(i);
                                var point2 = gPolyObj.Geometry.Rings(0).Points.Item(i + 1);
                                //                            var point3 = sgworld.Terrain.GetGroundHeightInfo(point2.X, point2.Y, 1, false);
                                //                            var point4 = sgworld.Terrain.GetGroundHeightInfo(point1.X, point1.Y, 1, false);
                                var myLine = sgworld.Creator.GeometryCreator.CreateLineStringGeometry([point1.X, point1.Y, -20, point2.X, point2.Y, -20]);
                                sidePolygon = sgworld.Creator.CreatePolyline(myLine, sgworld.Creator.CreateColor(155, 155, 155, 255), 3, tempTerrainId, tempName);
                                sidePolygon.FillStyle.Texture.FileName = allurl + "images\\dijian.jpg";
                                sidePolygon.FillStyle.Texture.TilingMethod = 1;
                                sidePolygon.ExtendToGround = true;
                                sidePolygon.FillStyle.Texture.ScaleX = 50;
                                sidePolygon.FillStyle.Texture.ScaleY = 50;
                                sidePolygon.LineStyle.Width = -1;
                                sidePolygon.Terrain.GroundObject = false;
                            }
                            else {
                                if (i == gPolyObj.Geometry.Rings(0).Points.count - 1) {
                                    var point1 = gPolyObj.Geometry.Rings(0).Points.Item(i);
                                    var point2 = gPolyObj.Geometry.Rings(0).Points.Item(0);
                                    //                                var point3 = sgworld.Terrain.GetGroundHeightInfo(point2.X, point2.Y, 1, false);
                                    //                                var point4 = sgworld.Terrain.GetGroundHeightInfo(point1.X, point1.Y, 1, false);
                                    //                                var myLine = sgworld.Creator.GeometryCreator.CreateLinearRingGeometry([point1.X, point1.Y, -20, point2.X, point2.Y, -20, point3.Position.X, point3.Position.Y, point3.Position.Altitude, point4.Position.X, point4.Position.Y, point4.Position.Altitude, point4.Position.X, point4.Position.Y, point4.Position.Altitude]);
                                    //                                sidePolygon = sgworld.Creator.CreatePolygon(myLine, sgworld.Creator.CreateColor(150, 150, 150, 255), sgworld.Creator.CreateColor(150, 150, 150, 255), 3, tempTerrainId, tempName+i);
                                    var myLine = sgworld.Creator.GeometryCreator.CreateLineStringGeometry([point1.X, point1.Y, -20, point2.X, point2.Y, -20]);
                                    sidePolygon = sgworld.Creator.CreatePolyline(myLine, sgworld.Creator.CreateColor(155, 155, 155, 255), 3, tempTerrainId, tempName);

                                    sidePolygon.FillStyle.Texture.FileName = allurl + "images/dijian.jpg";
                                    sidePolygon.FillStyle.Texture.TilingMethod = 1;
                                    sidePolygon.ExtendToGround = true;
                                    sidePolygon.FillStyle.Texture.ScaleX = 50;
                                    sidePolygon.FillStyle.Texture.ScaleY = 50;
                                    sidePolygon.LineStyle.Width = -1;
                                    sidePolygon.Terrain.GroundObject = false;
                                }
                            }
                        }
                        gPolyObj.Geometry.EndEdit();
                        var tempModifier = sgworld.Creator.CreateHoleOnTerrain(gPolyObj.Geometry, tempTerrainId, tempName);
                        Polygon = sgworld.Creator.CreatePolygon(gPolyObj.Geometry, sgworld.Creator.CreateColor(150, 150, 150, 255), sgworld.Creator.CreateColor(150, 150, 150, 255), 3, tempTerrainId, tempName);
                        Polygon.FillStyle.Texture.FileName = allurl + "images/dimian.jpg";
                        Polygon.FillStyle.Texture.TilingMethod = 1;
                        Polygon.FillStyle.Texture.ScaleX = 100;
                        Polygon.FillStyle.Texture.ScaleY = 100;
                        Polygon.Terrain.GroundObject = false;
                        Polygon.Position.Altitude = -20;
                        //tempModifier.Position.Altitude = -40;
                    }
                    if (gPolyObj != null) {
                        sgworld.Creator.DeleteObject(gPolyObj.ID);
                        //sgworld.ProjectTree.DeleteItem(gPolyObj.TreeItem.ItemID);
                    }
                }
            }
            polygon_Clean();
            return true;
        }
        /// <summary>
        /// 初始化绘制多边形
        /// </summary>
        function polygon_Clean()
        {
            try
            {
                tempTerrainId = 0;
                tempName = "";
                gPolyObj = null;
                Polygon = null;
                sidePolygon = null;
                sgworld.DetachEvent("OnLButtonDown", polygon_OnLButtonDown);
                sgworld.DetachEvent("OnRButtonUp", polygon_OnRButtonUp);
                sgworld.DetachEvent("OnFrame", polygon_OnFrame);
                sgworld.Window.SetInputMode(0);
            }
            catch(e)
            { 
            }
        }
        //点击
        function select_OnLButtonUp(Flags, X, Y) {
            var selectFeature = null;
            var CursorCoord = sgworld.Window.PixelToWorld(X, Y);
            var clickPopup;
            if (CursorCoord.Type == 8192) {
                selectFeature = sgworld.Creator.GetObject(CursorCoord.ObjectID);
                sgworld.Window.RemovePopupByCaption("属性");
                try {
                    var type = selectFeature.FeatureAttributes.GetFeatureAttribute("DataType").Value;
                    try {
                        if (type == "polyline") {
                            var selectType = "attributePolyline";
                            var Id = selectFeature.FeatureAttributes.GetFeatureAttribute("Id").Value;
                            var Type = selectFeature.FeatureAttributes.GetFeatureAttribute("Type").Value;
                            var Size = selectFeature.FeatureAttributes.GetFeatureAttribute("Size").Value;
                            var StartId = selectFeature.FeatureAttributes.GetFeatureAttribute("StartId").Value;
                            var EndId = selectFeature.FeatureAttributes.GetFeatureAttribute("EndId").Value;
                            var Yaw = selectFeature.FeatureAttributes.GetFeatureAttribute("Yaw").Value;
                            var Pitch = selectFeature.FeatureAttributes.GetFeatureAttribute("Pitch").Value;
                            var scaleY = selectFeature.FeatureAttributes.GetFeatureAttribute("scaleY").Value;

                            clickPopup = sgworld.Creator.CreatePopupMessage("属性", allurl + "clickSelect.html?type=1" + "&Id=" + Id + "&Type=" + Type + "&Size=" + Size + "&StartId=" + StartId + "&EndId=" + EndId + "&Yaw=" + Yaw + "&Pitch=" + Pitch + "&scaleY=" + scaleY, 235, 100, 220, 220);

                            //clickPopup.InnerText = htmlStr;
                            clickPopup.Flags = 512;
                            clickPopup.AllowResize = true;
                            clickPopup.AllowDrag = true;
                            sgworld.Window.ShowPopup(clickPopup);
                        }
                        if (type == "point") {
                            var selectType = "attributePoint";
                            var Id = selectFeature.FeatureAttributes.GetFeatureAttribute("Id").Value;
                            var Type = selectFeature.FeatureAttributes.GetFeatureAttribute("Type").Value;
                            var NodeId = selectFeature.FeatureAttributes.GetFeatureAttribute("NodeId").Value;
                            var JoinType = selectFeature.FeatureAttributes.GetFeatureAttribute("JoinType").Value;
                            var TerraDepth = selectFeature.FeatureAttributes.GetFeatureAttribute("TerraDepth").Value;
                            var WellType = selectFeature.FeatureAttributes.GetFeatureAttribute("WellType").Value;
                            clickPopup = sgworld.Creator.CreatePopupMessage("属性", allurl + "clickSelect.html?type=2" + "&Id=" + Id + "&Type=" + Type + "&NodeId=" + NodeId + "&JoinType=" + JoinType + "&TerraDepth=" + TerraDepth + "&WellType=" + WellType, 235, 100, 220, 220);


                            //clickPopup.InnerText = htmlStr;
                            clickPopup.Flags = 512;
                            clickPopup.AllowResize = true;
                            clickPopup.AllowDrag = true;
                            sgworld.Window.ShowPopup(clickPopup);
                        }
                    }
                    catch (e)
                    { }
                } catch (e) { 

                }
                
                //document.getElementById("TerraExplorerInformationWindow").style.display = "none";
            }
            return true;
        }
        function select_OnRButtonUp(Flags, X, Y) {
            sgworld.DetachEvent("OnLButtonUp", select_OnLButtonUp);
            sgworld.DetachEvent("OnRButtonUp", select_OnRButtonUp);
            sgworld.Window.SetInputMode(0);
            return true;
        }


        var selectPolygonId = 0;
        var selectPolygonName = "area";
        var selectgPolyObj = null;
        function selectPolygon() {
            AllEventClean();
            CleanTint();
            variableClean();
            selectPolygonId = sgworld.ProjectTree.FindItem("临时区域");
            if (selectPolygonId == 0) {
                selectPolygonId = sgworld.ProjectTree.CreateGroup("临时区域");
            }
            sgworld.AttachEvent("OnLButtonDown", selectPolygon_OnLButtonDown);
            sgworld.AttachEvent("OnRButtonUp", selectPolygon_OnRButtonUp);
            sgworld.AttachEvent("OnFrame", selectPolygon_OnFrame);
            sgworld.Window.SetInputMode(1);
        }
        function selectPolygon_OnLButtonDown(Flags, X, Y) {
            var CursorCoord = sgworld.Window.PixelToWorld(X, Y);
            if (selectgPolyObj == null) {
                var myLine = sgworld.Creator.GeometryCreator.CreateLineStringGeometry([CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0]);
                selectgPolyObj = sgworld.Creator.CreatePolyline(myLine, sgworld.Creator.CreateColor(255, 0, 0, 255), 0, selectPolygonId, tempName);
                selectgPolyObj.LineStyle.Width = -1;
                selectgPolyObj.Geometry.StartEdit();
            }
            else {
                if (selectgPolyObj.ObjectType == 1) {
                    // Deleting the temporary line
                    var x = selectgPolyObj.Geometry.Points.Item(0).X;
                    var y = selectgPolyObj.Geometry.Points.Item(0).Y;
                    sgworld.Creator.DeleteObject(selectgPolyObj.ID);

                    // Creating the polygon
                    var myGeometry = sgworld.Creator.GeometryCreator.CreateLinearRingGeometry([x, y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0])
                    selectgPolyObj = sgworld.Creator.createPolygon(myGeometry, sgworld.Creator.CreateColor(255, 0, 0, 255), sgworld.Creator.CreateColor(0, 255, 0, 26), 0, selectPolygonId, tempName);
                    selectgPolyObj.LineStyle.Width = -2;
                    selectgPolyObj.Terrain.GroundObject = true;
                    selectgPolyObj.Geometry.StartEdit();
                }
                else {
                    selectgPolyObj.Geometry.Rings(0).Points.Item(selectgPolyObj.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
                    selectgPolyObj.Geometry.Rings(0).Points.Item(selectgPolyObj.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
                    selectgPolyObj.Geometry.Rings(0).Points.Item(selectgPolyObj.Geometry.Rings(0).Points.count - 1).Z = 0;
                    selectgPolyObj.Geometry.Rings(0).Points.AddPoint(CursorCoord.Position.x, CursorCoord.Position.y, 0);
                }
            }
            return true;
        }
        function selectPolygon_OnFrame()
        {
            if (selectgPolyObj != null) {
                try {
                    var mouseInfo = sgworld.Window.GetMouseInfo()
                    var CursorCoord = sgworld.Window.pixelToWorld(mouseInfo.X, mouseInfo.Y);
                    if (CursorCoord == null)
                        return false;
                    if (selectgPolyObj.ObjectType == 2) {
                        selectgPolyObj.Geometry.Rings(0).Points.Item(selectgPolyObj.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
                        selectgPolyObj.Geometry.Rings(0).Points.Item(selectgPolyObj.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
                        selectgPolyObj.Geometry.Rings(0).Points.Item(selectgPolyObj.Geometry.Rings(0).Points.count - 1).Z = 0;
                    }
                    else {
                        selectgPolyObj.Geometry.Points.Item(selectgPolyObj.Geometry.Points.count - 1).X = CursorCoord.Position.x;
                        selectgPolyObj.Geometry.Points.Item(selectgPolyObj.Geometry.Points.count - 1).Y = CursorCoord.Position.y;
                        selectgPolyObj.Geometry.Points.Item(selectgPolyObj.Geometry.Points.count - 1).Z = 0;
                    }
                }
                catch (e) { }
            }
        }
       // private static ITerrainHole61 tempModifier = null;
        function selectPolygon_OnRButtonUp(Flags, X, Y) {
            var htmlStr = "";
            selectPolygonId = 0;
            selectPolygonName = "area";
            sgworld.DetachEvent("OnLButtonDown", selectPolygon_OnLButtonDown);
            sgworld.DetachEvent("OnRButtonUp", selectPolygon_OnRButtonUp);
            sgworld.DetachEvent("OnFrame", selectPolygon_OnFrame);
            sgworld.Window.SetInputMode(0);
try
{if(selectgPolyObj!=null)
{
            if (selectgPolyObj.ObjectType == 1) {
                sgworld.Creator.DeleteObject(selectgPolyObj.ID);
            }
            else {
                selectgPolyObj.Geometry.Rings(0).Points.DeletePoint(selectgPolyObj.Geometry.Rings(0).Points.count - 1);
                if (selectgPolyObj.Geometry.Rings(0).Points.count > 2) {
                    selectgPolyObj.Geometry.EndEdit();
                   // var AllPath = new Array();
                   // AllPath.push();
                    var layerItemId = sgworld.ProjectTree.FindItem(allPosition + "管道\\guandao1\\规划中压燃气Line1"); //管道\\
                    if (layerItemId != 0) {
                    var pipeLayer = sgworld.ProjectTree.GetObject(layerItemId);
                    if (pipeLayer.ObjectType == 39) {
                        try {
                            var selectedLayer = pipeLayer.ExecuteSpatialQuery(selectgPolyObj.Geometry, 1);
                            if (selectedLayer.Count > 0) {
                                htmlStr = "<html><head><title></title>";
                                htmlStr += "<style>table{border-right:1px solid #ED7D31;border-bottom:1px solid #ED7D31}table td{border-left:1px solid #ED7D31;border-top:1px solid #ED7D31}</style>";
                                htmlStr += "</head><body style='width:100%;height:100%;  margin:2px; padding:2px;'><table style='width:100%; text-align:center;font-size:12px;' border='0' cellspacing='0' cellpadding='0'><tr style='background-color:#ED7D31'>";
                                var firstFeature = selectedLayer(0);
                                htmlStr += "<td>";
                                htmlStr += "编号";
                                htmlStr += "</td>";
                                htmlStr += "<td>";
                                htmlStr += "类型";
                                htmlStr += "</td>";
                                htmlStr += "<td>";
                                htmlStr += "坡度";
                                htmlStr += "</td>";
                                htmlStr += "<td>";
                                htmlStr += "管径";
                                htmlStr += "</td>";
                                htmlStr += "<td>";
                                htmlStr += "起始设备编号";
                                htmlStr += "</td>";
                                htmlStr += "<td>";
                                htmlStr += "结束设备编号";
                                htmlStr += "</td>";
                                htmlStr += "</tr>";
                                for (var m = 0; m < selectedLayer.Count; m++) {
                                    var iAttribute = null;
                                    try {
                                        iAttribute = selectedLayer(m);
                                    } catch (e) {
                                        iAttribute = null;
                                    }
                                    if (iAttribute != null) {
                                        if (m % 2 == 0) {
                                            htmlStr += "<tr style='background-color:#FBE4D5'>";
                                        }
                                        else {
                                            htmlStr += "<tr>";
                                        }
                                        htmlStr += "<td>";
                                        try {
                                            htmlStr += iAttribute.FeatureAttributes.GetFeatureAttribute("Id").Value;
                                        } catch (e)
                                        { }
                                        htmlStr += "</td>";
                                        htmlStr += "<td>";
                                        try {
                                            htmlStr += iAttribute.FeatureAttributes.GetFeatureAttribute("Type").Value;
                                        } catch (e)
                                        { }
                                        htmlStr += "</td>";
                                        htmlStr += "<td>";
                                        try {
                                            htmlStr += iAttribute.FeatureAttributes.GetFeatureAttribute("Pitch").Value;
                                        } catch (e)
                                        { }
                                        htmlStr += "</td>";
                                        htmlStr += "<td>";
                                        try {
                                            htmlStr += iAttribute.FeatureAttributes.GetFeatureAttribute("Size").Value;
                                        } catch (e)
                                        { }
                                        htmlStr += "</td>";
                                        htmlStr += "<td>";
                                        try {
                                            htmlStr += iAttribute.FeatureAttributes.GetFeatureAttribute("StartId").Value;
                                        } catch (e)
                                        { }
                                        htmlStr += "</td>";
                                        htmlStr += "<td>";
                                        try {
                                            htmlStr += iAttribute.FeatureAttributes.GetFeatureAttribute("EndId").Value;
                                        } catch (e)
                                        { }
                                        htmlStr += "</td>";
                                        htmlStr += "</tr>";
                                    }
                                }
                                htmlStr += "</table></body></html>";
                                if (htmlStr != "") {
                                    var ScreenRectHeight = sgworld.Window.Rect.Height;
                                    var ScreenRectWidth = sgworld.Window.Rect.Width;
                                    var areaPopup = sgworld.Creator.CreatePopupMessage("区域查询", "", 231, (ScreenRectHeight-170), (ScreenRectWidth - 231), 170);
                                    areaPopup.InnerText = htmlStr;
                                    areaPopup.Flags = 512;
                                    areaPopup.AllowResize = true;
                                    areaPopup.AllowDrag = true;
                                    sgworld.Window.ShowPopup(areaPopup);
                                }
                            }
                            else {
                                alert("没有查询到数据！");
                            }
                        } catch (e)
                            { }
                        }
                    }
                }
            }
}
}catch(e)
{}
            if (selectgPolyObj != null) {
                sgworld.Creator.DeleteObject(selectgPolyObj.ID);
            }
            selectgPolyObj = null;
            return true;
        }
        
        var judge = -1;
        //爆管分析
        function pipeAnalyse(type) {
            CleanTint();
            AllEventClean();
            judge = type;
            if (judge != -1) {
                sgworld.AttachEvent("OnLButtonUp", pipeAnalyse_OnLButtonUp);
                sgworld.AttachEvent("OnRButtonUp", pipeAnalyse_OnRButtonUp);
                sgworld.Window.SetInputMode(1);
            }
        }

        var listLayer = [];
        //连通
        function pipeAnalyse_OnLButtonUp(Flags, X, Y) {
            CleanTint();
            var selectFeature = null;
            var CursorCoord = sgworld.Window.PixelToWorld(X, Y);
            if (CursorCoord.Type == 8192) {
                selectFeature = sgworld.Creator.GetObject(CursorCoord.ObjectID);
                try {
                    var startId = selectFeature.FeatureAttributes.GetFeatureAttribute("StartId").Value;
                    var endId = selectFeature.FeatureAttributes.GetFeatureAttribute("EndId").Value;
                    var tintGroup = sgworld.ProjectTree.FindItem("高亮");
                    if (tintGroup != 0) {
                        sgworld.ProjectTree.DeleteItem(tintGroup);
                    }
                    tintGroup = sgworld.ProjectTree.CreateGroup("高亮");
                    var tempLayer = sgworld.ProjectTree.GetObject(selectFeature.ParentGroupID);
                    if (tempLayer.ObjectType == 39) {
                        var myGeometry = sgworld.Creator.GeometryCreator.CreateLinearRingGeometry([114.048011, 22.531832, 0, 114.046471, 22.525349, 0, 114.056247, 22.524880, 0, 114.055244, 22.531647, 0]);
                        var allFeature = tempLayer.ExecuteSpatialQuery(myGeometry, 1);
                        for (var j = 0; j < allFeature.Count; j++) {
                            var feature = allFeature.Item(j);
                            if (feature.Geometry.GeometryType == 3) {

                                var tempStartId = feature.FeatureAttributes.GetFeatureAttribute("StartId").Value;
                                var tempEndId = feature.FeatureAttributes.GetFeatureAttribute("EndId").Value;
                                if (tempStartId == startId || tempStartId == endId || tempEndId == startId || tempEndId == endId) {
                                    var featureX = feature.FeatureAttributes.GetFeatureAttribute("StartX").Value;
                                    var featureY = feature.FeatureAttributes.GetFeatureAttribute("StartY").Value;
                                    var featureZ = feature.FeatureAttributes.GetFeatureAttribute("Altitude").Value;
                                    var featureYaw = feature.FeatureAttributes.GetFeatureAttribute("Yaw").Value;
                                    var featurePitch = feature.FeatureAttributes.GetFeatureAttribute("Pitch").Value;
                                    var featureRoll = feature.FeatureAttributes.GetFeatureAttribute("Roll").Value;
                                    var featureScaleX = feature.FeatureAttributes.GetFeatureAttribute("scaleX").Value;
                                    var featureScaleY = feature.FeatureAttributes.GetFeatureAttribute("scaleY").Value;
                                    var featurePosition = sgworld.Creator.CreatePosition(featureX, featureY, featureZ, 3, featureYaw, (featurePitch - 90), featureRoll);
                                    var Polygon = null;
                                    if (judge == 1) {
                                        Polygon = sgworld.Creator.CreateCylinder(featurePosition, (featureScaleX / 1.95), featureScaleY, sgworld.Creator.CreateColor(255, 0, 0, 255), sgworld.Creator.CreateColor(255, 0, 0, 255), 36, tintGroup, "temp");
                                    }
                                    else {
                                        Polygon = sgworld.Creator.CreateCylinder(featurePosition, (featureScaleX / 1.95), featureScaleY, sgworld.Creator.CreateColor(0, 255, 0, 255), sgworld.Creator.CreateColor(0, 255, 0, 255), 36, tintGroup, "temp");
                                    }
                                    //var lineColor = sgworld.Creator.CreateColor(255, 0, 0, 255);
                                    //feature.Tint = lineColor;
                                }
                            }
                        }
                        if (judge == 1) {
                            var burststyle = sgworld.Creator.CreateLabelStyle(); //allurl + "images/1.gif"
                            //var burstImg = sgworld.Creator.CreateImageLabel(CursorCoord.Position, "E:\\PipeWeb\\images\\1.gif", burststyle, analygroupId, "temp");
                            var LabelText = "$$PARTICLE$$UserDefine:";
                            LabelText += "<Particle ID='SmokePoof'>";
                            LabelText += "<ParticleEmitter ID='ring' NumParticles='286' Texture='smoke.png'>";
                            LabelText += "<Emitter Rate='223' Shape='Cone' Scale='1,1,1' Speed='1,1,1' />";
                            LabelText += "<Cycle Value='1' />";
                            LabelText += "<Sort Value='1' />";
                            LabelText += "<Gravity Value='0, -4, 0' />";
                            LabelText += "<Position Value='0, 0, 0' />";
                            LabelText += "<Life Value='1' />";
                            LabelText += "<Speed Value='2' />";
                            LabelText += "<Color Value='20,0,150,190' />";
                            LabelText += "<Size Value='0.1' />";
                            LabelText += "<Drag Value='0' />";
                            LabelText += "<Rotation Speed='0' Time='1.7' />";
                            LabelText += "<Fade FadeIn='.1' FadeOut='.6' MaxFade='0.5' />";
                            LabelText += "</ParticleEmitter>";
                            LabelText += "</Particle>";
                            var burstLabel = sgworld.Creator.CreateLabel(CursorCoord.Position, LabelText, "", burststyle, tintGroup, "temp");
                            burstLabel.Style.Scale = 0.1;
                            burstLabel.Style.LockMode = 1;
                            burstLabel.Position.Altitude = burstLabel.Position.Altitude + 5;

                        }
                    }
                }
                catch (e) { 
                }

            }
            return true;
        }
        function pipeAnalyse_OnRButtonUp(Flags, X, Y) {
                sgworld.DetachEvent("OnLButtonUp", pipeAnalyse_OnLButtonUp);
                sgworld.DetachEvent("OnRButtonUp", pipeAnalyse_OnRButtonUp);
                sgworld.Window.SetInputMode(0);
            CleanTint();
           // AllEventClean();
            variableClean();
            return true;
        }


        var pipeConnectedId = new Array();
        var pipeConnectedJoinId = new Array();
        var pipeCount = 0;
        var myGeometry;
        var allFeature;
        //连通分析
        function pipeConnected() {
            CleanTint();
            AllEventClean();
            variableClean();
            sgworld.AttachEvent("OnLButtonUp", pipeConnected_OnLButtonUp);
            sgworld.AttachEvent("OnRButtonUp", pipeConnected_OnRButtonUp);
            sgworld.Window.SetInputMode(1);
        }

        //var listLayer = [];
        //连通
        function pipeConnected_OnLButtonUp(Flags, X, Y) {
            var selectFeature = null;
            var Polygon = null;
            var CursorCoord = sgworld.Window.PixelToWorld(X, Y);

            var tintGroup = sgworld.ProjectTree.FindItem("高亮");
            if (tintGroup == "") {
                tintGroup = sgworld.ProjectTree.CreateGroup("高亮");
            }

            if (pipeCount == 0) {
                if (CursorCoord.Type == 8192) {
                    try {

                        selectFeature = sgworld.Creator.GetObject(CursorCoord.ObjectID);
                        var tempLayer = sgworld.ProjectTree.GetObject(selectFeature.ParentGroupID);
                        if (tempLayer.ObjectType == 39) {
                            myGeometry = sgworld.Creator.GeometryCreator.CreateLinearRingGeometry([114.048011, 22.531832, 0, 114.046471, 22.525349, 0, 114.056247, 22.524880, 0, 114.055244, 22.531647, 0]);
                            allFeature = tempLayer.ExecuteSpatialQuery(myGeometry, 1);
                        }
                        var startId = selectFeature.FeatureAttributes.GetFeatureAttribute("StartId").Value;
                        var endId = selectFeature.FeatureAttributes.GetFeatureAttribute("EndId").Value;
                        var pipeId = selectFeature.FeatureAttributes.GetFeatureAttribute("Id").Value;
                        var featureX = selectFeature.FeatureAttributes.GetFeatureAttribute("StartX").Value;
                        var featureY = selectFeature.FeatureAttributes.GetFeatureAttribute("StartY").Value;
                        var featureZ = selectFeature.FeatureAttributes.GetFeatureAttribute("Altitude").Value;
                        var featureYaw = selectFeature.FeatureAttributes.GetFeatureAttribute("Yaw").Value;
                        var featurePitch = selectFeature.FeatureAttributes.GetFeatureAttribute("Pitch").Value;
                        var featureRoll = selectFeature.FeatureAttributes.GetFeatureAttribute("Roll").Value;
                        var featureScaleX = selectFeature.FeatureAttributes.GetFeatureAttribute("scaleX").Value;
                        var featureScaleY = selectFeature.FeatureAttributes.GetFeatureAttribute("scaleY").Value;
                        var featurePosition = sgworld.Creator.CreatePosition(featureX, featureY, featureZ, 3, featureYaw, (featurePitch - 90), featureRoll);
                        Polygon = sgworld.Creator.CreateCylinder(featurePosition, (featureScaleX / 1.95), featureScaleY, sgworld.Creator.CreateColor(0, 255, 0, 255), sgworld.Creator.CreateColor(0, 255, 0, 255), 36, tintGroup, "temp");

                        pipeConnectedId.push(pipeId);
                        pipeConnectedJoinId.push(startId);
                        pipeConnectedJoinId.push(endId);
                        pipeCount++;
                    } catch (e)
                    { }
                }
            } else {
                try {
                    for (var j = 0; j < allFeature.Count; j++) {
                        var feature = allFeature.Item(j);
                        if (feature.Geometry.GeometryType == 3) {
                            var tempStartId = feature.FeatureAttributes.GetFeatureAttribute("StartId").Value;
                            var tempEndId = feature.FeatureAttributes.GetFeatureAttribute("EndId").Value;
                            var pipeId = feature.FeatureAttributes.GetFeatureAttribute("Id").Value;
                            if (!pipeConnectedIdExist(pipeId)) {
                                if (!(pipeConnectedJoinIdExist(tempEndId) && pipeConnectedJoinIdExist(tempStartId))) {
                                    if (pipeConnectedJoinIdExist(tempEndId)) {
                                        pipeConnectedId.push(pipeId);
                                        pipeConnectedJoinId.push(tempStartId);
                                        var featureX = feature.FeatureAttributes.GetFeatureAttribute("StartX").Value;
                                        var featureY = feature.FeatureAttributes.GetFeatureAttribute("StartY").Value;
                                        var featureZ = feature.FeatureAttributes.GetFeatureAttribute("Altitude").Value;
                                        var featureYaw = feature.FeatureAttributes.GetFeatureAttribute("Yaw").Value;
                                        var featurePitch = feature.FeatureAttributes.GetFeatureAttribute("Pitch").Value;
                                        var featureRoll = feature.FeatureAttributes.GetFeatureAttribute("Roll").Value;
                                        var featureScaleX = feature.FeatureAttributes.GetFeatureAttribute("scaleX").Value;
                                        var featureScaleY = feature.FeatureAttributes.GetFeatureAttribute("scaleY").Value;
                                        var featurePosition = sgworld.Creator.CreatePosition(featureX, featureY, featureZ, 3, featureYaw, (featurePitch - 90), featureRoll);
                                        var Polygon = null;
                                        Polygon = sgworld.Creator.CreateCylinder(featurePosition, (featureScaleX / 1.95), featureScaleY, sgworld.Creator.CreateColor(0, 255, 0, 255), sgworld.Creator.CreateColor(0, 255, 0, 255), 36, tintGroup, "temp");
                                        //var lineColor = sgworld.Creator.CreateColor(255, 0, 0, 255);
                                        //feature.Tint = lineColor;
                                    }
                                    if (pipeConnectedJoinIdExist(tempStartId)) {
                                        pipeConnectedId.push(pipeId);
                                        pipeConnectedJoinId.push(tempEndId);
                                        var featureX = feature.FeatureAttributes.GetFeatureAttribute("StartX").Value;
                                        var featureY = feature.FeatureAttributes.GetFeatureAttribute("StartY").Value;
                                        var featureZ = feature.FeatureAttributes.GetFeatureAttribute("Altitude").Value;
                                        var featureYaw = feature.FeatureAttributes.GetFeatureAttribute("Yaw").Value;
                                        var featurePitch = feature.FeatureAttributes.GetFeatureAttribute("Pitch").Value;
                                        var featureRoll = feature.FeatureAttributes.GetFeatureAttribute("Roll").Value;
                                        var featureScaleX = feature.FeatureAttributes.GetFeatureAttribute("scaleX").Value;
                                        var featureScaleY = feature.FeatureAttributes.GetFeatureAttribute("scaleY").Value;
                                        var featurePosition = sgworld.Creator.CreatePosition(featureX, featureY, featureZ, 3, featureYaw, (featurePitch - 90), featureRoll);
                                        var Polygon = null;
                                        Polygon = sgworld.Creator.CreateCylinder(featurePosition, (featureScaleX / 1.95), featureScaleY, sgworld.Creator.CreateColor(0, 255, 0, 255), sgworld.Creator.CreateColor(0, 255, 0, 255), 36, tintGroup, "temp");
                                    }
                                }
                            }
                        }
                    }
                }
                catch (e) {
                }
            }
            return true;
        }
        function pipeConnected_OnRButtonUp(Flags, X, Y) {
            CleanTint();
            try {
                sgworld.DetachEvent("OnLButtonUp", pipeConnected_OnLButtonUp);
                sgworld.DetachEvent("OnRButtonUp", pipeConnected_OnRButtonUp);
            } catch (e)
            { }
            sgworld.Window.SetInputMode(0);
            variableClean();
            return true;
        }
        function pipeConnectedIdExist(pipeItemId) {
            for (var i = 0; i < pipeConnectedId.length; i++) {
                if (pipeConnectedId[i] == pipeItemId) {
                    return true;
                }
            }
            return false;
        }
        function pipeConnectedJoinIdExist(pipeItemJoinId) {
            for (var i = 0; i < pipeConnectedJoinId.length; i++) {
                if (pipeConnectedJoinId[i] == pipeItemJoinId) {
                    return true;
                }
            }
            return false;
        }
        function allClean() {
            sgworld.Navigate.UndergroundMode = false;
            CleanTint();
            AllEventClean();            
            variableClean();
            //AllInitialise();
        }
        function variableClean() {
            tempTerrainId = 0;
            tempName = "";
            pipeConnectedId = [];
            pipeConnectedJoinId = [];
            pipeCount = 0;
            if (flightgPolyObj != null) {
                sgworld.Creator.DeleteObject(flightgPolyObj.ID);
                flightgPolyObj = null;
            }
            try {
                clearInterval(time);
            } catch (e) {
            }
            try {
                stopMovement();
                //clearInterval(status);
            } catch (e) {
            }
            fId = sgworld.ProjectTree.FindItem("管道流动");
            if (fId != 0) {
                try {
                    sgworld.ProjectTree.DeleteItem(fId);
                } catch (e) {
                }
            }
            try {
                flightGroupId = sgworld.ProjectTree.FindItem("飞行路线");
                if (flightGroupId != 0 && flightGroupId != "") {
                    sgworld.ProjectTree.DeleteItem(flightGroupId);
                }
            } catch (e) {

            }
            try {
                var tempPositionGroupId = sgworld.ProjectTree.FindItem("选择");
                if (tempPositionGroupId != "") {
                    sgworld.ProjectTree.DeleteItem(tempPositionGroupId);
                }
            } catch (e)
            { }
            try {
                var addSellGroupId = sgworld.ProjectTree.FindItem("新应急方案");
                if (addSellGroupId == "") {
                    sgworld.Creator.DeleteObject(addSellGroupId);
                }
            } catch (e)
            { }
            try {
                var statisticsPolygonId = sgworld.ProjectTree.FindItem("临时区域");
                if (statisticsPolygonId != "") {
                    sgworld.ProjectTree.DeleteItem(statisticsPolygonId);
                }
            } catch (e)
            { }
            try {
                var mytempTerrainId = sgworld.ProjectTree.FindItem("临时地形");
                if (mytempTerrainId != "") {
                    sgworld.ProjectTree.DeleteItem(mytempTerrainId);
                }
            } catch (e) {

            }

            try {

                var clickGroupId = sgworld.ProjectTree.FindItem("选中网格");
                if (clickGroupId != "") {
                    sgworld.ProjectTree.DeleteItem(clickGroupId);
                }
            } catch (e)
            { }
            try {
                var arrId = sgworld.ProjectTree.FindItem("分析工具");
                if (arrId != 0) {
                    sgworld.ProjectTree.DeleteItem(arrId);
                }
            } catch (e)
            { }
            if (gPolyObj != null) {
                try {
                    sgworld.Creator.DeleteObject(gPolyObj.ID);
                } catch (e)
                { }
                gPolyObj = null;
            }
            if (Polygon != null) {
                try {
                    sgworld.Creator.DeleteObject(Polygon.ID);
                } catch (e)
                { }
                Polygon = null;
            }
            if (sidePolygon != null) {
                try {
                    sgworld.Creator.DeleteObject(sidePolygon.ID);
                } catch (e)
                { }
                sidePolygon = null;
            }
            selectPolygonId = 0;
            selectPolygonName = "area";
            if (selectgPolyObj != null) {
                try {
                    sgworld.Creator.DeleteObject(selectgPolyObj.ID);
                } catch (e)
                { }
                selectgPolyObj = null;
            }
            judge = -1;
            earthId = 0;
            earthName = "";
            if (earthPolyObj != null) {
                try {
                    sgworld.Creator.DeleteObject(earthPolyObj.ID);
                } catch (e)
                { }
                earthPolyObj = null;
            }
        }
        function CleanTint() {
            try {
                var tintGroup = sgworld.ProjectTree.FindItem("高亮");
                if (tintGroup != 0) {
                    sgworld.ProjectTree.DeleteItem(tintGroup);
                }
            } catch (e)
            { }
//            tintGroup = sgworld.ProjectTree.CreateGroup("高亮");
//            var analygroupId = sgworld.ProjectTree.FindItem("temp");
//            if (analygroupId != 0) {
//                sgworld.ProjectTree.DeleteItem(analygroupId);
//            }
//            if (listLayer.length > 0) {
//                for (var i = 0; i < listLayer.length; i++) {
//                    try {
//                        var tintFeature = sgworld.Creator.GetObject(listLayer[i]);
//                        tintFeature.Tint.SetAlpha(0);
//                    } catch (e) { }
//                }
//                listLayer = [];
//            }
        }
        function AllEventClean() {
            var inputM = sgworld.Window.GetInputMode();
            if (inputM != 0) {
                try {
                    sgworld.DetachEvent("OnLButtonDown", move_OnLButtonDown);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonUp", move_OnLButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", move_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnFrame", move_OnFrame);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonUp", pipeAnalyse_OnLButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", pipeAnalyse_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonUp", pipeConnected_OnLButtonUp);
                    sgworld.DetachEvent("OnRButtonUp", pipeConnected_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonUp", select_OnLButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", select_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonDown", selectPolygon_OnLButtonDown);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", selectPolygon_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnFrame", selectPolygon_OnFrame);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonDown", polygon_OnLButtonDown);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", polygon_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnFrame", polygon_OnFrame);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonUp", high_OnLButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", high_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonDown", earth_OnLButtonDown);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", earth_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnFrame", earth_OnFrame);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonUp", clickCheck_OnLButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnRButtonUp", clickCheck_OnRButtonUp);
                } catch (e) { }
                try {
                    sgworld.DetachEvent("OnLButtonDown", DrawPath_LButtonDown);
                    sgworld.DetachEvent("OnRButtonUp", DrawPath_RButtonUp);
                    sgworld.DetachEvent("OnFrame", DrawPath_OnFrame);
                } catch (e) { }
                sgworld.Window.SetInputMode(0);
            }
        }
        function AllInitialise() {
            try {
                for (var i = 0; i < showGroupId.length; i++) {
                    if (showGroupId[i] != 0) {
                        try {
                            sgworld.ProjectTree.SetVisibility(showGroupId[i], false);
                        } catch (e)
                            { }
                    }
                }
                showGroupId = [];
            } catch (e) {
            }
        }

        var earthId = 0;
        var earthName = "";
        var earthPolyObj = null;
        function creatorEarth() {
            polygon_Clean();
            earthId = sgworld.ProjectTree.FindItem("分析工具");
            if (earthId == 0) {
                earthId = sgworld.ProjectTree.CreateGroup("分析工具");
            }
            earthName = "temp";
            sgworld.AttachEvent("OnLButtonDown", earth_OnLButtonDown);
            sgworld.AttachEvent("OnRButtonUp", earth_OnRButtonUp);
            sgworld.AttachEvent("OnFrame", earth_OnFrame);
            sgworld.Window.SetInputMode(1);
        }
        function earth_OnLButtonDown(Flags, X, Y) {
            var CursorCoord = sgworld.Window.PixelToWorld(X, Y);
            if (earthPolyObj == null) {
                var myLine = sgworld.Creator.GeometryCreator.CreateLineStringGeometry([CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0]);
                earthPolyObj = sgworld.Creator.CreatePolyline(myLine, sgworld.Creator.CreateColor(255, 0, 0, 255), 2, earthId, earthName);
                earthPolyObj.LineStyle.Width = -1;
                earthPolyObj.Geometry.StartEdit();
            }
            else {
                if (earthPolyObj.ObjectType == 1) {
                    // Deleting the temporary line
                    var x = earthPolyObj.Geometry.Points.Item(0).X;
                    var y = earthPolyObj.Geometry.Points.Item(0).Y;
                    sgworld.Creator.DeleteObject(earthPolyObj.ID);

                    // Creating the polygon
                    var myGeometry = sgworld.Creator.GeometryCreator.CreateLinearRingGeometry([x, y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0])
                    earthPolyObj = sgworld.Creator.createPolygon(myGeometry, sgworld.Creator.CreateColor(255, 0, 0, 1), sgworld.Creator.CreateColor(0, 255, 0, 0.5), 2, earthId, earthName);
                    earthPolyObj.LineStyle.Width = -2;
                    earthPolyObj.Terrain.GroundObject = true;
                    earthPolyObj.Geometry.StartEdit();
                }
                else {
                    earthPolyObj.Geometry.Rings(0).Points.Item(earthPolyObj.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
                    earthPolyObj.Geometry.Rings(0).Points.Item(earthPolyObj.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
                    earthPolyObj.Geometry.Rings(0).Points.Item(earthPolyObj.Geometry.Rings(0).Points.count - 1).Z = 0;
                    earthPolyObj.Geometry.Rings(0).Points.AddPoint(CursorCoord.Position.x, CursorCoord.Position.y, 0);
                }
            }
            return true;
        }
        function earth_OnFrame() {
            if (earthPolyObj != null) {
                try {
                    var mouseInfo = sgworld.Window.GetMouseInfo()
                    var CursorCoord = sgworld.Window.pixelToWorld(mouseInfo.X, mouseInfo.Y);
                    if (CursorCoord == null)
                        return false;
                    if (earthPolyObj.ObjectType == 2) {
                        earthPolyObj.Geometry.Rings(0).Points.Item(earthPolyObj.Geometry.Rings(0).Points.count - 1).X = CursorCoord.Position.x;
                        earthPolyObj.Geometry.Rings(0).Points.Item(earthPolyObj.Geometry.Rings(0).Points.count - 1).Y = CursorCoord.Position.y;
                        earthPolyObj.Geometry.Rings(0).Points.Item(earthPolyObj.Geometry.Rings(0).Points.count - 1).Z = 0;
                    }
                    else {
                        earthPolyObj.Geometry.Points.Item(earthPolyObj.Geometry.Points.count - 1).X = CursorCoord.Position.x;
                        earthPolyObj.Geometry.Points.Item(earthPolyObj.Geometry.Points.count - 1).Y = CursorCoord.Position.y;
                        earthPolyObj.Geometry.Points.Item(earthPolyObj.Geometry.Points.count - 1).Z = 0;
                    }
                }
                catch (e) { }
            }
        }
        // private static ITerrainHole61 tempModifier = null;

        function earth_OnRButtonUp(Flags, X, Y) {
            if (earthPolyObj.ObjectType == 1) {
                sgworld.Creator.DeleteObject(earthPolyObj.ID);
            }
            else {
                earthPolyObj.Geometry.Rings(0).Points.DeletePoint(earthPolyObj.Geometry.Rings(0).Points.count - 1);
                if (earthPolyObj.Geometry.Rings(0).Points.count > 2) {
                    earthPolyObj.Geometry.EndEdit();
                    var tempModifier = sgworld.Creator.CreateTerrainModifier(earthPolyObj.Geometry, 0, true, 0, earthId, earthName);
                    try {
                        var arrModifierID = [];
                        arrModifierID.push(tempModifier.ID);
                        var tempVolumeAnalysisInfo = sgworld.Analysis.CalculateVolume(arrModifierID, 0.5);
                        tempModifier.Tooltip.Text = "填土方：" + tempVolumeAnalysisInfo.AddedCubicMeters + "挖土方：" + tempVolumeAnalysisInfo.RemovedCubicMeters;
                    } catch (e) {
                        alert(e);
                    }
                }
                if (earthPolyObj != null) {
                    sgworld.Creator.DeleteObject(earthPolyObj.ID);
                    //sgworld.ProjectTree.DeleteItem(earthPolyObj.TreeItem.ItemID);
                }
            }
            earth_Clean();
            return true;
        }
        /// <summary>
        /// 初始化绘制多边形
        /// </summary>
        function earth_Clean() {
            try {
                earthId = 0;
                earthName = "";
                earthPolyObj = null;
                sgworld.DetachEvent("OnLButtonDown", earth_OnLButtonDown);
                sgworld.DetachEvent("OnRButtonUp", earth_OnRButtonUp);
                sgworld.DetachEvent("OnFrame", earth_OnFrame);
                sgworld.Window.SetInputMode(0);
            }
            catch (e) {
            }
        }

        var moveSelectLabel = null;
        //移动
        function move_OnLButtonDown(Flags, X, Y) {
            var CursorCoord = sgworld.Window.PixelToWorld(X, Y);
            if (CursorCoord.Type == 1) {
                moveSelectLabel = sgworld.Creator.GetObject(CursorCoord.ObjectID);
                var parentId = sgworld.ProjectTree.GetNextItem(moveSelectLabel.ID, 15);
                var parentName = sgworld.ProjectTree.GetItemName(parentId);
                if (parentName == "二三维联动") {

                    sgworld.AttachEvent("OnFrame", move_OnFrame);
                }
            }
            return true;
        }
        function move_OnLButtonUp(Flags, X, Y) {
            try {
                sgworld.DetachEvent("OnFrame", move_OnFrame);
            } catch (e) { 
            
            }
            return true;
        }
        function move_OnFrame() {
            var mouseInfo = sgworld.Window.GetMouseInfo()
            var CursorCoord = sgworld.Window.pixelToWorld(mouseInfo.X, mouseInfo.Y);
            if (moveSelectLabel != null) {
                moveSelectLabel.Position.X = CursorCoord.Position.X;
                moveSelectLabel.Position.Y = CursorCoord.Position.Y;
                var tdobj = window.frames["2d"];
                tdobj.moveGraphic(CursorCoord.Position.X, CursorCoord.Position.Y);
            }
        }


        function move_OnRButtonUp(Flags, X, Y) {
            sgworld.DetachEvent("OnLButtonDown", move_OnLButtonDown);
            sgworld.DetachEvent("OnLButtonUp", move_OnLButtonUp);
            sgworld.DetachEvent("OnRButtonUp", move_OnRButtonUp);
            try {
                sgworld.DetachEvent("OnFrame", move_OnFrame);
            } catch (e) { 
            }
            sgworld.Window.SetInputMode(0);
            return true;
        }


        var flightgPolyObj = null;
        var flightGroupId = 0;
        //飞行路径
        function flightPath() {
            try {
                flightgPolyObj = null;
                flightGroupId = sgworld.ProjectTree.FindItem("飞行路线");
                if (flightGroupId != 0 && flightGroupId != "") {
                    sgworld.ProjectTree.DeleteItem(flightGroupId);
                }
                flightGroupId = sgworld.ProjectTree.CreateGroup("飞行路线");
                sgworld.AttachEvent("OnLButtonDown", DrawPath_LButtonDown);
                sgworld.AttachEvent("OnRButtonUp", DrawPath_RButtonUp);
                sgworld.AttachEvent("OnFrame", DrawPath_OnFrame);
                sgworld.Window.SetInputMode(1);
            } catch (e) {
            }
        }

        //----------
        function DrawPath_LButtonDown(Flags, X, Y) {
            var CursorCoord = sgworld.Window.pixelToWorld(X, Y);
            if (CursorCoord == null)
                return false;
            if (flightgPolyObj == null) {
                var myGeometry = sgworld.Creator.GeometryCreator.CreateLineStringGeometry([CursorCoord.Position.x, CursorCoord.Position.y, 0, CursorCoord.Position.x, CursorCoord.Position.y, 0])
                flightgPolyObj = sgworld.Creator.CreatePolyline(myGeometry, sgworld.Creator.CreateColor(0, 255, 0, 1), 2, flightGroupId, "test");
                flightgPolyObj.LineStyle.Width = -2;
                flightgPolyObj.Geometry.StartEdit();

            }
            else {
 		if (flightgPolyObj != null) {
                flightgPolyObj.Geometry.Points.Item(flightgPolyObj.Geometry.Points.count - 1).X = CursorCoord.Position.x;
                flightgPolyObj.Geometry.Points.Item(flightgPolyObj.Geometry.Points.count - 1).Y = CursorCoord.Position.y;
                flightgPolyObj.Geometry.Points.Item(flightgPolyObj.Geometry.Points.count - 1).Z = 0;
                flightgPolyObj.Geometry.Points.AddPoint(CursorCoord.Position.x, CursorCoord.Position.y, 0);
		}
            }
            return true;
        }
        //-----------
        // onFrame
        //-----------
        function DrawPath_OnFrame() {
            if (flightgPolyObj != null) {
                try {
                    var mouseInfo = sgworld.Window.GetMouseInfo()
                    var CursorCoord = sgworld.Window.pixelToWorld(mouseInfo.X, mouseInfo.Y);
                    if (CursorCoord == null)
                        return false;
                    flightgPolyObj.Geometry.Points.Item(flightgPolyObj.Geometry.Points.count - 1).X = CursorCoord.Position.x;
                    flightgPolyObj.Geometry.Points.Item(flightgPolyObj.Geometry.Points.count - 1).Y = CursorCoord.Position.y;
                    flightgPolyObj.Geometry.Points.Item(flightgPolyObj.Geometry.Points.count - 1).Z = 0;
                }
                catch (e) { }
            }
        }
        //-------------
        // DrawPolyRButtonUp
        //-------------
        function DrawPath_RButtonUp(Flags, X, Y) {
            if (flightgPolyObj == null || flightgPolyObj.Geometry.Points.count <= 2) {
                Reset();
                return false;
            }
            flightgPolyObj.Geometry.Points.DeletePoint(flightgPolyObj.Geometry.Points.count - 1);
            flightgPolyObj.Geometry.EndEdit();
            CreateFlyPath();
            Reset();
            return true;
        }

        function Reset() {
            try {
                
                sgworld.DetachEvent("OnLButtonDown", DrawPath_LButtonDown);
                sgworld.DetachEvent("OnRButtonUp", DrawPath_RButtonUp);
                sgworld.DetachEvent("OnFrame", DrawPath_OnFrame);
                if (flightgPolyObj != null) {
                    sgworld.Creator.DeleteObject(flightgPolyObj.ID);
                    flightgPolyObj = null;
                }
            }
            catch (e) {
            }
            sgworld.Window.SetInputMode(0);
        }

        function CreateFlyPath() {
            if (flightgPolyObj != null && flightGroupId != 0) {
                try {
                    var waypointDirection = 0;
                    var firstPosition = sgworld.Creator.CreatePosition(flightgPolyObj.Geometry.Points.Item(0).X, flightgPolyObj.Geometry.Points.Item(0).Y, 0);
                    var secondPosition = sgworld.Creator.CreatePosition(flightgPolyObj.Geometry.Points.Item(1).X, flightgPolyObj.Geometry.Points.Item(1).Y, 0);
                    firstPosition = firstPosition.AimTo(secondPosition);
                    var flightObject = sgworld.Creator.CreateDynamicObject(null, 1, 3, "", 1, 0, flightGroupId, "沿路径观察");
                    for (var k = 0; k < flightgPolyObj.Geometry.Points.count; k++) {
                        if (k == 0) {
                            waypointDirection = firstPosition.Yaw;
                        }
                        else {
                            waypointDirection = 0;
                        }
                        var a = sgworld.Creator.CreateRouteWaypoint(flightgPolyObj.Geometry.Points.Item(k).X, flightgPolyObj.Geometry.Points.Item(k).Y, 10, 200, waypointDirection, 0, 0, 0, 0, "");
                        flightObject.Waypoints.AddWaypoint(a);
                    }
                    flightObject.Action.Code = 5;
                    flightObject.CircularRoute = false;
                    var flightHtmlStr = "<html><head><title></title>";

                    flightHtmlStr += "<script type='text/javascript'>function flightPlay() { var dynamic = sgworld.Creator.GetObject('";
                    flightHtmlStr += flightObject.ID;
                    flightHtmlStr += "'); if (dynamic.ObjectType == 23) { dynamic.RestartRoute(0); sgworld.Navigate.FlyTo(dynamic, 5); } } <";
                    flightHtmlStr += "\/script>";

                    flightHtmlStr += "</head><body><a href='#' onclick='flightPlay();'>";
                    flightHtmlStr += "沿路径观察";
                    flightHtmlStr += "</a><object id='sgworld' classid='CLSID:3a4f9197-65a8-11d5-85c1-0001023952c1'></object></body></html>";
                    var flightPopup = sgworld.Creator.CreatePopupMessage("飞行路线", "", 233, 0, 150, 70);
                    flightPopup.InnerText = flightHtmlStr;
                    flightPopup.AllowResize = true;
                    flightPopup.AllowDrag = true;
                    sgworld.Window.ShowPopup(flightPopup);
                } catch (e)
                { }
            }
        }

var gulp = require('gulp'),
    scss = require("gulp-scss"),
    uglify = require('gulp-uglify');

//scss编译
gulp.task('scss', function () {
    gulp.src('css/*.scss') //该任务针对的文件
        .pipe(scss()) //该任务调用的模块
        .pipe(gulp.dest('css'));
});

//js压缩
gulp.task('compass', function () {
    gulp.src(['js/*.js','!js/*.min.js'])  //获取文件，同时过滤掉.min.js文件
        .pipe(uglify())
        .pipe(gulp.dest('js/'));  //输出文件
});

gulp.task('default',['scss','compass']); //定义默认任务 elseTask为其他任务，该示例没有定义elseTask任务

//监听-自动化
gulp.task('auto', function () {
    gulp.watch('css/*.scss', ['scss']); //当所有scss文件发生改变时，调用testLess任务
});

var chartObj_pipeline = null;//管线

//配置路径
require.config({
	paths:{
		echarts:'/resources/echarts/build/dist',
	}
});

$(function(){
	initChartObjs();
});

function initChartObjs(){
	objPipeline();//管线
}

function objPipeline(){
	option = {
			grid: {x:40,y:10,x2:35,y2:0,borderWidth:0},//改变图形控件的大小，数据越大图形越小
		    tooltip: {
		        trigger: 'axis',
		        borderWidth: 2,
			    borderColor: '#165484',
			    backgroundColor: '#092651',
			    textStyle: {
					color : '#DEDEDE',
					fontSize: 15,
				},
				formatter:'{b1}: {c1}'
		    },
		    noDataLoadingOption : {
				text : "No data to display.",
				effect : 'bubble',
				effectOption : {
					backgroundColor : 'rgba(255,255,255,0)',
					effect : {
						n : 0
					}
				}
			},
		    xAxis: [
			        {
			            type: 'value',
			            axisLabel: {
		                	show: false,
			            },
			            splitLine: {
			            	show: false
			            },
			            axisLine: {
			            	show: false,
			            },
			            axisTick: {
			            	show:false,
			            	alignWithLabel:false,
			            },
			            data: ['水温','压力','流量']
			        }
			    ],
		    yAxis: [
		        {
		            type: 'category',
		            axisLabel: {
	                	show: true,
	                	margin: 10,
	                	textStyle: {
	                		color: '#D0D0D1',
	                		fontSize: 15,
	                		fontFamily : '微软雅黑',
	                		fontWeight : 'normal'
	                	}
		            },
		            splitLine: {
		            	show: false
		            },
		            axisLine: {
		            	show: true,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 1,
		            	}
		            },
		            axisTick: {
		            	show:true,
		            	alignWithLabel:true,
		            	//interval: 50,
		            	length: 10,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 0,
		            	}
		            },
		            data: ['流量','压力','水温']
		        }
		    ],
		    series: [
				{
					name : '管线',
				    type:'bar',
				    stack : '总量',
				    itemStyle: {
				    	normal: {
				    		color: '#353536',
				    		lineStyle: {
				    			width: 6,
				    			//color: '#2A2A2C'
				    		},
				    		label: {
				    			show: false,
				    		},
				    		barBorderRadius: 15, // 统一设置四个角的圆角大小
				    	},
				    },
				    data:[1,1,1]
				},
		        {
		        	name : '管线',
		            type:'bar',
		            stack : '总量',
		            barWidth: 30,
		            itemStyle: {
		            	normal: {
		            		color: '#3AFF55',
		            		lineStyle: {
		            			width: 6,
		            			color: '#3AFF55'
		            		},
		            		label: {
		            			show: true,
		            			position: 'right',
		            			formatter: '{c}',
		            			textStyle: {
		            				//color: '#CB2D2E',
		            				fontSize: 15,
		            			},
		            		},
		            		barBorderRadius: 15, // 统一设置四个角的圆角大小
		            	},
		            },
		            data:[{value:22.14,
		            		itemStyle: {
		            			normal:{
		            				color : '#3D80CC'
		            			}
		            		}
		            	},
		                  {value:32.56,
		                	  itemStyle: {
			            			normal:{
			            				color : '#D76F33'
			            			}
			            		}
		            	},
		                  {value:12.31,
		                	  itemStyle: {
			            			normal:{
			            				color : '#84BC99'
			            			}
			            		}
		            	}]
		        },
		    ]
		};
	chartObj_pipeline = echarts.init(document.getElementById("chartObj_pipeline"),'');
	chartObj_pipeline.setOption(option,true);
}

function Presentation(PathName) {
    var ItemId = sgworld.ProjectTree.FindItem(PathName);
    if (ItemId != 0 && ItemId != "") {
        var Obj = sgworld.ProjectTree.GetObject(ItemId);
        Obj.Play(0);
    }

}

var chartObj_environment = null;//管线

//配置路径
require.config({
	paths:{
		echarts:'/resources/echarts/build/dist',
	}
});

$(function(){
	initChartObjs();
});

function initChartObjs(){
	chartObjEnvironment();//综合舱环境
}

function chartObjEnvironment(){
	option = {
			grid: {x:140,y:0,x2:35,y2:0,borderWidth:0},//改变图形控件的大小，数据越大图形越小
		    tooltip: {
		        trigger: 'axis',
		        borderWidth: 2,
			    borderColor: '#165484',
			    backgroundColor: '#092651',
			    textStyle: {
					color : '#DEDEDE',
					fontSize: 15,
				},
				formatter:'{b1}: {c1}'
		    },
		    noDataLoadingOption : {
				text : "No data to display.",
				effect : 'bubble',
				effectOption : {
					backgroundColor : 'rgba(255,255,255,0)',
					effect : {
						n : 0
					}
				}
			},
		    xAxis: [
			        {
			            type: 'value',
			            axisLabel: {
		                	show: false,
			            },
			            splitLine: {
			            	show: false
			            },
			            axisLine: {
			            	show: false,
			            },
			            axisTick: {
			            	show:false,
			            	alignWithLabel:false,
			            },
			            data: ['水温','压力','流量']
			        }
			    ],
		    yAxis: [
		        {
		            type: 'category',
		            axisLabel: {
	                	show: true,
	                	margin: 10,
	                	textStyle: {
	                		color: '#D0D0D1',
	                		fontSize: 15,
	                		fontFamily : '微软雅黑',
	                		fontWeight : 'normal'
	                	}
		            },
		            splitLine: {
		            	show: false
		            },
		            axisLine: {
		            	show: true,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 1,
		            	}
		            },
		            axisTick: {
		            	show:true,
		            	alignWithLabel:true,
		            	//interval: 50,
		            	length: 10,
		            	lineStyle: {
		            		color: '#C0C0C1',
		            		width: 0,
		            	}
		            },
		            data: ['积水位','有害气体','温度','湿度']
		        }
		    ],
		    series: [
				{
					name : '管线',
				    type:'bar',
				    stack : '总量',
				    itemStyle: {
				    	normal: {
				    		color: '#353536',
				    		lineStyle: {
				    			width: 6,
				    			color: '#353536'
				    		},
				    		label: {
				    			show: false,
				    		},
				    		barBorderRadius: 15, // 统一设置四个角的圆角大小
				    	},
				    },
				    data:[1,1,1,1]
				},
		        {
		        	name : '管线',
		            type:'bar',
		            stack : '总量',
		            barWidth: 15,
		            itemStyle: {
		            	normal: {
		            		color: '#353536',
		            		lineStyle: {
		            			width: 6,
		            			color: '#353536'
		            		},
		            		label: {
		            			show: true,
		            			position: 'right',
		            			formatter: '{c}',
		            			textStyle: {
		            				//color: '#CB2D2E',
		            				fontSize: 15,
		            			},
		            		},
		            		barBorderRadius: 15, // 统一设置四个角的圆角大小
		            	},
		            },
		            data:[{value:5.33,
		            		itemStyle: {
		            			normal:{
		            				color : '#9ABB4E'
		            			}
		            		}
		            	},
		                  {value:11.21,
		                	  itemStyle: {
			            			normal:{
			            				color : '#912ECD'
			            			}
			            		}
		            	},
		            	{value:23.17,
		                	  itemStyle: {
			            			normal:{
			            				color : '#FDAA00'
			            			}
			            		}
		            	},
		                  {value:1.91,
		                	  itemStyle: {
			            			normal:{
			            				color : '#00BCFF'
			            			}
			            		}
		            	}]
		        },
		    ]
		};
	chartObj_environment = echarts.init(document.getElementById("chartObj_environment"),'');
	chartObj_environment.setOption(option,true);
}

var chartObj_environment = null;//环境
var chartObj_pipeline = null;//管线

//配置路径
require.config({
	paths:{
		echarts:'/resources/echarts/build/dist',
	}
});

$(function(){
	initChartObjs();
});

function initChartObjs(){
	//objPipeline();//管线
	objEnvironment();//环境
}

function objEnvironment(){
	option = {
		    tooltip : {
		        formatter: "{a} <br/>{c} {b}"
		    },
		    toolbox: {
		        show: false,
		        feature: {
		            restore: {show: true},
		            saveAsImage: {show: true}
		        }
		    },
		    series : [
		        {
		            name: '温度',
		            type: 'gauge',
		            z: 3,
		            min: 0,
		            max: 10,
		            splitNumber: 10,
		            radius: '100%',
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 4
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                length: 15,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto'
		                }
		            },
		            splitLine: {           // 分隔线
		                length: 20,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto'
		                }
		            },
		            title : {
		            	offsetCenter: [0, 25],       // x, y，单位px
		            	textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 18,
		                }
		            },
		            detail : {
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                    fontWeight: 'bolder'
		                }
		            },
		            data:[{value: 4, name: '温度'}]
		        },
		        {
		            name: '湿度',
		            type: 'gauge',
		            center: ['30%', '55%'],    // 默认全局居中
		            radius: '75%',
		            min:0,
		            max:10,
		            endAngle:45,
		            splitNumber:10,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 3
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                length:12,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            splitLine: {           // 分隔线
		                length:20,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            pointer: {
		                width:5
		            },
		            title: {
		                offsetCenter: [0, '-30%'],       // x, y，单位px
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 15,
		                }
		            },
		            detail: {
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                    fontWeight: 'bolder'
		                }
		            },
		            data:[
		                  {
		                	  value: 1.5, 
		                	  name: '湿度',
//		                	  label:{
//		                		  normal:{
//		                			  show: true,
//		                			  textStyle:{
//		                				  color: '#F3F3F3',
//		                				  fontSize:2
//		                			  }
//		                		  }
//		                	  }
		                  }]
		        },
		        {
		            name: '有害气体',
		            type: 'gauge',
		            center: ['72%', '50%'],    // 默认全局居中
		            radius: '75%',
		            min: 0,
		            max: 100,
		            startAngle: 155,
		            endAngle: 25,
		            splitNumber: 10,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 3
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                splitNumber: 5,
		                length: 10,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            axisLabel: {
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return '0';
		                        case '50' : return '';
		                        case '100' : return '100';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length: 15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            pointer: {
		                width:2
		            },
		            title : {
		            	offsetCenter: [0, '-40%'],       // x, y，单位px
		            	textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 10,
		                }
		            },
		            detail : {
		                show: false
		            },
		            data:[{value: 50, name: '有害气体'}]
		        },
		        {
		            name: '积水位',
		            type: 'gauge',
		            center : ['72%', '50%'],    // 默认全局居中
		            radius : '75%',
		            min: 0,
		            max: 100,
		            startAngle: 335,
		            endAngle: 205,
		            splitNumber: 10,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    width: 3
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		            	splitNumber: 5,
		                length: 5,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    width: 1
		                }
		            },
		            axisLabel: {
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return '0';
		                        case '50' : return '';
		                        case '100' : return '100';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length: 15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    color: 'auto',
		                    width:1
		                }
		            },
		            pointer: {
		                width:2
		            },
		            title: {
		            	 offsetCenter: [0, 25],       // x, y，单位px
		            	textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                	color:'#F3F3F3',
		                    fontWeight: 'bolder',
		                    fontSize: 10,
		                }
		            },
		            detail: {
		                show: false
		            },
		            data:[{value: 50, name: '积水位'}]
		        }
		    ]
		};
	chartObj_environment = echarts.init(document.getElementById("environment"),'');
	setInterval(function (){
	    option.series[0].data[0].value = (Math.random()*10).toFixed(2) - 0;
	    option.series[1].data[0].value = (Math.random()*10).toFixed(2) - 0;
	    option.series[2].data[0].value = (Math.random()*100).toFixed(2) - 0;
	    option.series[3].data[0].value = (Math.random()*100).toFixed(2) - 0;
	    chartObj_environment.setOption(option,true);
	},1000);
}


@charset "UTF-8";
/*常规设置*/
* {
  font-family: 微软雅黑;
  font-size: 12px; }

li {
  list-style-type: none; }

a {
  text-decoration: none;
  color: #fff;
  cursor: pointer; }

.none {
  display: none; }

/*mixin*/
body {
  /*background: url("../images/bc.jpg")no-repeat;*/
  border-radius: 15px;
  border: #535353 10px solid; }

header {
  position: relative;
  background-color: #535353;
  padding: 30px 0 10px 0; }
header .title {
  position: absolute;
  font-size: 14px;
  color: #fff;
  top: 0;
  left: 2%;
  letter-spacing: 10px; }
header nav {
  padding: 10px 20px;
  background-color: #404040; }
header nav ul {
  overflow: auto;
  margin: 0; }
header nav li {
  float: left;
  width: 90px;
  height: 70px;
  text-align: center;
  margin-right: 50px;
  cursor: pointer;
  background: -moz-radial-gradient(#43484a, #383737, #313030);
  background: -webkit-radial-gradient(#43484a, #383737, #313030); 
  }
header nav li:hover {
  background: -moz-radial-gradient(#5878bf, #5270b7, #425992);
  background: -webkit-radial-gradient(#5878bf, #5270b7, #425992);
  background: linear-gradient(#5878bf 0%,#5270b7 100%,#425992 100%); }
header nav li a {
  font-size: 14px; }
header nav .on {
  background: -moz-radial-gradient(#5878bf, #5270b7, #425992);
  background: -webkit-radial-gradient(#5878bf, #5270b7, #425992); 
  background: linear-gradient(#5878bf 0%,#5270b7 100%,#425992 100%);}

.container {
  background-color: #4b4a4a;
  /* height: 940px; */
  overflow: hidden;
  }
.container nav {
  position: absolute; }
.container nav .close {
  width: 18px;
  height: 730px;
  background-color:#363a3e;
  cursor:pointer;
  }
.container nav .close:after{
    content: '';
    position: absolute;
    width: 26px;
    height: 58px;
    background: url(/resources/images/nav_flod.png) no-repeat;
    right: -50%;
    bottom: 50%;
    cursor: pointer;
    margin-top: -58px;
}  
.container nav .show {
  position: relative;
  width: 225px;
  height: 670px;
  background-color: #34393d;
  padding: 30px 0;
  z-index: 999;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  }
.container nav .show .title {
  width: 80px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  background: url("/resources/images/nav_title.png") no-repeat;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 30px; }
.container nav .show .fold {
  position: absolute;
  width: 27px;
  height: 58px;
  background: url("/resources/images/nav_flod.png") no-repeat;
  right: -4%;
  top: 50%;
  bottom: 50%;
  cursor: pointer;
  margin-top: -58px; }
.container .navgation {
  padding: 0;
  margin-top: 30px; }
.container .navgation li {
  cursor: pointer; }
.container .navgation li .modular {
  position: relative;
  width: 145px;
  line-height: 35px;
  margin: 0 auto;
  color: #bdc6cb;
  padding: 0 15px; }
.container .navgation li .modular span {
  font-size: 16px; }
.container .navgation li .modular span:first-child {
  float: left;
  margin-right: 15px;
  font-size: 20px; }
.container .navgation li .modular img {
  position: absolute;
  right: 15px;
  top: 50%;
  bottom: 50%;
  margin-top: -3.5px; }
.container .navgation li ul li {
  width: 90px;
  line-height: 35px;
  margin: 0 auto;
  color: #bdc6cb;
  padding: 0 15px; }
.container .navgation li ul li:hover {
  background-color: #323437; }
.container .container_main {
  padding: 0 30px;
  margin: 0 0 30px 30px;
  overflow: hidden;
  /* height: 940px; */
  background: -moz-radial-gradient(#383839, #2b2b2d, #262628);
  background: -webkit-radial-gradient(#383839, #2b2b2d, #262628);
  }
.container .container_main .content {
  /* margin-top: 50px; */
  }
.container .container_main .content .modular {
  float: left;
  margin-right: 40px;
  width: 31%;
  /* height: 840px; */
  }
.container .container_main .content .modular:last-child {
  margin: 0; }
.container .left_modular .title {
  width: 100%;
  height: 50px;
  line-height: 50px; }
.container .left_modular .title .icon {
  background-color: #817b2f;
  float: left;
  width: 11%;
  height: 100%;
  text-align: center;
  }
.container .left_modular .title .icon img {
  vertical-align: middle; }
.container .left_modular .title .text {
  background: -moz-linear-gradient(left, #7a8b9b, #35373b);
  background: -webkit-linear-gradient(left, #7a8b9b, #35373b);
  background: -o-linear-gradient(left, #7a8b9b, #35373b);
  background: linear-gradient(to right,  #7a8b9b 0%,#35373b 100%);
  color: #fff;
  font-size: 20px;
  text-align: right;
  float: left;
  width: 85%;
  height: 100%;
  padding-right: 15px;
  }
.container .left_modular hr {
  margin: 15px 0; }
.container .left_modular .env {
  position: relative;
  height: 125px;
}
.container .left_modular .env .icon {
  position: relative; }
.container .left_modular .env .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .left_modular .env .chart img {
  position: absolute;
  left: 20%;
  top: 5%;
}
.container .left_modular .pipeline {
  position: relative;
  height: 205px;
}
.container .left_modular .pipeline .icon {
  position: relative; }
.container .left_modular .pipeline .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .left_modular .pipeline .text {
  color: #8f8f90;
  width: 30%;
  margin-top: 5%;
  }
.container .left_modular .pipeline .text div {
  text-align: center;
  font-size: 14px;
  border-bottom: #403834 1px solid;
  padding: 10px 0;
  overflow: hidden; }
.container .left_modular .pipeline .text div span {
  display: inline-block;
  font-size: 14px; }
.container .left_modular .pipeline .text div span:first-child {
  float: left; }
.container .left_modular .pipeline .text div span:last-child {
  float: right; }
.container .left_modular .pipeline .text div:nth-child(1) {
  color: #cdcdcd; }
.container .left_modular .pipeline .chart img {
  position: absolute;
  left: 32%;
  top: 0; }
.container .left_modular .equip {
  position: relative;
  height: 210px; }
.container .left_modular .equip .icon {
  position: relative; }
.container .left_modular .equip .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .left_modular .equip .text {
  color: #8f8f90;
  width: 29%;
  margin-top: 5%;
  }
.container .left_modular .equip .text div {
  text-align: center;
  font-size: 14px;
  border-bottom: #403834 1px solid;
  padding: 6px 0;
  overflow: hidden;
}
.container .left_modular .equip .text div span {
  display: inline-block;
  font-size: 14px; }
.container .left_modular .equip .text div span:first-child {
  float: left; }
.container .left_modular .equip .text div span:last-child {
  float: right; }
.container .left_modular .equip .text div:nth-child(1) {
  border-top: #403834 1px solid; }
.container .left_modular .equip .chart {
  background-color: #2f3033;
  width: 54%;
  height: 215px;
  position: absolute;
  top: 0;
  right: 30px;
}
.container .left_modular .equip .chart .title {
  font-size: 16px;
  color: #fff;
  text-align: center; }
.container .left_modular .equip .chart .main {
  overflow: hidden;
  padding: 0 30px;
  margin-top: 15px;
  cursor: pointer; }
.container .left_modular .equip .chart .main .left {
  float: left;
  width: 99px;
  text-align: center; }
.container .left_modular .equip .chart .main .right {
  float: right;
  width: 99px;
  text-align: center; }
.container .left_modular .equip .chart .main .main_img {
  width: 91px;
  height: 91px;
  background-size: 100%;
  margin-bottom: 10px; }
.container .left_modular .equip .chart .state {
  color: #535353; }
.container .content_modular .title {
  width: 100%;
  height: 50px;
  line-height: 50px; }
.container .content_modular .title .icon {
  background-color: #2875b6;
  float: left;
  width: 11%;
  height: 100%;
  text-align: center;
  }
.container .content_modular .title .icon img {
  vertical-align: middle; }
.container .content_modular .title .text {
  background: -moz-linear-gradient(left, #7a8b9b, #35373b);
  background: -webkit-linear-gradient(left, #7a8b9b, #35373b);
  background: -o-linear-gradient(left, #7a8b9b, #35373b);
  background: linear-gradient(to right,  #7a8b9b 0%,#35373b 100%);
  color: #fff;
  font-size: 20px;
  text-align: right;
  float: left;
  width: 85%;
  height: 100%;
  padding-right: 15px;
  }
.container .content_modular hr {
  margin: 15px 0; }
.container .content_modular .env {
  position: relative;
  height: 200px; }
.container .content_modular .env .icon {
  position: relative; }
.container .content_modular .env .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .content_modular .pipeline {
  position: relative;
  height: 175px;
}
.container .content_modular .pipeline .icon {
  position: relative; }
.container .content_modular .pipeline .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .content_modular .pipeline .text {
  color: #8f8f90;
  width: 30%;
  margin-top: 5%;
  }
.container .content_modular .pipeline .text div {
  text-align: center;
  font-size: 14px;
  border-bottom: #403834 1px solid;
  padding: 10px 0;
  overflow: hidden; }
.container .content_modular .pipeline .text div span {
  display: inline-block;
  font-size: 14px; }
.container .content_modular .pipeline .text div span:first-child {
  float: left; }
.container .content_modular .pipeline .text div span:last-child {
  float: right; }
.container .content_modular .pipeline .text div:nth-child(1) {
  color: #cdcdcd; }
.container .content_modular .pipeline .chart img {
  position: absolute;
  left: 50%;
  top: 0;
}
.container .content_modular .equip {
  position: relative;
  height: 210px; }
.container .content_modular .equip .icon {
  position: relative; }
.container .content_modular .equip .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .content_modular .equip .text {
  color: #8f8f90;
  width: 29%;
  margin-top: 5%;
  }
.container .content_modular .equip .text div {
  text-align: center;
  font-size: 14px;
  border-bottom: #403834 1px solid;
  padding: 6px 0;
  overflow: hidden;
}
.container .content_modular .equip .text div span {
  display: inline-block;
  font-size: 14px; }
.container .content_modular .equip .text div span:first-child {
  float: left; }
.container .content_modular .equip .text div span:last-child {
  float: right; }
.container .content_modular .equip .text div:nth-child(1) {
  border-top: #403834 1px solid; }
.container .content_modular .equip .chart {
  background-color: #2f3033;
  width: 54%;
  height: 215px;
  position: absolute;
  top: 0;
  right: 30px;
}
.container .content_modular .equip .chart .title {
  font-size: 16px;
  color: #fff;
  text-align: center; }
.container .content_modular .equip .chart .main {
  overflow: hidden;
  padding: 0 30px;
  margin-top: 15px;
  cursor: pointer; }
.container .content_modular .equip .chart .main .left {
  float: left;
  width: 99px;
  text-align: center; }
.container .content_modular .equip .chart .main .right {
  float: right;
  width: 99px;
  text-align: center; }
.container .content_modular .equip .chart .main .main_img {
  width: 91px;
  height: 91px;
  background-size: 100%;
  margin-bottom: 10px; }
.container .content_modular .equip .chart .state {
  color: #535353; }
.container .content_modular .chart1 {
  overflow: hidden;
  padding: 0 10%;
  position: absolute;
  top: -3%;
  left: 18%;
  }
.container .content_modular .chart1 .modular {
  float: left;
  text-align: center;
  height: 175px;
  position: relative; }
.container .content_modular .chart1 .modular h1 {
  color: #fff;
  font-size: 16px; }
.container .content_modular .chart1 .modular div {
  color: #0093ff;
  font-size: 16px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }
.container .content_modular .chart1 .modular1 {
  width: 55px;
  }
.container .content_modular .chart1 .modular2 {
  width: 55px;
  }
.container .content_modular .chart1 .modular3 {
  width: 85px;
  }
.container .content_modular .chart1 .modular3 img {
  margin-top: 10%; }
.container .content_modular .chart1 .modular4 {
  width: 71px; }
.container .right_modular .title {
  width: 100%;
  height: 50px;
  line-height: 50px; }
.container .right_modular .title .icon {
  background-color: #2875b6;
  float: left;
  width: 11%;
  height: 100%;
  text-align: center;
  }
.container .right_modular .title .icon img {
  vertical-align: middle; }
.container .right_modular .title .text {
  background: -moz-linear-gradient(left, #7a8b9b, #35373b);
  background: -webkit-linear-gradient(left, #7a8b9b, #35373b);
  background: -o-linear-gradient(left, #7a8b9b, #35373b);
  background: linear-gradient(to right,  #7a8b9b 0%,#35373b 100%);
  color: #fff;
  font-size: 20px;
  text-align: right;
  float: left;
  width: 85%;
  height: 100%;
  padding-right: 15px;
  }
.container .right_modular hr {
  margin: 15px 0; }
.container .right_modular .env {
  position: relative;
  height: 125px;
}
.container .right_modular .env .icon {
  position: relative; }
.container .right_modular .env .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .right_modular .pipeline {
  position: relative;
  height: 195px;
}
.container .right_modular .pipeline .icon {
  position: relative; }
.container .right_modular .pipeline .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .right_modular .pipeline .text {
  color: #8f8f90;
  width: 30%;
  margin-top: 5%;
  }
.container .right_modular .pipeline .text div {
  text-align: center;
  font-size: 14px;
  border-bottom: #403834 1px solid;
  padding: 10px 0;
  overflow: hidden; }
.container .right_modular .pipeline .text div span {
  display: inline-block;
  font-size: 14px; }
.container .right_modular .pipeline .text div span:first-child {
  float: left; }
.container .right_modular .pipeline .text div span:last-child {
  float: right; }
.container .right_modular .pipeline .text div:nth-child(1) {
  color: #cdcdcd; }
.container .right_modular .pipeline .chart img {
  position: absolute;
  left: 40%;
  top: 6%;
}
.container .right_modular .equip {
  position: relative;
  height: 210px; }
.container .right_modular .equip .icon {
  position: relative; }
.container .right_modular .equip .icon span {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 36px; }
.container .right_modular .equip .text {
  color: #8f8f90;
  width: 29%;
  margin-top: 5%;
  }
.container .right_modular .equip .text div {
  text-align: center;
  font-size: 14px;
  border-bottom: #403834 1px solid;
  padding: 6px 0;
  overflow: hidden;
}
.container .right_modular .equip .text div span {
  display: inline-block;
  font-size: 14px; }
.container .right_modular .equip .text div span:first-child {
  float: left; }
.container .right_modular .equip .text div span:last-child {
  float: right; }
.container .right_modular .equip .text div:nth-child(1) {
  border-top: #403834 1px solid; }
.container .right_modular .equip .chart {
  background-color: #2f3033;
  width: 54%;
  height: 215px;
  position: absolute;
  top: 0;
  right: 30px;
}
.container .right_modular .equip .chart .title {
  font-size: 16px;
  color: #fff;
  text-align: center; }
.container .right_modular .equip .chart .main {
  overflow: hidden;
  padding: 0 30px;
  margin-top: 15px;
  cursor: pointer; }
.container .right_modular .equip .chart .main .left {
  float: left;
  width: 99px;
  text-align: center; }
.container .right_modular .equip .chart .main .right {
  float: right;
  width: 99px;
  text-align: center; }
.container .right_modular .equip .chart .main .main_img {
  width: 91px;
  height: 91px;
  background-size: 100%;
  margin-bottom: 10px; }
.container .right_modular .equip .chart .state {
  color: #535353; }
.container .right_modular .chart1 {
  overflow: hidden;
  padding: 0 10%;
  position: absolute;
  top: -3%;
  }
.container .right_modular .chart1 img {
  position: absolute;
  top: -7%;
  right: 10%;
}
.container .right_modular .chart1 .modular1 {
  width: 78px; }
.container .right_modular .chart1 .modular2 {
  width: 67px; }
.container .right_modular .chart1 .modular3 {
  width: 119px; }
.container .right_modular .chart1 .modular3 img {
  margin-top: 10%; }
.container .right_modular .chart1 .modular4 {
  width: 71px; }
.mbx{
    width: 334px;
    height: 59px;
    background: url(../images/mbx.png);
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 59px;
    cursor:pointer;
}  

.container_main2 {
  background: url("/resources/images/212.png") no-repeat !important; }

.left_modular2 {
  background: -moz-radial-gradient(#383839, #2b2b2d, #262628);
  background: -webkit-radial-gradient(#383839, #2b2b2d, #262628);
  position: absolute;
  right: 10%;
  top: 16%;
  width: 600px !important;
  padding: 10px 40px; }
  .left_modular2 .title2 {
    width: 100%;
    height: 50px;
    line-height: 50px; }
    .left_modular2 .title2 .icon {
      float: left;
      width: 65px;
      height: 100%;
      text-align: center; }
      .left_modular2 .title2 .icon img {
        vertical-align: middle; }
    .left_modular2 .title2 .text {
      color: #fff;
      font-size: 20px;
      float: left;
      width: 495px;
      height: 100%; }
  
.container_main2 {
  background: url("/resources/images/212.png") no-repeat !important; }

.left_modular2 {
  background: -moz-radial-gradient(#383839, #2b2b2d, #262628);
  background: -webkit-radial-gradient(#383839, #2b2b2d, #262628);
  width: 600px !important;
  padding: 10px 40px; }
  .left_modular2 .title2 {
    width: 100%;
    height: 50px;
    line-height: 50px; }
    .left_modular2 .title2 .icon {
      float: left;
      width: 65px;
      height: 100%;
      text-align: center; }
      .left_modular2 .title2 .icon img {
        vertical-align: middle; }
    .left_modular2 .title2 .text {
      color: #fff;
      font-size: 20px;
      float: left;
      width: 495px;
      height: 100%; }

.close-btn {
  width: 18px;
  height: 18px;
  position: absolute;
  background: url(/resources/images/close.png) no-repeat;
  right: 2%;
  top: 2%;
  cursor: pointer; }

.tuchu {
  width: 18px;
  height: 27px;
  position: absolute;
  background: url(/resources/images/tuchu.png) no-repeat;
  left: -2%;
  top: 7%; }


  <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.upbest</groupId>
  <artifactId>pipeGallery</artifactId>
  <version>0.0.1</version>
  <packaging>war</packaging>

  	<build>
		<finalName>pipeGallery</finalName>
		<plugins>
			<plugin>
				<artifactId>maven-compiler-plugin</artifactId>
				<configuration>
					<source>1.7</source>
					<target>1.7</target>
					<encoding>utf-8</encoding>
				</configuration>
			</plugin>

			<plugin>
				<groupId>org.mortbay.jetty</groupId>
				<artifactId>maven-jetty-plugin</artifactId>
				<version>6.1.6</version>
				<configuration>
					<scanIntervalSeconds>3</scanIntervalSeconds>
					<!-- <connectors> <connector implementation="org.mortbay.jetty.nio.SelectChannelConnector"> 
						<port>8087</port> <maxIdleTime>60000</maxIdleTime> </connector> </connectors> -->
					<contextPath>/</contextPath>
					<webDefaultXml>webdefault.xml</webDefaultXml>
				</configuration>
			</plugin>

		</plugins>

	</build>
	
  <properties>
		<java-version>1.7</java-version>
		<org.springframework-version>3.2.2.RELEASE</org.springframework-version>
		<org.aspectj-version>1.7.2</org.aspectj-version>
		<org.slf4j-version>1.7.5</org.slf4j-version>
	</properties>
	<repositories>

		<repository>
			<id>nexus-public</id>
			<name>Public Repository</name>
			<url>http://local.upbest-china.com:8081/nexus/content/repositories/public</url>
		</repository>
		<repository>
			<id>nexus-thirdparty</id>
			<name>3rd Party Repository</name>
			<url>http://local.upbest-china.com:8081/nexus/content/repositories/thirdparty</url>
		</repository>
		<repository>
			<id>nexus-releases</id>
			<name>Release Repository</name>
			<url>http://local.upbest-china.com:8081/nexus/content/repositories/releases</url>
		</repository>
		<repository>
			<id>nexus-snapshots</id>
			<name>Snapshot Repository</name>
			<url>http://local.upbest-china.com:8081/nexus/content/repositories/snapshots</url>
			<snapshots>
				<enabled>true</enabled>
			</snapshots>
		</repository>
				<repository>
			<id>amateras</id>
			<name>Project Amateras Maven2 Repository</name>
			<url>http://amateras.sourceforge.jp/mvn/</url>
		</repository>
		<repository>
			<id>spring-milestone</id>
			<name>Spring Maven MILESTONE Repository</name>
			<url>http://maven.springframework.org/milestone</url>
		</repository>
	</repositories>
	<dependencies>
		 <!-- Spring -->
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-context</artifactId>
			<version>${org.springframework-version}</version>
			<exclusions>
				<!-- Exclude Commons Logging in favor of SLF4j -->
				<exclusion>
					<groupId>commons-logging</groupId>
					<artifactId>commons-logging</artifactId>
				</exclusion>
			</exclusions>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-webmvc</artifactId>
			<version>${org.springframework-version}</version>
		</dependency>

		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-tx</artifactId>
			<version>${org.springframework-version}</version>
		</dependency>

		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-jdbc</artifactId>
			<version>${org.springframework-version}</version>
		</dependency>

		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-test</artifactId>
			<version>${org.springframework-version}</version>
		</dependency>
		<dependency>
			<groupId>commons-codec</groupId>
			<artifactId>commons-codec</artifactId>
			<version>1.9</version>
		</dependency>
		<dependency>
			<groupId>commons-lang</groupId>
			<artifactId>commons-lang</artifactId>
			<version>2.6</version>
		</dependency>
		<dependency>
			<groupId>commons-pool</groupId>
			<artifactId>commons-pool</artifactId>
			<version>1.5.5</version>
		</dependency>

		<!-- AspectJ -->
		<dependency>
			<groupId>org.aspectj</groupId>
			<artifactId>aspectjrt</artifactId>
			<version>${org.aspectj-version}</version>
		</dependency>

		<dependency>
			<groupId>com.upbest</groupId>
			<artifactId>fastdfs-client</artifactId>
			<version>1.24</version>
		</dependency>
		<dependency>
			<groupId>org.aspectj</groupId>
			<artifactId>aspectjweaver</artifactId>
			<version>1.7.2</version>
		</dependency>


		<!-- Logging -->
		<!-- -->
		<dependency>
			<groupId>org.slf4j</groupId>
			<artifactId>slf4j-api</artifactId>
			<version>${org.slf4j-version}</version>
		</dependency>
		<dependency>
			<groupId>org.slf4j</groupId>
			<artifactId>jcl-over-slf4j</artifactId>
			<version>${org.slf4j-version}</version>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.slf4j</groupId>
			<artifactId>slf4j-log4j12</artifactId>
			<version>${org.slf4j-version}</version>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>log4j</groupId>
			<artifactId>log4j</artifactId>
			<version>1.2.17</version>
			<exclusions>
				<exclusion>
					<groupId>javax.mail</groupId>
					<artifactId>mail</artifactId>
				</exclusion>
				<exclusion>
					<groupId>javax.jms</groupId>
					<artifactId>jms</artifactId>
				</exclusion>
				<exclusion>
					<groupId>com.sun.jdmk</groupId>
					<artifactId>jmxtools</artifactId>
				</exclusion>
				<exclusion>
					<groupId>com.sun.jmx</groupId>
					<artifactId>jmxri</artifactId>
				</exclusion>
			</exclusions>
			<scope>runtime</scope>
		</dependency>

		<!-- @Inject -->
		<dependency>
			<groupId>javax.inject</groupId>
			<artifactId>javax.inject</artifactId>
			<version>1</version>
		</dependency>
		<dependency>
			<groupId>opensymphony</groupId>
			<artifactId>sitemesh</artifactId>
			<version>2.4.2</version>
		</dependency>
		<!-- Servlet -->
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>servlet-api</artifactId>
			<version>2.5</version>
			<scope>provided</scope>
		</dependency>
		<dependency>
			<groupId>javax.servlet.jsp</groupId>
			<artifactId>jsp-api</artifactId>
			<version>2.1</version>
			<scope>provided</scope>
		</dependency>
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>jstl</artifactId>
			<version>1.2</version>
		</dependency>

		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<version>5.1.24</version>
		</dependency>

		<dependency>
			<groupId>com.alibaba</groupId>
			<artifactId>druid</artifactId>
			<version>0.2.15</version>
		</dependency>

		<dependency>
			<groupId>org.mybatis</groupId>
			<artifactId>mybatis</artifactId>
			<version>3.2.1</version>
		</dependency>

		<dependency>
			<groupId>org.mybatis</groupId>
			<artifactId>mybatis-spring</artifactId>
			<version>1.2.0</version>
		</dependency>


		<!-- Test -->
		<dependency>
			<groupId>junit</groupId>
			<artifactId>junit</artifactId>
			<version>4.11</version>
			<scope>test</scope>
		</dependency>

		<dependency>
			<groupId>commons-fileupload</groupId>
			<artifactId>commons-fileupload</artifactId>
			<version>1.3</version>
		</dependency>

		<dependency>
			<groupId>com.googlecode.xmemcached</groupId>
			<artifactId>xmemcached</artifactId>
			<version>2.0.0</version>
		</dependency>
		<dependency>
			<groupId>com.alibaba</groupId>
			<artifactId>fastjson</artifactId>
			<version>1.1.38</version>
		</dependency>
		<!-- jackson -->
		<dependency>
			<groupId>org.codehaus.jackson</groupId>
			<artifactId>jackson-core-asl</artifactId>
			<version>1.8.4</version>
		</dependency>
		<dependency>
			<groupId>org.codehaus.jackson</groupId>
			<artifactId>jackson-mapper-asl</artifactId>
			<version>1.8.4</version>
		</dependency>
		<!-- end -->
		<dependency>
			<groupId>commons-httpclient</groupId>
			<artifactId>commons-httpclient</artifactId>
			<version>3.1</version>
		</dependency>
		<dependency>
			<groupId>org.apache.httpcomponents</groupId>
			<artifactId>httpclient</artifactId>
			<version>4.3.2</version>
		</dependency>
		<dependency>
			<groupId>org.apache.httpcomponents</groupId>
			<artifactId>httpmime</artifactId>
			<version>4.3.1</version>
		</dependency>
		<dependency>
			<groupId>org.codehaus.jettison</groupId>
			<artifactId>jettison</artifactId>
			<version>1.1</version>
		</dependency>
		<dependency>
            <groupId>redis.clients</groupId>
            <artifactId>jedis</artifactId>
            <version>2.1.0</version>
        </dependency>
             <dependency>
            <groupId>org.springframework.data</groupId>
            <artifactId>spring-data-redis</artifactId>
            <version>1.1.1.RELEASE</version>
        </dependency>
        		<dependency>
			<groupId>org.apache.httpcomponents</groupId>
			<artifactId>httpclient</artifactId>
			<version>4.3.5</version>
		</dependency>
		<!-- <dependency>
		  <groupId>com.upbest</groupId>
		  <artifactId>jpush-client</artifactId>
		  <version>3.2.3</version>
		</dependency> -->
		<dependency>
			<groupId>com.upbest</groupId>
			<artifactId>jpush-java-library</artifactId>
			<version>2.0</version>
		</dependency>
		<dependency>
		  <groupId>com.upbest</groupId>
		  <artifactId>gson</artifactId>
		  <version>2.2.2</version>
		</dependency>
		<dependency>
			<groupId>net.sourceforge.jexcelapi</groupId>
			<artifactId>jxl</artifactId>
			<version>2.6.12</version>
		</dependency>
		<dependency>
		  <groupId>org.apache.poi</groupId>
		  <artifactId>poi</artifactId>
		  <version>3.14</version>
		</dependency>
		<dependency>
			<groupId>org.apache.poi</groupId>
			<artifactId>poi-ooxml</artifactId>
			<version>3.14</version>
		</dependency>
		<dependency>
		  <groupId>org.apache.poi</groupId>
		  <artifactId>poi-ooxml-schemas</artifactId>
		  <version>3.14</version>
		</dependency>
		<!-- joda -->
		<dependency>
			<groupId>joda-time</groupId>
			<artifactId>joda-time</artifactId>
			<version>2.5</version>
		</dependency>
		 <dependency>
		  <groupId>com.upbest</groupId>
		  <artifactId>ojdbc</artifactId>
		  <version>14_g</version>
		</dependency>
		<!-- freemarker -->
		<dependency>
			<groupId>org.freemarker</groupId>
			<artifactId>freemarker</artifactId>
			<version>2.3.23</version>
		</dependency>
		<dependency>
		  <groupId>xerces</groupId>
		  <artifactId>xercesImpl</artifactId>
		  <version>2.11.0</version>
		</dependency>
		<dependency>
		  <groupId>org.apache.xmlbeans</groupId>
		  <artifactId>xmlbeans</artifactId>
		  <version>2.6.0</version>
		</dependency>
		<dependency>
		  <groupId>xml-apis</groupId>
		  <artifactId>xml-apis</artifactId>
		  <version>1.4.01</version>
		</dependency>
	</dependencies>
</project>


<?xml version="1.0" encoding="ISO-8859-1"?>

<!-- ===================================================================== -->
<!-- This file contains the default descriptor for web applications.       -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- The intent of this descriptor is to include jetty specific or common  -->
<!-- configuration for all webapps.   If a context has a webdefault.xml    -->
<!-- descriptor, it is applied before the contexts own web.xml file        -->
<!--                                                                       -->
<!-- A context may be assigned a default descriptor by:                    -->
<!--  + Calling WebApplicationContext.setDefaultsDescriptor                -->
<!--  + Passed an arg to addWebApplications                                -->
<!--                                                                       -->
<!-- This file is used both as the resource within the jetty.jar (which is -->
<!-- used as the default if no explicit defaults descriptor is set) and it -->
<!-- is copied to the etc directory of the Jetty distro and explicitly     -->
<!-- by the jetty.xml file.                                                -->
<!--                                                                       -->
<!-- ===================================================================== -->
<web-app 
   xmlns="http://java.sun.com/xml/ns/javaee" 
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 
   metadata-complete="true"
   version="2.5"> 

  <description>
    Default web.xml file.  
    This file is applied to a Web application before it's own WEB_INF/web.xml file
  </description>


  <!-- ==================================================================== -->
  <!-- Context params to control Session Cookies                            -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
  <!-- UNCOMMENT TO ACTIVATE
  <context-param>
    <param-name>org.mortbay.jetty.servlet.SessionDomain</param-name>
    <param-value>127.0.0.1</param-value>
  </context-param>

  <context-param>
    <param-name>org.mortbay.jetty.servlet.SessionPath</param-name>
    <param-value>/</param-value>
  </context-param>

  <context-param>
    <param-name>org.mortbay.jetty.servlet.MaxAge</param-name>
    <param-value>-1</param-value>
  </context-param>
  -->

  <context-param>
    <param-name>org.mortbay.jetty.webapp.NoTLDJarPattern</param-name>
    <param-value>start.jar|ant-.*\.jar|dojo-.*\.jar|jetty-.*\.jar|jsp-api-.*\.jar|junit-.*\.jar|servlet-api-.*\.jar|dnsns\.jar|rt\.jar|jsse\.jar|tools\.jar|sunpkcs11\.jar|sunjce_provider\.jar|xerces.*\.jar</param-value>
  </context-param>
            

  <!-- ==================================================================== -->
  <!-- The default servlet.                                                 -->
  <!-- This servlet, normally mapped to /, provides the handling for static -->
  <!-- content, OPTIONS and TRACE methods for the context.                  -->
  <!-- The following initParameters are supported:                          -->
  <!--                                                                      -->
  <!--   acceptRanges     If true, range requests and responses are         -->
  <!--                    supported                                         -->
  <!--                                                                      -->
  <!--   dirAllowed       If true, directory listings are returned if no    -->
  <!--                    welcome file is found. Else 403 Forbidden.        -->
  <!--                                                                      -->
  <!--   redirectWelcome  If true, redirect welcome file requests           -->
  <!--                    else use request dispatcher forwards              -->
  <!--                                                                      -->
  <!--   gzip             If set to true, then static content will be served--> 
  <!--                    as gzip content encoded if a matching resource is -->
  <!--                    found ending with ".gz"                           -->
  <!--                                                                      -->
  <!--   resoureBase      Can be set to replace the context resource base   -->
  <!--                                                                      -->
  <!--   relativeResourceBase                                               -->
  <!--                    Set with a pathname relative to the base of the   -->
  <!--                    servlet context root. Useful for only serving     -->
  <!--                    static content from only specific subdirectories. -->
  <!--                                                                      -->
  <!--   useFileMappedBuffer                                                -->
  <!--                    If set to true (the default), a  memory mapped    -->
  <!--                    file buffer will be used to serve static content  -->
  <!--                    when using an NIO connector. Setting this value   -->
  <!--                    to false means that a direct buffer will be used  -->
  <!--                    instead. If you are having trouble with Windows   -->
  <!--                    file locking, set this to false.                  -->
  <!--                                                                      -->
  <!--  cacheControl      If set, all static content will have this value   -->
  <!--                    set as the cache-control header.                  -->
  <!--                                                                      -->
  <!--  maxCacheSize      Maximum size of the static resource cache         -->
  <!--                                                                      -->
  <!--  maxCachedFileSize Maximum size of any single file in the cache      -->
  <!--                                                                      -->
  <!--  maxCachedFiles    Maximum number of files in the cache              -->
  <!--                                                                      -->
  <!--  cacheType         "nio", "bio" or "both" to determine the type(s)   -->
  <!--                    of resource cache. A bio cached buffer may be used-->
  <!--                    by nio but is not as efficient as a nio buffer.   -->
  <!--                    An nio cached buffer may not be used by bio.      -->
  <!--                                                                      -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
  <servlet>
    <servlet-name>default</servlet-name>
    <servlet-class>org.mortbay.jetty.servlet.DefaultServlet</servlet-class>
    <init-param>
      <param-name>acceptRanges</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>dirAllowed</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>redirectWelcome</param-name>
      <param-value>false</param-value>
    </init-param>
    <init-param>
      <param-name>maxCacheSize</param-name>
      <param-value>256000000</param-value>
    </init-param>
    <init-param>
      <param-name>maxCachedFileSize</param-name>
      <param-value>10000000</param-value>
    </init-param>
    <init-param>
      <param-name>maxCachedFiles</param-name>
      <param-value>1000</param-value>
    </init-param>
    <init-param>
      <param-name>cacheType</param-name>
      <param-value>both</param-value>
    </init-param>
    <init-param>
      <param-name>gzip</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>useFileMappedBuffer</param-name>
      <param-value>false</param-value>
    </init-param>  
    <!--
    <init-param>
      <param-name>cacheControl</param-name>
      <param-value>max-age=3600,public</param-value>
    </init-param>
    -->
    <load-on-startup>0</load-on-startup>
  </servlet> 

  <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping>
  

  <!-- ==================================================================== -->
  <!-- JSP Servlet                                                          -->
  <!-- This is the jasper JSP servlet from the jakarta project              -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
  <!-- The JSP page compiler and execution servlet, which is the mechanism  -->
  <!-- used by Glassfish to support JSP pages.  Traditionally, this servlet -->
  <!-- is mapped to URL patterh "*.jsp".  This servlet supports the         -->
  <!-- following initialization parameters (default values are in square    -->
  <!-- brackets):                                                           -->
  <!--                                                                      -->
  <!--   checkInterval       If development is false and reloading is true, -->
  <!--                       background compiles are enabled. checkInterval -->
  <!--                       is the time in seconds between checks to see   -->
  <!--                       if a JSP page needs to be recompiled. [300]    -->
  <!--                                                                      -->
  <!--   compiler            Which compiler Ant should use to compile JSP   -->
  <!--                       pages.  See the Ant documenation for more      -->
  <!--                       information. [javac]                           -->
  <!--                                                                      -->
  <!--   classdebuginfo      Should the class file be compiled with         -->
  <!--                       debugging information?  [true]                 -->
  <!--                                                                      -->
  <!--   classpath           What class path should I use while compiling   -->
  <!--                       generated servlets?  [Created dynamically      -->
  <!--                       based on the current web application]          -->
  <!--                       Set to ? to make the container explicitly set  -->
  <!--                       this parameter.                                -->
  <!--                                                                      -->
  <!--   development         Is Jasper used in development mode (will check -->
  <!--                       for JSP modification on every access)?  [true] -->
  <!--                                                                      -->
  <!--   enablePooling       Determines whether tag handler pooling is      -->
  <!--                       enabled  [true]                                -->
  <!--                                                                      -->
  <!--   fork                Tell Ant to fork compiles of JSP pages so that -->
  <!--                       a separate JVM is used for JSP page compiles   -->
  <!--                       from the one Tomcat is running in. [true]      -->
  <!--                                                                      -->
  <!--   ieClassId           The class-id value to be sent to Internet      -->
  <!--                       Explorer when using <jsp:plugin> tags.         -->
  <!--                       [clsid:8AD9C840-044E-11D1-B3E9-00805F499D93]   -->
  <!--                                                                      -->
  <!--   javaEncoding        Java file encoding to use for generating java  -->
  <!--                       source files. [UTF-8]                          -->
  <!--                                                                      -->
  <!--   keepgenerated       Should we keep the generated Java source code  -->
  <!--                       for each page instead of deleting it? [true]   -->
  <!--                                                                      -->
  <!--   logVerbosityLevel   The level of detailed messages to be produced  -->
  <!--                       by this servlet.  Increasing levels cause the  -->
  <!--                       generation of more messages.  Valid values are -->
  <!--                       FATAL, ERROR, WARNING, INFORMATION, and DEBUG. -->
  <!--                       [WARNING]                                      -->
  <!--                                                                      -->
  <!--   mappedfile          Should we generate static content with one     -->
  <!--                       print statement per input line, to ease        -->
  <!--                       debugging?  [false]                            -->
  <!--                                                                      -->
  <!--                                                                      -->
  <!--   reloading           Should Jasper check for modified JSPs?  [true] -->
  <!--                                                                      -->
  <!--   suppressSmap        Should the generation of SMAP info for JSR45   -->
  <!--                       debugging be suppressed?  [false]              -->
  <!--                                                                      -->
  <!--   dumpSmap            Should the SMAP info for JSR45 debugging be    -->
  <!--                       dumped to a file? [false]                      -->
  <!--                       False if suppressSmap is true                  -->
  <!--                                                                      -->
  <!--   scratchdir          What scratch directory should we use when      -->
  <!--                       compiling JSP pages?  [default work directory  -->
  <!--                       for the current web application]               -->
  <!--                                                                      -->
  <!--   tagpoolMaxSize      The maximum tag handler pool size  [5]         -->
  <!--                                                                      -->
  <!--   xpoweredBy          Determines whether X-Powered-By response       -->
  <!--                       header is added by generated servlet  [false]  -->
  <!--                                                                      -->
  <!-- If you wish to use Jikes to compile JSP pages:                       -->
  <!--   Set the init parameter "compiler" to "jikes".  Define              -->
  <!--   the property "-Dbuild.compiler.emacs=true" when starting Jetty     -->
  <!--   to cause Jikes to emit error messages in a format compatible with  -->
  <!--   Jasper.                                                            -->
  <!--   If you get an error reporting that jikes can't use UTF-8 encoding, -->
  <!--   try setting the init parameter "javaEncoding" to "ISO-8859-1".     -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
  <servlet id="jsp">
    <servlet-name>jsp</servlet-name>
    <servlet-class>org.apache.jasper.servlet.JspServlet</servlet-class>
    <init-param>
        <param-name>logVerbosityLevel</param-name>
        <param-value>DEBUG</param-value>
    </init-param>
    <init-param>
        <param-name>fork</param-name>
        <param-value>false</param-value>
    </init-param>
    <init-param>
        <param-name>xpoweredBy</param-name>
        <param-value>false</param-value>
    </init-param>
    <!--  
    <init-param>
        <param-name>classpath</param-name>
        <param-value>?</param-value>
    </init-param>
    -->
    <load-on-startup>0</load-on-startup>
  </servlet>

  <servlet-mapping> 
    <servlet-name>jsp</servlet-name> 
    <url-pattern>*.jsp</url-pattern> 
    <url-pattern>*.jspf</url-pattern>
    <url-pattern>*.jspx</url-pattern>
    <url-pattern>*.xsp</url-pattern>
    <url-pattern>*.JSP</url-pattern> 
    <url-pattern>*.JSPF</url-pattern>
    <url-pattern>*.JSPX</url-pattern>
    <url-pattern>*.XSP</url-pattern>
  </servlet-mapping>
  
  <!-- ==================================================================== -->
  <!-- Dynamic Servlet Invoker.                                             -->
  <!-- This servlet invokes anonymous servlets that have not been defined   -->
  <!-- in the web.xml or by other means. The first element of the pathInfo  -->
  <!-- of a request passed to the envoker is treated as a servlet name for  -->
  <!-- an existing servlet, or as a class name of a new servlet.            -->
  <!-- This servlet is normally mapped to /servlet/*                        -->
  <!-- This servlet support the following initParams:                       -->
  <!--                                                                      -->
  <!--  nonContextServlets       If false, the invoker can only load        -->
  <!--                           servlets from the contexts classloader.    -->
  <!--                           This is false by default and setting this  -->
  <!--                           to true may have security implications.    -->
  <!--                                                                      -->
  <!--  verbose                  If true, log dynamic loads                 -->
  <!--                                                                      -->
  <!--  *                        All other parameters are copied to the     -->
  <!--                           each dynamic servlet as init parameters    -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
  <!-- Uncomment for dynamic invocation
  <servlet>
    <servlet-name>invoker</servlet-name>
    <servlet-class>org.mortbay.jetty.servlet.Invoker</servlet-class>
    <init-param>
      <param-name>verbose</param-name>
      <param-value>false</param-value>
    </init-param>
    <init-param>
      <param-name>nonContextServlets</param-name>
      <param-value>false</param-value>
    </init-param>
    <init-param>
      <param-name>dynamicParam</param-name>
      <param-value>anyValue</param-value>
    </init-param>
    <load-on-startup>0</load-on-startup>
  </servlet>

  <servlet-mapping> <servlet-name>invoker</servlet-name> <url-pattern>/servlet/*</url-pattern> </servlet-mapping>
  -->


  <!-- ==================================================================== -->
  <session-config>
    <session-timeout>30</session-timeout>
  </session-config>

  <!-- ==================================================================== -->
  <!-- Default MIME mappings                                                -->
  <!-- The default MIME mappings are provided by the mime.properties        -->
  <!-- resource in the org.mortbay.jetty.jar file.  Additional or modified  -->
  <!-- mappings may be specified here                                       -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
  <!-- UNCOMMENT TO ACTIVATE
  <mime-mapping>
    <extension>mysuffix</extension>
    <mime-type>mymime/type</mime-type>
  </mime-mapping>
  -->

  <!-- ==================================================================== -->
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

  <!-- ==================================================================== -->
  <locale-encoding-mapping-list>
    <locale-encoding-mapping><locale>ar</locale><encoding>ISO-8859-6</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>be</locale><encoding>ISO-8859-5</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>bg</locale><encoding>ISO-8859-5</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>ca</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>cs</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>da</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>de</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>el</locale><encoding>ISO-8859-7</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>en</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>es</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>et</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>fi</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>fr</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>hr</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>hu</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>is</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>it</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>iw</locale><encoding>ISO-8859-8</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>ja</locale><encoding>Shift_JIS</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>ko</locale><encoding>EUC-KR</encoding></locale-encoding-mapping>     
    <locale-encoding-mapping><locale>lt</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>lv</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>mk</locale><encoding>ISO-8859-5</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>nl</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>no</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>pl</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>pt</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>ro</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>ru</locale><encoding>ISO-8859-5</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>sh</locale><encoding>ISO-8859-5</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>sk</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>sl</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>sq</locale><encoding>ISO-8859-2</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>sr</locale><encoding>ISO-8859-5</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>sv</locale><encoding>ISO-8859-1</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>tr</locale><encoding>ISO-8859-9</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>uk</locale><encoding>ISO-8859-5</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>zh</locale><encoding>utf-8</encoding></locale-encoding-mapping>
    <locale-encoding-mapping><locale>zh_TW</locale><encoding>Big5</encoding></locale-encoding-mapping>   
  </locale-encoding-mapping-list>
 
  <security-constraint>
    <web-resource-collection>
      <web-resource-name>Disable TRACE</web-resource-name>
      <url-pattern>/</url-pattern>
      <http-method>TRACE</http-method>
    </web-resource-collection>
    <auth-constraint/>
  </security-constraint>
  
</web-app>

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"
	xmlns:context="http://www.springframework.org/schema/context"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd
       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd">

	<aop:aspectj-autoproxy />
	<context:component-scan base-package="com.upbest.web"></context:component-scan>

	<bean id="propertyConfigurer"
		class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"
		p:location="classpath:conf/application.properties" />
		
 
	<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource"
		destroy-method="close">
		<property name="driverClassName" value="${jdbc.driverClassName}" />
		<property name="url" value="${jdbc.url}" />
		<property name="username" value="${jdbc.username}" />
		<property name="password" value="${jdbc.password}" />
	<!-- 配置初始化大小、最小、最大 -->
		<property name="initialSize" value="10" />
		<property name="minIdle" value="10" />
		<property name="maxActive" value="100" />

		<!-- 配置获取连接等待超时的时间 -->
		<property name="maxWait" value="60000" />

		<!-- 配置间隔多久才进行一次检测，检测需要关闭的空闲连接，单位是毫秒 -->
		<property name="timeBetweenEvictionRunsMillis" value="60000" />

		<!-- 配置一个连接在池中最小生存的时间，单位是毫秒 -->
		<property name="minEvictableIdleTimeMillis" value="300000" />

		<property name="validationQuery" value="SELECT 'x'" />
		<property name="testWhileIdle" value="true" />
		<property name="testOnBorrow" value="false" />
		<property name="testOnReturn" value="false" />
		<!-- 配置监控统计拦截的filters -->
		<property name="filters" value="stat" />
	</bean>

   <bean id="sessionFactory"
          class="org.mybatis.spring.SqlSessionFactoryBean"
          p:dataSource-ref="dataSource"
          p:typeAliasesPackage="com.upbest.agc.model"
          p:mapperLocations="classpath:mybatis/com/upbest/persistence/*.xml"/>
 
	<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
		<property name="basePackage" value="com.upbest.persistence" />
	</bean>

	<bean id="transactionManager"
		class="org.springframework.jdbc.datasource.DataSourceTransactionManager"
		p:dataSource-ref="dataSource" />

	<!-- <tx:annotation-driven transaction-manager="transactionManager" /> -->

	<tx:advice id="txAdvice" transaction-manager="transactionManager">
		<tx:attributes>
			<tx:method name="add*" propagation="REQUIRED" />
			<tx:method name="save*" propagation="REQUIRED" />
			<tx:method name="insert*" propagation="REQUIRED" />
			<tx:method name="del*" propagation="REQUIRED" />
			<tx:method name="update*" propagation="REQUIRED" />
			<tx:method name="modify*" propagation="REQUIRED" />
			<tx:method name="main*" propagation="REQUIRED" />
		<!-- 	<tx:method name="*" read-only="true" /> -->
		</tx:attributes>
	</tx:advice>

	<aop:config>
		<aop:pointcut id="myPoint"
			expression=" execution(*  com.upbest.service.*.*(..))  " />
		<aop:advisor advice-ref="txAdvice" pointcut-ref="myPoint"/>
	</aop:config>


</beans>


<?xml version="1.0" encoding="UTF-8"?>
<beans:beans xmlns="http://www.springframework.org/schema/mvc"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:beans="http://www.springframework.org/schema/beans"
	xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

	<!-- DispatcherServlet Context: defines this servlet's request-processing 
		infrastructure -->

	<!-- Enables the Spring MVC @Controller programming model--> 
	<annotation-driven />

	<!-- Handles HTTP GET requests for /resources/** by efficiently serving 
		up static resources in the ${webappRoot}/resources directory -->
	<resources mapping="/css/**" location="/css/" />
    <resources mapping="/images/**" location="/images/" />
    <resources mapping="/js/**" location="/js/" />

	<!-- Resolves views selected for rendering by @Controllers to .jsp resources 
		in the /WEB-INF/views directory -->
	<beans:bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<beans:property name="prefix" value="/WEB-INF/views/" />
		<beans:property name="suffix" value=".jsp" />
	</beans:bean>
	
	<context:component-scan base-package="com.upbest.agc" />

	<beans:bean id="multipartResolver"
		class="org.springframework.web.multipart.commons.CommonsMultipartResolver"
		p:defaultEncoding="utf-8" p:maxUploadSize="1000000" />

	<!-- 拦截器 -->
	<mvc:interceptors>
		<mvc:interceptor>
			<mvc:mapping path="/**" />
			<beans:bean class="com.upbest.intercepter.SecurityInterceptor">
				<!-- 不需要权限验证的地址 -->
				<beans:property name="excludeUrls">
					<beans:list>
						<beans:value>/login</beans:value>
						<beans:value>/</beans:value><!-- 初始化数据库 -->
					</beans:list>
				</beans:property>
			</beans:bean>
		</mvc:interceptor>
	</mvc:interceptors>
</beans:beans>

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE log4j:configuration PUBLIC "-//APACHE//DTD LOG4J 1.2//EN" "log4j.dtd">
<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">

	<!-- Appenders -->
	<appender name="console" class="org.apache.log4j.ConsoleAppender">
		<param name="Target" value="System.out" />
		<layout class="org.apache.log4j.PatternLayout">
			<param name="ConversionPattern" value="%-5p: %c - %m%n" />
		</layout>
	</appender>
	<appender name="file" class="org.apache.log4j.DailyRollingFileAppender">  
        <param name="File" value="../logs/lygmonitor.log" />   
        <param name="DatePattern" value="'.'yyyy-MM-dd'.log'" />   
        <param name="Append" value="true" />  
        <layout class="org.apache.log4j.PatternLayout">  
         <param name="ConversionPattern"   
            value="[%d{MMdd HH:mm:ss SSS\} %-5p] [%t] %c{3\} - %m%n" />  
        </layout>   
    </appender>  


	<!-- Application Loggers -->

	<logger name="com.upbest.intercepter">
		<level value="error" />
	</logger>
 	<logger name="com.upbest.persistence.UploadOperateRecordMapper">
		<level value="error" />
	</logger>  
		<logger name="com.upbest.persistence">
		<level value="debug" />
	</logger>
	<!-- 3rdparty Loggers -->
	<logger name="org.springframework">
		<level value="error" />
	</logger>
	<logger name="org.mybatis">
		<level value="error" />
	</logger>
	<logger name="org.apache.ibatis">
		<level value="error" />
	</logger>

	<logger name="com.google.code.yanf4j">
		<level value="error" />
	</logger>
	<logger name="net.rubyeye.xmemcached">
		<level value="error" />
	</logger>

	<!-- Root Logger -->
	<root>
		<priority value="error" />
		<appender-ref ref="console" />
		<appender-ref ref="file" />
	</root>
</log4j:configuration>