index.js 258 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043
  1. let app = new Vue({
  2. el: "#app",
  3. data () {
  4. return {
  5. count: 0, //重点项目两线指标轮到哪个
  6. list: [], //重点项目两线指标数组
  7. countType: 0, //重点项目两线指标数组
  8. mapShow: false, // false为中国地图 true为山西地图
  9. titleUrl: '',// 标题弹窗显示的内容
  10. titleName: '', // 弹窗的名字显示
  11. left12Bottom: [], // 重点项目两线指标x轴
  12. leftEcharts1: "",
  13. leftEcharts2: "",
  14. leftEcharts3: "",
  15. leftEcharts4: "",
  16. leftEcharts5: "",
  17. leftEcharts6: "",
  18. leftEcharts7: "",
  19. leftEcharts8: "",
  20. leftEcharts9: "", //山西地图的地球
  21. leftEcharts10: "",
  22. leftEcharts11: "",
  23. leftEcharts12: '',
  24. leftEcharts13: '',
  25. leftEcharts14: '',
  26. leftEcharts15: '',
  27. changeLine: true, //双柱状图弹窗上边是折线还是柱状
  28. rightAdd: {},// 左边新增筛选参数
  29. lineCommonCompany: [], //双柱状图弹窗上面的折线图x轴
  30. leftEcharts18: '', //单个柱状图弹窗
  31. tipShow1: false, // 标题弹窗显示
  32. tipShow2: false, // 单柱状图弹窗
  33. tipShow3: false, // 单柱状图弹窗
  34. echartEnterpriseShow: false, // 企业额度分析专属弹窗显示
  35. projectListTipShow: false,// 项目列表弹窗显示
  36. boardTipShow: false, // 项目看板弹窗专用
  37. stageTitle: '', // 管理类型分析圆环图内容
  38. stageTitle2: '', // 管理类型分析圆环图内容
  39. stageTitle3: '', // 投资产业分析圆环图内容
  40. stageTitle4: '', // 投资产业分析圆环图内容
  41. echartR2Fd: true, // 投后进度成本偏差防抖
  42. leftEcharts16: '', // 中国地图背景地球
  43. rightEcharts1: '', // 投后进度成本偏差
  44. shanxiMap: "", // 山西地图
  45. chinaMap: '', // 中国地图
  46. industryProportion: 1, // 主辅业占比轮播
  47. industryLayout: 0, //产业布局分析
  48. time1: "", // 4秒定时器
  49. time2: "", // 针对投前产业布局分析的定时器
  50. projectNum: 0, // 项目列表弹窗顶部类目筛选条件
  51. projectNum2: 0,//项目阶段分析指示器
  52. projectNum2Stop: true, //项目阶段分析停止循环
  53. commonUrl: '',//获取当前服务器地址
  54. radarNum: '', // 雷达图样式
  55. projecList: [ //项目阶段分析内容距离 特别监管15~35 备案类50~70
  56. [
  57. { name: '特别监管', value: '0', value2: '0', top: 0 },
  58. { name: '备案', value: '0', value2: '0', top: 0 },
  59. { name: '项目储备', distance: '250px' }
  60. ],
  61. [
  62. { name: '特别监管', value: '0', value2: '0', top: 0 },
  63. { name: '备案', value: '0', value2: '0', top: 0 },
  64. { name: '项目立项', distance: '370px' }
  65. ],
  66. [
  67. { name: '特别监管', value: '0', value2: '0', top: 0 },
  68. { name: '备案', value: '0', value2: '0', top: 0 },
  69. { name: '可研论证', distance: '490px' }
  70. ],
  71. [
  72. { name: '特别监管', value: '0', value2: '0', top: 0 },
  73. { name: '备案', value: '0', value2: '0', top: 0 },
  74. { name: '投资决策', distance: '610px' }
  75. ],
  76. [
  77. { name: '特别监管', value: '0', value2: '0', top: 0 },
  78. { name: '备案', value: '0', value2: '0', top: 0 },
  79. { name: '项目储备', distance: '350px' }
  80. ],
  81. [
  82. { name: '特别监管', value: '0', value2: '0', top: 0 },
  83. { name: '备案', value: '0', value2: '0', top: 0 },
  84. { name: '项目立项', distance: '470px' }
  85. ],
  86. [
  87. { name: '特别监管', value: '0', value2: '0', top: 0 },
  88. { name: '备案', value: '0', value2: '0', top: 0 },
  89. { name: '可研论证', distance: '590px' }
  90. ],
  91. [
  92. { name: '特别监管', value: '0', value2: '0', top: 0 },
  93. { name: '备案', value: '0', value2: '0', top: 0 },
  94. { name: '投资决策', distance: '710px' }
  95. ],
  96. ],
  97. year: '', // 选择的年份
  98. boardUrl: '', // 跳转路径
  99. pollList: [], // 年份有哪些呢
  100. pullShow: false, // 选择年份弹窗
  101. config6: listPop,
  102. originalConfig6: [], // 原始的项目列表数组
  103. centerOriginalConfig6: '', // 中间原始的项目列表数组
  104. rightOriginalConfig6: '',// 右边原始的项目列表数组
  105. boardType: '', // 哪边的项目看板
  106. storageRecordConfig: {
  107. waitTime: "10000",
  108. hoverPause: true,
  109. header: ["企业集团", "项目名称", "投资金额"],
  110. headerHeight: 80,
  111. headerBGC: '#69C0FF20',
  112. oddRowBGC: '#011e4800',
  113. evenRowBGC: '#011e4800',
  114. // oddRowBGC: '#05507b33',
  115. rowNum: 6,
  116. columnWidth: [150, 450, 150],
  117. align: ["center", "center", "center"],
  118. data: [],
  119. },
  120. storageRecordConfig2: {
  121. header: ['企业集团', '项目名称', '项目阶段', '投资金额'],
  122. headerBGC: '#69C0FF20',
  123. oddRowBGC: '#011e4800',
  124. evenRowBGC: '#69C0FF20',
  125. headerHeight: '80',
  126. rowNum: 6,
  127. columnWidth: ['100', '370', '100', '100'],
  128. align: ['center', 'center', 'center', 'center'],
  129. data: []
  130. },
  131. meansList: [
  132. {
  133. label: "初步设计",
  134. value: "0",
  135. projectStepCode: '01'
  136. },
  137. {
  138. label: "详细设计",
  139. value: "0",
  140. projectStepCode: '02'
  141. },
  142. {
  143. label: "开工",
  144. value: "0",
  145. projectStepCode: '03'
  146. },
  147. {
  148. label: "竣工",
  149. value: "0",
  150. projectStepCode: '04'
  151. },
  152. {
  153. label: "验收",
  154. value: "0",
  155. projectStepCode: '05'
  156. },
  157. {
  158. label: "结算",
  159. value: "0",
  160. projectStepCode: '06'
  161. },
  162. ],
  163. stockRightList: [
  164. {
  165. label: "前期准备",
  166. value: "0",
  167. projectStepCode: '07'
  168. },
  169. {
  170. label: "变更登记",
  171. value: "0",
  172. projectStepCode: '08'
  173. },
  174. ],
  175. costList: [
  176. {
  177. num: 0,
  178. value: 0,
  179. status: "正偏差",
  180. type: 1,
  181. projectStepCode: '09'
  182. },
  183. {
  184. num: 0,
  185. value: 0,
  186. status: "容差内",
  187. type: 2,
  188. projectStepCode: '10'
  189. },
  190. {
  191. num: 0,
  192. value: 0,
  193. status: "负偏差",
  194. type: 3,
  195. projectStepCode: '11'
  196. },
  197. ],
  198. investData: {
  199. investList: [
  200. {
  201. name: "",
  202. yse: "",
  203. yqhte: "",
  204. czrde: "",
  205. jse: "",
  206. fke: "",
  207. url: "./img/logos/logo1.png",
  208. },
  209. {
  210. name: "",
  211. yse: "",
  212. yqhte: "",
  213. czrde: "",
  214. jse: "",
  215. fke: "",
  216. url: "./img/logos/logo2.png",
  217. },
  218. {
  219. name: "",
  220. yse: "",
  221. yqhte: "",
  222. czrde: "",
  223. jse: "",
  224. fke: "",
  225. url: "./img/logos/logo3.png",
  226. },
  227. {
  228. name: "",
  229. yse: "",
  230. yqhte: "",
  231. czrde: "",
  232. jse: "",
  233. fke: "",
  234. url: "./img/logos/logo4.png",
  235. },
  236. {
  237. name: "",
  238. yse: "",
  239. yqhte: "",
  240. czrde: "",
  241. jse: "",
  242. fke: "",
  243. url: "./img/logos/logo5.png",
  244. },
  245. {
  246. name: "",
  247. yse: "",
  248. yqhte: "",
  249. czrde: "",
  250. jse: "",
  251. fke: "",
  252. url: "./img/logos/logo6.png",
  253. },
  254. {
  255. name: "",
  256. yse: "",
  257. yqhte: "",
  258. czrde: "",
  259. jse: "",
  260. fke: "",
  261. url: "./img/logos/logo7.png",
  262. },
  263. {
  264. name: "",
  265. yse: "",
  266. yqhte: "",
  267. czrde: "",
  268. jse: "",
  269. fke: "",
  270. url: "./img/logos/logo8.png",
  271. },
  272. {
  273. name: "",
  274. yse: "",
  275. yqhte: "",
  276. czrde: "",
  277. jse: "",
  278. fke: "",
  279. url: "./img/logos/logo9.png",
  280. },
  281. {
  282. name: "",
  283. yse: "",
  284. yqhte: "",
  285. czrde: "",
  286. jse: "",
  287. fke: "",
  288. url: "./img/logos/logo10.png",
  289. },
  290. {
  291. name: "",
  292. yse: "",
  293. yqhte: "",
  294. czrde: "",
  295. jse: "",
  296. fke: "",
  297. url: "./img/logos/logo11.png",
  298. },
  299. {
  300. name: "",
  301. yse: "",
  302. yqhte: "",
  303. czrde: "",
  304. jse: "",
  305. fke: "",
  306. url: "./img/logos/logo12.png",
  307. },
  308. {
  309. name: "",
  310. yse: "",
  311. yqhte: "",
  312. czrde: "",
  313. jse: "",
  314. fke: "",
  315. url: "./img/logos/logo13.png",
  316. },
  317. {
  318. name: "",
  319. yse: "",
  320. yqhte: "",
  321. czrde: "",
  322. jse: "",
  323. fke: "",
  324. url: "./img/logos/logo14.png",
  325. },
  326. {
  327. name: "",
  328. yse: "",
  329. yqhte: "",
  330. czrde: "",
  331. jse: "",
  332. fke: "",
  333. url: "./img/logos/logo15.png",
  334. },
  335. {
  336. name: "",
  337. yse: "",
  338. yqhte: "",
  339. czrde: "",
  340. jse: "",
  341. fke: "",
  342. url: "./img/logos/logo16.png",
  343. },
  344. {
  345. name: "",
  346. yse: "",
  347. yqhte: "",
  348. czrde: "",
  349. jse: "",
  350. fke: "",
  351. url: "./img/logos/logo17.png",
  352. },
  353. {
  354. name: "",
  355. yse: "",
  356. yqhte: "",
  357. czrde: "",
  358. jse: "",
  359. fke: "",
  360. url: "./img/logos/logo18.png",
  361. },
  362. ],
  363. },
  364. riskData: {
  365. x: [
  366. { name: "大地控股", value: [14, 13, 6, 15, 13, 4] },
  367. { name: "云时代", value: [15, 12, 12, 10, 24, 6] },
  368. { name: "华舰体育", value: [14, 13, 6, 15, 13, 4] },
  369. { name: "神农科技", value: [14, 13, 6, 17, 13, 4] },
  370. { name: "山西焦煤", value: [14, 13, 6, 15, 13, 4] },
  371. { name: "晋能控股", value: [14, 13, 6, 17, 13, 4] },
  372. { name: "华阳新材", value: [14, 13, 6, 15, 13, 4] },
  373. { name: "潞安化工", value: [14, 13, 6, 15, 13, 4] },
  374. { name: "华新燃气", value: [14, 13, 6, 17, 13, 4] },
  375. { name: "太重集团", value: [14, 13, 6, 15, 13, 4] },
  376. { name: "国际能源", value: [14, 13, 6, 15, 13, 4] },
  377. { name: "华远陆港", value: [14, 13, 6, 15, 17, 4] },
  378. { name: "水控集团", value: [14, 13, 6, 15, 13, 4] },
  379. { name: "文旅集团", value: [14, 13, 6, 15, 13, 4] },
  380. { name: "交控集团", value: [14, 13, 6, 15, 17, 4] },
  381. { name: "航产集团", value: [14, 13, 6, 15, 13, 4] },
  382. { name: "山西建投", value: [14, 13, 6, 15, 13, 24] },
  383. { name: "汾酒集团", value: [14, 13, 6, 15, 13, 4] },
  384. ],
  385. y1: [],
  386. y2: [],
  387. y3: [],
  388. },
  389. inner: 0,
  390. innerDeg: 0,
  391. timer: null, // 两秒定时器
  392. witchs: 0,
  393. topIndex: 0,
  394. echartR1Fd1: true,
  395. echartR2Fd2: true,
  396. echartC1Fd1: true,
  397. r3Index: 0,
  398. riskData1: {
  399. x: ["山西焦煤", "晋能控股", "华阳新材", "潞安化工", "华新燃气", "太重集团", "国际能源", "华远陆港", "水控集团", "文旅集团", "交控集团", '航产集团', '山西建投', '汾酒集团', '大地控股', '云时代', '华舰体育', '神农科技'],
  400. y1: [
  401. 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53
  402. ],
  403. y2: [
  404. 110, 41, 35, 81, 56, 10, 9, 8, 7, 6, 5, 4, 6, 7, 8,
  405. 9, 4, 3,
  406. ],
  407. y3: [
  408. 130, 76, 67, 120, 89, 111, 87, 123, 66, 65, 65, 98, 230, 78, 99, 130,
  409. 68, 98,
  410. ],
  411. y4: [
  412. 90, 50, 50, 50, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 51, 52,
  413. 53, 54,
  414. ],
  415. y5: [
  416. 33, 32, 31, 31, 32, 33, 34, 34, 35, 36, 37, 38, 39, 33, 34,
  417. 35, 36, 37,
  418. ],
  419. }
  420. };
  421. },
  422. created () {
  423. },
  424. beforeDestroy () {
  425. this.timer && clearInterval(this.timer);
  426. this.time1 && clearInterval(this.time1);
  427. this.time2 && clearInterval(this.time2);
  428. },
  429. mounted () {
  430. this.getUrlParams()
  431. this.countYear()
  432. },
  433. methods: {
  434. // 计算项目阶段分析对应区间
  435. countSection () {
  436. let topList = []
  437. let bottomList = []
  438. this.projecList.forEach(item => {
  439. topList.push(item[0].value2)
  440. bottomList.push(item[1].value2)
  441. })
  442. let minTop = Math.min(...topList)
  443. let maxTop = Math.max(...topList)
  444. let minTop2 = Math.min(...bottomList)
  445. let maxTop2 = Math.max(...bottomList)
  446. let res = ''
  447. let res2 = ''
  448. this.projecList.forEach(item => {
  449. res = (Number(item[0].value2) - minTop) / (maxTop - minTop) * 20 + 15
  450. res2 = (Number(item[1].value2) - minTop2) / (maxTop2 - minTop2) * 20 + 50
  451. this.$set(item[0], 'top', Math.round(50 - res))
  452. this.$set(item[1], 'top', Math.round(120 - res2))
  453. })
  454. },
  455. // 获取地址栏参数
  456. getUrlParams (id) {
  457. let url = window.location.href
  458. this.commonUrl = window.location.href.split('/')
  459. this.commonUrl.pop()
  460. this.commonUrl = this.commonUrl.join('/')
  461. // 通过 ? 分割获取后面的参数字符串
  462. let urlStr = url.split('?')[1]
  463. if (!urlStr) {
  464. this.comeIn()
  465. return
  466. }
  467. // 创建空对象存储参数
  468. let obj = {};
  469. // 再通过 & 将每一个参数单独分割出来
  470. let paramsArr = urlStr.split('&')
  471. for (let i = 0, len = paramsArr.length; i < len; i++) {
  472. // 再通过 = 将每一个参数分割为 key:value 的形式
  473. let arr = paramsArr[i].split('=')
  474. obj[arr[0]] = arr[1];
  475. }
  476. if (obj.model) {
  477. obj.model == 'A' || obj.model == 'a' ? this.mockData = false : this.mockData = true
  478. }
  479. obj.env && (this.env = obj.env)
  480. this.goUrl = (obj.env == 'SIT' || obj.env == 'sit') ? '172.21.3.68:8081' : (obj.env == 'UAT' || obj.env == 'uat') ? '172.21.3.149:8081' : '172.21.3.242:8081'
  481. this.accountId = obj.accountid
  482. this.comeIn()
  483. },
  484. // 计算展示的年份
  485. countYear () {
  486. this.year = new Date().getFullYear()
  487. for (i = 2022; true; i++) {
  488. if (i == this.year + 3) {
  489. this.pollList.push(i)
  490. return
  491. } else {
  492. this.pollList.push(i)
  493. }
  494. }
  495. },
  496. comeIn () {
  497. let that = this
  498. this.time4s();
  499. this.timeNs();
  500. this.filterLpData();
  501. this.lpRotate();
  502. this.getAppToken()
  503. setTimeout(() => {
  504. // if (that.mapShow) {
  505. // // that.leftEcharts12Fun()
  506. // // that.leftEcharts14Fun()
  507. // that.leftEcharts9Fun()
  508. // // that.leftEcharts15Fun()
  509. // that.leftEcharts13Fun()
  510. // that.shanxiEchartsFun()
  511. // } else {
  512. // // that.chinaEchartsFun()
  513. // // that.leftEcharts16Fun() // 中国地图背景地球
  514. // }
  515. this.changeTopColor()
  516. this.initChartR4();
  517. });
  518. },
  519. // 获取token
  520. getAppToken () {
  521. let value = {}
  522. // dev环境
  523. if (this.env == 'sit' || this.env == 'SIT') {
  524. // SIT环境
  525. value = {
  526. "appId": "68dp",
  527. "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
  528. "tenantid": "",
  529. "language": "zh_CN"
  530. }
  531. } else if (this.env == 'uat' || this.env == 'UAT') {
  532. // UAT环境
  533. value = {
  534. "appId": "68dp",
  535. "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
  536. "tenantid": "",
  537. "language": "zh_CN"
  538. }
  539. } else if (this.env == 'preprd' || this.env == 'PREPRD') {
  540. // 预生产环境
  541. value = {
  542. "appId": "68dp",
  543. "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
  544. "tenantid": "",
  545. "language": "zh_CN"
  546. }
  547. } else {
  548. // 生产环境
  549. value = {
  550. "appId": "68dp",
  551. "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
  552. "tenantid": "",
  553. "language": "zh_CN"
  554. }
  555. }
  556. value.accountId = this.accountId
  557. post('/ierp/api/getAppToken.do', value).then(res => {
  558. this.app_token = res.data.app_token
  559. this.getAccessToken()
  560. })
  561. },
  562. // 获取AccessToken
  563. getAccessToken () {
  564. let value = {}
  565. if (this.env == 'sit' || this.env == 'SIT') {
  566. // SIT环境
  567. value = {
  568. "user": "15835113238", // 新
  569. "apptoken": this.app_token, //应用令牌
  570. "tenantid": "", //租户id
  571. "usertype": "Mobile"
  572. }
  573. } else if (this.env == 'uat' || this.env == 'UAT') {
  574. // UAT环境
  575. value = {
  576. "user": "15835113238", // 新
  577. "apptoken": this.app_token, //应用令牌
  578. "tenantid": "", //租户id
  579. "usertype": "Mobile"
  580. }
  581. } else if (this.env == 'preprd' || this.env == 'PREPRD') {
  582. // 预生产环境
  583. value = {
  584. "user": "15835113238", // 新
  585. "apptoken": this.app_token, //应用令牌
  586. "tenantid": "", //租户id
  587. "usertype": "Mobile"
  588. }
  589. } else {
  590. // 生产环境
  591. value = {
  592. "user": "15835113238", // 新
  593. "apptoken": this.app_token, //应用令牌
  594. "tenantid": "", //租户id
  595. "usertype": "Mobile"
  596. }
  597. }
  598. value.accountId = this.accountId
  599. post('/ierp/api/login.do', value).then(res => {
  600. this.access_token = res.data.access_token
  601. this.getOrg()
  602. })
  603. },
  604. getOrg () {
  605. return new Promise((resolve, err) => {
  606. let value = {
  607. access_token: this.access_token,
  608. }
  609. get('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getOrgName', value).then(res => {
  610. this.commonCompanyAll = res.data
  611. commonCompany = res.data.map(item => item.simplename)
  612. // 左边
  613. this.getDate1()
  614. this.getDate2()
  615. this.getDate3()
  616. this.getDate4()
  617. this.getDate5()
  618. this.getDate6()
  619. // 右边
  620. this.getDate7()
  621. this.getDate8()
  622. this.getDate9()
  623. this.getDate10()
  624. this.getDate11() // 右下A
  625. this.getDate12() // 右下B
  626. // 中间
  627. this.getDate14()
  628. resolve(1);
  629. })
  630. });
  631. },
  632. // 获取左边企业额度分析
  633. getDate1 () {
  634. let that = this
  635. return new Promise((resolve, err) => {
  636. let value = {
  637. access_token: this.access_token,
  638. "data": {
  639. "mdnb_combofield": this.mockData ? 'B' : 'A',
  640. "mdnb_datefield": this.year + '-01-01',
  641. },
  642. pageSize: 1000
  643. }
  644. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqqyedfx', value).then(res => {
  645. if (res.data.rows.length > 0) {
  646. let dataList = res.data.rows[0].entryentity
  647. left3 = [[], [], []]
  648. dataList.forEach(item => {
  649. // 已用额度
  650. left3[0].push(that.yuanChange(item.mdnb_amountfield26))
  651. // 剩余额度
  652. left3[1].push(that.yuanChange(item.mdnb_amountfield27))
  653. // 总额度
  654. left3[2].push(that.yuanChange(item.mdnb_amountfield25))
  655. })
  656. this.leftEcharts10Fun(dataList);
  657. }
  658. resolve(1);
  659. })
  660. });
  661. },
  662. // 获取左边投资计划分析
  663. getDate2 () {
  664. let that = this
  665. return new Promise((resolve, err) => {
  666. let value = {
  667. access_token: this.access_token,
  668. "data": {
  669. "mdnb_combofield": this.mockData ? 'B' : 'A',
  670. "mdnb_datefield": this.year + '-01-01',
  671. },
  672. pageSize: 1000
  673. }
  674. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqtzjhfx', value).then(res => {
  675. if (res.data.rows.length > 0) {
  676. let dataList = res.data.rows[0]
  677. left4 = []
  678. left4[0] = dataList.mdnb_amountfield7
  679. left4[1] = dataList.mdnb_amountfield13
  680. left4[2] = dataList.mdnb_amountfield23
  681. left4[3] = dataList.mdnb_amountfield33
  682. left4[4] = dataList.mdnb_integerfield
  683. left5[0].y = that.yuanChange(dataList.mdnb_amountfield9)
  684. left5[0].num = dataList.mdnb_integerfield15
  685. left5[1].y = that.yuanChange(dataList.mdnb_amountfield43)
  686. left5[1].num = dataList.mdnb_integerfield14
  687. left6[0].y = that.yuanChange(dataList.mdnb_amountfield15)
  688. left6[0].num = dataList.mdnb_integerfield16
  689. left6[1].y = that.yuanChange(dataList.mdnb_amountfield16)
  690. left6[1].num = dataList.mdnb_integerfield17
  691. that.leftEcharts1Fun()
  692. that.leftEcharts2Fun()
  693. that.leftEcharts3Fun()
  694. that.leftEcharts4Fun()
  695. }
  696. resolve(1);
  697. })
  698. });
  699. },
  700. // 获取左边产业布局分析
  701. getDate3 () {
  702. let that = this
  703. return new Promise((resolve, err) => {
  704. let value = {
  705. access_token: this.access_token,
  706. "data": {
  707. "mdnb_combofield": this.mockData ? 'B' : 'A',
  708. "mdnb_datefield": this.year + '-01-01',
  709. },
  710. pageSize: 1000
  711. }
  712. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqcebjfx', value).then(res => {
  713. if (res.data.rows[0].mdnb_entryentity) {
  714. let dataList = this.classify(res.data.rows[0].mdnb_entryentity, 'mdnb_textfield1')
  715. // 传统产业分析
  716. dataList[0].data.forEach((item, i) => {
  717. left1[0][i] = {}
  718. left1[0][i].num = item.mdnb_integerfield13
  719. left1[0][i].y = that.yuanChange(item.mdnb_amountfield8)
  720. left1[0][i].name = item.mdnb_textfield2
  721. })
  722. // 战略性新兴产业
  723. dataList[1].data.forEach((item, i) => {
  724. left1[1][i] = {}
  725. left1[1][i].num = item.mdnb_integerfield13
  726. left1[1][i].y = that.yuanChange(item.mdnb_amountfield8)
  727. left1[1][i].name = item.mdnb_textfield2
  728. })
  729. // 特色优势产业
  730. dataList[2].data.forEach((item, i) => {
  731. left1[2][i] = {}
  732. left1[2][i].num = item.mdnb_integerfield13
  733. left1[2][i].y = that.yuanChange(item.mdnb_amountfield8)
  734. left1[2][i].name = item.mdnb_textfield2
  735. })
  736. // 公共基础等产业
  737. dataList[3].data.forEach((item, i) => {
  738. left1[3][i] = {}
  739. left1[3][i].num = item.mdnb_integerfield13
  740. left1[3][i].y = that.yuanChange(item.mdnb_amountfield8)
  741. left1[3][i].name = item.mdnb_textfield2
  742. })
  743. that.leftEcharts5Fun()
  744. }
  745. resolve(1);
  746. })
  747. });
  748. },
  749. // 获取左边项目阶段分析
  750. getDate4 () {
  751. let that = this
  752. return new Promise((resolve, err) => {
  753. let value = {
  754. access_token: this.access_token,
  755. "data": {
  756. "mdnb_combofield": this.mockData ? 'B' : 'A',
  757. "mdnb_datefield": this.year + '-01-01',
  758. },
  759. pageSize: 1000
  760. }
  761. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqxmjdfx', value).then(res => {
  762. if (res.data.rows.length > 0) {
  763. let dataList = res.data.rows[0]
  764. // 固定资产进度分布
  765. // 特别监管
  766. that.projecList[0][0].value = dataList.mdnb_integerfield1
  767. that.projecList[0][0].value2 = this.yuanChange(dataList.mdnb_amountfield241)
  768. that.projecList[1][0].value = dataList.mdnb_integerfield3
  769. that.projecList[1][0].value2 = this.yuanChange(dataList.mdnb_amountfield5)
  770. that.projecList[2][0].value = dataList.mdnb_integerfield5
  771. that.projecList[2][0].value2 = this.yuanChange(dataList.mdnb_amountfield21)
  772. that.projecList[3][0].value = dataList.mdnb_integerfield7
  773. that.projecList[3][0].value2 = this.yuanChange(dataList.mdnb_amountfield29)
  774. // 备案
  775. that.projecList[0][1].value = dataList.mdnb_integerfield2
  776. that.projecList[0][1].value2 = this.yuanChange(dataList.mdnb_amountfield341)
  777. that.projecList[1][1].value = dataList.mdnb_integerfield4
  778. that.projecList[1][1].value2 = this.yuanChange(dataList.mdnb_amountfield11)
  779. that.projecList[2][1].value = dataList.mdnb_integerfield6
  780. that.projecList[2][1].value2 = this.yuanChange(dataList.mdnb_amountfield28)
  781. that.projecList[3][1].value = dataList.mdnb_integerfield8
  782. that.projecList[3][1].value2 = this.yuanChange(dataList.mdnb_amountfield30)
  783. // 股权类进度分布
  784. // 特别监管
  785. that.projecList[4][0].value = dataList.mdnb_integerfield11
  786. that.projecList[4][0].value2 = this.yuanChange(dataList.mdnb_amountfield2411)
  787. that.projecList[5][0].value = dataList.mdnb_integerfield31
  788. that.projecList[5][0].value2 = this.yuanChange(dataList.mdnb_amountfield51)
  789. that.projecList[6][0].value = dataList.mdnb_integerfield51
  790. that.projecList[6][0].value2 = this.yuanChange(dataList.mdnb_amountfield211)
  791. that.projecList[7][0].value = dataList.mdnb_integerfield71
  792. that.projecList[7][0].value2 = this.yuanChange(dataList.mdnb_amountfield291)
  793. // 备案
  794. that.projecList[4][1].value = dataList.mdnb_integerfield21
  795. that.projecList[4][1].value2 = this.yuanChange(dataList.mdnb_amountfield3411)
  796. that.projecList[5][1].value = dataList.mdnb_integerfield41
  797. that.projecList[5][1].value2 = this.yuanChange(dataList.mdnb_amountfield111)
  798. that.projecList[6][1].value = dataList.mdnb_integerfield61
  799. that.projecList[6][1].value2 = this.yuanChange(dataList.mdnb_amountfield281)
  800. that.projecList[7][1].value = dataList.mdnb_integerfield81
  801. that.projecList[7][1].value2 = this.yuanChange(dataList.mdnb_amountfield301)
  802. this.countSection();
  803. that.leftEcharts7Fun()
  804. that.leftEcharts8Fun()
  805. }
  806. resolve(1);
  807. })
  808. });
  809. },
  810. // 获取左边投资额度分析
  811. getDate5 () {
  812. let that = this
  813. return new Promise((resolve, err) => {
  814. let value = {
  815. access_token: this.access_token,
  816. "data": {
  817. "mdnb_combofield": this.mockData ? 'B' : 'A',
  818. "mdnb_datefield": this.year + '-01-01',
  819. },
  820. pageSize: 1000
  821. }
  822. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqtzedfx', value).then(res => {
  823. if (res.data.rows.length > 0) {
  824. let dataList = res.data.rows[0]
  825. left16[0] = dataList.mdnb_amountfield
  826. left16[1] = dataList.mdnb_amountfield1
  827. left16[2] = dataList.mdnb_amountfield2
  828. left16[3] = dataList.mdnb_decimalfield
  829. left16[4] = dataList.mdnb_amountfield3
  830. that.leftEcharts6Fun();
  831. }
  832. resolve(1);
  833. })
  834. });
  835. },
  836. // 获取左边重点项目两线指标
  837. getDate6 () {
  838. let that = this
  839. return new Promise((resolve, err) => {
  840. let value = {
  841. access_token: this.access_token,
  842. "data": {
  843. "mdnb_combofield": this.mockData ? 'B' : 'A',
  844. "mdnb_datefield": this.year + '-01-01',
  845. },
  846. pageSize: 1000
  847. }
  848. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqzdlxzb', value).then(res => {
  849. if (res.data.rows[0].mdnb_entryentity1) {
  850. let dataList2 = this.classify(res.data.rows[0].mdnb_entryentity1, 'mdnb_textfield3')
  851. // 左边的轮播
  852. let dataList = []
  853. dataList2.forEach((item, index) => {
  854. dataList[index] = []
  855. dataList[index][0] = item.data[0].mdnb_textfield18
  856. dataList[index][1] = item.data[0].mdnb_textfield3
  857. dataList[index][2] = that.numFormat(that.yuanChange(item.data[0].mdnb_amountfield24)) + '亿'
  858. })
  859. this.storageRecordConfig.data = dataList
  860. this.storageRecordConfig = { ...this.storageRecordConfig }
  861. // 右边的柱状图
  862. left12 = []
  863. dataList2.forEach((item, index) => {
  864. left12[index] = [[], [], []]
  865. that.left12Bottom[index] = []
  866. for (let i = 0; i < item.data.length; i++) {
  867. left12[index][0].push(item.data[i].mdnb_integerfield10)
  868. left12[index][1].push(item.data[i].mdnb_integerfield12)
  869. left12[index][2].push(item.data[i].mdnb_integerfield9)
  870. that.left12Bottom[index].push(item.data[i].mdnb_textfield4.replace('(%)', ''))
  871. }
  872. })
  873. that.leftEcharts11Fun()
  874. }
  875. resolve(1);
  876. })
  877. });
  878. },
  879. // 获取右边顶部条数据
  880. getDate7 () {
  881. let that = this
  882. return new Promise((resolve, err) => {
  883. let value = {
  884. access_token: this.access_token,
  885. "request": {
  886. isInsert: this.mockData ? '1' : '0',
  887. },
  888. pageSize: 1000
  889. }
  890. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTabpageap', value).then(res => {
  891. that.meansList[0].value = res.data.mdnb_one_step
  892. that.meansList[1].value = res.data.mdnb_two_step
  893. that.meansList[2].value = res.data.mdnb_three_step
  894. that.meansList[3].value = res.data.mdnb_four_step
  895. that.meansList[4].value = res.data.mdnb_five_step
  896. that.meansList[5].value = res.data.mdnb_six_step
  897. that.stockRightList[0].value = res.data.mdnb_seven_step
  898. that.stockRightList[1].value = res.data.mdnb_eight_step
  899. resolve(1);
  900. })
  901. });
  902. },
  903. // 获取右边中间左边的(正偏差/容差内/负偏差)
  904. getDate8 () {
  905. let that = this
  906. return new Promise((resolve, err) => {
  907. let value = {
  908. access_token: this.access_token,
  909. "request": {
  910. isInsert: this.mockData ? '1' : '0',
  911. },
  912. pageSize: 1000
  913. }
  914. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getInvestSunstraction', value).then(res => {
  915. that.costList[0].num = res.data.mdnb_projectnum_z
  916. that.costList[0].value = res.data.mdnb_amountall_z
  917. that.costList[1].num = res.data.mdnb_projectnum_r
  918. that.costList[1].value = res.data.mdnb_amountall_r
  919. that.costList[2].num = res.data.mdnb_projectnum_f
  920. that.costList[2].value = res.data.mdnb_amountall_f
  921. resolve(1);
  922. })
  923. });
  924. },
  925. // 获取右边中间右边的(预算额/已签合同额。。。)
  926. getDate9 () {
  927. let that = this
  928. return new Promise((resolve, err) => {
  929. let value = {
  930. access_token: this.access_token,
  931. "request": {
  932. isInsert: this.mockData ? '1' : '0',
  933. },
  934. pageSize: 1000
  935. }
  936. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitBudgetExecuteDate', value).then(res => {
  937. res.data.forEach((item, index) => {
  938. right4[index].value = this.yuanChange(item.mdnb_aheadmoney)
  939. right4[index].value2 = this.yuanChange(item.mdnb_edmoney)
  940. right4[index].value3 = this.yuanChange(item.mdnb_smoney)
  941. right4[index].value4 = this.yuanChange(item.mdnb_jmoney)
  942. right4[index].value5 = this.yuanChange(item.mdnb_fkmoney)
  943. })
  944. right4.forEach((item, index) => {
  945. that.investData.investList[index].name = item.name
  946. that.investData.investList[index].yse = item.value
  947. that.investData.investList[index].yqhte = item.value2
  948. that.investData.investList[index].czrde = item.value3
  949. that.investData.investList[index].jse = item.value4
  950. that.investData.investList[index].fke = item.value5
  951. })
  952. resolve(1);
  953. })
  954. });
  955. },
  956. // 进度成本偏差
  957. getDate10 () {
  958. let that = this
  959. return new Promise((resolve, err) => {
  960. let value = {
  961. access_token: this.access_token,
  962. "request": {
  963. isInsert: this.mockData ? '1' : '0',
  964. },
  965. pageSize: 1000
  966. }
  967. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getInvestSunstractionGas', value).then(res => {
  968. res.data.forEach((item, index) => {
  969. right5[0][index][1] = that.numMulti(item.mdnb_amount_zb, 100)
  970. right5[0][index][2] = that.yuanChange(item.mdnb_amount_z)
  971. right5[1][index][1] = that.numMulti(item.mdnb_amount_nb, 100)
  972. right5[1][index][2] = that.yuanChange(item.mdnb_amount_n)
  973. right5[2][index][1] = that.numMulti(item.mdnb_amount_fb, 100)
  974. right5[2][index][2] = that.yuanChange(item.mdnb_amount_f)
  975. })
  976. that.rightEcharts1Fun();
  977. resolve(1);
  978. })
  979. });
  980. },
  981. // 项目风险分析A
  982. getDate11 () {
  983. let that = this
  984. return new Promise((resolve, err) => {
  985. let value = {
  986. access_token: this.access_token,
  987. "request": {
  988. isInsert: this.mockData ? '1' : '0',
  989. },
  990. pageSize: 1000
  991. }
  992. let a = []
  993. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitNoSolveDangerDate', value).then(res => {
  994. res.data.forEach((item, index) => {
  995. that.riskData.y1.push(item.mdnb_bottom)
  996. that.riskData.y2.push(item.mdnb_midle)
  997. that.riskData.y3.push(item.mdnb_height)
  998. })
  999. that.initChartR2()
  1000. resolve(1);
  1001. })
  1002. });
  1003. },
  1004. // 项目风险分析B(雷达图)
  1005. getDate12 () {
  1006. return new Promise((resolve, err) => {
  1007. let value = {
  1008. access_token: this.access_token,
  1009. "request": {
  1010. isInsert: this.mockData ? '1' : '0',
  1011. },
  1012. pageSize: 1000
  1013. }
  1014. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitDangerPoraitDate', value).then(res => {
  1015. res.data.forEach((item, index) => {
  1016. this.riskData.x[index].name = item.mdnb_unity_name3
  1017. this.riskData.x[index].value = []
  1018. this.riskData.x[index].value.push(item.mdnb_anquan)
  1019. this.riskData.x[index].value.push(item.mdnb_fukuan)
  1020. this.riskData.x[index].value.push(item.mdnb_hetong)
  1021. this.riskData.x[index].value.push(item.mdnb_jiesuan)
  1022. this.riskData.x[index].value.push(item.mdnb_jindu)
  1023. this.riskData.x[index].value.push(item.mdnb_securty)
  1024. })
  1025. this.initChartR2()
  1026. resolve(1);
  1027. })
  1028. });
  1029. },
  1030. // 预算执行情况分析
  1031. getDate15 () {
  1032. let that = this
  1033. return new Promise((resolve, err) => {
  1034. let value = {
  1035. access_token: this.access_token,
  1036. "request": {
  1037. isInsert: this.mockData ? '1' : '0',
  1038. },
  1039. pageSize: 1000
  1040. }
  1041. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getBudgetExecutionTotal', value).then(res => {
  1042. res.data.forEach((item, index) => {
  1043. this.$set(item, 'mdnb_yusuanmoney', that.yuanChange(item.mdnb_yusuanmoney))
  1044. this.$set(item, 'mdnb_fukuanmoney', that.yuanChange(item.mdnb_fukuanmoney))
  1045. this.$set(item, 'mdnb_jiesuanmoney', that.yuanChange(item.mdnb_jiesuanmoney))
  1046. this.$set(item, 'mdnb_hetongmoney', that.yuanChange(item.mdnb_hetongmoney))
  1047. })
  1048. let a = that.classify(res.data, 'mdnb_unity_name4')
  1049. for (var i = 0; i < commonCompany.length; i += 6) {
  1050. this.threeCommonCompany.push(commonCompany.slice(i, i + 6));
  1051. }
  1052. right9 = a.map((item, index) => {
  1053. return item.data.filter((item2, index2) => {
  1054. return (item2.mdnb_fukuanmoney != 0 || item2.mdnb_yusuanmoney != 0 || item2.mdnb_hetongmoney != 0 || item2.mdnb_jiesuanmoney != 0)
  1055. })
  1056. })
  1057. that.budgetX = []
  1058. right9.forEach((item, index) => {
  1059. that.budgetX.push(item.map(item2 => {
  1060. return item2.mdnb_aheadname
  1061. }))
  1062. })
  1063. setTimeout(() => {
  1064. this.initChartR3()
  1065. });
  1066. resolve(1);
  1067. })
  1068. });
  1069. },
  1070. // 中间大屏数据
  1071. getDate14 () {
  1072. let that = this
  1073. return new Promise((resolve, err) => {
  1074. let value = {
  1075. access_token: this.access_token,
  1076. mock: this.mockData,
  1077. presetYear: this.year - 1
  1078. }
  1079. get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/getKeyData', value).then(res => {
  1080. // 头部指标
  1081. if (!res.data) {
  1082. return
  1083. }
  1084. center4[0] = res.data.transformations.estateAmount
  1085. center4[1] = res.data.transformations.estateNum
  1086. center4[2] = res.data.transformations.figureAmount
  1087. center4[3] = res.data.transformations.figureNum
  1088. // 左投部指标
  1089. center1[0] = res.data.keyIndicators.totalSum
  1090. center1[1] = res.data.keyIndicators.total
  1091. center1[2] = res.data.keyIndicators.property
  1092. center1[3] = res.data.keyIndicators.invest
  1093. // 投资产业分布
  1094. if (res.data.distribution.length != 0) {
  1095. // for (let i = 0; i < center2.length; i++) {
  1096. // center2[i].y = that.yuanChange(res.data.distribution[i].amount)
  1097. // center2[i].value = that.yuanChange(res.data.distribution[i].amount)
  1098. // center2[i].num = res.data.distribution[i].count
  1099. // center2[i].typeno = res.data.distribution[i].typeno
  1100. // }
  1101. center2 = []
  1102. res.data.distribution.forEach((item, i) => {
  1103. center2[i] = {}
  1104. center2[i].name = item.type
  1105. center2[i].y = that.yuanChange(item.amount)
  1106. center2[i].value = that.yuanChange(item.amount)
  1107. center2[i].num = item.count
  1108. center2[i].typeno = item.typeno
  1109. })
  1110. }
  1111. // that.leftEcharts12Fun()
  1112. // 投资执行情况
  1113. res.data.implementationStatus.forEach((item, index) => {
  1114. center3[index].value = that.yuanChange(item.plan)
  1115. center3[index].value2 = that.yuanChange(item.reality)
  1116. })
  1117. center3.sort(that.compare('value'))
  1118. // that.leftEcharts14Fun()
  1119. // 五个一体化
  1120. res.data.five.forEach((item, index) => {
  1121. center6[index] = { name: item.type, value: that.yuanChange(item.amount), typeno: item.typeno }
  1122. })
  1123. // that.leftEcharts15Fun()
  1124. // 投资阶段分析
  1125. res.data.investmentStage.forEach((item, index) => {
  1126. center7[index] = { name: item.type, value: Number(item.num), value2: that.yuanChange(item.amount), typeno: item.typeno, sliced: false, selected: false }
  1127. })
  1128. // 重点项目监控
  1129. center8 = []
  1130. this.originalConfig6 = res.data.projectMonitoring
  1131. this.centerOriginalConfig6 = res.data.projectMonitoring
  1132. res.data.projectMonitoring.forEach((item, index) => {
  1133. center8.push({ value: item.amount, name: item.projectname, office: item.orgName, type: item.projectjd })
  1134. })
  1135. let dataList = []
  1136. center8.map(item => {
  1137. dataList.push([item.office, item.name, item.type, this.yuanChange(item.value) + '亿', item.typeno])
  1138. })
  1139. this.storageRecordConfig2.data = dataList
  1140. this.storageRecordConfig2 = { ...this.storageRecordConfig2 }
  1141. // 中国地图
  1142. centerChina = []
  1143. res.data.investmentMap.forEach((item, index) => {
  1144. centerChina.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
  1145. })
  1146. setTimeout(() => {
  1147. that.chinaEchartsFun()
  1148. that.leftEcharts16Fun() // 中国地图背景地球
  1149. })
  1150. resolve(1);
  1151. })
  1152. });
  1153. },
  1154. // 点击八卦的方法
  1155. cilikEight (param) {
  1156. let that = this
  1157. that.rightAdd.modelName = 2
  1158. that.rightAdd.substraction = ''
  1159. that.rightAdd.projectStepCode = ''
  1160. that.projectNum = 314
  1161. that.rightPenetrateTwo(2, '', that.findCode(this.investData.investList[this.witchs].name), 'right')
  1162. },
  1163. // 解决除法是去精度
  1164. numDiv (num1, num2) {
  1165. var baseNum1 = 0, baseNum2 = 0;
  1166. var baseNum3, baseNum4;
  1167. try {
  1168. baseNum1 = num1.toString().split(".")[1].length;
  1169. } catch (e) {
  1170. baseNum1 = 0;
  1171. }
  1172. try {
  1173. baseNum2 = num2.toString().split(".")[1].length;
  1174. } catch (e) {
  1175. baseNum2 = 0;
  1176. }
  1177. with (Math) {
  1178. baseNum3 = Number(num1.toString().replace(".", ""));
  1179. baseNum4 = Number(num2.toString().replace(".", ""));
  1180. return (baseNum3 / baseNum4) * pow(10, baseNum2 - baseNum1);
  1181. }
  1182. },
  1183. // 解决乘法失去精度
  1184. numMulti (num1, num2) {
  1185. var baseNum = 0;
  1186. try {
  1187. baseNum += num1.toString().split(".")[1].length;
  1188. } catch (e) {
  1189. }
  1190. try {
  1191. baseNum += num2.toString().split(".")[1].length;
  1192. } catch (e) {
  1193. }
  1194. return Number(num1.toString().replace(".", "")) * Number(num2.toString().replace(".", "")) / Math.pow(10, baseNum);
  1195. },
  1196. // 解决减法失去精度
  1197. numSub (num1, num2) {
  1198. var baseNum, baseNum1, baseNum2;
  1199. var precision;// 精度
  1200. try {
  1201. baseNum1 = num1.toString().split(".")[1].length;
  1202. } catch (e) {
  1203. baseNum1 = 0;
  1204. }
  1205. try {
  1206. baseNum2 = num2.toString().split(".")[1].length;
  1207. } catch (e) {
  1208. baseNum2 = 0;
  1209. }
  1210. baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
  1211. precision = (baseNum1 >= baseNum2) ? baseNum1 : baseNum2;
  1212. return ((num1 * baseNum - num2 * baseNum) / baseNum).toFixed(precision);
  1213. },
  1214. rightEcharts1Fun () {
  1215. let that = this
  1216. let sumA = 42
  1217. // 所有在100范围外的全部变成0,其他值相应增加/减少sumA
  1218. right5.forEach(item => {
  1219. item.forEach(item2 => {
  1220. if (Number(item2[1]) < 0) {
  1221. item2[1] = that.$set(item2, 1, Number(that.numSub(item2[1], sumA)))
  1222. } else if (Number(item2[1]) > 0) {
  1223. item2[1] = that.$set(item2, 1, Number(item2[1]) + sumA)
  1224. }
  1225. if (Number(item2[1]) < (-100 - sumA)) {
  1226. item2[1] = that.$set(item2, 1, 0)
  1227. item2[1] = that.$set(item2, 2, 0)
  1228. } else if (Number(item2[1]) > (100 + sumA)) {
  1229. item2[1] = that.$set(item2, 1, 0)
  1230. item2[1] = that.$set(item2, 2, 0)
  1231. }
  1232. })
  1233. })
  1234. const itemStyle = {
  1235. // opacity: 0.8,
  1236. shadowBlur: 10,
  1237. shadowOffsetX: 0,
  1238. shadowOffsetY: 0,
  1239. shadowColor: 'rgba(0,0,0,0.3)'
  1240. };
  1241. that.rightEcharts1 = echarts.init(this.$refs['rightEcharts1'])
  1242. that.rightEcharts1.on('showTip', (params) => {
  1243. // 如果是7或者15并且满足防抖则切换
  1244. if ((params.dataIndex == 5 || params.dataIndex == 11) && that.echartR2Fd) {
  1245. that.echartR2Fd = false
  1246. setTimeout(() => {
  1247. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6
  1248. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6
  1249. that.rightEcharts1.setOption(option);
  1250. // 防止勿刷新做的防抖
  1251. setTimeout(() => {
  1252. that.echartR2Fd = true
  1253. }, 2000)
  1254. }, 1900);
  1255. // 如果是17表示到了最后一个,那么重新来一遍
  1256. } else if (params.dataIndex == 17 && that.echartR2Fd) {
  1257. that.echartR2Fd = false
  1258. setTimeout(() => {
  1259. option.dataZoom[0].endValue = 0
  1260. option.dataZoom[0].startValue = 5
  1261. that.rightEcharts1.setOption(option);
  1262. // 防止勿刷新做的防抖
  1263. setTimeout(() => {
  1264. that.echartR2Fd = true
  1265. }, 2000)
  1266. }, 1900)
  1267. }
  1268. })
  1269. let option = {
  1270. color: [{
  1271. type: 'radial', // linear 线性渐变 radial径向渐变
  1272. x: 0.5,
  1273. y: 0.5,
  1274. r: 0.5,
  1275. colorStops: [{
  1276. offset: 0, color: '#58F7DF' // 0% 处的颜色
  1277. }, {
  1278. offset: 1, color: '#4ECFBB' // 100% 处的颜色
  1279. }]
  1280. },
  1281. {
  1282. type: 'radial', // linear 线性渐变 radial径向渐变
  1283. x: 0.5,
  1284. y: 0.5,
  1285. r: 0.5,
  1286. colorStops: [{
  1287. offset: 0, color: '#7FD9FF' // 0% 处的颜色
  1288. }, {
  1289. offset: 1, color: '#40A9FF' // 100% 处的颜色
  1290. }]
  1291. }, {
  1292. type: 'radial', // linear 线性渐变 radial径向渐变
  1293. x: 0.5,
  1294. y: 0.5,
  1295. r: 0.5,
  1296. colorStops: [{
  1297. offset: 0, color: '#FF9592' // 0% 处的颜色
  1298. }, {
  1299. offset: 1, color: '#D2706D' // 100% 处的颜色
  1300. }]
  1301. }
  1302. ],
  1303. dataZoom: [
  1304. {
  1305. // start: 9,//默认为@
  1306. // end: 100,//黑认认为1@0
  1307. type: "slider",
  1308. show: false,
  1309. // xAxisIndex: [0]
  1310. handlesize: 0,//滑动条的 左右2个滑动条的大小
  1311. startValue: 5,// 初始显示值
  1312. endValue: 0,// 结束显示值
  1313. height: 10,//组件高度
  1314. left: "5%",
  1315. right: "4%",//右边的距离
  1316. bottom: "25%",//底边的距离
  1317. borderColor: "#939",
  1318. fillerColor: "#269cdb",
  1319. borderRadius: 5,
  1320. backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
  1321. showDataShadow: false,//是否显示数据阴影
  1322. showDetail: false,//即拖拽时候是否显示详细数值信息
  1323. truerealtime: true,//是否实时更新
  1324. filterMode: "filter"
  1325. }, {
  1326. type: 'inside',
  1327. show: true,
  1328. start: 1,
  1329. end: 100,
  1330. zoomOnMouseWheel: false, //滚轮是否触发缩放
  1331. moveOnMouseMove: false, //鼠标滚轮触发滚动
  1332. }
  1333. ],
  1334. legend: {
  1335. selectedMode: false,
  1336. top: 10,
  1337. data: ['正偏差', '容差', '负偏差'],
  1338. textStyle: {
  1339. fontSize: 20,
  1340. color: '#fff',
  1341. fontFamily: 'Microsoft YaHei'
  1342. }
  1343. },
  1344. textStyle: {
  1345. color: '#fff',
  1346. },
  1347. tooltip: {
  1348. show: true,
  1349. trigger: "axis",
  1350. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  1351. borderColor: "rgba(50,50,50,0.7)",
  1352. textStyle: {
  1353. color: "#fff",
  1354. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  1355. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  1356. fontSize: "28", // 文字字体大小
  1357. },
  1358. formatter: data => {
  1359. return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color}"></span> ${data[0].seriesName}:${that.numFormat(data[0].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color}"></span> ${data[1].seriesName}:${that.numFormat(data[1].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[2].color}"></span> ${data[2].seriesName}:${that.numFormat(data[2].data[2])}亿`
  1360. },
  1361. axisPointer: {
  1362. // // type: 'cross',',
  1363. },
  1364. },
  1365. grid: {
  1366. top: '10%',
  1367. right: '7%',
  1368. left: '7%',
  1369. bottom: '5%',
  1370. },
  1371. yAxis: {
  1372. min: (-101 - sumA),
  1373. max: (101 + sumA),
  1374. maxInterval: 1,
  1375. splitLine: {
  1376. show: false,
  1377. // interval:,
  1378. lineStyle: {
  1379. color: '#68b4dd66',
  1380. type: 'dashed',
  1381. },
  1382. },
  1383. axisLine: {
  1384. show: false
  1385. },
  1386. axisTick: {
  1387. show: false
  1388. },
  1389. axisLabel: {
  1390. show: true,
  1391. // formatter: '{value}',
  1392. formatter (data) {
  1393. if (data == (100 + sumA)) {
  1394. return '100%'
  1395. } else if (data == (-100 - sumA)) {
  1396. return '-100%'
  1397. } else if (data == (-5 - sumA)) {
  1398. return '-5%'
  1399. } else if (data == (5 + sumA)) {
  1400. return '5%'
  1401. }
  1402. },
  1403. textStyle: {
  1404. color: '#fff',
  1405. fontSize: '20',
  1406. fontFamily: 'Microsoft YaHei'
  1407. },
  1408. },
  1409. nameTextStyle: {
  1410. color: '#fff',
  1411. fontSize: 20,
  1412. fontFamily: 'Microsoft YaHei'
  1413. },
  1414. },
  1415. xAxis: {
  1416. data: commonCompany,
  1417. axisLine: {
  1418. show: false, //隐藏X轴轴线
  1419. lineStyle: {
  1420. color: '#005094',
  1421. width: 1,
  1422. },
  1423. },
  1424. splitLine: {
  1425. show: true,
  1426. lineStyle: {
  1427. color: '#68b4dd66',
  1428. type: 'dashed',
  1429. },
  1430. },
  1431. axisTick: {
  1432. show: true, //隐藏X轴刻度
  1433. },
  1434. axisLabel: {
  1435. show: true,
  1436. // rotate: 40,
  1437. padding: [0, 0, 0, 0],
  1438. textStyle: {
  1439. color: '#fff', //X轴文字颜色
  1440. fontSize: 20,
  1441. fontFamily: 'Microsoft YaHei'
  1442. },
  1443. },
  1444. },
  1445. series: [
  1446. {
  1447. name: '正偏差',
  1448. type: 'scatter',
  1449. itemStyle: itemStyle,
  1450. data: right5[0],
  1451. symbolSize: function (data) {
  1452. if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
  1453. return 40;
  1454. } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
  1455. return 70;
  1456. } else if (data[2] > 100) {
  1457. return 100;
  1458. }
  1459. },
  1460. markLine: {
  1461. symbol: 'none',
  1462. data: [
  1463. {
  1464. name: '100%',
  1465. yAxis: 100 + sumA,
  1466. lineStyle: {
  1467. // color: '#fff',
  1468. },
  1469. label: {
  1470. show: false,
  1471. formatter: '{b}',
  1472. position: 'right',
  1473. color: '#fff',
  1474. fontSize: 20,
  1475. label: {
  1476. show: false
  1477. }
  1478. },
  1479. },
  1480. {
  1481. name: '5%',
  1482. yAxis: 5 + sumA,
  1483. lineStyle: {
  1484. // color: '#fff',
  1485. },
  1486. label: {
  1487. show: false,
  1488. formatter: '{b}',
  1489. position: 'right',
  1490. color: '#fff',
  1491. fontSize: 20,
  1492. },
  1493. },
  1494. {
  1495. name: '-5%',
  1496. yAxis: -5 - sumA,
  1497. lineStyle: {
  1498. // color: '#fff',
  1499. },
  1500. label: {
  1501. show: false,
  1502. formatter: '{b}',
  1503. position: 'right',
  1504. color: '#fff',
  1505. fontSize: 20,
  1506. },
  1507. },
  1508. {
  1509. name: '100%',
  1510. yAxis: -100 - sumA,
  1511. lineStyle: {
  1512. // color: '#fff',
  1513. },
  1514. label: {
  1515. show: false,
  1516. formatter: '{b}',
  1517. position: 'right',
  1518. color: '#fff',
  1519. fontSize: 20,
  1520. },
  1521. },
  1522. ],
  1523. },
  1524. },
  1525. {
  1526. name: '容差',
  1527. type: 'scatter',
  1528. itemStyle: itemStyle,
  1529. data: right5[1],
  1530. symbolSize: function (data) {
  1531. if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
  1532. return 40;
  1533. } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
  1534. return 70;
  1535. } else if (data[2] > 100) {
  1536. return 100;
  1537. }
  1538. },
  1539. },
  1540. {
  1541. name: '负偏差',
  1542. type: 'scatter',
  1543. itemStyle: itemStyle,
  1544. data: right5[2],
  1545. symbolSize: function (data) {
  1546. if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
  1547. return 40;
  1548. } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
  1549. return 70;
  1550. } else if (data[2] > 100) {
  1551. return 100;
  1552. }
  1553. },
  1554. }
  1555. ]
  1556. }
  1557. that.rightEcharts1.on('click', function (param) {
  1558. that.rightAdd.modelName = 1
  1559. that.rightAdd.substraction = param.seriesName == '正偏差' ? 1 : param.seriesName == '容差' ? 2 : 3
  1560. that.rightAdd.projectStepCode = ''
  1561. that.projectNum = 313
  1562. that.rightPenetrateTwo(1, param.seriesName == '正偏差' ? 1 : param.seriesName == '容差' ? 2 : 3, that.findCode(param.name), 'right')
  1563. })
  1564. that.rightEcharts1.setOption(option)
  1565. tools.loopShowTooltip(that.rightEcharts1, option, {
  1566. interval: 2000,
  1567. loopSeries: true,
  1568. })
  1569. },
  1570. initChartR2 () {
  1571. let that = this;
  1572. that.right1Chart = echarts.init(this.$refs["echartR2"]);
  1573. that.right1Chart.on("showTip", (params) => {
  1574. // 如果是7或者15并且满足防抖则切换
  1575. if (
  1576. (params.dataIndex == 5 || params.dataIndex == 11) &&
  1577. that.echartR1Fd1
  1578. ) {
  1579. that.echartR1Fd1 = false;
  1580. setTimeout(() => {
  1581. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
  1582. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
  1583. that.right1Chart.setOption(option);
  1584. // 防止勿刷新做的防抖
  1585. setTimeout(() => {
  1586. that.echartR1Fd1 = true;
  1587. }, 2000);
  1588. }, 1900);
  1589. // 如果是17表示到了最后一个,那么重新来一遍
  1590. } else if (params.dataIndex == 17 && that.echartR1Fd1) {
  1591. that.echartR1Fd1 = false;
  1592. setTimeout(() => {
  1593. option.dataZoom[0].endValue = 0;
  1594. option.dataZoom[0].startValue = 5;
  1595. that.right1Chart.setOption(option);
  1596. // 防止勿刷新做的防抖
  1597. setTimeout(() => {
  1598. that.echartR1Fd1 = true;
  1599. }, 2000);
  1600. }, 1900);
  1601. }
  1602. });
  1603. let option = {
  1604. color: [
  1605. {
  1606. type: "linear",
  1607. x: 0,
  1608. y: 0,
  1609. x2: 0,
  1610. y2: 1,
  1611. colorStops: [
  1612. {
  1613. offset: 0,
  1614. color: "#07806E", // 0% 处的颜色
  1615. },
  1616. {
  1617. offset: 1,
  1618. color: "#79FFEB", // 100% 处的颜色
  1619. },
  1620. ],
  1621. global: false, // 缺省为 false
  1622. },
  1623. {
  1624. type: "linear",
  1625. x: 0,
  1626. y: 0,
  1627. x2: 0,
  1628. y2: 1,
  1629. colorStops: [
  1630. {
  1631. offset: 0,
  1632. color: "#9F7F00", // 0% 处的颜色
  1633. },
  1634. {
  1635. offset: 1,
  1636. color: "#FBE463", // 100% 处的颜色
  1637. },
  1638. ],
  1639. global: false, // 缺省为 false
  1640. },
  1641. {
  1642. type: "linear",
  1643. x: 0,
  1644. y: 0,
  1645. x2: 0,
  1646. y2: 1,
  1647. colorStops: [
  1648. {
  1649. offset: 0,
  1650. color: "#91231F", // 0% 处的颜色
  1651. },
  1652. {
  1653. offset: 1,
  1654. color: "#F98784", // 100% 处的颜色
  1655. },
  1656. ],
  1657. global: false, // 缺省为 false
  1658. }
  1659. ],
  1660. dataZoom: [
  1661. {
  1662. // start: 9,//默认为@
  1663. // end: 100,//黑认认为1@0
  1664. type: "slider",
  1665. show: false,
  1666. // xAxisIndex: [0]
  1667. handlesize: 0, //滑动条的 左右2个滑动条的大小
  1668. startValue: 5, // 初始显示值
  1669. endValue: 0, // 结束显示值
  1670. height: 10, //组件高度
  1671. left: "5%",
  1672. right: "4%", //右边的距离
  1673. bottom: "25%", //底边的距离
  1674. borderColor: "#939",
  1675. fillerColor: "#269cdb",
  1676. borderRadius: 5,
  1677. backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
  1678. showDataShadow: false, //是否显示数据阴影
  1679. showDetail: false, //即拖拽时候是否显示详细数值信息
  1680. truerealtime: true, //是否实时更新
  1681. filterMode: "filter",
  1682. },
  1683. {
  1684. type: "inside",
  1685. show: true,
  1686. start: 1,
  1687. end: 100,
  1688. zoomOnMouseWheel: false, //滚轮是否触发缩放
  1689. moveOnMouseMove: false, //鼠标滚轮触发滚动
  1690. },
  1691. ],
  1692. legend: {
  1693. top: 10,
  1694. right: 10,
  1695. textStyle: {
  1696. fontSize: 20,
  1697. color: "#fff",
  1698. fontFamily: "Microsoft YaHei",
  1699. },
  1700. itemStyle: {
  1701. borderCap: "round",
  1702. },
  1703. },
  1704. tooltip: {
  1705. trigger: "item",
  1706. show: true,
  1707. position: "top",
  1708. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  1709. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  1710. borderColor: "rgba(50,50,50,0.7)",
  1711. confine: true, // 不超出当前表
  1712. textStyle: {
  1713. color: "#fff",
  1714. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  1715. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  1716. fontSize: "28", // 文字字体大小
  1717. },
  1718. formatter: function (p) {
  1719. that.r3Index = p.dataIndex;
  1720. if (Math.max(...that.riskData.x[p.dataIndex].value) > 15) {
  1721. that.radarNum = 3
  1722. } else {
  1723. that.radarNum = 2
  1724. }
  1725. that.echartR3 && that.echartR3.dispose()
  1726. that.initChartR3();
  1727. return `${p.name}<br>低风险:${that.riskData.y1[p.dataIndex]}个<br>
  1728. 中风险:${that.riskData.y2[p.dataIndex]}个<br>
  1729. 高风险:${that.riskData.y3[p.dataIndex]}个<br>
  1730. `
  1731. },
  1732. },
  1733. grid: {
  1734. left: "3%",
  1735. right: "4%",
  1736. bottom: "3%",
  1737. containLabel: true,
  1738. },
  1739. xAxis: [
  1740. {
  1741. type: "category",
  1742. data: that.riskData.x.map((item) => item.name),
  1743. axisLine: {
  1744. show: true,
  1745. lineStyle: {
  1746. color: "rgba(0, 80, 148, .8)",
  1747. },
  1748. },
  1749. axisTick: {
  1750. show: false,
  1751. },
  1752. axisLabel: {
  1753. color: "#fff",
  1754. rotate: 20,
  1755. fontSize: 22,
  1756. },
  1757. },
  1758. ],
  1759. yAxis: [
  1760. {
  1761. type: "value",
  1762. axisLabel: {
  1763. color: "#fff",
  1764. fontSize: 22,
  1765. },
  1766. splitLine: {
  1767. show: true,
  1768. lineStyle: {
  1769. color: "rgba(104, 180, 221, .2)",
  1770. type: "dashed",
  1771. },
  1772. },
  1773. },
  1774. ],
  1775. series: [
  1776. {
  1777. name: "低风险",
  1778. type: "bar",
  1779. stack: "Ad",
  1780. barWidth: 14,
  1781. emphasis: {
  1782. focus: "series",
  1783. },
  1784. itemStyle: {
  1785. barBorderRadius: [15, 15, 15, 15],
  1786. },
  1787. data: that.riskData.y1,
  1788. },
  1789. {
  1790. name: "中风险",
  1791. type: "bar",
  1792. barWidth: 14,
  1793. stack: "Ad",
  1794. itemStyle: {
  1795. barBorderRadius: [15, 15, 15, 15],
  1796. },
  1797. emphasis: {
  1798. focus: "series",
  1799. },
  1800. data: that.riskData.y2,
  1801. },
  1802. {
  1803. name: "高风险",
  1804. type: "bar",
  1805. barWidth: 14,
  1806. stack: "Ad",
  1807. itemStyle: {
  1808. barBorderRadius: [15, 15, 15, 15],
  1809. },
  1810. emphasis: {
  1811. focus: "series",
  1812. },
  1813. data: that.riskData.y3,
  1814. },
  1815. ],
  1816. };
  1817. that.right1Chart.on('click', (param) => {
  1818. that.rightAdd.modelName = 3
  1819. that.rightAdd.substraction = ''
  1820. that.rightAdd.projectStepCode = ''
  1821. that.projectNum = 315
  1822. that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name), 'right')
  1823. })
  1824. that.right1Chart.setOption(option);
  1825. tools.loopShowTooltip(that.right1Chart, option, {
  1826. interval: 2000,
  1827. loopSeries: true,
  1828. });
  1829. },
  1830. initChartR3 () {
  1831. let that = this;
  1832. that.right3Chart = echarts.init(this.$refs["echartR3"]);
  1833. let option = {
  1834. radar: {
  1835. // shape: 'circle',
  1836. splitNumber: that.radarNum,
  1837. splitLine: {
  1838. lineStyle: {
  1839. color: that.radarNum == 3 ? ["#C25253", "#45C9B5", "#D1B83A"] : ["#D1B83A", "#45C9B5"],
  1840. },
  1841. },
  1842. name: { //修改indicator文字的颜色
  1843. textStyle: {
  1844. fontSize: 20
  1845. }
  1846. },
  1847. axisLine: { // 设置雷达图中间射线的颜色
  1848. lineStyle: {
  1849. color: '#fff',
  1850. },
  1851. },
  1852. splitArea: {
  1853. areaStyle: {
  1854. color: that.radarNum == 3 ? [
  1855. "rgba(88,247,223,0.2)",
  1856. "rgba(255, 224, 54, 0.2)",
  1857. "rgba(221,89,85,0.3)",
  1858. ] : [
  1859. "rgba(88,247,223,0.2)",
  1860. "rgba(255, 224, 54, 0.2)",
  1861. ],
  1862. },
  1863. },
  1864. indicator: [
  1865. { name: "安全风险", max: that.radarNum == 3 ? 25 : 15 },
  1866. { name: "付款风险", max: that.radarNum == 3 ? 25 : 15 },
  1867. { name: "合同风险", max: that.radarNum == 3 ? 25 : 15 },
  1868. { name: "结算风险", max: that.radarNum == 3 ? 25 : 15 },
  1869. { name: "进度风险", max: that.radarNum == 3 ? 25 : 15 },
  1870. { name: "质量风险", max: that.radarNum == 3 ? 25 : 15 },
  1871. ],
  1872. },
  1873. series: [
  1874. {
  1875. name: "风险",
  1876. type: "radar",
  1877. symbol: "circle",
  1878. label: {
  1879. show: true,
  1880. formatter: function (params) {
  1881. return params.value;
  1882. },
  1883. fontSize: 24,
  1884. color: "#68BDFF",
  1885. },
  1886. data: [
  1887. {
  1888. value: that.riskData.x[that.r3Index].value,
  1889. areaStyle: {
  1890. color: "#112b75",
  1891. },
  1892. lineStyle: {
  1893. width: 4,
  1894. color: "#60C1FF",
  1895. },
  1896. label: {
  1897. fontSize: 22,
  1898. },
  1899. },
  1900. ],
  1901. },
  1902. ],
  1903. };
  1904. that.right3Chart.setOption(option);
  1905. },
  1906. initChartR4 () {
  1907. let that = this;
  1908. that.right4Chart = echarts.init(this.$refs["echartR4"]);
  1909. that.right4Chart.on("showTip", (params) => {
  1910. // 如果是7或者15并且满足防抖则切换
  1911. if (
  1912. (params.dataIndex == 5 || params.dataIndex == 11) &&
  1913. that.echartR2Fd2
  1914. ) {
  1915. that.echartR2Fd2 = false;
  1916. setTimeout(() => {
  1917. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
  1918. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
  1919. that.right4Chart.setOption(option);
  1920. // 防止勿刷新做的防抖
  1921. setTimeout(() => {
  1922. that.echartR2Fd2 = true;
  1923. }, 2000);
  1924. }, 1900);
  1925. // 如果是17表示到了最后一个,那么重新来一遍
  1926. } else if (params.dataIndex == 17 && that.echartR2Fd2) {
  1927. that.echartR2Fd2 = false;
  1928. setTimeout(() => {
  1929. option.dataZoom[0].endValue = 0;
  1930. option.dataZoom[0].startValue = 5;
  1931. that.right4Chart.setOption(option);
  1932. // 防止勿刷新做的防抖
  1933. setTimeout(() => {
  1934. that.echartR2Fd2 = true;
  1935. }, 2000);
  1936. }, 1900);
  1937. }
  1938. });
  1939. let option = {
  1940. dataZoom: [
  1941. {
  1942. // start: 9,//默认为@
  1943. // end: 100,//黑认认为1@0
  1944. type: "slider",
  1945. show: false,
  1946. // xAxisIndex: [0]
  1947. handlesize: 0, //滑动条的 左右2个滑动条的大小
  1948. startValue: 5, // 初始显示值
  1949. endValue: 0, // 结束显示值
  1950. height: 10, //组件高度
  1951. left: "5%",
  1952. right: "4%", //右边的距离
  1953. bottom: "25%", //底边的距离
  1954. borderColor: "#939",
  1955. fillerColor: "#269cdb",
  1956. borderRadius: 5,
  1957. backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
  1958. showDataShadow: false, //是否显示数据阴影
  1959. showDetail: false, //即拖拽时候是否显示详细数值信息
  1960. truerealtime: true, //是否实时更新
  1961. filterMode: "filter",
  1962. },
  1963. {
  1964. type: "inside",
  1965. show: true,
  1966. start: 1,
  1967. end: 100,
  1968. zoomOnMouseWheel: false, //滚轮是否触发缩放
  1969. moveOnMouseMove: false, //鼠标滚轮触发滚动
  1970. },
  1971. ],
  1972. title: {
  1973. text: "企业后评价执行情况",
  1974. left: "center",
  1975. textStyle: {
  1976. color: "#fff",
  1977. fontSize: 32,
  1978. },
  1979. },
  1980. tooltip: {
  1981. trigger: "item",
  1982. show: true,
  1983. position: "top",
  1984. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  1985. borderColor: "rgba(50,50,50,0.7)",
  1986. confine: true,
  1987. textStyle: {
  1988. color: "#fff",
  1989. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  1990. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  1991. fontSize: "28", // 文字字体大小
  1992. },
  1993. formatter: function (p) {
  1994. return `${p.name}<br>首次评价:应开展${that.riskData1.y1[p.dataIndex]}个,已完成${that.riskData1.y2[p.dataIndex]}个<br>
  1995. 再次评价:应开展${that.riskData1.y3[p.dataIndex]}个,已完成${that.riskData1.y4[p.dataIndex]}个,达标${that.riskData1.y5[p.dataIndex]}个`
  1996. },
  1997. },
  1998. legend: {
  1999. show: true,
  2000. textStyle: {
  2001. fontSize: 20,
  2002. color: "#fff",
  2003. },
  2004. inactiveColor: "#fff",
  2005. // itemHeight: 20,
  2006. top: "15%",
  2007. backgroundColor: "transparent",
  2008. data: [
  2009. {
  2010. name: "应首评项目数",
  2011. // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWdJREFUOE+N0k8og3EYB/Dvs8P8CSlTxJGD8u+yTYmNm0gJQznIQRxMoV2cXWSKCznIQdk7SkmOEomNg41y4EjURkLZFI/ed3vX+5v82nt4357n9/s8Pe/v9xCST6+fzVHGKAMDAKqT6WsCNi2ElS0Xfak5Ul+tfi77YewBqNcLpH0vTYSOAxc9kFo5wghINus2lJMPOzl8PE6EpX8qC2lmuMmp8CmABn3FVgJ4bIloLggEnwRzRg6F4wSY9fR2J1CUnYieY0DPrgDiUvASA7pF8PGnJXsp4LEC3wx4L4DAY1pLLQq7GVjM5KcJmKC2fc76fNeOtU6GmBDOzYMt04sLmQjt2sUZRyMCjAEYBKNKyxNuAGwUA8vCaBhbcSrMxviwj1JFU7Nk3NC49iqAk+FCObAu3AngfLJCDmpmjgVwNdskB5UjPgHcrvbLQXmXVwD3O1NyYGmeFkD0aF4OCmqHBPAWXhfAL4WqeuKVsFKCAAAAAElFTkSuQmCC",
  2012. },
  2013. {
  2014. name: "已完成首评项目数",
  2015. // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAXFJREFUOE+V0kFLAkEUB/D/G9eW3UN1sFPYNaJAu2R0Coog8mq0fQH1kEVBhz5Ah6CoLhrdE/LqKQo6VZ7SKCKChKRTBRmhbq47oabsZC22h1nem/k93jCP8P0F+E2HQ1dD4NAAGqqn+TUI8YpciCVo8LOaoeoSKOR6GTOSxOFtFLD+OSFtmpI/obqfqFqZ6Wrqr8NNyJHJK4aPtNLDAue0+1vlnzkiHqG5YvYcwGhj08MUhJyuWhgrvyBjFq3uogp0AB2NbFR2o5sctfCNVxDWc1ag/xPQR0tLXqYg6HTBBMd++RXplpZK2Qg4dtq5NAiLNM3v5a6ilALBY4s4rvKKMdLWw4EjU4E0U3s462gwXQ3DMLeJsfpgmCYgsSVTLkSF0bC24r9NcWucHPA1izZnyXpg8vRIAMfjU/ZgLH4ogDNt1h4Mb8YEcLkSsgf9y+sCuNtaswd92qoAHuMb9qBnIiiA55M9e9DpnRfAe/pAAF9gqJXUYWdYUwAAAABJRU5ErkJggg==",
  2016. },
  2017. {
  2018. name: "应再评项目数",
  2019. // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAV5JREFUOE+V0j8oxGEYwPHvo/wMjgyUslAWcTFhMRiEsHLKYDzFKZRBSskgR7mUG29QjpX86QaDwdlwLotiUYpB/gyHPDru9HsPP+c3vL+e530/T8/b+wipb31KrYJ8vAi9QE0qfYqy+vBEsHtKnpM5SS4bC1qW+8amQl26gP0vcPSSQ2fXiFxJsnKhi8PfDtvgsVo0yJZfhwQCP1XOzCn4ZNuvB0BjerO4HNxtn1FsB24vDRZNggRgpdPNXsjL/4wST7AXNEDiv+DxW0slFVDTCvoG8QjcXGS2NKc+hMVsLo0yLFsBzZNnDoHaP9CJWtRn9XDA8WsOHR8PZx+NQhcDqvQhVH3klTMRVu4fWTZGw97Ktl/VHrePyVfRr1myHwhP3xnAM1nkDJbGzw0wOFvpDCa8+waYCTY5g/6esAFCax5n0NI6b4DI7qgzcDeOGSAW9TuD0up+A1zHQwZ4B2JrgI9r4uMDAAAAAElFTkSuQmCC",
  2020. },
  2021. {
  2022. name: "已完成再评项目数",
  2023. // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE9jZICC/1e12Rh4uDIY/jNGMjAw6ECFrzAw/l/O8OXbDEbtq79AYowg4v9jS2mGv3+3MDAwGMAMQKMvMDAz+zDKHn/KCDaZm/skHsUwvRcZfr8zZ/z/0CyX4T/DJBwmowozMuQx/n9gdpyBgcECLsNpycAgXAPhvm1hYPgOkoaDEyANPxkYGNjgQjJbGRiYRSDcv28YGJ54I2v4SUDDWwaGJ17IGr5gcZIV1El/GRjetjMwfD+G5qSHpnkM/xknEufp//mM/2+rsDOwCoGCVZ+ApksMv9+ZERtxFxmYmb3BEYeaNHgyGf7/j2FgYNCEil9nYGRcwvDly3SUpIHslP8PzP4j8xkVTsENhaclZAWvLligaBAzOIFfw9ld1igajN2O4tewar49ioawxIP4NbQ0OqNoqKnfi19DXIoHioZFc3bg12Dt6YOi4ej2Lfg1yBn7o2h4dHYjigYAb0t88hVwEBYAAAAASUVORK5CYII=",
  2024. },
  2025. {
  2026. name: "再评达标项目数",
  2027. // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE+V0k8og2EcwPHvkzVZLLm6KItEzWlclIPbdhGKcsCJwzZFdtgOK+8OimIXTjgoSrisXByUgz8nE4mmXFwlZmuaPXr3r/eZ9sZ7eN9+v/f5/J6n3/MTFJ9wWFpTFqYFjAFdxfSthF1blo1wWHzpOaG/gppszkIM6C4VqPheW8ATCYkXoVdOW7g0WVyy8ZSdHhFYlF4E0SqV1bTEJwKaPAd6S3/aWmHEU4j2Y/D4pJgLHWQAaykd9ENDfSH6SEJkTQGZ/4LkryO1O2DYDbkcHB7DQ6LiSAua9AlQN67SAQl+4Y3KWtt7vq1Os04JuPm04/rrxcUt4M5fnHE00jXMIBgHOor5eyQ7dd+sK6NhPEpAk9IYL4VEuWh5lowLfKE3BUS1RnMwOZtQwNaqwxwMTp0p4Gizzxz0D+0p4PRg1Bw4B1YUED+ZMwctrnkFPF8tm4OmzgkFvN5tK+AHKZh4TU8krdoAAAAASUVORK5CYII=",
  2028. },
  2029. ],
  2030. },
  2031. grid: {
  2032. top: "30%",
  2033. left: "3%",
  2034. right: "4%",
  2035. bottom: "3%",
  2036. containLabel: true,
  2037. },
  2038. xAxis: {
  2039. data: that.riskData1.x,
  2040. type: "category",
  2041. splitLine: {
  2042. show: false,
  2043. },
  2044. alignTicks: true,
  2045. axisLine: {
  2046. show: true,
  2047. lineStyle: {
  2048. color: "rgba(0, 80, 148, .8)",
  2049. },
  2050. },
  2051. axisTick: {
  2052. show: false,
  2053. },
  2054. axisLabel: {
  2055. color: "#fff",
  2056. fontSize: 22,
  2057. rotate: 20,
  2058. },
  2059. },
  2060. yAxis: {
  2061. type: "value",
  2062. splitLine: {
  2063. show: true,
  2064. lineStyle: {
  2065. color: "rgba(104, 180, 221, .2)",
  2066. type: "dashed",
  2067. },
  2068. },
  2069. axisLine: {
  2070. show: false,
  2071. },
  2072. axisTick: {
  2073. show: false,
  2074. },
  2075. axisLabel: {
  2076. color: "#fff",
  2077. fontSize: 22,
  2078. },
  2079. },
  2080. series: [
  2081. {
  2082. type: "bar",
  2083. name: "应首评项目数",
  2084. barWidth: 10,
  2085. // barGap: "600%",
  2086. data: that.riskData1.y1,
  2087. // label: {
  2088. // show: true,
  2089. // position: "top",
  2090. // formatter: " ",
  2091. // width: 6,
  2092. // height: 6,
  2093. // borderRadius: 50,
  2094. // borderWidth: 6,
  2095. // borderColor: "#40A9FF",
  2096. // backgroundColor: "#fff",
  2097. // },
  2098. itemStyle: {
  2099. color: {
  2100. x: 0,
  2101. y: 0,
  2102. x2: 0,
  2103. y2: 1,
  2104. colorStops: [
  2105. {
  2106. offset: 0,
  2107. color: "#40A9FF", // 0% 处的颜色
  2108. },
  2109. {
  2110. offset: 1,
  2111. color: "#092351", // 100% 处的颜色
  2112. },
  2113. ],
  2114. },
  2115. },
  2116. },
  2117. {
  2118. type: "bar",
  2119. name: "已完成首评项目数",
  2120. // barGap: "600%",
  2121. barWidth: 10,
  2122. data: that.riskData1.y2,
  2123. // label: {
  2124. // show: true,
  2125. // position: "top",
  2126. // formatter: " ",
  2127. // width: 6,
  2128. // height: 6,
  2129. // borderRadius: 50,
  2130. // borderWidth: 6,
  2131. // borderColor: "#58F7DF",
  2132. // backgroundColor: "#fff",
  2133. // },
  2134. itemStyle: {
  2135. color: {
  2136. x: 0,
  2137. y: 0,
  2138. x2: 0,
  2139. y2: 1,
  2140. colorStops: [
  2141. {
  2142. offset: 0,
  2143. color: "#58F7DF", // 0% 处的颜色
  2144. },
  2145. {
  2146. offset: 1,
  2147. color: "#092351", // 100% 处的颜色
  2148. },
  2149. ],
  2150. },
  2151. },
  2152. },
  2153. {
  2154. type: "bar",
  2155. name: "应再评项目数",
  2156. // barGap: "600%",
  2157. barWidth: 10,
  2158. data: that.riskData1.y3,
  2159. // label: {
  2160. // show: true,
  2161. // position: "top",
  2162. // formatter: " ",
  2163. // width: 6,
  2164. // height: 6,
  2165. // borderRadius: 50,
  2166. // borderWidth: 6,
  2167. // borderColor: "#B78CFF",
  2168. // backgroundColor: "#fff",
  2169. // },
  2170. itemStyle: {
  2171. color: {
  2172. x: 0,
  2173. y: 0,
  2174. x2: 0,
  2175. y2: 1,
  2176. colorStops: [
  2177. {
  2178. offset: 0,
  2179. color: "#B78CFF", // 0% 处的颜色
  2180. },
  2181. {
  2182. offset: 1,
  2183. color: "#092351", // 100% 处的颜色
  2184. },
  2185. ],
  2186. },
  2187. },
  2188. },
  2189. {
  2190. type: "bar",
  2191. name: "已完成再评项目数",
  2192. // barGap: "600%",
  2193. barWidth: 10,
  2194. data: that.riskData1.y4,
  2195. // label: {
  2196. // show: true,
  2197. // position: "top",
  2198. // formatter: " ",
  2199. // width: 6,
  2200. // height: 6,
  2201. // borderRadius: 50,
  2202. // borderWidth: 6,
  2203. // borderColor: "#FFE036",
  2204. // backgroundColor: "#fff",
  2205. // },
  2206. itemStyle: {
  2207. color: {
  2208. x: 0,
  2209. y: 0,
  2210. x2: 0,
  2211. y2: 1,
  2212. colorStops: [
  2213. {
  2214. offset: 0,
  2215. color: "#FFE036", // 0% 处的颜色
  2216. },
  2217. {
  2218. offset: 1,
  2219. color: "#092351", // 100% 处的颜色
  2220. },
  2221. ],
  2222. },
  2223. },
  2224. },
  2225. {
  2226. type: "bar",
  2227. name: "再评达标项目数",
  2228. // barGap: "600%",
  2229. barWidth: 10,
  2230. data: that.riskData1.y5,
  2231. // label: {
  2232. // show: true,
  2233. // position: "top",
  2234. // formatter: " ",
  2235. // width: 6,
  2236. // height: 6,
  2237. // borderRadius: 50,
  2238. // borderWidth: 6,
  2239. // borderColor: "#7784FF",
  2240. // backgroundColor: "#fff",
  2241. // },
  2242. itemStyle: {
  2243. color: {
  2244. x: 0,
  2245. y: 0,
  2246. x2: 0,
  2247. y2: 1,
  2248. colorStops: [
  2249. {
  2250. offset: 0,
  2251. color: "#7784FF", // 0% 处的颜色
  2252. },
  2253. {
  2254. offset: 1,
  2255. color: "#092351", // 100% 处的颜色
  2256. },
  2257. ],
  2258. },
  2259. },
  2260. },
  2261. ],
  2262. };
  2263. that.right4Chart.setOption(option);
  2264. tools.loopShowTooltip(that.right4Chart, option, {
  2265. interval: 2000,
  2266. loopSeries: true,
  2267. });
  2268. },
  2269. clickItem (index) {
  2270. const angle = 360 / this.investData.investList.length;
  2271. this.witchs = index;
  2272. this.inner = index;
  2273. this.innerDeg = this.witchs * angle;
  2274. this.lpRotate();
  2275. },
  2276. lpRotate () {
  2277. const angle = 360 / this.investData.investList.length;
  2278. clearInterval(this.timer);
  2279. this.timer = setInterval(() => {
  2280. this.inner++;
  2281. this.topIndex++;
  2282. this.topIndex = this.topIndex % 8;
  2283. this.witchs = this.inner % this.investData.investList.length;
  2284. this.innerDeg = this.inner * angle;
  2285. // 项目阶段分析弹窗
  2286. if (this.projectNum2 < 7 && this.projectNum2Stop) {
  2287. this.projectNum2 = this.projectNum2 + 1
  2288. } else if (this.projectNum2Stop) {
  2289. this.projectNum2 = 0
  2290. }
  2291. }, 2000);
  2292. },
  2293. // 转盘计算角度
  2294. filterLpData () {
  2295. const angle = 360 / this.investData.investList.length;
  2296. for (let i in this.investData.investList) {
  2297. this.investData.investList[i].deg = i * angle;
  2298. this.$set(this.investData.investList, i, {
  2299. ...this.investData.investList[i],
  2300. deg: i * angle,
  2301. });
  2302. }
  2303. },
  2304. // 4秒定时器
  2305. time4s () {
  2306. let that = this;
  2307. // 4秒定时器
  2308. this.time1 = setInterval(() => {
  2309. that.industryProportion == 1
  2310. ? (that.industryProportion = 2)
  2311. : (that.industryProportion = 1);
  2312. that.leftEcharts1.dispose();
  2313. that.leftEcharts2.dispose();
  2314. that.leftEcharts3.dispose();
  2315. that.leftEcharts4.dispose();
  2316. that.leftEcharts1Fun();
  2317. that.leftEcharts2Fun();
  2318. that.leftEcharts3Fun();
  2319. that.leftEcharts4Fun();
  2320. }, 4000);
  2321. },
  2322. // 针对投前产业布局分析的定时器
  2323. timeNs () {
  2324. let that = this;
  2325. this.time2 = setInterval(() => {
  2326. if (that.industryLayout < 3) {
  2327. that.industryLayout = that.industryLayout + 1;
  2328. } else {
  2329. that.industryLayout = 0;
  2330. }
  2331. this.time2 && clearInterval(this.time2);
  2332. this.timeNs();
  2333. that.leftEcharts5.dispose();
  2334. that.leftEcharts5Fun();
  2335. }, left1[that.industryLayout].length * 2000);
  2336. },
  2337. // 主辅业占比点击方法
  2338. industryProportionChange (e) {
  2339. let that = this;
  2340. this.industryProportion = e;
  2341. this.time1 && clearInterval(this.time1);
  2342. that.leftEcharts1.dispose();
  2343. that.leftEcharts2.dispose();
  2344. that.leftEcharts3.dispose();
  2345. that.leftEcharts4.dispose();
  2346. that.leftEcharts1Fun();
  2347. that.leftEcharts2Fun();
  2348. that.leftEcharts3Fun();
  2349. that.leftEcharts4Fun();
  2350. this.time4s();
  2351. },
  2352. // 产业布局分析点击方法
  2353. industryLayoutChange (e) {
  2354. this.industryLayout = e;
  2355. this.time2 && clearInterval(this.time2);
  2356. this.leftEcharts5.dispose();
  2357. this.timeNs();
  2358. this.leftEcharts5Fun();
  2359. },
  2360. // 项目阶段分析鼠标经过方法
  2361. projectNum2Fun (e) {
  2362. this.projectNum2 = e
  2363. this.projectNum2Stop = false
  2364. },
  2365. yuanChange (value) {
  2366. return Number((value / 100000000).toFixed(2));
  2367. },
  2368. // 逢三折断
  2369. numFormat (value) {
  2370. if (!value) return "0";
  2371. // var intPart = Number(value).toFixed(0) // 获取整数部分
  2372. var intPart = parseInt(value); // 获取整数部分
  2373. var intPartFormat = intPart
  2374. .toString()
  2375. .replace(/(\d)(?=(?:\d{3})+$)/g, "$1,"); // 将整数部分逢三一断
  2376. var floatPart = ".00"; // 预定义小数部分
  2377. var value2Array = value.toString().split(".");
  2378. // =2表示数据有小数位
  2379. if (value2Array.length === 2) {
  2380. floatPart = value2Array[1].toString(); // 拿到小数部分
  2381. if (floatPart.length === 1) {
  2382. // 补0
  2383. return intPartFormat + "." + floatPart + "0";
  2384. } else {
  2385. floatPart = floatPart.slice(0, 2);
  2386. return intPartFormat + "." + floatPart;
  2387. }
  2388. } else {
  2389. return intPartFormat;
  2390. }
  2391. },
  2392. leftEcharts1Fun () {
  2393. let that = this;
  2394. this.leftEcharts1 = echarts.init(this.$refs["leftEcharts1"]);
  2395. option = {
  2396. title: {
  2397. text: that.industryProportion == 1 ? that.sumPercent(left5[1].y, left5[0].y) : that.sumPercent(left6[0].y, left6[1].y),
  2398. x: "center",
  2399. y: "center",
  2400. textStyle: {
  2401. fontWeight: "normal",
  2402. color: "#68BDFF",
  2403. fontSize: "20",
  2404. },
  2405. },
  2406. color: ["#68BDFF", "#254F7F"],
  2407. series: [
  2408. {
  2409. name: "Line 1",
  2410. type: "pie",
  2411. clockWise: true,
  2412. radius: ["80%", "100%"],
  2413. itemStyle: {
  2414. normal: {
  2415. label: {
  2416. show: false,
  2417. },
  2418. labelLine: {
  2419. show: false,
  2420. },
  2421. },
  2422. },
  2423. hoverAnimation: false,
  2424. data: [
  2425. {
  2426. value: that.industryProportion == 1 ? left5[1].y : left6[0].y,
  2427. name: "01",
  2428. itemStyle: {
  2429. normal: {
  2430. label: {
  2431. show: false,
  2432. },
  2433. labelLine: {
  2434. show: false,
  2435. },
  2436. },
  2437. },
  2438. },
  2439. {
  2440. name: "02",
  2441. value: that.industryProportion == 1 ? left5[0].y : left6[1].y,
  2442. },
  2443. ],
  2444. },
  2445. ],
  2446. };
  2447. //注册
  2448. that.leftEcharts1.setOption(option);
  2449. },
  2450. leftEcharts2Fun () {
  2451. let that = this;
  2452. this.leftEcharts2 = echarts.init(this.$refs["leftEcharts2"]);
  2453. let nameList = ["a"];
  2454. let valueList = that.industryProportion == 1 ? [left5[1].y] : [left6[0].y];
  2455. let total = that.industryProportion == 1 ? left5[1].y + left5[0].y : left6[0].y + left6[1].y
  2456. var category = nameList.map((item, index) => {
  2457. return {
  2458. value: valueList[index],
  2459. itemStyle: {
  2460. color: new echarts.graphic.LinearGradient(
  2461. 1,
  2462. 0,
  2463. 0,
  2464. 1,
  2465. [
  2466. {
  2467. offset: 0,
  2468. color: "#40A9FF50",
  2469. },
  2470. {
  2471. offset: 1,
  2472. color: "#40A9FF",
  2473. },
  2474. ],
  2475. false
  2476. ),
  2477. },
  2478. };
  2479. });
  2480. var totalList = [];
  2481. var totalBorderList = [];
  2482. nameList.map((item, index) => {
  2483. totalList.push({
  2484. value: total,
  2485. itemStyle: {
  2486. color: "rgba(51, 147, 236, 0.29)",
  2487. },
  2488. });
  2489. totalBorderList.push({
  2490. value: total,
  2491. itemStyle: {
  2492. borderColor: "rgba(51, 147, 236, 0.29)",
  2493. color: "transparent",
  2494. },
  2495. });
  2496. });
  2497. var datas = [];
  2498. category.forEach((value) => {
  2499. datas.push(value.value);
  2500. });
  2501. option = {
  2502. // backgroundColor: 'rgb(231,238,249)',
  2503. xAxis: {
  2504. max: total,
  2505. splitLine: {
  2506. show: false,
  2507. },
  2508. axisLine: {
  2509. show: false,
  2510. },
  2511. axisLabel: {
  2512. show: false,
  2513. },
  2514. axisTick: {
  2515. show: false,
  2516. },
  2517. },
  2518. grid: {
  2519. left: "0%",
  2520. top: "15%", // 设置条形图的边距
  2521. right: "19%",
  2522. bottom: "5%",
  2523. },
  2524. yAxis: [
  2525. {
  2526. type: "category",
  2527. inverse: false,
  2528. data: nameList,
  2529. axisLine: {
  2530. show: false,
  2531. },
  2532. axisTick: {
  2533. show: false,
  2534. },
  2535. axisLabel: {
  2536. show: false,
  2537. },
  2538. },
  2539. ],
  2540. series: [
  2541. {
  2542. // 内
  2543. type: "bar",
  2544. barWidth: 16,
  2545. barGap: "20%",
  2546. silent: true,
  2547. data: category,
  2548. z: 1,
  2549. itemStyle: {
  2550. normal: {
  2551. color: new echarts.graphic.LinearGradient(
  2552. 1,
  2553. 0,
  2554. 0,
  2555. 1,
  2556. [
  2557. {
  2558. offset: 0,
  2559. color: "rgba(81, 193, 156, 1)",
  2560. },
  2561. {
  2562. offset: 1,
  2563. color: "rgba(234, 177, 100, 1)",
  2564. },
  2565. ],
  2566. false
  2567. ),
  2568. },
  2569. },
  2570. animationEasing: "elasticOut",
  2571. },
  2572. {
  2573. name: that.industryProportion == 1 ? '主业' : '新建',
  2574. // 分隔
  2575. type: "pictorialBar",
  2576. itemStyle: {
  2577. normal: {
  2578. color: "#143362",
  2579. },
  2580. },
  2581. symbolRepeat: "fixed",
  2582. symbolMargin: 8,
  2583. symbol: "rect",
  2584. symbolClip: false,
  2585. symbolSize: [4, 20],
  2586. symbolPosition: "start",
  2587. symbolOffset: [0, -2],
  2588. symbolBoundingData: total,
  2589. data: [total, total, total, total],
  2590. z: 2,
  2591. animationEasing: "elasticOut",
  2592. },
  2593. {
  2594. // label
  2595. type: "pictorialBar",
  2596. symbolBoundingData: total,
  2597. itemStyle: {
  2598. normal: {
  2599. color: "none",
  2600. },
  2601. },
  2602. label: {
  2603. normal: {
  2604. formatter: (params) => {
  2605. var text;
  2606. text = `${params.value}亿`;
  2607. return text;
  2608. },
  2609. textStyle: {
  2610. // 图列内容样式
  2611. fontSize: "20",
  2612. fontWeight: 800,
  2613. },
  2614. position: "right",
  2615. offset: [0, -3],
  2616. distance: 10, // 向右偏移位置
  2617. show: true,
  2618. color: "#68BDFF",
  2619. },
  2620. },
  2621. data: datas,
  2622. z: 0,
  2623. },
  2624. {
  2625. name: that.industryProportion == 1 ? '主业' : '新建',
  2626. type: "bar",
  2627. barGap: "-130%", // 设置外框粗细
  2628. data: totalBorderList,
  2629. barWidth: 26,
  2630. itemStyle: {
  2631. normal: {
  2632. // barBorderRadius: [5, 5, 5, 5],
  2633. borderWidth: 1, // 边框宽度
  2634. borderColor: "rgb(51, 147, 236)", // 边框色
  2635. color: "rgb(231,238,249)",
  2636. },
  2637. },
  2638. z: 0,
  2639. },
  2640. ],
  2641. };
  2642. that.leftEcharts2.on('click', (params) => {
  2643. that.projectNum = that.industryProportion == 1 ? 2142 : 2143
  2644. that.showChartLTipDouble(params.seriesName, 'left', '投资计划分析', params.seriesName, '', '')
  2645. })
  2646. that.leftEcharts2.setOption(option);
  2647. },
  2648. leftEcharts3Fun () {
  2649. let that = this;
  2650. this.leftEcharts3 = echarts.init(this.$refs["leftEcharts3"]);
  2651. option = {
  2652. title: {
  2653. text: that.industryProportion == 1 ? that.sumPercent(left5[0].y, left5[1].y) : that.sumPercent(left6[1].y, left6[0].y),
  2654. x: "center",
  2655. y: "center",
  2656. textStyle: {
  2657. fontWeight: "normal",
  2658. color: "#68BDFF",
  2659. fontSize: "20",
  2660. },
  2661. },
  2662. color: ["#5BDCC8", "#254F7F"],
  2663. series: [
  2664. {
  2665. name: "Line 1",
  2666. type: "pie",
  2667. clockWise: true,
  2668. radius: ["80%", "100%"],
  2669. itemStyle: {
  2670. normal: {
  2671. label: {
  2672. show: false,
  2673. },
  2674. labelLine: {
  2675. show: false,
  2676. },
  2677. },
  2678. },
  2679. hoverAnimation: false,
  2680. data: [
  2681. {
  2682. value: that.industryProportion == 1 ? left5[0].y : left6[1].y,
  2683. name: "01",
  2684. itemStyle: {
  2685. normal: {
  2686. label: {
  2687. show: false,
  2688. },
  2689. labelLine: {
  2690. show: false,
  2691. },
  2692. },
  2693. },
  2694. },
  2695. {
  2696. name: "02",
  2697. value: that.industryProportion == 1 ? left5[1].y : left6[0].y,
  2698. },
  2699. ],
  2700. },
  2701. ],
  2702. };
  2703. //轮播
  2704. // tools.loopShowTooltip(leftEcharts1, option, {
  2705. // interval: 2000,
  2706. // loopSeries: true,
  2707. // });
  2708. //注册
  2709. that.leftEcharts3.setOption(option);
  2710. },
  2711. leftEcharts4Fun () {
  2712. let that = this;
  2713. this.leftEcharts4 = echarts.init(this.$refs["leftEcharts4"]);
  2714. let nameList = ["a"];
  2715. let valueList = that.industryProportion == 1 ? [left5[0].y] : [left6[1].y];
  2716. let total = that.industryProportion == 1 ? (left5[1].y + left5[0].y) : (left6[0].y + left6[1].y)
  2717. var category = nameList.map((item, index) => {
  2718. return {
  2719. value: valueList[index],
  2720. itemStyle: {
  2721. color: new echarts.graphic.LinearGradient(
  2722. 1,
  2723. 0,
  2724. 0,
  2725. 1,
  2726. [
  2727. {
  2728. offset: 0,
  2729. color: "#5BDCC850",
  2730. },
  2731. {
  2732. offset: 1,
  2733. color: "#5BDCC8",
  2734. },
  2735. ],
  2736. false
  2737. ),
  2738. },
  2739. };
  2740. });
  2741. var totalList = [];
  2742. var totalBorderList = [];
  2743. nameList.map((item, index) => {
  2744. totalList.push({
  2745. value: total,
  2746. itemStyle: {
  2747. color: "rgba(51, 147, 236, 0.29)",
  2748. },
  2749. });
  2750. totalBorderList.push({
  2751. value: total,
  2752. itemStyle: {
  2753. borderColor: "rgba(51, 147, 236, 0.29)",
  2754. color: "transparent",
  2755. },
  2756. });
  2757. });
  2758. var datas = [];
  2759. category.forEach((value) => {
  2760. datas.push(value.value);
  2761. });
  2762. option = {
  2763. // backgroundColor: 'rgb(231,238,249)',
  2764. xAxis: {
  2765. max: total,
  2766. splitLine: {
  2767. show: false,
  2768. },
  2769. axisLine: {
  2770. show: false,
  2771. },
  2772. axisLabel: {
  2773. show: false,
  2774. },
  2775. axisTick: {
  2776. show: false,
  2777. },
  2778. },
  2779. grid: {
  2780. left: "0%",
  2781. top: "15%", // 设置条形图的边距
  2782. right: "19%",
  2783. bottom: "5%",
  2784. },
  2785. yAxis: [
  2786. {
  2787. type: "category",
  2788. inverse: false,
  2789. data: nameList,
  2790. axisLine: {
  2791. show: false,
  2792. },
  2793. axisTick: {
  2794. show: false,
  2795. },
  2796. axisLabel: {
  2797. show: false,
  2798. },
  2799. },
  2800. ],
  2801. series: [
  2802. {
  2803. // 内
  2804. type: "bar",
  2805. barWidth: 16,
  2806. barGap: "20%",
  2807. silent: true,
  2808. // label: {
  2809. // normal: {
  2810. // formatter: (item) => {
  2811. // return `${item['name']}:${item['value']} `;
  2812. // },
  2813. // textStyle: {
  2814. // color: 'rgba(105, 120, 136, 1)',
  2815. // fontSize: 14,
  2816. // },
  2817. // position: [0, '-25px'],
  2818. // show: true,
  2819. // },
  2820. // },
  2821. data: category,
  2822. z: 1,
  2823. itemStyle: {
  2824. normal: {
  2825. color: new echarts.graphic.LinearGradient(
  2826. 1,
  2827. 0,
  2828. 0,
  2829. 1,
  2830. [
  2831. {
  2832. offset: 0,
  2833. color: "rgba(81, 193, 156, 1)",
  2834. },
  2835. {
  2836. offset: 1,
  2837. color: "rgba(234, 177, 100, 1)",
  2838. },
  2839. ],
  2840. false
  2841. ),
  2842. },
  2843. },
  2844. animationEasing: "elasticOut",
  2845. },
  2846. {
  2847. // 分隔
  2848. type: "pictorialBar",
  2849. itemStyle: {
  2850. normal: {
  2851. color: "#143362",
  2852. },
  2853. },
  2854. symbolRepeat: "fixed",
  2855. symbolMargin: 8,
  2856. symbol: "rect",
  2857. symbolClip: false,
  2858. symbolSize: [4, 20],
  2859. symbolPosition: "start",
  2860. symbolOffset: [0, -2],
  2861. symbolBoundingData: total,
  2862. data: [total, total, total, total],
  2863. z: 2,
  2864. animationEasing: "elasticOut",
  2865. },
  2866. {
  2867. // label
  2868. type: "pictorialBar",
  2869. symbolBoundingData: total,
  2870. itemStyle: {
  2871. normal: {
  2872. color: "none",
  2873. },
  2874. },
  2875. label: {
  2876. normal: {
  2877. formatter: (params) => {
  2878. var text;
  2879. text = `${params.value}亿`;
  2880. return text;
  2881. },
  2882. textStyle: {
  2883. // 图列内容样式
  2884. fontSize: "20",
  2885. fontWeight: 800,
  2886. },
  2887. position: "right",
  2888. offset: [0, -3],
  2889. distance: 10, // 向右偏移位置
  2890. show: true,
  2891. color: "#68BDFF",
  2892. },
  2893. },
  2894. data: datas,
  2895. z: 0,
  2896. },
  2897. {
  2898. name: "外框",
  2899. type: "bar",
  2900. barGap: "-130%", // 设置外框粗细
  2901. data: totalBorderList,
  2902. barWidth: 26,
  2903. itemStyle: {
  2904. normal: {
  2905. // barBorderRadius: [5, 5, 5, 5],
  2906. borderWidth: 1, // 边框宽度
  2907. borderColor: "rgb(51, 147, 236)", // 边框色
  2908. color: "rgb(231,238,249)",
  2909. },
  2910. },
  2911. z: 0,
  2912. },
  2913. ],
  2914. };
  2915. //轮播
  2916. // tools.loopShowTooltip(leftEcharts1, option, {
  2917. // interval: 2000,
  2918. // loopSeries: true,
  2919. // });
  2920. //注册
  2921. that.leftEcharts4.setOption(option);
  2922. },
  2923. // 计算百分比
  2924. sumPercent (a, b) {
  2925. return (a / (a + b) * 100).toFixed(2) + '%'
  2926. },
  2927. leftEcharts5Fun () {
  2928. let that = this;
  2929. this.leftEcharts5 = echarts.init(this.$refs["leftEcharts5"]);
  2930. let dataList = [];
  2931. left1[that.industryLayout].forEach((item, index) => {
  2932. dataList[index] = {
  2933. value: item.y,
  2934. name: item.name,
  2935. itemStyle: {
  2936. normal: {
  2937. color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [
  2938. {
  2939. offset: 0,
  2940. color: commonColor2[index], //顶部颜色
  2941. },
  2942. {
  2943. offset: 1,
  2944. color: commonColor[index], // 底部颜色
  2945. },
  2946. ]),
  2947. borderColor: commonColor[index],
  2948. borderWidth: 3,
  2949. },
  2950. },
  2951. };
  2952. });
  2953. let option = {
  2954. tooltip: {
  2955. trigger: "item",
  2956. formatter: function (e) {
  2957. return `<span style="display:inline-block;margin-right:15px;border-radius:10px;width:20px;height:20px;background-color:${e.borderColor
  2958. };"></span>${e.name} ${e.percent}%<br>${e.value}亿 ${left1[that.industryLayout][e.seriesIndex].num
  2959. }个`;
  2960. },
  2961. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  2962. textStyle: {
  2963. color: "#fff",
  2964. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  2965. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  2966. fontSize: "28", // 文字字体大小
  2967. },
  2968. confine: true
  2969. },
  2970. legend: {
  2971. top: "center",
  2972. orient: "vertical",
  2973. left: "65%",
  2974. textStyle: {
  2975. color: "#fff",
  2976. fontSize: 20,
  2977. padding: [0, 20],
  2978. },
  2979. },
  2980. graphic: {
  2981. elements: [
  2982. {
  2983. type: "image", //需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
  2984. style: {
  2985. image: "./img/whiteCircle.png", //这里添加图片地址
  2986. width: 80,
  2987. height: 80,
  2988. },
  2989. left: "37.7%", //
  2990. top: "middle", //配置图片居中
  2991. },
  2992. ],
  2993. },
  2994. series: [
  2995. {
  2996. name: "",
  2997. type: "pie",
  2998. radius: ["20%", "90%"],
  2999. center: ["41%", "50%"],
  3000. labelLine: {
  3001. normal: {
  3002. lineStyle: {
  3003. width: 1,
  3004. },
  3005. },
  3006. },
  3007. label: {
  3008. normal: {
  3009. show: false,
  3010. textStyle: {
  3011. fontSize: 28,
  3012. color: "#fff",
  3013. },
  3014. },
  3015. },
  3016. roseType: "area",
  3017. data: dataList,
  3018. },
  3019. {
  3020. tooltip: {
  3021. show: false,
  3022. },
  3023. type: "pie",
  3024. radius: ["90%", "92%"],
  3025. center: ["41%", "50%"],
  3026. hoverAnimation: false,
  3027. name: "",
  3028. data: [
  3029. {
  3030. name: "",
  3031. value: 0,
  3032. itemStyle: {
  3033. normal: {
  3034. color: "#345189",
  3035. },
  3036. },
  3037. },
  3038. ],
  3039. },
  3040. ],
  3041. };
  3042. that.leftEcharts5.on('click', (params) => {
  3043. let type = ''
  3044. switch (that.industryLayout) {
  3045. case 0: type = '传统产业'
  3046. break;
  3047. case 1: type = '战略性新兴产业'
  3048. break;
  3049. case 2: type = '特色优势产业'
  3050. break;
  3051. case 3: type = '公共基础产业'
  3052. break;
  3053. }
  3054. that.showChartLTipDouble(params.name, 'left', '产业布局分析', type, params.name, '', '', '', '', '', '', 215)
  3055. })
  3056. //轮播
  3057. tools.loopShowTooltip(that.leftEcharts5, option, {
  3058. interval: 2000,
  3059. loopSeries: true,
  3060. });
  3061. //注册
  3062. that.leftEcharts5.setOption(option);
  3063. },
  3064. leftEcharts6Fun () {
  3065. let that = this;
  3066. this.leftEcharts6 = echarts.init(this.$refs["leftEcharts6"]);
  3067. var dataArr = left16[3] * 100
  3068. // var dataArr = 50
  3069. option = {
  3070. tooltip: {
  3071. formatter: "{a} <br/>{b} : {c}%",
  3072. },
  3073. // 配置图片相关
  3074. graphic: {
  3075. elements: [{
  3076. type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
  3077. style: {
  3078. image: './img/dashboard.png', //这里添加图片地址
  3079. width: 580,
  3080. height: 480
  3081. },
  3082. left: 'center',//
  3083. top: 'middle' //配置图片居中
  3084. }]
  3085. },
  3086. series: [
  3087. {
  3088. name: "内部进度条",
  3089. type: "gauge",
  3090. center: ['49.6%', '61%'],
  3091. radius: "50%",
  3092. splitNumber: 10,
  3093. axisLine: {
  3094. lineStyle: {
  3095. color: [
  3096. [dataArr / 100, "rgba(0,0,0,0)"],
  3097. [1, "rgba(0,0,0,0)"],
  3098. ],
  3099. width: 1,
  3100. },
  3101. },
  3102. axisLabel: {
  3103. show: false,
  3104. },
  3105. axisTick: {
  3106. show: false,
  3107. },
  3108. splitLine: {
  3109. show: false,
  3110. },
  3111. itemStyle: {
  3112. color: "#ffffff",
  3113. },
  3114. detail: {
  3115. formatter: function (value) {
  3116. return (value).toFixed(2) + '%'
  3117. },
  3118. offsetCenter: [0, 100],
  3119. textStyle: {
  3120. padding: [0, 0, 0, 0],
  3121. fontSize: 60,
  3122. color: "#58F7DF",
  3123. },
  3124. },
  3125. title: {
  3126. //标题
  3127. show: true,
  3128. offsetCenter: [0, 195], // x, y,单位px
  3129. textStyle: {
  3130. color: "#fff",
  3131. fontSize: 34, //表盘上的标题文字大小
  3132. fontWeight: 400,
  3133. fontFamily: "MicrosoftYaHei",
  3134. },
  3135. },
  3136. data: [
  3137. {
  3138. name: `总额度:${that.numFormat(that.yuanChange(left16[4]))}亿`,
  3139. value: dataArr,
  3140. itemStyle: {
  3141. fontSize: "50", //y轴上方单位的大小
  3142. color: "#FFF666",
  3143. fontFamily: "MicrosoftYaHei",
  3144. },
  3145. },
  3146. ],
  3147. // pointer: {
  3148. // show: true,
  3149. // length: "100%",
  3150. // // radius: "20%",
  3151. // width: 80, //指针粗细
  3152. // // icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
  3153. // icon: 'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'
  3154. // },
  3155. animationDuration: 4000,
  3156. },
  3157. {
  3158. name: "内部阴影",
  3159. type: "gauge",
  3160. radius: '35%',
  3161. center: ['49.6%', '61%'],
  3162. splitNumber: 10,
  3163. axisLine: {
  3164. show: true,
  3165. lineStyle: {
  3166. color: [
  3167. [
  3168. dataArr / 100,
  3169. new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  3170. {
  3171. offset: 0,
  3172. color: "#081947",
  3173. },
  3174. {
  3175. offset: 0.5,
  3176. color: "#5DF5A9",
  3177. },
  3178. {
  3179. offset: 1,
  3180. color: "#F6F16A",
  3181. },
  3182. ]),
  3183. ],
  3184. [1, "#0E4889"],
  3185. // [1, "red"],
  3186. ],
  3187. width: 35,
  3188. },
  3189. },
  3190. axisLabel: {
  3191. show: false,
  3192. },
  3193. axisTick: {
  3194. show: false,
  3195. },
  3196. splitLine: {
  3197. show: false,
  3198. },
  3199. itemStyle: {
  3200. show: false,
  3201. },
  3202. },
  3203. // {
  3204. // name: '',
  3205. // type: 'gauge',
  3206. // splitNumber: 5, //刻度数量
  3207. // min: 0,
  3208. // max: 100,
  3209. // radius: "90%",
  3210. // zlevel: 1,
  3211. // axisLine: {
  3212. // show: true,
  3213. // lineStyle: {
  3214. // width: 0,
  3215. // shadowBlur: 0,
  3216. // color: [
  3217. // [0.2, '#23AFAF'],
  3218. // [0.4, '#2270DA'],
  3219. // [0.6, '#E99D02'],
  3220. // [1, '#F45656']
  3221. // ],
  3222. // }
  3223. // },
  3224. // axisTick: {
  3225. // show: true,
  3226. // lineStyle: {
  3227. // color: 'auto',
  3228. // width: 2
  3229. // },
  3230. // length: 10,
  3231. // splitNumber: 5
  3232. // },
  3233. // splitLine: {
  3234. // show: true,
  3235. // length: -12,
  3236. // lineStyle: {
  3237. // color: 'auto',
  3238. // width: 2
  3239. // }
  3240. // },
  3241. // axisLabel: {
  3242. // show: true,
  3243. // color: "#ffffff",
  3244. // fontSize: 20,
  3245. // fontFamily: "SourceHanSansSC-Regular",
  3246. // // position: "top",
  3247. // distance: -30,
  3248. // formatter: function (v) {
  3249. // switch (v + "") {
  3250. // case "0":
  3251. // return "0";
  3252. // case "10":
  3253. // return "10";
  3254. // case "20":
  3255. // return "20";
  3256. // case "30":
  3257. // return "30";
  3258. // case "40":
  3259. // return "40";
  3260. // case "50":
  3261. // return "50";
  3262. // case "60":
  3263. // return "60";
  3264. // case "70":
  3265. // return "70";
  3266. // case "80":
  3267. // return "80";
  3268. // case "90":
  3269. // return "90";
  3270. // case "100":
  3271. // return "100";
  3272. // }
  3273. // },
  3274. // },
  3275. // pointer: { //仪表盘指针
  3276. // show: 0,
  3277. // length: '0%',
  3278. // width: 1
  3279. // },
  3280. // anchor: {
  3281. // show: true,
  3282. // showAbove: true,
  3283. // size: 30,
  3284. // itemStyle: {
  3285. // color: '#EAEBF1',
  3286. // }
  3287. // },
  3288. // detail: {
  3289. // show: false
  3290. // },
  3291. // data: []
  3292. // },
  3293. {
  3294. //指针上的圆
  3295. type: "pie",
  3296. tooltip: {
  3297. show: false,
  3298. },
  3299. hoverAnimation: false,
  3300. legendHoverLink: false,
  3301. radius: ["0%", "4%"],
  3302. center: ['49.6%', '61%'],
  3303. label: {
  3304. normal: {
  3305. show: false,
  3306. },
  3307. },
  3308. labelLine: {
  3309. normal: {
  3310. show: false,
  3311. },
  3312. },
  3313. data: [
  3314. {
  3315. value: 120,
  3316. itemStyle: {
  3317. normal: {
  3318. color: "#ffffff",
  3319. },
  3320. },
  3321. },
  3322. ],
  3323. },
  3324. ],
  3325. };
  3326. //轮播
  3327. // tools.loopShowTooltip(leftEcharts1, option, {
  3328. // interval: 2000,
  3329. // loopSeries: true,
  3330. // });
  3331. //注册
  3332. that.leftEcharts6.setOption(option);
  3333. },
  3334. leftEcharts7Fun () {
  3335. let that = this;
  3336. this.leftEcharts7 = echarts.init(this.$refs["leftEcharts7"]);
  3337. let option = {
  3338. title: {
  3339. text: "固定资产进度分布",
  3340. textStyle: {
  3341. color: "#fff",
  3342. fontSize: 28,
  3343. fontWeight: 500,
  3344. fontFamily: "Microsoft YaHei",
  3345. },
  3346. top: "20",
  3347. left: "220",
  3348. },
  3349. textStyle: {
  3350. color: "#fff",
  3351. },
  3352. tooltip: {
  3353. show: false,
  3354. trigger: "axis",
  3355. formatter: function (params) {
  3356. var tip =
  3357. params[0].axisValue +
  3358. "<br/>" +
  3359. params[0].marker +
  3360. params[0].data[1] +
  3361. ":" +
  3362. params[0].data[2] +
  3363. "个," +
  3364. params[0].data[3] +
  3365. "亿元" +
  3366. "<br/>" +
  3367. params[1].marker +
  3368. params[1].data[1] +
  3369. ":" +
  3370. params[1].data[2] +
  3371. "个," +
  3372. params[1].data[3] +
  3373. "亿元";
  3374. return tip;
  3375. },
  3376. textStyle: {
  3377. color: "#ffffff", // 文字的颜色
  3378. fontSize: "20", // 文字字体大小
  3379. fontFamily: "Microsoft YaHei",
  3380. },
  3381. axisPointer: {
  3382. // lineStyle: {
  3383. // type: 'dashed',
  3384. // width: 2,
  3385. // color: 'rgba(255,255,255,0.6)'
  3386. // },
  3387. animation: false,
  3388. },
  3389. },
  3390. grid: {
  3391. top: "0%",
  3392. right: "5%",
  3393. left: "17%",
  3394. bottom: "-10%",
  3395. },
  3396. yAxis: {
  3397. data: ["备案类", "特别监管类"],
  3398. splitLine: {
  3399. show: false,
  3400. lineStyle: {
  3401. color: "#68b4dd66",
  3402. type: "dashed",
  3403. },
  3404. },
  3405. axisLine: {
  3406. show: false,
  3407. },
  3408. axisLabel: {
  3409. show: true,
  3410. formatter: "{value}",
  3411. textStyle: {
  3412. color: function (data) {
  3413. if (data == "特别监管类") {
  3414. return "#40A9FF";
  3415. } else if (data == "备案类") {
  3416. return "#5BDCC8";
  3417. }
  3418. },
  3419. fontSize: 20,
  3420. padding: [0, -10, 0, 0],
  3421. fontFamily: "Microsoft YaHei",
  3422. },
  3423. },
  3424. nameTextStyle: {
  3425. color: "#ebf8ac",
  3426. fontSize: 16,
  3427. fontFamily: "Microsoft YaHei",
  3428. },
  3429. },
  3430. xAxis: {
  3431. data: ["项目储备", "项目立项", "可研论证", "投资决策"],
  3432. axisLine: {
  3433. show: true, //隐藏X轴轴线
  3434. lineStyle: {
  3435. color: "red",
  3436. width: 1,
  3437. },
  3438. },
  3439. axisTick: {
  3440. show: false, //隐藏X轴刻度
  3441. },
  3442. axisLabel: {
  3443. show: true,
  3444. textStyle: {
  3445. color: "#fff", //X轴文字颜色
  3446. fontSize: 20,
  3447. padding: [-80, 0, 0, 0],
  3448. fontFamily: "Microsoft YaHei",
  3449. },
  3450. },
  3451. },
  3452. series: [
  3453. {
  3454. name: "特别监管类",
  3455. type: "scatter",
  3456. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  3457. symbolSize: function (data) {
  3458. return Math.sqrt(data[2]) * 5;
  3459. },
  3460. // label: {
  3461. // emphasis: {
  3462. // show: true,
  3463. // formatter: function (param) {
  3464. // return param.data[2];
  3465. // },
  3466. // position: 'top'
  3467. // }
  3468. // },
  3469. itemStyle: {
  3470. normal: {
  3471. color: "#69c0ff",
  3472. },
  3473. },
  3474. // data: left13[0]
  3475. },
  3476. {
  3477. name: "备案类",
  3478. type: "scatter",
  3479. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  3480. symbolSize: function (data) {
  3481. return Math.sqrt(data[2]) * 5;
  3482. },
  3483. // label: {
  3484. // emphasis: {
  3485. // show: true,
  3486. // formatter: function (param) {
  3487. // return param.data[2];
  3488. // },
  3489. // position: 'top'
  3490. // }
  3491. // },
  3492. itemStyle: {
  3493. normal: {
  3494. color: "#957DFF",
  3495. },
  3496. },
  3497. // data: left13[1]
  3498. },
  3499. ],
  3500. };
  3501. //轮播
  3502. // tools.loopShowTooltip(leftEcharts1, option, {
  3503. // interval: 2000,
  3504. // loopSeries: true,
  3505. // });
  3506. //注册
  3507. that.leftEcharts7.setOption(option);
  3508. },
  3509. leftEcharts8Fun () {
  3510. let that = this;
  3511. this.leftEcharts8 = echarts.init(this.$refs["leftEcharts8"]);
  3512. let option = {
  3513. title: {
  3514. text: "股权类项目进度分布",
  3515. textStyle: {
  3516. color: "#fff",
  3517. fontSize: 28,
  3518. fontWeight: 500,
  3519. fontFamily: "Microsoft YaHei",
  3520. },
  3521. top: "20",
  3522. left: "220",
  3523. },
  3524. textStyle: {
  3525. color: "#fff",
  3526. },
  3527. tooltip: {
  3528. show: false,
  3529. trigger: "axis",
  3530. formatter: function (params) {
  3531. var tip =
  3532. params[0].axisValue +
  3533. "<br/>" +
  3534. params[0].marker +
  3535. params[0].data[1] +
  3536. ":" +
  3537. params[0].data[2] +
  3538. "个," +
  3539. params[0].data[3] +
  3540. "亿元" +
  3541. "<br/>" +
  3542. params[1].marker +
  3543. params[1].data[1] +
  3544. ":" +
  3545. params[1].data[2] +
  3546. "个," +
  3547. params[1].data[3] +
  3548. "亿元";
  3549. return tip;
  3550. },
  3551. textStyle: {
  3552. color: "#ffffff", // 文字的颜色
  3553. fontSize: "20", // 文字字体大小
  3554. fontFamily: "Microsoft YaHei",
  3555. },
  3556. axisPointer: {
  3557. // lineStyle: {
  3558. // type: 'dashed',
  3559. // width: 2,
  3560. // color: 'rgba(255,255,255,0.6)'
  3561. // },
  3562. animation: false,
  3563. },
  3564. },
  3565. grid: {
  3566. top: "0%",
  3567. right: "5%",
  3568. left: "15%",
  3569. bottom: "-10%",
  3570. },
  3571. yAxis: {
  3572. data: ["备案", "特别监管"],
  3573. splitLine: {
  3574. show: false,
  3575. lineStyle: {
  3576. color: "#68b4dd66",
  3577. type: "dashed",
  3578. },
  3579. },
  3580. axisLine: {
  3581. show: false,
  3582. },
  3583. axisLabel: {
  3584. show: false,
  3585. formatter: "{value}",
  3586. textStyle: {
  3587. color: "#fff",
  3588. fontSize: 20,
  3589. padding: [0, -10, 0, 0],
  3590. fontFamily: "Microsoft YaHei",
  3591. },
  3592. },
  3593. nameTextStyle: {
  3594. color: "#ebf8ac",
  3595. fontSize: 16,
  3596. fontFamily: "Microsoft YaHei",
  3597. },
  3598. },
  3599. xAxis: {
  3600. data: ["项目储备", "项目立项", "可研论证", "投资决策"],
  3601. axisLine: {
  3602. show: true, //隐藏X轴轴线
  3603. lineStyle: {
  3604. color: "red",
  3605. width: 1,
  3606. },
  3607. },
  3608. axisTick: {
  3609. show: false, //隐藏X轴刻度
  3610. },
  3611. axisLabel: {
  3612. show: true,
  3613. textStyle: {
  3614. color: "#fff", //X轴文字颜色
  3615. fontSize: 20,
  3616. padding: [-80, 0, 0, 0],
  3617. fontFamily: "Microsoft YaHei",
  3618. },
  3619. },
  3620. },
  3621. series: [
  3622. {
  3623. name: "特别监管类",
  3624. type: "scatter",
  3625. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  3626. symbolSize: function (data) {
  3627. return Math.sqrt(data[2]) * 5;
  3628. },
  3629. // label: {
  3630. // emphasis: {
  3631. // show: true,
  3632. // formatter: function (param) {
  3633. // return param.data[2];
  3634. // },
  3635. // position: 'top'
  3636. // }
  3637. // },
  3638. itemStyle: {
  3639. normal: {
  3640. color: "#69c0ff",
  3641. },
  3642. },
  3643. // data: left13[0]
  3644. },
  3645. {
  3646. name: "备案类",
  3647. type: "scatter",
  3648. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  3649. symbolSize: function (data) {
  3650. return Math.sqrt(data[2]) * 5;
  3651. },
  3652. // label: {
  3653. // emphasis: {
  3654. // show: true,
  3655. // formatter: function (param) {
  3656. // return param.data[2];
  3657. // },
  3658. // position: 'top'
  3659. // }
  3660. // },
  3661. itemStyle: {
  3662. normal: {
  3663. color: "#957DFF",
  3664. },
  3665. },
  3666. // data: left13[1]
  3667. },
  3668. ],
  3669. };
  3670. //轮播
  3671. // tools.loopShowTooltip(leftEcharts1, option, {
  3672. // interval: 2000,
  3673. // loopSeries: true,
  3674. // });
  3675. //注册
  3676. that.leftEcharts8.setOption(option);
  3677. },
  3678. shanxiEchartsFun () {
  3679. let that = this;
  3680. let taiyuan = [112.53, 37.87, center5.filter(item => item.name == '太原市')[0].value, center5.filter(item => item.name == '太原市')[0].value2]
  3681. this.geoCoordMap = [];
  3682. /*获取地图数据*/
  3683. this.shanxiMap = echarts.init(this.$refs["shanxi"]);
  3684. echarts.registerMap("china", shanxi);
  3685. var data = center5;
  3686. var geoCoordMap = {
  3687. 太原市: [112.53, 37.87],
  3688. 大同市: [113.3, 40.12],
  3689. 阳泉市: [113.57, 37.85],
  3690. 长治市: [113.08, 36.18],
  3691. 晋城市: [112.83, 35.52],
  3692. 朔州市: [112.43, 39.33],
  3693. 晋中市: [112.94, 37.4],
  3694. 运城市: [110.97, 35.03],
  3695. 忻州市: [112.53, 38.72],
  3696. 临汾市: [111.5, 36.08],
  3697. 吕梁市: [111.13, 37.52],
  3698. };
  3699. var convertData = function (data) {
  3700. var res = [];
  3701. for (var i = 0; i < data.length; i++) {
  3702. var geoCoord = geoCoordMap[data[i].name];
  3703. if (geoCoord) {
  3704. res.push({
  3705. name: data[i].name,
  3706. value: geoCoord.concat(data[i].value, data[i].value2),
  3707. });
  3708. }
  3709. }
  3710. return res;
  3711. };
  3712. var convertedData = [
  3713. convertData(data),
  3714. convertData(
  3715. data
  3716. .sort(function (a, b) {
  3717. return b.value - a.value;
  3718. })
  3719. .slice(0, 6)
  3720. ),
  3721. ];
  3722. data.sort(function (a, b) {
  3723. return a.value - b.value;
  3724. });
  3725. option = {
  3726. backgroundColor: "#404a5900",
  3727. animation: true,
  3728. animationDuration: 1000,
  3729. animationEasing: "cubicInOut",
  3730. animationDurationUpdate: 1000,
  3731. animationEasingUpdate: "cubicInOut",
  3732. geo: {
  3733. map: "china",
  3734. center: [112.53, 37.67],
  3735. zoom: 4.5,
  3736. label: {
  3737. emphasis: {
  3738. show: false,
  3739. },
  3740. },
  3741. roam: false,
  3742. itemStyle: {
  3743. normal: {
  3744. borderColor: "#7fb3ff",
  3745. borderWidth: 3,
  3746. areaColor: {
  3747. type: "radial",
  3748. x: 0.5,
  3749. y: 0.5,
  3750. r: 0.8,
  3751. colorStops: [
  3752. {
  3753. offset: 0,
  3754. color: "#468ff8", // 0% 处的颜色
  3755. },
  3756. {
  3757. offset: 1,
  3758. color: "#0a2c6d", // 100% 处的颜色
  3759. },
  3760. ],
  3761. globalCoord: false, // 缺省为 false
  3762. },
  3763. // shadowColor: 'rgba(128, 217, 248, 1)',
  3764. shadowColor: "#468ff8",
  3765. shadowOffsetX: -2,
  3766. shadowOffsetY: 2,
  3767. shadowBlur: 20,
  3768. },
  3769. emphasis: {
  3770. areaColor: {
  3771. colorStops: [
  3772. {
  3773. offset: 0,
  3774. color: "#3844aa", // 0% 处的颜色
  3775. },
  3776. {
  3777. offset: 1,
  3778. color: "#7284fc", // 100% 处的颜色
  3779. },
  3780. ],
  3781. },
  3782. borderColor: "#b3baff",
  3783. borderWidth: 5,
  3784. },
  3785. },
  3786. tooltip: {
  3787. trigger: "item",
  3788. className: "custom-tooltip-box",
  3789. confine: true, // 不超出当前表
  3790. formatter: (params, ticket, callback) => {
  3791. // 清空所有轮播
  3792. for (var k in geoCoordMap) {
  3793. that.shanxiMap.dispatchAction({
  3794. // type: 'geoUnSelect',
  3795. type: "downplay",
  3796. name: k,
  3797. geoIndex: 0,
  3798. });
  3799. that.shanxiMap.dispatchAction({
  3800. // type: 'geoUnSelect',
  3801. type: "downplay",
  3802. name: k,
  3803. seriesName: params.seriesName,
  3804. });
  3805. that.shanxiMap.dispatchAction({
  3806. // type: 'geoUnSelect',
  3807. type: "downplay",
  3808. name: k,
  3809. seriesName: "series\u00001",
  3810. });
  3811. }
  3812. that.shanxiMap.dispatchAction({
  3813. // type: 'geoSelect',
  3814. type: "highlight",
  3815. name: params.name,
  3816. geoIndex: 0,
  3817. });
  3818. that.shanxiMap.dispatchAction({
  3819. // type: 'geoSelect',
  3820. type: "highlight",
  3821. name: params.name,
  3822. seriesName: params.seriesName,
  3823. });
  3824. that.shanxiMap.dispatchAction({
  3825. // type: 'geoSelect',
  3826. type: "highlight",
  3827. name: params.name,
  3828. seriesName: "series\u00001",
  3829. });
  3830. if (params.value) {
  3831. return `<div class="bgTooltip" style="background: url('${that.commonUrl}/img/shanxi/${params.dataIndex}.png') no-repeat center center;background-size: 100% 100%;font-size:36px">
  3832. <div class="flex items-center">
  3833. <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
  3834. </div>
  3835. <div class="blueIcon flex items-center">项目数量:<span class="fb" style="color:#68BDFF;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
  3836. <div class="blueIcon flex items-center">投资总额:<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
  3837. </div>`;
  3838. }
  3839. },
  3840. },
  3841. regions: [
  3842. {
  3843. name: "太原市",
  3844. value: 2000,
  3845. itemStyle: {
  3846. emphasis: {
  3847. borderColor: "#ffe036",
  3848. borderWidth: 5,
  3849. areaColor: {
  3850. type: "radial",
  3851. x: 0.5,
  3852. y: 0.5,
  3853. r: 0.8,
  3854. colorStops: [
  3855. {
  3856. offset: 0,
  3857. color: "#ffe036", // 0% 处的颜色
  3858. },
  3859. {
  3860. offset: 1,
  3861. color: "#7c732a", // 100% 处的颜色
  3862. },
  3863. ],
  3864. globalCoord: false, // 缺省为 false
  3865. },
  3866. },
  3867. },
  3868. },
  3869. {
  3870. name: "南海诸岛",
  3871. itemStyle: {
  3872. // 隐藏地图
  3873. normal: {
  3874. opacity: 0, // 为 0 时不绘制该图形
  3875. },
  3876. },
  3877. label: {
  3878. show: false, // 隐藏文字
  3879. },
  3880. },
  3881. ],
  3882. },
  3883. tooltip: {
  3884. trigger: "item",
  3885. className: "custom-tooltip-box",
  3886. confine: true, // 不超出当前表
  3887. formatter: (e) => {
  3888. }
  3889. },
  3890. xAxis: {
  3891. type: "value",
  3892. scale: true,
  3893. position: "top",
  3894. boundaryGap: false,
  3895. splitLine: {
  3896. show: false,
  3897. },
  3898. axisLine: {
  3899. show: false,
  3900. },
  3901. axisTick: {
  3902. show: false,
  3903. },
  3904. axisLabel: {
  3905. margin: 2,
  3906. textStyle: {
  3907. color: "#aaa",
  3908. },
  3909. },
  3910. },
  3911. yAxis: {
  3912. type: "category",
  3913. nameGap: 16,
  3914. axisLine: {
  3915. show: false,
  3916. lineStyle: {
  3917. color: "#ddd",
  3918. },
  3919. },
  3920. axisTick: {
  3921. show: false,
  3922. lineStyle: {
  3923. color: "#ddd",
  3924. },
  3925. },
  3926. axisLabel: {
  3927. interval: 0,
  3928. textStyle: {
  3929. color: "#ddd",
  3930. },
  3931. },
  3932. data: categoryData,
  3933. },
  3934. series: [
  3935. {
  3936. type: "effectScatter",
  3937. colorBy: "data",
  3938. coordinateSystem: "geo",
  3939. data: convertedData[0],
  3940. symbolSize: function (val) {
  3941. return Math.max(val[2] / 500, 8);
  3942. },
  3943. showEffectOn: "emphasis",
  3944. rippleEffect: {
  3945. brushType: "stroke",
  3946. color: "#58F7DF",
  3947. },
  3948. hoverAnimation: true,
  3949. label: {
  3950. normal: {
  3951. formatter: "{b}",
  3952. position: "right",
  3953. show: true,
  3954. fontSize: "30",
  3955. color: "#fff",
  3956. },
  3957. },
  3958. itemStyle: {
  3959. normal: {
  3960. color: "#ffc809",
  3961. shadowBlur: 50,
  3962. shadowColor: "#ffc809",
  3963. },
  3964. emphasis: {
  3965. color: "#58F7DF",
  3966. shadowBlur: 50,
  3967. shadowColor: "#58F7DF",
  3968. },
  3969. },
  3970. zlevel: 99,
  3971. },
  3972. {
  3973. type: "effectScatter",
  3974. colorBy: "data",
  3975. coordinateSystem: "geo",
  3976. data: [
  3977. {
  3978. name: "太原市",
  3979. value: taiyuan,
  3980. },
  3981. ],
  3982. symbolSize: function (val) {
  3983. return Math.max(val[2] / 500, 8);
  3984. },
  3985. showEffectOn: "emphasis",
  3986. rippleEffect: {
  3987. brushType: "stroke",
  3988. color: "#DF62F2",
  3989. },
  3990. hoverAnimation: true,
  3991. label: {
  3992. normal: {
  3993. formatter: "{b}",
  3994. position: "right",
  3995. show: false,
  3996. fontSize: "30",
  3997. color: "#fff",
  3998. },
  3999. },
  4000. itemStyle: {
  4001. normal: {
  4002. color: "#ffc809",
  4003. shadowBlur: 50,
  4004. shadowColor: "#ffc809",
  4005. },
  4006. emphasis: {
  4007. color: "#DF62F2",
  4008. shadowBlur: 50,
  4009. shadowColor: "#DF62F2",
  4010. },
  4011. },
  4012. zlevel: 999,
  4013. },
  4014. ],
  4015. };
  4016. var categoryData = [];
  4017. var barData = [];
  4018. var sum = 0;
  4019. for (var i = 0; i < data.length; i++) {
  4020. categoryData.push(data[i].name);
  4021. barData.push(data[i].value);
  4022. sum += data[i].value;
  4023. }
  4024. this.shanxiMap.on('click', function (params) {
  4025. that.showChartLTipDouble(params.name, 'center', '', '', '', '', 'investmentMap', params.name, '山西省', '', '', 118)
  4026. })
  4027. tools.loopShowTooltip(this.shanxiMap, option, {
  4028. interval: 2000,
  4029. loopSeries: false,
  4030. seriesIndex: 0,
  4031. });
  4032. this.shanxiMap.setOption(option);
  4033. },
  4034. chinaEchartsFun () {
  4035. let that = this;
  4036. this.geoCoordMap = [];
  4037. /*获取地图数据*/
  4038. this.chinaMap = echarts.init(this.$refs["china"]);
  4039. echarts.registerMap("china", china);
  4040. var data = centerChina
  4041. var geoCoordMap = {
  4042. "新疆": [86.9023, 41.148],
  4043. "西藏": [87.8695, 31.6846],
  4044. "内蒙古": [110.5977, 41.3408],
  4045. "青海": [95.2402, 35.4199],
  4046. "四川": [102.9199, 30.1904],
  4047. "黑龙江": [128.1445, 46.7156],
  4048. "甘肃": [102.7129, 38.166],
  4049. "云南": [101.0652, 24.6807],
  4050. "广西": [108.7813, 23.6426],
  4051. "湖南": [111.5332, 27.3779],
  4052. "陕西": [108.5996, 33.7396],
  4053. "广东": [113.8668, 22.8076],
  4054. "吉林": [126.1746, 43.5938],
  4055. "河北": [115.4004, 38.1688],
  4056. "湖北": [112.2363, 30.8572],
  4057. "贵州": [106.6113, 26.6385],
  4058. "山东": [118.2402, 36.2307],
  4059. "江西": [115.7156, 27.99],
  4060. "河南": [113.0668, 33.8818],
  4061. "辽宁": [123.0438, 41.0889],
  4062. "山西": [112.44, 37.73],
  4063. "安徽": [117.2461, 31.0361],
  4064. "福建": [118.3008, 25.9277],
  4065. "浙江": [120.498, 29.0918],
  4066. "江苏": [119.8586, 32.915],
  4067. "重庆": [107.7539, 29.8904],
  4068. "宁夏": [105.9961, 37.1096],
  4069. "海南": [109.9512, 19.2041],
  4070. "台湾": [120.8254, 23.5986],
  4071. "北京": [116.4551, 40.2539],
  4072. "天津": [117.4219, 39.4189],
  4073. "上海": [121.4648, 31.2891],
  4074. "香港": [114.6178, 22.3242],
  4075. "澳门": [113.5547, 21.6484],
  4076. '南海诸岛': [128.8254, 21.5986]
  4077. };
  4078. var convertData = function (data) {
  4079. var res = [];
  4080. for (var i = 0; i < data.length; i++) {
  4081. var geoCoord = geoCoordMap[data[i].name];
  4082. if (geoCoord) {
  4083. res.push({
  4084. name: data[i].name,
  4085. value: geoCoord.concat(data[i].value, data[i].value2),
  4086. });
  4087. }
  4088. }
  4089. return res;
  4090. };
  4091. var convertedData = [
  4092. convertData(data),
  4093. convertData(
  4094. data
  4095. .sort(function (a, b) {
  4096. return b.value - a.value;
  4097. })
  4098. .slice(0, 6)
  4099. ),
  4100. ];
  4101. data.sort(function (a, b) {
  4102. return a.value - b.value;
  4103. });
  4104. option = {
  4105. animation: true,
  4106. animationDuration: 1000,
  4107. animationEasing: "cubicInOut",
  4108. animationDurationUpdate: 1000,
  4109. animationEasingUpdate: "cubicInOut",
  4110. geo: {
  4111. map: "china",
  4112. zoom: 0.9,
  4113. label: {
  4114. emphasis: {
  4115. show: false,
  4116. },
  4117. },
  4118. roam: false,
  4119. itemStyle: {
  4120. normal: {
  4121. borderColor: "#7fb3ff",
  4122. borderWidth: 3,
  4123. areaColor: {
  4124. type: "radial",
  4125. x: 0.5,
  4126. y: 0.5,
  4127. r: 1,
  4128. colorStops: [
  4129. {
  4130. offset: 0,
  4131. color: "#468ff850", // 0% 处的颜色
  4132. },
  4133. {
  4134. offset: 1,
  4135. color: "#0a2c6d50", // 100% 处的颜色
  4136. },
  4137. ],
  4138. globalCoord: false, // 缺省为 false
  4139. },
  4140. // shadowColor: 'rgba(128, 217, 248, 1)',
  4141. shadowColor: "#468ff8",
  4142. shadowOffsetX: -2,
  4143. shadowOffsetY: 2,
  4144. shadowBlur: 10,
  4145. },
  4146. emphasis: {
  4147. areaColor: {
  4148. colorStops: [
  4149. {
  4150. offset: 0,
  4151. color: "#3844aa", // 0% 处的颜色
  4152. },
  4153. {
  4154. offset: 1,
  4155. color: "#7284fc", // 100% 处的颜色
  4156. },
  4157. ],
  4158. },
  4159. borderColor: "#b3baff",
  4160. borderWidth: 5,
  4161. },
  4162. },
  4163. tooltip: {
  4164. trigger: "item",
  4165. className: "custom-tooltip-box",
  4166. confine: true, // 不超出当前表
  4167. formatter: (params, ticket, callback) => {
  4168. // 清空所有轮播
  4169. for (var k in geoCoordMap) {
  4170. that.chinaMap.dispatchAction({
  4171. // type: 'geoUnSelect',
  4172. type: "downplay",
  4173. name: k,
  4174. geoIndex: 0,
  4175. });
  4176. that.chinaMap.dispatchAction({
  4177. // type: 'geoUnSelect',
  4178. type: "downplay",
  4179. name: k,
  4180. seriesName: params.seriesName,
  4181. });
  4182. that.chinaMap.dispatchAction({
  4183. // type: 'geoUnSelect',
  4184. type: "downplay",
  4185. name: k,
  4186. seriesName: "series\u00001",
  4187. });
  4188. }
  4189. that.chinaMap.dispatchAction({
  4190. // type: 'geoSelect',
  4191. type: "highlight",
  4192. name: params.name,
  4193. geoIndex: 0,
  4194. });
  4195. that.chinaMap.dispatchAction({
  4196. // type: 'geoSelect',
  4197. type: "highlight",
  4198. name: params.name,
  4199. seriesName: params.seriesName,
  4200. });
  4201. that.chinaMap.dispatchAction({
  4202. // type: 'geoSelect',
  4203. type: "highlight",
  4204. name: params.name,
  4205. seriesName: "series\u00001",
  4206. });
  4207. if (params.value) {
  4208. return `<div class="bgTooltip" style="background: rgba(50,50,50,0.7);font-size:36px">
  4209. <div class="flex items-center">
  4210. <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
  4211. </div>
  4212. <div class="blueIcon flex items-center">项目数量:<span class="fb" style="color:#68BDFF;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
  4213. <div class="blueIcon flex items-center">投资总额:<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
  4214. </div>`;
  4215. }
  4216. },
  4217. },
  4218. regions: [
  4219. {
  4220. name: "山西",
  4221. value: 2000,
  4222. itemStyle: {
  4223. emphasis: {
  4224. borderColor: "#ffe036",
  4225. borderWidth: 5,
  4226. areaColor: {
  4227. type: "radial",
  4228. x: 0.5,
  4229. y: 0.5,
  4230. r: 0.8,
  4231. colorStops: [
  4232. {
  4233. offset: 0,
  4234. color: "#ffe036", // 0% 处的颜色
  4235. },
  4236. {
  4237. offset: 1,
  4238. color: "#7c732a", // 100% 处的颜色
  4239. },
  4240. ],
  4241. globalCoord: false, // 缺省为 false
  4242. },
  4243. },
  4244. },
  4245. },
  4246. ],
  4247. },
  4248. tooltip: {
  4249. trigger: "item",
  4250. className: "custom-tooltip-box",
  4251. confine: true, // 不超出当前表
  4252. },
  4253. xAxis: {
  4254. type: "value",
  4255. scale: true,
  4256. position: "top",
  4257. boundaryGap: false,
  4258. splitLine: {
  4259. show: false,
  4260. },
  4261. axisLine: {
  4262. show: false,
  4263. },
  4264. axisTick: {
  4265. show: false,
  4266. },
  4267. axisLabel: {
  4268. margin: 2,
  4269. textStyle: {
  4270. color: "#aaa",
  4271. },
  4272. },
  4273. },
  4274. yAxis: {
  4275. type: "category",
  4276. nameGap: 16,
  4277. axisLine: {
  4278. show: false,
  4279. lineStyle: {
  4280. color: "#ddd",
  4281. },
  4282. },
  4283. axisTick: {
  4284. show: false,
  4285. lineStyle: {
  4286. color: "#ddd",
  4287. },
  4288. },
  4289. axisLabel: {
  4290. interval: 0,
  4291. textStyle: {
  4292. color: "#ddd",
  4293. },
  4294. },
  4295. data: categoryData,
  4296. },
  4297. // 配置图片相关
  4298. graphic: {
  4299. elements: [{
  4300. type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
  4301. style: {
  4302. image: './img/3D/chinaMap.png', //这里添加图片地址
  4303. width: 1680,
  4304. // height: auto
  4305. },
  4306. left: 'center',//
  4307. top: '260' //配置图片居中
  4308. }]
  4309. },
  4310. series: [
  4311. {
  4312. type: "effectScatter",
  4313. colorBy: "data",
  4314. coordinateSystem: "geo",
  4315. data: convertedData[0],
  4316. symbolSize: function (val) {
  4317. return Math.max(val[2] / 100, 8);
  4318. },
  4319. showEffectOn: "emphasis",
  4320. rippleEffect: {
  4321. brushType: "stroke",
  4322. color: "#58F7DF",
  4323. },
  4324. hoverAnimation: true,
  4325. label: {
  4326. normal: {
  4327. formatter: "{b}",
  4328. position: "right",
  4329. show: true,
  4330. fontSize: "30",
  4331. color: "#fff",
  4332. },
  4333. },
  4334. itemStyle: {
  4335. normal: {
  4336. color: "#ffc809",
  4337. shadowBlur: 50,
  4338. shadowColor: "#ffc809",
  4339. },
  4340. emphasis: {
  4341. color: "#58F7DF",
  4342. shadowBlur: 50,
  4343. shadowColor: "#58F7DF",
  4344. },
  4345. },
  4346. zlevel: 99,
  4347. },
  4348. {
  4349. type: "effectScatter",
  4350. colorBy: "data",
  4351. coordinateSystem: "geo",
  4352. data: [
  4353. {
  4354. name: "山西",
  4355. value: [112.43, 37.73, 53003, 80],
  4356. },
  4357. ],
  4358. symbolSize: function (val) {
  4359. return Math.max(val[2] / 500, 8);
  4360. },
  4361. showEffectOn: "emphasis",
  4362. rippleEffect: {
  4363. brushType: "stroke",
  4364. color: "#DF62F2",
  4365. },
  4366. hoverAnimation: true,
  4367. label: {
  4368. normal: {
  4369. formatter: "{b}",
  4370. position: "right",
  4371. show: false,
  4372. fontSize: "30",
  4373. color: "#fff",
  4374. },
  4375. },
  4376. itemStyle: {
  4377. normal: {
  4378. color: "#ffc809",
  4379. shadowBlur: 50,
  4380. shadowColor: "#ffc809",
  4381. },
  4382. emphasis: {
  4383. color: "#DF62F2",
  4384. shadowBlur: 50,
  4385. shadowColor: "#DF62F2",
  4386. },
  4387. },
  4388. zlevel: 999,
  4389. },
  4390. ],
  4391. };
  4392. var categoryData = [];
  4393. var barData = [];
  4394. var sum = 0;
  4395. for (var i = 0; i < data.length; i++) {
  4396. categoryData.push(data[i].name);
  4397. barData.push(data[i].value);
  4398. sum += data[i].value;
  4399. }
  4400. this.chinaMap.on('click', function (params) {
  4401. if (params.name == '山西') {
  4402. that.chinaMap.dispose()
  4403. that.leftEcharts16.dispose()
  4404. that.mapShow = true
  4405. setTimeout(() => {
  4406. that.leftEcharts12Fun()
  4407. that.leftEcharts14Fun()
  4408. that.leftEcharts9Fun()
  4409. that.leftEcharts15Fun()
  4410. that.leftEcharts13Fun()
  4411. that.centerPenetrateOne('investmentMap', params.name, 3, '', '')
  4412. })
  4413. }
  4414. })
  4415. tools.loopShowTooltip(this.chinaMap, option, {
  4416. interval: 2000,
  4417. loopSeries: false,
  4418. seriesIndex: 0,
  4419. });
  4420. this.chinaMap.setOption(option);
  4421. },
  4422. leftEcharts9Fun () {
  4423. let that = this;
  4424. this.leftEcharts9 = echarts.init(this.$refs["leftEcharts9"]);
  4425. return
  4426. // var ROOT_PATH = 'https://echarts.apache.org/examples';
  4427. let option = {
  4428. backgroundColor: "#00000000",
  4429. globe: {
  4430. globeRadius: 55,
  4431. baseTexture: "./img/3D/world1.jpg",
  4432. heightTexture: "./img/3D/world1.jpg",
  4433. displacementScale: 0.04,
  4434. shading: "realistic",
  4435. // environment: './img/3D/world2.jpg',
  4436. realisticMaterial: {
  4437. roughness: 0.9,
  4438. },
  4439. postEffect: {
  4440. enable: true,
  4441. },
  4442. light: {
  4443. main: {
  4444. intensity: 3,
  4445. shadow: true,
  4446. },
  4447. },
  4448. },
  4449. };
  4450. that.leftEcharts9.setOption(option);
  4451. },
  4452. leftEcharts10Fun (dataList) {
  4453. let that = this;
  4454. this.leftEcharts10 = echarts.init(this.$refs["leftEcharts10"]);
  4455. option = {
  4456. grid: {
  4457. top: 45,
  4458. right: 0,
  4459. left: 80,
  4460. bottom: 80,
  4461. },
  4462. tooltip: {
  4463. show: true,
  4464. trigger: "axis",
  4465. // showContent
  4466. formatter: (data) => {
  4467. return `${data[0].name
  4468. }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
  4469. }"></span> ${data[0].seriesName}:${that.numFormat(
  4470. data[0].value
  4471. )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
  4472. }"></span> ${data[1].seriesName}:${that.numFormat(
  4473. data[1].value
  4474. )}亿`;
  4475. },
  4476. axisPointer: {
  4477. // 坐标轴指示器,坐标轴触发有效
  4478. type: "line", // 默认为直线,可选为:'line' | 'shadow'
  4479. label: {
  4480. margin: 100,
  4481. }
  4482. },
  4483. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  4484. borderColor: "rgba(50,50,50,0.7)",
  4485. textStyle: {
  4486. color: "#fff",
  4487. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  4488. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  4489. fontSize: "28", // 文字字体大小
  4490. },
  4491. },
  4492. xAxis: {
  4493. data: commonCompany,
  4494. axisTick: {
  4495. show: false,
  4496. },
  4497. // x轴的字体颜色
  4498. axisLabel: {
  4499. rotate: 40,
  4500. textStyle: {
  4501. color: "white",
  4502. fontSize: "20",
  4503. fontFamily: "Microsoft YaHei",
  4504. },
  4505. },
  4506. //y轴线的颜色以及宽度
  4507. axisLine: {
  4508. show: true,
  4509. lineStyle: {
  4510. color: "#1E5389",
  4511. width: 1,
  4512. type: "solid",
  4513. },
  4514. },
  4515. },
  4516. yAxis: {
  4517. name: "亿",
  4518. axisTick: {
  4519. lineStyle: {
  4520. color: "#18416F",
  4521. },
  4522. },
  4523. // y轴的字体颜色
  4524. axisLabel: {
  4525. textStyle: {
  4526. color: "white",
  4527. fontSize: "20",
  4528. fontFamily: "Microsoft YaHei",
  4529. },
  4530. },
  4531. splitLine: {
  4532. show: true,
  4533. lineStyle: {
  4534. color: "#68b4dd66",
  4535. width: 1,
  4536. type: "dashed",
  4537. },
  4538. },
  4539. //y轴线的颜色以及宽度
  4540. axisLine: {
  4541. show: true,
  4542. lineStyle: {
  4543. color: "#1E5389",
  4544. width: 1,
  4545. type: "solid",
  4546. },
  4547. },
  4548. nameTextStyle: {
  4549. color: "#fff",
  4550. fontSize: 20,
  4551. fontFamily: "Microsoft YaHei",
  4552. },
  4553. },
  4554. series: [
  4555. {
  4556. name: "已用额度",
  4557. type: "pictorialBar",
  4558. symbol: "fixed",
  4559. symbolSize: [20, 5],
  4560. symbolMargin: 2,
  4561. symbolRepeat: "repeat",
  4562. data: left3[0],
  4563. showBackground: false,
  4564. barWidth: "15",
  4565. itemStyle: {
  4566. color: "#40A9FF",
  4567. },
  4568. zlevel: 1,
  4569. },
  4570. {
  4571. name: "总额度",
  4572. type: "pictorialBar",
  4573. symbol: "fixed",
  4574. symbolSize: [30, 5],
  4575. symbolMargin: 2,
  4576. symbolRepeat: "repeat",
  4577. data: left3[2],
  4578. barGap: "-130%",
  4579. barWidth: "25",
  4580. itemStyle: {
  4581. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  4582. {
  4583. offset: 0,
  4584. color: "#b9b7c030",
  4585. },
  4586. {
  4587. offset: 1,
  4588. color: "#b9b7c030",
  4589. },
  4590. ]),
  4591. },
  4592. },
  4593. ],
  4594. };
  4595. that.leftEcharts10.on('click', function (param) {
  4596. that.titleName = param.name
  4597. that.echartEnterpriseShow = true
  4598. // 如果是接口版数据版
  4599. let findData = dataList.find(item => {
  4600. return item.mdnb_textfield == param.name
  4601. })
  4602. common1[0] = findData.mdnb_amountfield18
  4603. common1[1] = findData.mdnb_amountfield20
  4604. common1[2] = findData.mdnb_amountfield19
  4605. common1[3] = findData.mdnb_amountfield26
  4606. common1[4] = findData.mdnb_amountfield27
  4607. common1[5] = findData.mdnb_amountfield25
  4608. common2[0] = findData.mdnb_decimalfield6
  4609. setTimeout(() => {
  4610. that.initChartBall()
  4611. });
  4612. })
  4613. //轮播
  4614. tools.loopShowTooltip(that.leftEcharts10, option, {
  4615. interval: 2000,
  4616. loopSeries: true,
  4617. });
  4618. //注册
  4619. that.leftEcharts10.setOption(option);
  4620. },
  4621. initChartBall () {
  4622. this.left11Chart = echarts.init(this.$refs['echartBall'])
  4623. option = {
  4624. series: [
  4625. {
  4626. type: "liquidFill",
  4627. radius: "80%",
  4628. data: [common2[0], common2[0] + 0.02, common2[0] - 0.02],
  4629. amplitude: '4%',
  4630. waveLength: '20%', //波浪长度
  4631. // data: [
  4632. // {}
  4633. // ],
  4634. backgroundStyle: {
  4635. color: {
  4636. type: "radial",
  4637. x: 0.5,
  4638. y: 0.5,
  4639. r: 0.7,
  4640. // 水球体颜色
  4641. colorStops: [
  4642. {
  4643. offset: 0,
  4644. color: "#010a11",
  4645. },
  4646. {
  4647. offset: 0.9,
  4648. color: "#1a2f45",
  4649. },
  4650. {
  4651. offset: 1,
  4652. color: "#2b405a",
  4653. },
  4654. ],
  4655. globalCoord: false,
  4656. },
  4657. },
  4658. outline: {
  4659. borderDistance: 0,
  4660. itemStyle: {
  4661. borderWidth: 0,
  4662. borderColor: {
  4663. type: "linear",
  4664. x: 0,
  4665. y: 0,
  4666. x2: 0,
  4667. y2: 1,
  4668. colorStops: [
  4669. ],
  4670. globalCoord: false,
  4671. },
  4672. },
  4673. },
  4674. color: [
  4675. {
  4676. x: 0,
  4677. y: 0,
  4678. x2: 0,
  4679. y2: 1,
  4680. colorStops: [{
  4681. offset: 0,
  4682. color: '#237386',
  4683. },
  4684. {
  4685. offset: 1,
  4686. color: '#0078C8',
  4687. },],
  4688. },
  4689. {
  4690. x: 0,
  4691. y: 0,
  4692. x2: 0,
  4693. y2: 1,
  4694. colorStops: [{
  4695. offset: 0,
  4696. color: '#2F97A9',
  4697. },
  4698. {
  4699. offset: 1,
  4700. color: '#0078C8',
  4701. },],
  4702. },
  4703. {
  4704. x: 0,
  4705. y: 0,
  4706. x2: 0,
  4707. y2: 1,
  4708. colorStops: [{
  4709. offset: 0,
  4710. color: '#48E0ED',
  4711. },
  4712. {
  4713. offset: 1,
  4714. color: '#0078C8',
  4715. },],
  4716. }
  4717. ],
  4718. label: {
  4719. normal: {
  4720. textStyle: {
  4721. color: "#fff", // x轴文字颜色
  4722. fontSize: '70'
  4723. },
  4724. },
  4725. },
  4726. },
  4727. ],
  4728. };
  4729. this.left11Chart.setOption(option)
  4730. },
  4731. // 重点项目两线指标轮播方法
  4732. scrollChange (index) {
  4733. if (index == 18) {
  4734. this.count = -1;
  4735. } else {
  4736. this.count = index;
  4737. }
  4738. if (this.count > 12 && this.count != 18) {
  4739. this.countType = 1;
  4740. } else {
  4741. this.countType = 0;
  4742. }
  4743. for (var i = 0; i < this.list.length; i++) {
  4744. if (i == 2) {
  4745. this.list[i].classList.add("light");
  4746. } else {
  4747. this.list[i].classList.remove("light");
  4748. }
  4749. }
  4750. this.leftEcharts11 ? this.leftEcharts11.dispose() : "";
  4751. this.leftEcharts11Fun();
  4752. },
  4753. leftEcharts11Fun () {
  4754. let that = this;
  4755. this.leftEcharts11 = echarts.init(this.$refs["leftEcharts11"]);
  4756. option = {
  4757. tooltip: {
  4758. trigger: "axis",
  4759. showContent: true,
  4760. alwaysShowContent: true,
  4761. formatter:
  4762. "指标:" +
  4763. "{c0}" + '%' +
  4764. "<br/>" +
  4765. "发展线:" +
  4766. "{c1}" + '%' +
  4767. "<br/>" +
  4768. "生存线:" +
  4769. "{c2}" + '%', //+ '<br/>'+ '{a1}:{c1}' + '%',
  4770. axisPointer: {
  4771. type: "shadow",
  4772. },
  4773. backgroundColor: "rgba(50,50,50,0.7)",
  4774. borderColor: "rgba(50,50,50,0.7)",
  4775. textStyle: {
  4776. color: "#fff",
  4777. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  4778. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  4779. fontSize: "28", // 文字字体大小
  4780. }
  4781. },
  4782. grid: {
  4783. top: "10%",
  4784. right: "5%",
  4785. left: "15%",
  4786. bottom: "20%",
  4787. },
  4788. xAxis: {
  4789. data: that.storageRecordConfig.data.length == 0 ? [] : that.left12Bottom[this.count + 1],
  4790. axisLine: {
  4791. show: true, //隐藏X轴轴线
  4792. lineStyle: {
  4793. color: "#005094",
  4794. width: 1,
  4795. },
  4796. },
  4797. axisTick: {
  4798. show: true, //隐藏X轴刻度
  4799. },
  4800. axisLabel: {
  4801. show: true,
  4802. rotate: 30,
  4803. textStyle: {
  4804. color: "#fff", //X轴文字颜色
  4805. fontSize: 20,
  4806. fontFamily: "Microsoft YaHei",
  4807. },
  4808. },
  4809. },
  4810. yAxis: [
  4811. {
  4812. type: "value",
  4813. splitLine: {
  4814. show: true,
  4815. lineStyle: {
  4816. color: "#68b4dd66",
  4817. type: "dashed",
  4818. },
  4819. },
  4820. axisLine: {
  4821. show: false,
  4822. },
  4823. axisLabel: {
  4824. show: true,
  4825. formatter: "{value}",
  4826. textStyle: {
  4827. color: "#fff",
  4828. fontSize: 20,
  4829. fontFamily: "Microsoft YaHei",
  4830. },
  4831. },
  4832. nameTextStyle: {
  4833. color: "#ebf8ac",
  4834. fontSize: 16,
  4835. fontFamily: "Microsoft YaHei",
  4836. },
  4837. },
  4838. ],
  4839. series: [
  4840. {
  4841. name: "实际值",
  4842. type: "bar",
  4843. barWidth: 20,
  4844. itemStyle: {
  4845. normal: {
  4846. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  4847. {
  4848. offset: 0,
  4849. color: "#69c0ff",
  4850. },
  4851. {
  4852. offset: 1,
  4853. color: "#082550",
  4854. },
  4855. ]),
  4856. },
  4857. },
  4858. // data: dataList[this.count + 1][1],
  4859. data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
  4860. },
  4861. {
  4862. name: "",
  4863. type: "line",
  4864. barWidth: 15,
  4865. itemStyle: {
  4866. normal: {
  4867. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  4868. {
  4869. offset: 0,
  4870. color: "#69c0ff",
  4871. },
  4872. {
  4873. offset: 1,
  4874. color: "green",
  4875. },
  4876. ]),
  4877. },
  4878. },
  4879. // data: dataList[this.count + 1][1],
  4880. data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
  4881. },
  4882. {
  4883. name: "",
  4884. type: "line",
  4885. barWidth: 15,
  4886. itemStyle: {
  4887. normal: {
  4888. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  4889. {
  4890. offset: 0,
  4891. color: "#69c0ff",
  4892. },
  4893. {
  4894. offset: 1,
  4895. color: "yellow",
  4896. },
  4897. ]),
  4898. },
  4899. },
  4900. // data: dataList[this.count + 1][0],
  4901. data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][0] : left12[this.count + 1][0]
  4902. },
  4903. ],
  4904. };
  4905. //轮播
  4906. tools.loopShowTooltip(that.leftEcharts11, option, {
  4907. interval: 2000,
  4908. loopSeries: true,
  4909. });
  4910. //注册
  4911. that.leftEcharts11.setOption(option);
  4912. },
  4913. leftEcharts12Fun () {
  4914. let that = this;
  4915. this.leftEcharts12 = echarts.init(this.$refs["leftEcharts12"]);
  4916. var totalData = center2
  4917. var data = [];
  4918. for (var i = 0; i < totalData.length; i++) {
  4919. data.push({
  4920. value: totalData[i].value,
  4921. name: totalData[i].name,
  4922. itemStyle: {
  4923. normal: {
  4924. borderWidth: 8,
  4925. shadowBlur: 0,
  4926. borderColor: commonColor[i],
  4927. shadowColor: commonColor[i]
  4928. }
  4929. }
  4930. },
  4931. {
  4932. value: 5,
  4933. name: '',
  4934. tooltip: { show: false },
  4935. itemStyle: {
  4936. normal: {
  4937. label: {
  4938. show: false
  4939. },
  4940. labelLine: {
  4941. show: false
  4942. },
  4943. color: 'rgba(0, 0, 0, 0)',
  4944. borderColor: 'rgba(0, 0, 0, 0)',
  4945. borderWidth: 0
  4946. }
  4947. }
  4948. }
  4949. );
  4950. }
  4951. var seriesOption = [
  4952. {
  4953. name: '',
  4954. type: 'pie',
  4955. clockWise: false,
  4956. radius: [160, 170],
  4957. center: [340, 250],
  4958. hoverAnimation: true,
  4959. itemStyle: {
  4960. normal: {
  4961. label: {
  4962. show: false,
  4963. }
  4964. }
  4965. },
  4966. data: data
  4967. },
  4968. ];
  4969. option = {
  4970. color: commonColor,
  4971. title: {
  4972. show: false,
  4973. text: '风险类型123',
  4974. top: '48%',
  4975. textAlign: "center",
  4976. left: "49%",
  4977. textStyle: {
  4978. color: '#fff',
  4979. fontSize: 18,
  4980. fontWeight: '400'
  4981. }
  4982. },
  4983. tooltip: {
  4984. show: true,
  4985. formatter: function (params) {
  4986. left2[0] = that.numDiv(params.percent + 3.2, 100)
  4987. if (params.seriesIndex === 2) {
  4988. return null; // 隐藏部分2的tooltip
  4989. } else {
  4990. that.stageTitle4 = params.name
  4991. that.stageTitle3 = params.percent + '%'
  4992. return `${params.name}:<br/>金额:<b>${totalData[params.seriesIndex].num}</b>亿<br/>数量:<b>${params.value}</b>个`
  4993. }
  4994. },
  4995. confine: true,
  4996. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  4997. borderColor: "rgba(50,50,50,0.7)",
  4998. textStyle: {
  4999. color: "#fff",
  5000. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  5001. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  5002. fontSize: "28", // 文字字体大小
  5003. }
  5004. },
  5005. legend: {
  5006. icon: "circle",
  5007. orient: 'vertical',
  5008. data: totalData.map(item => item.name),
  5009. left: '5%',
  5010. bottom: 0,
  5011. align: 'left',
  5012. textStyle: {
  5013. color: '#FFF', // 文字的颜色
  5014. fontSize: '20', // 文字字体大小
  5015. fontFamily: 'Microsoft YaHei'
  5016. },
  5017. itemGap: 20
  5018. },
  5019. toolbox: {
  5020. show: false
  5021. },
  5022. graphic: [{
  5023. type: 'image',
  5024. id: 'background',
  5025. left: 210,
  5026. top: "center",
  5027. zlevel: 0,
  5028. silent: true,
  5029. style: {
  5030. width: 260, // 设置图片宽度
  5031. height: 260, // 设置图片高度
  5032. image: "data:image/png;base64,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"
  5033. }
  5034. }],
  5035. series: seriesOption
  5036. }
  5037. function _pie3 () {
  5038. let dataArr = [];
  5039. for (var i = 0; i < 100; i++) {
  5040. if (i % 2 === 0) {
  5041. dataArr.push({
  5042. name: (i + 1).toString(),
  5043. value: 25,
  5044. tooltip: { show: false },
  5045. itemStyle: {
  5046. normal: {
  5047. color: "#5A5DE0",
  5048. borderWidth: 1,
  5049. borderColor: "#5A5DE0"
  5050. }
  5051. }
  5052. })
  5053. } else {
  5054. dataArr.push({
  5055. name: (i + 1).toString(),
  5056. value: 20,
  5057. tooltip: { show: false },
  5058. itemStyle: {
  5059. normal: {
  5060. color: "rgba(0,0,0,0)",
  5061. borderWidth: 0,
  5062. borderColor: "rgba(0,0,0,0)"
  5063. }
  5064. }
  5065. })
  5066. }
  5067. }
  5068. return dataArr
  5069. }
  5070. that.leftEcharts12.on('click', (params) => {
  5071. that.showChartLTipDouble(params.name, 'center', '', '', '', '', 'distribution', center2.filter(item => item.name == params.name)[0].typeno, 'industry', center2.filter(item => item.name == params.name)[0].typeno, 1, 112)
  5072. })
  5073. //轮播
  5074. tools.loopShowTooltip(that.leftEcharts12, option, {
  5075. interval: 1000,
  5076. loopSeries: true,
  5077. });
  5078. //注册
  5079. that.leftEcharts12.setOption(option);
  5080. },
  5081. leftEcharts13Fun () {
  5082. let that = this;
  5083. this.leftEcharts13 = echarts.init(this.$refs["leftEcharts13"]);
  5084. var totalData = [{
  5085. name: '特别监管类',
  5086. value: 12,
  5087. radio: 0.13
  5088. }, {
  5089. name: '备案类',
  5090. value: 52,
  5091. radio: 0.01
  5092. },
  5093. ];
  5094. var data = [];
  5095. for (var i = 0; i < totalData.length; i++) {
  5096. data.push({
  5097. value: totalData[i].value,
  5098. name: totalData[i].name,
  5099. itemStyle: {
  5100. normal: {
  5101. borderWidth: 8,
  5102. shadowBlur: 0,
  5103. borderColor: commonColor[i],
  5104. shadowColor: commonColor[i]
  5105. }
  5106. }
  5107. },
  5108. {
  5109. value: 5,
  5110. name: '',
  5111. tooltip: { show: false },
  5112. itemStyle: {
  5113. normal: {
  5114. label: {
  5115. show: false
  5116. },
  5117. labelLine: {
  5118. show: false
  5119. },
  5120. color: 'rgba(0, 0, 0, 0)',
  5121. borderColor: 'rgba(0, 0, 0, 0)',
  5122. borderWidth: 0
  5123. }
  5124. }
  5125. }
  5126. );
  5127. }
  5128. var seriesOption = [
  5129. {
  5130. name: '',
  5131. type: 'pie',
  5132. clockWise: false,
  5133. radius: [160, 170],
  5134. center: [350, 250],
  5135. hoverAnimation: true,
  5136. itemStyle: {
  5137. normal: {
  5138. label: {
  5139. show: false,
  5140. }
  5141. }
  5142. },
  5143. data: data
  5144. },
  5145. {
  5146. type: 'pie',
  5147. tooltip: { show: false },
  5148. radius: [120, 120],
  5149. center: [350, 250],
  5150. zlevel: 3,
  5151. silent: true,
  5152. label: {
  5153. normal: {
  5154. show: false
  5155. },
  5156. },
  5157. labelLine: {
  5158. normal: {
  5159. show: false
  5160. }
  5161. },
  5162. data: _pie3()
  5163. }
  5164. ];
  5165. option = {
  5166. color: commonColor,
  5167. title: {
  5168. show: false,
  5169. text: '35%',
  5170. top: '40%',
  5171. textAlign: "center",
  5172. left: "50%",
  5173. textStyle: {
  5174. fontWeight: '600',
  5175. fontFamily: 'Microsoft YaHei',
  5176. fontSize: '50',
  5177. color: "#58E6F7", // x轴文字颜色
  5178. }
  5179. },
  5180. tooltip: {
  5181. show: true,
  5182. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  5183. borderColor: "rgba(50,50,50,0.7)",
  5184. confine: true,
  5185. textStyle: {
  5186. color: "#fff",
  5187. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  5188. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  5189. fontSize: "28", // 文字字体大小
  5190. },
  5191. formatter: (params) => {
  5192. that.stageTitle = params.name
  5193. that.stageTitle2 = params.percent + '%'
  5194. return `${params.name}:<br/>金额:<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量:<b>${params.value}</b>个`
  5195. }
  5196. },
  5197. legend: {
  5198. icon: "circle",
  5199. orient: 'vertical',
  5200. data: ['特别监管类', '备案类'],
  5201. right: '15%',
  5202. bottom: 0,
  5203. align: 'left',
  5204. textStyle: {
  5205. color: '#FFF', // 文字的颜色
  5206. fontSize: '20', // 文字字体大小
  5207. },
  5208. itemGap: 20
  5209. },
  5210. toolbox: {
  5211. show: false
  5212. },
  5213. series: seriesOption
  5214. }
  5215. function _pie3 () {
  5216. let dataArr = [];
  5217. for (var i = 0; i < 1; i++) {
  5218. if (i % 2 === 0) {
  5219. dataArr.push({
  5220. name: (i + 1).toString(),
  5221. value: 25,
  5222. tooltip: { show: false },
  5223. itemStyle: {
  5224. normal: {
  5225. color: "#5A5DE0",
  5226. borderWidth: 1,
  5227. borderColor: "#5A5DE0"
  5228. }
  5229. }
  5230. })
  5231. } else {
  5232. dataArr.push({
  5233. name: (i + 1).toString(),
  5234. value: 20,
  5235. tooltip: { show: false },
  5236. itemStyle: {
  5237. normal: {
  5238. color: "rgba(0,0,0,0)",
  5239. borderWidth: 0,
  5240. borderColor: "rgba(0,0,0,0)"
  5241. }
  5242. }
  5243. })
  5244. }
  5245. }
  5246. return dataArr
  5247. }
  5248. //轮播
  5249. tools.loopShowTooltip(that.leftEcharts13, option, {
  5250. interval: 1000,
  5251. loopSeries: true,
  5252. });
  5253. //注册
  5254. that.leftEcharts13.setOption(option);
  5255. },
  5256. leftEcharts14Fun () {
  5257. let that = this;
  5258. this.leftEcharts14 = echarts.init(this.$refs["leftEcharts14"]);
  5259. that.leftEcharts14.on("showTip", (params) => {
  5260. // 如果是7或者15并且满足防抖则切换
  5261. if (
  5262. (params.dataIndex == 5 || params.dataIndex == 11) &&
  5263. that.echartC1Fd1
  5264. ) {
  5265. that.echartC1Fd1 = false;
  5266. setTimeout(() => {
  5267. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
  5268. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
  5269. that.leftEcharts14.setOption(option);
  5270. // 防止勿刷新做的防抖
  5271. setTimeout(() => {
  5272. that.echartC1Fd1 = true;
  5273. }, 2000);
  5274. }, 1900);
  5275. // 如果是17表示到了最后一个,那么重新来一遍
  5276. } else if (params.dataIndex == 17 && that.echartC1Fd1) {
  5277. that.echartC1Fd1 = false;
  5278. setTimeout(() => {
  5279. option.dataZoom[0].endValue = 0;
  5280. option.dataZoom[0].startValue = 5;
  5281. that.leftEcharts14.setOption(option);
  5282. // 防止勿刷新做的防抖
  5283. setTimeout(() => {
  5284. that.echartC1Fd1 = true;
  5285. }, 2000);
  5286. }, 1900);
  5287. }
  5288. });
  5289. let option = {
  5290. dataZoom: [
  5291. {
  5292. type: "slider",
  5293. show: false,
  5294. yAxisIndex: 0,
  5295. handlesize: 0, //滑动条的 左右2个滑动条的大小
  5296. startValue: 5, // 初始显示值
  5297. endValue: 0, // 结束显示值
  5298. height: 10, //组件高度
  5299. left: "5%",
  5300. right: "4%", //右边的距离
  5301. bottom: "25%", //底边的距离
  5302. borderColor: "#939",
  5303. fillerColor: "#269cdb",
  5304. borderRadius: 5,
  5305. backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
  5306. showDataShadow: false, //是否显示数据阴影
  5307. showDetail: false, //即拖拽时候是否显示详细数值信息
  5308. truerealtime: true, //是否实时更新
  5309. filterMode: "filter",
  5310. }
  5311. ],
  5312. tooltip: {
  5313. show: true,
  5314. trigger: "axis",
  5315. // formatter: (data) => {
  5316. // return `${data[0].name
  5317. // }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
  5318. // }"></span> ${data[0].seriesName}:${that.numFormat(
  5319. // data[0].value
  5320. // )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
  5321. // }"></span> ${data[1].seriesName}:${that.numFormat(
  5322. // data[1].value
  5323. // )}亿`;
  5324. // },
  5325. axisPointer: {
  5326. // 坐标轴指示器,坐标轴触发有效
  5327. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  5328. },
  5329. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  5330. borderColor: "rgba(50,50,50,0.7)",
  5331. textStyle: {
  5332. color: "#fff",
  5333. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  5334. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  5335. fontSize: "28", // 文字字体大小
  5336. },
  5337. },
  5338. legend: {
  5339. top: "top",
  5340. textStyle: {
  5341. color: "#fff",
  5342. fontSize: 20,
  5343. padding: [0, 20],
  5344. },
  5345. },
  5346. grid: {
  5347. left: '3%',
  5348. right: '7%',
  5349. bottom: '3%',
  5350. containLabel: true
  5351. },
  5352. xAxis: {
  5353. name: '亿',
  5354. nameTextStyle: {
  5355. color: '#fff',
  5356. fontSize: 20,
  5357. fontFamily: 'Microsoft YaHei'
  5358. },
  5359. type: 'value',
  5360. axisLabel: {
  5361. textStyle: {
  5362. color: "white",
  5363. fontSize: '20',
  5364. fontFamily: 'Microsoft YaHei'
  5365. },
  5366. },
  5367. splitLine: {
  5368. show: true,
  5369. lineStyle: {
  5370. color: "#68b4dd66",
  5371. width: 1,
  5372. type: "dashed",
  5373. },
  5374. },
  5375. },
  5376. yAxis: {
  5377. type: 'category',
  5378. inverse: true,
  5379. axisTick: {
  5380. lineStyle: {
  5381. color: "#18416F",
  5382. },
  5383. },
  5384. // y轴的字体颜色
  5385. axisLabel: {
  5386. textStyle: {
  5387. color: "white",
  5388. fontSize: '20',
  5389. fontFamily: 'Microsoft YaHei'
  5390. },
  5391. },
  5392. splitLine: {
  5393. show: false,
  5394. lineStyle: {
  5395. color: "#68b4dd66",
  5396. width: 1,
  5397. type: "dashed",
  5398. },
  5399. },
  5400. //y轴线的颜色以及宽度
  5401. axisLine: {
  5402. show: true,
  5403. lineStyle: {
  5404. color: "#1E5389",
  5405. width: 1,
  5406. type: "solid",
  5407. },
  5408. },
  5409. nameTextStyle: {
  5410. color: '#fff',
  5411. fontSize: 20,
  5412. fontFamily: 'Microsoft YaHei'
  5413. },
  5414. data: (center3.map(item => item.name).reverse())
  5415. },
  5416. series: [
  5417. {
  5418. name: '实际投资',
  5419. type: 'bar',
  5420. data: (center3.map(item => item.value)).reverse(),
  5421. barGap: '-145%',
  5422. barWidth: "15",
  5423. zlevel: 10,
  5424. itemStyle: {
  5425. barBorderRadius: [0, 20, 20, 0],
  5426. color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
  5427. {
  5428. offset: 0,
  5429. color: '#0F357C',
  5430. },
  5431. {
  5432. offset: 1,
  5433. color: '#B78CFF',
  5434. },
  5435. ]),
  5436. },
  5437. },
  5438. {
  5439. name: '计划投资',
  5440. type: 'bar',
  5441. data: (center3.map(item => item.value2)).reverse(),
  5442. barWidth: "30",
  5443. itemStyle: {
  5444. barBorderRadius: [0, 50, 50, 0],
  5445. borderColor: '#B78CFF',
  5446. color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
  5447. {
  5448. offset: 0,
  5449. color: '#0F357C80',
  5450. },
  5451. {
  5452. offset: 1,
  5453. color: '#10417F80',
  5454. },
  5455. ]),
  5456. },
  5457. }
  5458. ]
  5459. };
  5460. that.leftEcharts14.on('click', (params) => {
  5461. params.seriesName == '计划投资' ? that.projectNum = 1131 : that.projectNum = 1132
  5462. that.centerPenetrateTwo('', '', that.findCode(params.name), params.seriesName == '计划投资' ? 2 : 1)
  5463. })
  5464. //轮播
  5465. tools.loopShowTooltip(that.leftEcharts14, option, {
  5466. interval: 2000,
  5467. loopSeries: true,
  5468. });
  5469. //注册
  5470. that.leftEcharts14.setOption(option);
  5471. },
  5472. leftEcharts15Fun () {
  5473. let that = this;
  5474. this.leftEcharts15 = echarts.init(this.$refs["leftEcharts15"]);
  5475. var xdata = ['煤炭和煤电', '煤电和新能源', '煤炭和化工', '煤炭和数字', '煤炭和降碳'];
  5476. var data = center6;
  5477. option = {
  5478. tooltip: {
  5479. show: true,
  5480. trigger: "axis",
  5481. formatter: data => {
  5482. return `${data[0].name}<br />投资金额:${data[0].value}亿`
  5483. },
  5484. axisPointer: {
  5485. // 坐标轴指示器,坐标轴触发有效
  5486. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  5487. },
  5488. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  5489. borderColor: "rgba(50,50,50,0.7)",
  5490. textStyle: {
  5491. color: "#fff",
  5492. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  5493. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  5494. fontSize: "28", // 文字字体大小
  5495. },
  5496. },
  5497. grid: {
  5498. left: "4%",
  5499. right: "12%",
  5500. bottom: "3%",
  5501. top: "15%",
  5502. containLabel: true
  5503. },
  5504. xAxis: {
  5505. data: xdata,
  5506. triggerEvent: true,
  5507. axisTick: {
  5508. show: false
  5509. },
  5510. axisLine: {
  5511. show: false
  5512. },
  5513. axisLabel: {
  5514. show: true,
  5515. rotate: 50,
  5516. interval: 0,
  5517. textStyle: {
  5518. padding: [14, 0, 0, 0],
  5519. fontSize: 20,
  5520. color: "rgba(255,255,255,1)"
  5521. }
  5522. }
  5523. },
  5524. yAxis: {
  5525. name: "单位:个数",
  5526. triggerEvent: true,
  5527. nameTextStyle: {
  5528. color: "#fff",
  5529. fontSize: 16,
  5530. padding: [0, 0, 10, -20]
  5531. },
  5532. splitLine: {
  5533. show: true,
  5534. lineStyle: {
  5535. color: 'rgba(255,255,255,.1)'
  5536. }
  5537. },
  5538. axisTick: {
  5539. show: false
  5540. },
  5541. axisLine: {
  5542. show: true,
  5543. lineStyle: {
  5544. color: 'rgba(255,255,255,.1)'
  5545. }
  5546. },
  5547. axisLabel: {
  5548. show: true,
  5549. textStyle: {
  5550. color: "#fff",
  5551. fontSize: 20
  5552. }
  5553. }
  5554. },
  5555. series: [
  5556. {
  5557. name: "数量",
  5558. type: "pictorialBar",
  5559. barCategoryGap: "60%",
  5560. // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
  5561. symbol: "path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z",
  5562. itemStyle: {
  5563. normal: {
  5564. //渐变色
  5565. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  5566. offset: 0,
  5567. color: "#01EAED"
  5568. },
  5569. {
  5570. offset: 0.5,
  5571. color: "#02C4DD"
  5572. },
  5573. {
  5574. offset: 1,
  5575. color: "#029ED9"
  5576. }
  5577. ])
  5578. }
  5579. },
  5580. label: {
  5581. normal: {
  5582. show: false,
  5583. position: "top",
  5584. textStyle: {
  5585. color: "#fff",
  5586. fontSize: 20
  5587. }
  5588. }
  5589. },
  5590. data: data,
  5591. }
  5592. ]
  5593. }
  5594. that.leftEcharts15.on('click', (param) => {
  5595. if (param.name == '煤炭和煤电') {
  5596. that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'ceiamount', '', '', '', '', 'five', '1', 2, 115)
  5597. } else if (param.name == '煤电和新能源') {
  5598. that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'cpneiamount', '', '', '', '', 'five', '2', 2, 115)
  5599. } else if (param.name == '煤炭和化工') {
  5600. that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'ccheiamount', '', '', '', '', 'five', '3', 2, 115)
  5601. } else if (param.name == '煤炭和数字') {
  5602. that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'cdiamount', '', '', '', '', 'five', '4', 2, 115)
  5603. } else if (param.name == '煤炭和降炭') {
  5604. that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'cciamount', '', '', '', '', 'five', '5', 2, 115)
  5605. }
  5606. })
  5607. //轮播
  5608. tools.loopShowTooltip(that.leftEcharts15, option, {
  5609. interval: 2000,
  5610. loopSeries: true,
  5611. });
  5612. //注册
  5613. that.leftEcharts15.setOption(option);
  5614. },
  5615. leftEcharts16Fun () {
  5616. let that = this;
  5617. this.leftEcharts16 = echarts.init(this.$refs["leftEcharts16"]);
  5618. return
  5619. // var ROOT_PATH = 'https://echarts.apache.org/examples';
  5620. let option = {
  5621. backgroundColor: "#00000000",
  5622. globe: {
  5623. globeRadius: 85,
  5624. baseTexture: "./img/3D/world1.jpg",
  5625. heightTexture: "./img/3D/world1.jpg",
  5626. displacementScale: 0.04,
  5627. shading: "realistic",
  5628. // environment: './img/3D/world2.jpg',
  5629. realisticMaterial: {
  5630. roughness: 0.9,
  5631. },
  5632. postEffect: {
  5633. enable: true,
  5634. },
  5635. light: {
  5636. main: {
  5637. intensity: 1,
  5638. shadow: true,
  5639. },
  5640. },
  5641. },
  5642. };
  5643. that.leftEcharts16.setOption(option);
  5644. },
  5645. // 回到中国地图
  5646. backChina () {
  5647. let that = this
  5648. if (!this.mapShow) {
  5649. return
  5650. }
  5651. this.mapShow = false
  5652. that.leftEcharts12 && that.leftEcharts12.dispose()
  5653. that.leftEcharts14 && that.leftEcharts14.dispose()
  5654. that.leftEcharts9 && that.leftEcharts9.dispose()
  5655. that.leftEcharts15 && that.leftEcharts15.dispose()
  5656. that.leftEcharts13 && that.leftEcharts13.dispose()
  5657. that.shanxiMap && that.shanxiMap.dispose()
  5658. setTimeout(() => {
  5659. that.chinaEchartsFun()
  5660. that.leftEcharts16Fun()
  5661. });
  5662. },
  5663. tipShow1Fun (e, name) {
  5664. this.closeTap()
  5665. this.titleUrl = e
  5666. this.titleName = name
  5667. this.$nextTick(() => {
  5668. this.tipShow1 = true
  5669. })
  5670. },
  5671. // 投资额度使用情况
  5672. echartEnterpriseFun () {
  5673. this.echartEnterpriseShow = false
  5674. this.echartBall && this.echartBall.dispose()
  5675. },
  5676. // 关闭所有弹窗的方法
  5677. closeTap () {
  5678. this.tipShow1 = false
  5679. this.tipShow2 = false
  5680. this.tipShow3 = false
  5681. this.projectListTipShow = false
  5682. this.leftEcharts18 && that.leftEcharts18.dispose()
  5683. this.echartSingleTip2 && that.echartSingleTip2.dispose()
  5684. this.echartSingleTip3 && that.echartSingleTip3.dispose()
  5685. },
  5686. //点击弹窗左半部分
  5687. popLeftClick () {
  5688. if (this.titleUrl == '2.png') {
  5689. this.titleUrl = '3.png'
  5690. } else if (this.titleUrl == '7.png') {
  5691. this.titleUrl = '8.png'
  5692. } else if (this.titleUrl == '3.png') {
  5693. this.titleUrl = '2.png'
  5694. } else if (this.titleUrl == '8.png') {
  5695. this.titleUrl = '7.png'
  5696. } else if (this.titleUrl == '5.png') {
  5697. this.titleUrl = '2.png'
  5698. } else if (this.titleUrl == '10.png') {
  5699. this.titleUrl = '7.png'
  5700. }
  5701. },
  5702. //点击弹窗右半部分
  5703. poprightClick () {
  5704. if (this.titleUrl == '2.png') {
  5705. this.titleUrl = '5.png'
  5706. } else if (this.titleUrl == '7.png') {
  5707. this.titleUrl = '10.png'
  5708. } else if (this.titleUrl == '5.png') {
  5709. this.titleUrl = '2.png'
  5710. } else if (this.titleUrl == '10.png') {
  5711. this.titleUrl = '7.png'
  5712. } else if (this.titleUrl == '3.png') {
  5713. this.titleUrl = '2.png'
  5714. } else if (this.titleUrl == '8.png') {
  5715. this.titleUrl = '7.png'
  5716. }
  5717. },
  5718. // 单个柱状图的弹窗
  5719. showChartLTipSingle (e, location, type, param, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType, num) {
  5720. this.projectNum = num
  5721. this.closeTap()
  5722. this.titleName = e
  5723. this.tipShow2 = true
  5724. if (location == 'center') {
  5725. this.centerPenetrateOne(type, param, 1, typeCTwo, paramCTwo, portType)
  5726. }
  5727. if (location == 'left') {
  5728. this.leftPenetrateOne(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, 1, type, param)
  5729. }
  5730. },
  5731. // 两个柱状图的弹窗
  5732. showChartLTipDouble (e, location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo, portType, num, modelName, projectStepCode, substraction) {
  5733. modelName ? this.rightAdd.modelName = modelName : this.rightAdd.modelName = ''
  5734. projectStepCode ? this.rightAdd.projectStepCode = projectStepCode : this.rightAdd.projectStepCode = ''
  5735. substraction ? this.rightAdd.substraction = substraction : this.rightAdd.substraction = ''
  5736. num && (this.projectNum = num)
  5737. this.titleName = e
  5738. this.closeTap()
  5739. this.tipShow3 = true
  5740. if (location == 'right') {
  5741. this.rightPenetrateOne()
  5742. }
  5743. if (location == 'left') {
  5744. this.leftPenetrateOne(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, 2)
  5745. }
  5746. if (location == 'center') {
  5747. this.centerPenetrateOne(type, param, 2, typeCTwo, paramCTwo, portType)
  5748. }
  5749. },
  5750. // 排序方法
  5751. compare (property) {
  5752. return function (a, b) {
  5753. var value1 = a[property];
  5754. var value2 = b[property];
  5755. return value1 - value2; //降序只需要 return value2- value1
  5756. }
  5757. },
  5758. // 左边穿透一级
  5759. leftPenetrateOne (mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeNum, type, param, typeCTwo, paramCTwo) {
  5760. this.boardType = 'left'
  5761. let that = this
  5762. return new Promise((resolve, err) => {
  5763. let value = {
  5764. access_token: this.access_token,
  5765. "data": {
  5766. mdnb_combofield: this.mockData ? 'B' : 'A',
  5767. mdnb_textfield11,
  5768. mdnb_textfield13,
  5769. mdnb_textfield16,
  5770. mdnb_textfield23,
  5771. mdnb_datefield: this.year + '-01-01'
  5772. },
  5773. pageSize: 1000
  5774. }
  5775. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/yjct', value).then(res => {
  5776. res.data.rows[0].mdnb_entryentity12.sort(that.compare('mdnb_integerfield19'))
  5777. if (res.data.rows.length > 0) {
  5778. if (typeNum == 2) {
  5779. common4 = []
  5780. common5 = []
  5781. res.data.rows[0].mdnb_entryentity12.forEach((item, index) => {
  5782. common4.push(item.mdnb_integerfield18)
  5783. common5.push(that.yuanChange(item.mdnb_amountfield12))
  5784. })
  5785. setTimeout(() => {
  5786. this.initChartLTip2('left', mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo)
  5787. this.initChartLTip3('left', mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo)
  5788. })
  5789. } else if (typeNum == 1) {
  5790. this.titleName == '项目数量' || this.titleName == '项目总数'
  5791. common3 = []
  5792. res.data.rows[0].mdnb_entryentity12.forEach((item, index) => {
  5793. (that.titleName == '项目数量' || that.titleName == '项目总数') ? common3.push(item.mdnb_integerfield18) : common3.push(that.yuanChange(item.mdnb_amountfield12))
  5794. })
  5795. that.leftEcharts18Fun('left', mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo)
  5796. }
  5797. }
  5798. resolve(1);
  5799. })
  5800. });
  5801. },
  5802. // 左边穿透二级
  5803. leftPenetrateTwo (mdnb_textfield12, mdnb_textfield19, mdnb_textfield15, mdnb_textfield17, mdnb_textfield20, num) {
  5804. num && (this.projectNum = num)
  5805. this.boardType = 'left'
  5806. let that = this
  5807. return new Promise((resolve, err) => {
  5808. let value = {
  5809. access_token: this.access_token,
  5810. "data": {
  5811. mdnb_combofield: this.mockData ? 'B' : 'A',
  5812. mdnb_datefield: this.year + '-01-01',
  5813. mdnb_textfield12,
  5814. mdnb_textfield19,
  5815. mdnb_textfield15,
  5816. mdnb_textfield17,
  5817. mdnb_textfield20
  5818. },
  5819. pageSize: 1000
  5820. }
  5821. if (mdnb_textfield20) {
  5822. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/ejct', value).then(res => {
  5823. that.config6.data = []
  5824. if (res.data.rows.length > 0) {
  5825. that.originalConfig6 = res.data.rows[0].mdnb_entryentity11
  5826. that.config6.data = []
  5827. if (this.projectNum == 211 || this.projectNum == 212) {
  5828. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '已占用额度(万元)']
  5829. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5830. that.config6.data[index] = []
  5831. that.config6.data[index][0] = item.mdnb_textfield7
  5832. that.config6.data[index][1] = item.mdnb_textfield6
  5833. that.config6.data[index][2] = item.mdnb_textfield8
  5834. that.config6.data[index][3] = item.mdnb_textfield25
  5835. that.config6.data[index][4] = item.mdnb_textfield26
  5836. that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5837. })
  5838. } else if (this.projectNum == 2141) {
  5839. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '本年度计划投资额(万元)']
  5840. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5841. that.config6.data[index] = []
  5842. that.config6.data[index][0] = item.mdnb_textfield7
  5843. that.config6.data[index][1] = item.mdnb_textfield6
  5844. that.config6.data[index][2] = item.mdnb_textfield8
  5845. that.config6.data[index][3] = item.mdnb_textfield25
  5846. that.config6.data[index][4] = item.mdnb_textfield26
  5847. that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5848. })
  5849. } else if (this.projectNum == 2142) {
  5850. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '是否主业', '本年度计划投资额(万元)']
  5851. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5852. that.config6.data[index] = []
  5853. that.config6.data[index][0] = item.mdnb_textfield7
  5854. that.config6.data[index][1] = item.mdnb_textfield6
  5855. that.config6.data[index][2] = item.mdnb_textfield8
  5856. that.config6.data[index][3] = item.mdnb_textfield25
  5857. that.config6.data[index][4] = item.mdnb_textfield26
  5858. that.config6.data[index][5] = item.mdnb_textfield21
  5859. that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5860. })
  5861. } else if (this.projectNum == 2143) {
  5862. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目管理类型', '本年度计划投资额(万元)']
  5863. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5864. that.config6.data[index] = []
  5865. that.config6.data[index][0] = item.mdnb_textfield7
  5866. that.config6.data[index][1] = item.mdnb_textfield6
  5867. that.config6.data[index][2] = item.mdnb_textfield8
  5868. that.config6.data[index][3] = item.mdnb_textfield25
  5869. that.config6.data[index][4] = item.mdnb_textfield26
  5870. that.config6.data[index][5] = item.mdnb_textfield22
  5871. that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5872. })
  5873. } else if (this.projectNum == 215) {
  5874. that.config6.header = ["所属集团", "项目名称", '投资主体', '产业类别I级', '产业类别II级', '本年度计划投资额(万元)']
  5875. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5876. that.config6.data[index] = []
  5877. that.config6.data[index][0] = item.mdnb_textfield7
  5878. that.config6.data[index][1] = item.mdnb_textfield6
  5879. that.config6.data[index][2] = item.mdnb_textfield8
  5880. that.config6.data[index][3] = item.mdnb_textfield9
  5881. that.config6.data[index][4] = item.mdnb_textfield10
  5882. that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5883. })
  5884. } else if (this.projectNum == 216) {
  5885. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目阶段', '投资总额(万元)']
  5886. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5887. that.config6.data[index] = []
  5888. that.config6.data[index][0] = item.mdnb_textfield7
  5889. that.config6.data[index][1] = item.mdnb_textfield6
  5890. that.config6.data[index][2] = item.mdnb_textfield8
  5891. that.config6.data[index][3] = item.mdnb_textfield25
  5892. that.config6.data[index][4] = item.mdnb_textfield26
  5893. that.config6.data[index][5] = item.mdnb_textfield24
  5894. that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5895. })
  5896. }
  5897. }
  5898. that.config6 = { ...that.config6 }
  5899. that.projectListTipShow = true
  5900. resolve(1);
  5901. })
  5902. } else {
  5903. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tzedfxzed', value).then(res => {
  5904. if (res.data.rows.length > 0) {
  5905. that.originalConfig6 = res.data.rows[0].mdnb_entryentity11
  5906. that.config6.data = []
  5907. if (this.projectNum == 211 || this.projectNum == 212) {
  5908. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '已占用额度(万元)']
  5909. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5910. that.config6.data[index] = []
  5911. that.config6.data[index][0] = item.mdnb_textfield7
  5912. that.config6.data[index][1] = item.mdnb_textfield6
  5913. that.config6.data[index][2] = item.mdnb_textfield8
  5914. that.config6.data[index][3] = item.mdnb_textfield25
  5915. that.config6.data[index][4] = item.mdnb_textfield26
  5916. that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5917. })
  5918. } else if (this.projectNum == 2141) {
  5919. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '本年度计划投资额(万元)']
  5920. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5921. that.config6.data[index] = []
  5922. that.config6.data[index][0] = item.mdnb_textfield7
  5923. that.config6.data[index][1] = item.mdnb_textfield6
  5924. that.config6.data[index][2] = item.mdnb_textfield8
  5925. that.config6.data[index][3] = item.mdnb_textfield25
  5926. that.config6.data[index][4] = item.mdnb_textfield26
  5927. that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5928. })
  5929. } else if (this.projectNum == 2142) {
  5930. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '是否主业', '本年度计划投资额(万元)']
  5931. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5932. that.config6.data[index] = []
  5933. that.config6.data[index][0] = item.mdnb_textfield7
  5934. that.config6.data[index][1] = item.mdnb_textfield6
  5935. that.config6.data[index][2] = item.mdnb_textfield8
  5936. that.config6.data[index][3] = item.mdnb_textfield25
  5937. that.config6.data[index][4] = item.mdnb_textfield26
  5938. that.config6.data[index][5] = item.mdnb_textfield21
  5939. that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5940. })
  5941. } else if (this.projectNum == 2143) {
  5942. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目管理类型', '本年度计划投资额(万元)']
  5943. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5944. that.config6.data[index] = []
  5945. that.config6.data[index][0] = item.mdnb_textfield7
  5946. that.config6.data[index][1] = item.mdnb_textfield6
  5947. that.config6.data[index][2] = item.mdnb_textfield8
  5948. that.config6.data[index][3] = item.mdnb_textfield25
  5949. that.config6.data[index][4] = item.mdnb_textfield26
  5950. that.config6.data[index][5] = item.mdnb_textfield22
  5951. that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5952. })
  5953. } else if (this.projectNum == 215) {
  5954. that.config6.header = ["所属集团", "项目名称", '投资主体', '产业类别I级', '产业类别II级', '本年度计划投资额(万元)']
  5955. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5956. that.config6.data[index] = []
  5957. that.config6.data[index][0] = item.mdnb_textfield7
  5958. that.config6.data[index][1] = item.mdnb_textfield6
  5959. that.config6.data[index][2] = item.mdnb_textfield8
  5960. that.config6.data[index][3] = item.mdnb_textfield9
  5961. that.config6.data[index][4] = item.mdnb_textfield10
  5962. that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5963. })
  5964. } else if (this.projectNum == 216) {
  5965. that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目阶段', '本年度计划投资额(万元)']
  5966. res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
  5967. that.config6.data[index] = []
  5968. that.config6.data[index][0] = item.mdnb_textfield7
  5969. that.config6.data[index][1] = item.mdnb_textfield6
  5970. that.config6.data[index][2] = item.mdnb_textfield8
  5971. that.config6.data[index][3] = item.mdnb_textfield25
  5972. that.config6.data[index][4] = item.mdnb_textfield26
  5973. that.config6.data[index][5] = item.mdnb_textfield24
  5974. that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
  5975. })
  5976. }
  5977. that.config6 = { ...that.config6 }
  5978. that.projectListTipShow = true
  5979. }
  5980. resolve(1);
  5981. })
  5982. }
  5983. });
  5984. },
  5985. // 中间穿透一级 一个柱状图还是两个
  5986. centerPenetrateOne (type, param, typeNum, typeCTwo, paramCTwo, portType) {
  5987. this.boardType = 'center'
  5988. let that = this
  5989. return new Promise((resolve, err) => {
  5990. let value = {
  5991. access_token: this.access_token,
  5992. mock: this.mockData,
  5993. presetYear: this.year - 1,
  5994. type,
  5995. param
  5996. }
  5997. get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/getPenetrationLevel1', value).then(res => {
  5998. if (typeNum == 1) {
  5999. common3 = []
  6000. res.data.keyIndicators.forEach((item, index) => {
  6001. if (param == 'cyplanamount') {
  6002. common3.push(that.yuanChange(item.cyplanamount))
  6003. }
  6004. if (param == 'cyplancount') {
  6005. common3.push(item.cyplancount)
  6006. }
  6007. if (param == 'szplanamount') {
  6008. common3.push(that.yuanChange(item.szplanamount))
  6009. }
  6010. if (param == 'szplancount') {
  6011. common3.push(item.szplancount)
  6012. }
  6013. if (param == 'investamount') {
  6014. common3.push(that.yuanChange(item.investamount))
  6015. }
  6016. if (param == 'projectcount') {
  6017. common3.push(item.projectcount)
  6018. }
  6019. if (param == 'gdzcamount') {
  6020. common3.push(that.yuanChange(item.gdzcamount))
  6021. }
  6022. if (param == 'gqtzamount') {
  6023. common3.push(that.yuanChange(item.gqtzamount))
  6024. }
  6025. if (param == 'ceiamount') {
  6026. common3.push(that.yuanChange(item.ceiamount))
  6027. }
  6028. if (param == 'cpneiamount') {
  6029. common3.push(that.yuanChange(item.cpneiamount))
  6030. }
  6031. if (param == 'ccheiamount') {
  6032. common3.push(that.yuanChange(item.ccheiamount))
  6033. }
  6034. if (param == 'cdiamount') {
  6035. common3.push(that.yuanChange(item.cdiamount))
  6036. }
  6037. if (param == 'cciamount') {
  6038. common3.push(that.yuanChange(item.cciamount))
  6039. }
  6040. })
  6041. setTimeout(() => {
  6042. that.leftEcharts18Fun('center', '', '', '', '', typeCTwo, paramCTwo, portType)
  6043. })
  6044. } else if (typeNum == 2) {
  6045. common4 = []
  6046. common5 = []
  6047. if (type == 'distribution') {
  6048. that.changeLine = false
  6049. that.lineCommonCompany = res.data.topData
  6050. common4 = res.data.topData.map(item => that.yuanChange(item.amount))
  6051. common5 = res.data.bottomData.map(item => that.yuanChange(item.amount))
  6052. } else {
  6053. if (param == 'new') {
  6054. res.data.keyIndicators.forEach((item, index) => {
  6055. common4.push(item.newcount)
  6056. common5.push(that.yuanChange(item.newamount))
  6057. })
  6058. } else if (param == 'renew') {
  6059. res.data.keyIndicators.forEach((item, index) => {
  6060. common4.push(item.renewcount)
  6061. common5.push(that.yuanChange(item.renewamount))
  6062. })
  6063. } else {
  6064. res.data.investmentMap.forEach((item, index) => {
  6065. common4.push(item.value2)
  6066. common5.push(that.yuanChange(item.amount))
  6067. })
  6068. }
  6069. }
  6070. setTimeout(() => {
  6071. this.initChartLTip2('center', '', '', '', '', type, param, typeCTwo, paramCTwo, portType)
  6072. this.initChartLTip3('center', '', '', '', '', type, param, typeCTwo, paramCTwo, portType)
  6073. })
  6074. } else if (typeNum == 3) {
  6075. // 山西地图
  6076. center5 = []
  6077. res.data.investmentMap.forEach((item, index) => {
  6078. center5.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
  6079. })
  6080. setTimeout(() => {
  6081. that.shanxiEchartsFun()
  6082. });
  6083. }
  6084. resolve(1);
  6085. })
  6086. });
  6087. },
  6088. // 中间穿透二级
  6089. centerPenetrateTwo (type, param, orgNum, portType, proName) {
  6090. this.boardType = 'center'
  6091. let that = this
  6092. return new Promise((resolve, err) => {
  6093. let value = {
  6094. access_token: this.access_token,
  6095. mock: this.mockData,
  6096. presetYear: this.year - 1,
  6097. type,
  6098. param,
  6099. orgNum
  6100. }
  6101. that.config6.header[2] = '投资主体'
  6102. that.config6.header[5] = '年投资完成额(亿)'
  6103. if (portType == 1) {
  6104. get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPageMonthReportProject', value).then(res => {
  6105. that.config6.data = []
  6106. that.originalConfig6 = res.data
  6107. if (this.projectNum == 111) {
  6108. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额(万元)"]
  6109. res.data.forEach((item, index) => {
  6110. that.config6.data[index] = []
  6111. that.config6.data[index][0] = item.orgName
  6112. that.config6.data[index][1] = item.projectname
  6113. that.config6.data[index][2] = item.tzzt
  6114. that.config6.data[index][3] = item.projectkind
  6115. that.config6.data[index][4] = item.projectkinddetail
  6116. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6117. })
  6118. } else if (this.projectNum == 112) {
  6119. that.config6.header = ["所属集团", "项目名称", "投资主体", "产业类别I级", "产业类别II级", "投资完成额(万元)"]
  6120. res.data.forEach((item, index) => {
  6121. that.config6.data[index] = []
  6122. that.config6.data[index][0] = item.orgName
  6123. that.config6.data[index][1] = item.projectname
  6124. that.config6.data[index][2] = item.tzzt
  6125. that.config6.data[index][3] = item.cylb
  6126. that.config6.data[index][4] = item.cylb2
  6127. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6128. })
  6129. } else if (this.projectNum == 1131) {
  6130. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "本年度计划投资额(万元)"]
  6131. res.data.forEach((item, index) => {
  6132. that.config6.data[index] = []
  6133. that.config6.data[index][0] = item.orgName
  6134. that.config6.data[index][1] = item.projectname
  6135. that.config6.data[index][2] = item.tzzt
  6136. that.config6.data[index][3] = item.projectkind
  6137. that.config6.data[index][4] = item.projectkinddetail
  6138. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6139. })
  6140. } else if (this.projectNum == 1132) {
  6141. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额 (万元)"]
  6142. res.data.forEach((item, index) => {
  6143. that.config6.data[index] = []
  6144. that.config6.data[index][0] = item.orgName
  6145. that.config6.data[index][1] = item.projectname
  6146. that.config6.data[index][2] = item.tzzt
  6147. that.config6.data[index][3] = item.projectkind
  6148. that.config6.data[index][4] = item.projectkinddetail
  6149. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6150. })
  6151. } else if (this.projectNum == 114) {
  6152. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“两个转型”", "本年度计划投资额 (万元)"]
  6153. res.data.forEach((item, index) => {
  6154. that.config6.data[index] = []
  6155. that.config6.data[index][0] = item.orgName
  6156. that.config6.data[index][1] = item.projectname
  6157. that.config6.data[index][2] = item.tzzt
  6158. that.config6.data[index][3] = item.projectkind
  6159. that.config6.data[index][4] = item.projectkinddetail
  6160. that.config6.data[index][5] = item.lgz
  6161. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6162. })
  6163. } else if (this.projectNum == 115) {
  6164. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“五个一体化”", "本年度计划投资额 (万元)"]
  6165. res.data.forEach((item, index) => {
  6166. that.config6.data[index] = []
  6167. that.config6.data[index][0] = item.orgName
  6168. that.config6.data[index][1] = item.projectname
  6169. that.config6.data[index][2] = item.tzzt
  6170. that.config6.data[index][3] = item.projectkind
  6171. that.config6.data[index][4] = item.projectkinddetail
  6172. that.config6.data[index][5] = item.wgy
  6173. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6174. })
  6175. } else if (this.projectNum == 116) {
  6176. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设阶段", "投资完成额 (万元)"]
  6177. res.data.forEach((item, index) => {
  6178. that.config6.data[index] = []
  6179. that.config6.data[index][0] = item.orgName
  6180. that.config6.data[index][1] = item.projectname
  6181. that.config6.data[index][2] = item.tzzt
  6182. that.config6.data[index][3] = item.projectkind
  6183. that.config6.data[index][4] = item.projectkinddetail
  6184. that.config6.data[index][5] = item.stage
  6185. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6186. })
  6187. } else if (this.projectNum == 118) {
  6188. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
  6189. res.data.forEach((item, index) => {
  6190. that.config6.data[index] = []
  6191. that.config6.data[index][0] = item.orgName
  6192. that.config6.data[index][1] = item.projectname
  6193. that.config6.data[index][2] = item.tzzt
  6194. that.config6.data[index][3] = item.projectkind
  6195. that.config6.data[index][4] = item.projectkinddetail
  6196. that.config6.data[index][5] = item.buildaddr
  6197. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6198. })
  6199. }
  6200. that.config6 = { ...that.config6 }
  6201. that.projectListTipShow = true
  6202. resolve(1);
  6203. })
  6204. } else if (portType == 2) {
  6205. get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPagePlanProject', value).then(res => {
  6206. that.config6.data = []
  6207. that.originalConfig6 = res.data
  6208. if (this.projectNum == 111) {
  6209. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额(万元)"]
  6210. res.data.forEach((item, index) => {
  6211. that.config6.data[index] = []
  6212. that.config6.data[index][0] = item.orgName
  6213. that.config6.data[index][1] = item.projectname
  6214. that.config6.data[index][2] = item.tzzt
  6215. that.config6.data[index][3] = item.projectkind
  6216. that.config6.data[index][4] = item.projectkinddetail
  6217. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6218. })
  6219. } else if (this.projectNum == 112) {
  6220. that.config6.header = ["所属集团", "项目名称", "投资主体", "产业类别I级", "产业类别II级", "投资完成额(万元)"]
  6221. res.data.forEach((item, index) => {
  6222. that.config6.data[index] = []
  6223. that.config6.data[index][0] = item.orgName
  6224. that.config6.data[index][1] = item.projectname
  6225. that.config6.data[index][2] = item.tzzt
  6226. that.config6.data[index][3] = item.cylb
  6227. that.config6.data[index][4] = item.cylb2
  6228. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6229. })
  6230. } else if (this.projectNum == 1131) {
  6231. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "本年度计划投资额(万元)"]
  6232. res.data.forEach((item, index) => {
  6233. that.config6.data[index] = []
  6234. that.config6.data[index][0] = item.orgName
  6235. that.config6.data[index][1] = item.projectname
  6236. that.config6.data[index][2] = item.tzzt
  6237. that.config6.data[index][3] = item.projectkind
  6238. that.config6.data[index][4] = item.projectkinddetail
  6239. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6240. })
  6241. } else if (this.projectNum == 1132) {
  6242. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额 (万元)"]
  6243. res.data.forEach((item, index) => {
  6244. that.config6.data[index] = []
  6245. that.config6.data[index][0] = item.orgName
  6246. that.config6.data[index][1] = item.projectname
  6247. that.config6.data[index][2] = item.tzzt
  6248. that.config6.data[index][3] = item.projectkind
  6249. that.config6.data[index][4] = item.projectkinddetail
  6250. that.config6.data[index][5] = that.numFormat(item.amount / 10000)
  6251. })
  6252. } else if (this.projectNum == 114) {
  6253. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“两个转型”", "本年度计划投资额 (万元)"]
  6254. res.data.forEach((item, index) => {
  6255. that.config6.data[index] = []
  6256. that.config6.data[index][0] = item.orgName
  6257. that.config6.data[index][1] = item.projectname
  6258. that.config6.data[index][2] = item.tzzt
  6259. that.config6.data[index][3] = item.projectkind
  6260. that.config6.data[index][4] = item.projectkinddetail
  6261. that.config6.data[index][5] = item.lgz
  6262. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6263. })
  6264. } else if (this.projectNum == 115) {
  6265. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“五个一体化”", "本年度计划投资额 (万元)"]
  6266. res.data.forEach((item, index) => {
  6267. that.config6.data[index] = []
  6268. that.config6.data[index][0] = item.orgName
  6269. that.config6.data[index][1] = item.projectname
  6270. that.config6.data[index][2] = item.tzzt
  6271. that.config6.data[index][3] = item.projectkind
  6272. that.config6.data[index][4] = item.projectkinddetail
  6273. that.config6.data[index][5] = item.wgy
  6274. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6275. })
  6276. } else if (this.projectNum == 116) {
  6277. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设阶段", "投资完成额 (万元)"]
  6278. res.data.forEach((item, index) => {
  6279. that.config6.data[index] = []
  6280. that.config6.data[index][0] = item.orgName
  6281. that.config6.data[index][1] = item.projectname
  6282. that.config6.data[index][2] = item.tzzt
  6283. that.config6.data[index][3] = item.projectkind
  6284. that.config6.data[index][4] = item.projectkinddetail
  6285. that.config6.data[index][5] = item.mdnb_quality
  6286. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6287. })
  6288. } else if (this.projectNum == 118) {
  6289. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
  6290. res.data.forEach((item, index) => {
  6291. that.config6.data[index] = []
  6292. that.config6.data[index][0] = item.orgName
  6293. that.config6.data[index][1] = item.projectname
  6294. that.config6.data[index][2] = item.tzzt
  6295. that.config6.data[index][3] = item.projectkind
  6296. that.config6.data[index][4] = item.projectkinddetail
  6297. that.config6.data[index][5] = item.buildaddr
  6298. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6299. })
  6300. }
  6301. that.config6 = { ...that.config6 }
  6302. that.projectListTipShow = true
  6303. resolve(1);
  6304. })
  6305. } else {
  6306. value = {
  6307. access_token: this.access_token,
  6308. mock: this.mockData,
  6309. presetYear: this.year - 1,
  6310. type: 'investmentMap',
  6311. param: proName,
  6312. orgNum
  6313. }
  6314. get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPageMonthReportProject', value).then(res => {
  6315. that.config6.data = []
  6316. that.originalConfig6 = res.data
  6317. if (this.projectNum == 118) {
  6318. that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
  6319. res.data.forEach((item, index) => {
  6320. that.config6.data[index] = []
  6321. that.config6.data[index][0] = item.orgName
  6322. that.config6.data[index][1] = item.projectname
  6323. that.config6.data[index][2] = item.tzzt
  6324. that.config6.data[index][3] = item.projectkind
  6325. that.config6.data[index][4] = item.projectkinddetail
  6326. that.config6.data[index][5] = item.buildaddr
  6327. that.config6.data[index][6] = that.numFormat(item.amount / 10000)
  6328. })
  6329. }
  6330. that.config6 = { ...that.config6 }
  6331. that.projectListTipShow = true
  6332. resolve(1);
  6333. })
  6334. }
  6335. });
  6336. },
  6337. // 右边穿透一级
  6338. rightPenetrateOne () {
  6339. let that = this
  6340. this.boardType = 'right'
  6341. return new Promise((resolve, err) => {
  6342. let value = {
  6343. access_token: this.access_token,
  6344. "request": {
  6345. isInsert: this.mockData ? '1' : '0',
  6346. projectStepCode: this.rightAdd.projectStepCode,
  6347. },
  6348. pageSize: 1000
  6349. }
  6350. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getOneLevelData', value).then(res => {
  6351. res.data.forEach((item, index) => {
  6352. common4[index] = item.mdnb_projects
  6353. common5[index] = that.yuanChange(item.mdnb_amount_sl)
  6354. })
  6355. setTimeout(() => {
  6356. this.initChartLTip2('right')
  6357. this.initChartLTip3('right')
  6358. })
  6359. resolve(1);
  6360. })
  6361. });
  6362. },
  6363. // 右边穿透二级
  6364. rightPenetrateTwo (modelName, substraction, orgName) {
  6365. this.boardType = 'right'
  6366. let that = this
  6367. return new Promise((resolve, err) => {
  6368. let value = {
  6369. access_token: this.access_token,
  6370. "request": {
  6371. isInsert: this.mockData ? '1' : '0',
  6372. modelName: this.rightAdd.modelName,
  6373. projectStepCode: this.rightAdd.projectStepCode,
  6374. substraction: this.rightAdd.substraction,
  6375. orgName
  6376. },
  6377. pageSize: 1000
  6378. }
  6379. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTwoLevelData', value).then(res => {
  6380. that.originalConfig6 = res.data
  6381. that.config6.data = []
  6382. if (this.projectNum == 311) {
  6383. that.config6.header = ["所属集团", "项目名称", '实施主体', '投中项目阶段', '投资总额(万元)']
  6384. res.data.forEach((item, index) => {
  6385. that.config6.data[index] = []
  6386. that.config6.data[index][0] = item.mdnb_unitcompany
  6387. that.config6.data[index][1] = item.mdnb_project_name
  6388. that.config6.data[index][2] = item.mdnb_implement_org
  6389. that.config6.data[index][3] = item.mdnb_projectstep_mid
  6390. that.config6.data[index][4] = that.numFormat(item.mdnb_investment_money / 10000)
  6391. })
  6392. } else if (this.projectNum == 312 || this.projectNum == 313) {
  6393. that.config6.header = ["所属集团", "项目名称", '实施主体', '容差百分比', '投资总额(万元)']
  6394. res.data.forEach((item, index) => {
  6395. that.config6.data[index] = []
  6396. that.config6.data[index][0] = item.mdnb_unitcompany
  6397. that.config6.data[index][1] = item.mdnb_project_name
  6398. that.config6.data[index][2] = item.mdnb_implement_org
  6399. that.config6.data[index][3] = that.numMulti(item.mdnb_percentagetolerance, 100) + '%'
  6400. that.config6.data[index][4] = that.numFormat(item.mdnb_investment_money / 10000)
  6401. })
  6402. } else if (this.projectNum == 314) {
  6403. that.config6.header = ["所属集团", "项目名称", '实施主体', '预算额(万元)', '已签订合同额(万元)', '产值认定额(万元)', '结算额(万元)', '付款申请额(万元)', '实际付款额(万元)']
  6404. res.data.forEach((item, index) => {
  6405. that.config6.data[index] = []
  6406. that.config6.data[index][0] = item.mdnb_unitcompany
  6407. that.config6.data[index][1] = item.mdnb_project_name
  6408. that.config6.data[index][2] = item.mdnb_implement_org
  6409. that.config6.data[index][3] = that.numFormat(item.mdnb_budgetamount / 10000)
  6410. that.config6.data[index][4] = that.numFormat(item.mdnb_contractamount / 10000)
  6411. that.config6.data[index][5] = that.numFormat(item.mdnb_outputamount / 10000)
  6412. that.config6.data[index][6] = that.numFormat(item.mdnb_settlementamount / 10000)
  6413. that.config6.data[index][7] = that.numFormat(item.mdnb_paymentamount / 10000)
  6414. that.config6.data[index][8] = that.numFormat(item.mdnb_actualpayamount / 10000)
  6415. })
  6416. } else if (this.projectNum == 315) {
  6417. that.config6.header = ["所属集团", "项目名称", '实施主体', '高风险项', '中风险项', '低风险项', '投资总额(万元)']
  6418. res.data.forEach((item, index) => {
  6419. that.config6.data[index] = []
  6420. that.config6.data[index][0] = item.mdnb_unitcompany
  6421. that.config6.data[index][1] = item.mdnb_project_name
  6422. that.config6.data[index][2] = item.mdnb_implement_org
  6423. that.config6.data[index][3] = item.mdnb_heigtdanger
  6424. that.config6.data[index][4] = item.mdnb_middledanger
  6425. that.config6.data[index][5] = item.mdnb_lowdanger
  6426. that.config6.data[index][6] = that.numFormat(item.mdnb_investment_money / 10000)
  6427. })
  6428. }
  6429. that.config6 = { ...that.config6 }
  6430. that.projectListTipShow = true
  6431. resolve(1);
  6432. })
  6433. });
  6434. },
  6435. // 单个柱状图的弹窗
  6436. leftEcharts18Fun (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType) {
  6437. let that = this
  6438. this.leftEcharts18 = echarts.init(document.getElementById("leftEcharts18"));
  6439. if (!(this.titleName == '项目数量' || this.titleName == '项目总数')) {
  6440. common3 = common3.map((item) => Number(item) + 1)
  6441. }
  6442. let option = {
  6443. grid: {
  6444. top: 100,
  6445. right: 0,
  6446. left: 60,
  6447. bottom: 70,
  6448. },
  6449. tooltip: {
  6450. show: true,
  6451. trigger: "axis",
  6452. axisPointer: {
  6453. // 坐标轴指示器,坐标轴触发有效
  6454. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  6455. },
  6456. formatter: data => {
  6457. if (this.titleName == '项目数量' || this.titleName == '项目总数') {
  6458. return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(data[0].value)}个`
  6459. } else {
  6460. return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(that.numSub(data[0].value, 1))}亿`
  6461. }
  6462. },
  6463. textStyle: {
  6464. color: '#FFF', // 文字的颜色
  6465. fontSize: '20', // 文字字体大小
  6466. fontFamily: 'Microsoft YaHei'
  6467. },
  6468. },
  6469. xAxis: {
  6470. data: commonCompany,
  6471. axisTick: {
  6472. show: false,
  6473. },
  6474. // x轴的字体颜色
  6475. axisLabel: {
  6476. rotate: 40,
  6477. textStyle: {
  6478. color: "white",
  6479. fontSize: '20',
  6480. fontFamily: 'Microsoft YaHei'
  6481. },
  6482. },
  6483. //y轴线的颜色以及宽度
  6484. axisLine: {
  6485. show: true,
  6486. lineStyle: {
  6487. color: "#1E5389",
  6488. width: 1,
  6489. type: "solid",
  6490. },
  6491. },
  6492. },
  6493. yAxis: {
  6494. minInterval: 1,
  6495. // onZero:true,
  6496. name: (this.titleName == '项目数量' || this.titleName == '项目总数') ? '个' : '亿',
  6497. nameTextStyle: {//y轴上方单位的颜色
  6498. color: '#fff',
  6499. fontSize: '20',
  6500. fontFamily: 'Microsoft YaHei'
  6501. },
  6502. axisTick: {
  6503. lineStyle: {
  6504. color: "#18416F",
  6505. },
  6506. },
  6507. // y轴的字体颜色
  6508. axisLabel: {
  6509. textStyle: {
  6510. color: "white",
  6511. fontSize: '20'
  6512. },
  6513. formatter: function (value) {
  6514. if (that.titleName == '项目数量' || that.titleName == '项目总数') {
  6515. return value
  6516. } else {
  6517. return value === 1 ? 0 : value
  6518. }
  6519. }
  6520. },
  6521. splitLine: {
  6522. show: true,
  6523. lineStyle: {
  6524. color: '#68b4dd66',
  6525. type: 'dashed',
  6526. },
  6527. },
  6528. //y轴线的颜色以及宽度
  6529. axisLine: {
  6530. show: true,
  6531. lineStyle: {
  6532. color: "#1E5389",
  6533. width: 1,
  6534. type: "solid",
  6535. },
  6536. },
  6537. },
  6538. series: [
  6539. {
  6540. name: (this.titleName == '项目数量' || this.titleName == '项目总数') ? '总数量' : "总额度",
  6541. type: "bar",
  6542. data: common3,
  6543. showBackground: false,
  6544. backgroundStyle: {
  6545. color: "#18416F",
  6546. },
  6547. barWidth: "30%",
  6548. itemStyle: {
  6549. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  6550. {
  6551. offset: 0,
  6552. color: '#082550',
  6553. },
  6554. {
  6555. offset: 1,
  6556. color: '#957DFF',
  6557. },
  6558. ]),
  6559. },
  6560. },
  6561. ],
  6562. legend: {
  6563. data: (this.titleName == '项目数量' || this.titleName == '项目总数') ? ["总数量"] : ["总额度"],
  6564. textStyle: {
  6565. // 图列内容样式
  6566. color: "#fff", // 字体颜色
  6567. fontSize: "20",
  6568. fontFamily: 'Microsoft YaHei'
  6569. },
  6570. right: 'center',
  6571. y: 40,
  6572. // 小图标的宽高
  6573. },
  6574. };
  6575. if (!(this.titleName == '项目数量' || this.titleName == '项目总数')) {
  6576. option.yAxis.min = 1
  6577. option.yAxis.type = 'log'
  6578. option.yAxis.logBase = 5
  6579. }
  6580. tools.loopShowTooltip(this.myChartTip1, option, {
  6581. interval: 2000,
  6582. loopSeries: true,
  6583. })
  6584. that.leftEcharts18.on('click', function (param) {
  6585. if (location == 'right') {
  6586. that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name))
  6587. } else if (location == 'left') {
  6588. that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name, that.projectNum)
  6589. } else if (location == 'center') {
  6590. that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType)
  6591. }
  6592. })
  6593. that.leftEcharts18.setOption(option);
  6594. },
  6595. // 两个柱状图弹窗
  6596. initChartLTip2 (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo, portType) {
  6597. let param2 = param
  6598. this.myChartTip2 = echarts.init(document.getElementById("echartSingleTip2"));
  6599. let option = {
  6600. grid: {
  6601. top: 40,
  6602. right: 0,
  6603. left: 60,
  6604. bottom: '15%',
  6605. },
  6606. tooltip: {
  6607. show: true,
  6608. trigger: "axis",
  6609. axisPointer: {
  6610. // 坐标轴指示器,坐标轴触发有效
  6611. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  6612. },
  6613. formatter: data => {
  6614. return this.changeLine ? `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(data[0].value)}个` : `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(data[0].value)}亿`
  6615. },
  6616. backgroundColor: "#00000050", // 提示框浮层的背景颜色
  6617. borderColor: "#00000050",
  6618. textStyle: {
  6619. color: '#FFF', // 文字的颜色
  6620. fontSize: '20', // 文字字体大小
  6621. fontFamily: 'Microsoft YaHei'
  6622. },
  6623. },
  6624. xAxis: {
  6625. data: this.changeLine ? commonCompany : this.lineCommonCompany.map(item => item.type),
  6626. axisTick: {
  6627. show: false,
  6628. },
  6629. // x轴的字体颜色
  6630. axisLabel: {
  6631. rotate: this.changeLine ? 40 : 20,
  6632. textStyle: {
  6633. color: "white",
  6634. fontSize: '20',
  6635. fontFamily: 'Microsoft YaHei'
  6636. },
  6637. },
  6638. //y轴线的颜色以及宽度
  6639. axisLine: {
  6640. show: true,
  6641. lineStyle: {
  6642. color: "#1E5389",
  6643. width: 1,
  6644. type: "solid",
  6645. },
  6646. },
  6647. },
  6648. yAxis: {
  6649. minInterval: 1,
  6650. name: this.changeLine ? '个' : '亿',
  6651. nameTextStyle: {//y轴上方单位的颜色
  6652. color: '#fff',
  6653. fontSize: '20',
  6654. fontFamily: 'Microsoft YaHei'
  6655. },
  6656. axisTick: {
  6657. lineStyle: {
  6658. color: "#18416F",
  6659. },
  6660. },
  6661. // y轴的字体颜色
  6662. axisLabel: {
  6663. textStyle: {
  6664. color: "#fff",
  6665. fontSize: '20',
  6666. fontFamily: 'Microsoft YaHei'
  6667. }
  6668. },
  6669. splitLine: {
  6670. show: true,
  6671. lineStyle: {
  6672. color: '#68b4dd66',
  6673. type: 'dashed',
  6674. },
  6675. },
  6676. //y轴线的颜色以及宽度
  6677. axisLine: {
  6678. show: true,
  6679. lineStyle: {
  6680. color: "#1E5389",
  6681. width: 1,
  6682. type: "solid",
  6683. },
  6684. },
  6685. },
  6686. series: [
  6687. {
  6688. name: this.changeLine ? "总数量" : '总额度',
  6689. type: this.changeLine ? "bar" : 'line',
  6690. data: common4,
  6691. showBackground: false,
  6692. backgroundStyle: {
  6693. color: "#18416F",
  6694. },
  6695. barWidth: "30%",
  6696. itemStyle: {
  6697. // barBorderRadius: [10, 10, 0, 0],
  6698. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  6699. {
  6700. offset: 0,
  6701. color: '#082550',
  6702. },
  6703. {
  6704. offset: 1,
  6705. color: '#957DFF',
  6706. },
  6707. ]),
  6708. },
  6709. lineStyle: {
  6710. color: '#957DFF',
  6711. width: 3,
  6712. },
  6713. },
  6714. ],
  6715. legend: {
  6716. // data: ["2022年额度", "2023年额度"],
  6717. data: this.changeLine ? ["总数量"] : ["总额度"],
  6718. textStyle: {
  6719. // 图列内容样式
  6720. color: "#fff", // 字体颜色
  6721. fontSize: "20",
  6722. fontFamily: 'Microsoft YaHei'
  6723. },
  6724. right: 'center',
  6725. y: 0,
  6726. // 小图标的宽高
  6727. },
  6728. };
  6729. tools.loopShowTooltip(this.myChartTip2, option, {
  6730. interval: 2000,
  6731. loopSeries: true,
  6732. })
  6733. let that = this
  6734. that.myChartTip2.on('click', function (param) {
  6735. if (location == 'right') {
  6736. that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name))
  6737. } else if (location == 'left') {
  6738. that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name, that.projectNum)
  6739. } else if (location == 'center') {
  6740. if (that.changeLine) {
  6741. that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType, param2)
  6742. } else {
  6743. let a = that.lineCommonCompany.find(item => item.type == param.name)
  6744. that.centerPenetrateTwo(typeCTwo, a.typeno, '', portType, param2)
  6745. }
  6746. }
  6747. })
  6748. that.myChartTip2.setOption(option);
  6749. },
  6750. // 两个柱状图弹窗
  6751. initChartLTip3 (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo, portType) {
  6752. let param2 = param
  6753. this.myChartTip3 = echarts.init(document.getElementById("echartSingleTip3"));
  6754. common5 = common5.map((item) => Number(item) + 1)
  6755. let option = {
  6756. grid: {
  6757. top: 40,
  6758. right: 0,
  6759. left: 60,
  6760. bottom: '15%',
  6761. },
  6762. tooltip: {
  6763. show: true,
  6764. trigger: "axis",
  6765. axisPointer: {
  6766. // 坐标轴指示器,坐标轴触发有效
  6767. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  6768. },
  6769. formatter: data => {
  6770. return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(that.numSub(data[0].value, 1))}亿`
  6771. },
  6772. backgroundColor: "#00000050", // 提示框浮层的背景颜色
  6773. borderColor: "#00000050",
  6774. textStyle: {
  6775. color: '#FFF', // 文字的颜色
  6776. fontSize: '20', // 文字字体大小
  6777. fontFamily: 'Microsoft YaHei'
  6778. },
  6779. },
  6780. xAxis: {
  6781. data: commonCompany,
  6782. axisTick: {
  6783. show: false,
  6784. },
  6785. // x轴的字体颜色
  6786. axisLabel: {
  6787. rotate: 40,
  6788. textStyle: {
  6789. color: "#fff",
  6790. fontSize: '20',
  6791. fontFamily: 'Microsoft YaHei'
  6792. },
  6793. },
  6794. //y轴线的颜色以及宽度
  6795. axisLine: {
  6796. show: true,
  6797. lineStyle: {
  6798. color: "#1E5389",
  6799. width: 1,
  6800. type: "solid",
  6801. },
  6802. },
  6803. },
  6804. yAxis: {
  6805. type: 'log',
  6806. min: 1,
  6807. logBase: 5,
  6808. name: '亿',
  6809. nameTextStyle: {//y轴上方单位的颜色
  6810. color: '#fff',
  6811. fontSize: '20',
  6812. fontFamily: 'Microsoft YaHei'
  6813. },
  6814. axisTick: {
  6815. lineStyle: {
  6816. color: "#18416F",
  6817. },
  6818. },
  6819. // y轴的字体颜色
  6820. axisLabel: {
  6821. textStyle: {
  6822. color: "#fff",
  6823. fontSize: '20',
  6824. fontFamily: 'Microsoft YaHei'
  6825. },
  6826. formatter: function (value) {
  6827. return value === 1 ? 0 : value
  6828. }
  6829. },
  6830. splitLine: {
  6831. show: true,
  6832. lineStyle: {
  6833. color: '#68b4dd66',
  6834. type: 'dashed',
  6835. },
  6836. },
  6837. //y轴线的颜色以及宽度
  6838. axisLine: {
  6839. show: true,
  6840. lineStyle: {
  6841. color: "#1E5389",
  6842. width: 1,
  6843. type: "solid",
  6844. },
  6845. },
  6846. },
  6847. series: [
  6848. {
  6849. name: "总额度",
  6850. type: "bar",
  6851. data: common5,
  6852. showBackground: false,
  6853. backgroundStyle: {
  6854. color: "#18416F",
  6855. },
  6856. barWidth: "30%",
  6857. itemStyle: {
  6858. // barBorderRadius: [10, 10, 0, 0],
  6859. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  6860. {
  6861. offset: 0,
  6862. color: '#082550',
  6863. },
  6864. {
  6865. offset: 1,
  6866. color: '#69c0ff',
  6867. },
  6868. ]),
  6869. },
  6870. },
  6871. ],
  6872. legend: {
  6873. data: ["总额度"],
  6874. textStyle: {
  6875. // 图列内容样式
  6876. color: "#fff", // 字体颜色
  6877. fontSize: "20",
  6878. fontFamily: 'Microsoft YaHei'
  6879. },
  6880. right: 'center',
  6881. y: 5,
  6882. },
  6883. };
  6884. let that = this
  6885. that.myChartTip3.on('click', function (param) {
  6886. if (location == 'right') {
  6887. that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name))
  6888. } else if (location == 'left') {
  6889. that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name, that.projectNum)
  6890. } else if (location == 'center') {
  6891. that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType, param2)
  6892. }
  6893. })
  6894. that.myChartTip3.setOption(option);
  6895. tools.loopShowTooltip(that.myChartTip3, option, {
  6896. interval: 2000,
  6897. loopSeries: true,
  6898. })
  6899. },
  6900. // 找企业编码
  6901. findCode (code) {
  6902. let a = this.commonCompanyAll.find((item, index) => {
  6903. return item.simplename == code
  6904. })
  6905. return a ? a.number.slice(0, 4) : ''
  6906. },
  6907. // 根据key分组
  6908. classify (arr, k) {
  6909. let map = {};
  6910. let myArr = [];
  6911. for (let i = 0; i < arr.length; i++) {
  6912. if (!map[arr[i][k]]) {
  6913. let a = {}
  6914. a[k] = arr[i][k]
  6915. a.data = [arr[i]]
  6916. myArr.push(a)
  6917. map[arr[i][k]] = arr[i]
  6918. } else {
  6919. for (let j = 0; j < myArr.length; j++) {
  6920. if (arr[i][k] === myArr[j][k]) {
  6921. myArr[j].data.push(arr[i]);
  6922. break
  6923. }
  6924. }
  6925. }
  6926. }
  6927. return myArr
  6928. },
  6929. chooseTime (value) {
  6930. let that = this
  6931. this.backChina()
  6932. this.year = value
  6933. that.destroyCharts()
  6934. that.closeTap()
  6935. this.pullShow = false
  6936. setTimeout(item => {
  6937. that.comeIn()
  6938. })
  6939. },
  6940. destroyCharts () {
  6941. this.timer && clearInterval(this.timer);
  6942. this.time1 && clearInterval(this.time1);
  6943. this.time2 && clearInterval(this.time2);
  6944. // 左边
  6945. this.leftEcharts1 && this.leftEcharts1.dispose()
  6946. this.leftEcharts2 && this.leftEcharts2.dispose()
  6947. this.leftEcharts3 && this.leftEcharts3.dispose()
  6948. this.leftEcharts4 && this.leftEcharts4.dispose()
  6949. this.leftEcharts5 && this.leftEcharts5.dispose()
  6950. this.leftEcharts6 && this.leftEcharts6.dispose()
  6951. this.leftEcharts7 && this.leftEcharts7.dispose()
  6952. this.leftEcharts8 && this.leftEcharts8.dispose()
  6953. this.leftEcharts10 && this.leftEcharts10.dispose()
  6954. this.leftEcharts11 && this.leftEcharts11.dispose()
  6955. // 中间
  6956. this.chinaMap && this.chinaMap.dispose()
  6957. this.leftEcharts16 && this.leftEcharts16.dispose()
  6958. // 右边
  6959. this.rightEcharts1 && this.rightEcharts1.dispose()
  6960. this.echartR2 && this.echartR2.dispose()
  6961. this.echartR3 && this.echartR3.dispose()
  6962. this.echartR4 && this.echartR4.dispose()
  6963. },
  6964. changeTopColor () {
  6965. this.list = document.getElementsByClassName('row-item')
  6966. setTimeout(() => {
  6967. this.list[1].classList.add('light')
  6968. }, 1000)
  6969. for (var i = 0; i < this.list.length; i++) {
  6970. if (i == 1) {
  6971. this.list[i].classList.add('light')
  6972. } else {
  6973. this.list[i].classList.remove('light')
  6974. }
  6975. }
  6976. this.leftEcharts11Fun()
  6977. },
  6978. // 找项目编码
  6979. findProjectCode (a, b, type, e) {
  6980. if (type == 'center') {
  6981. return this.originalConfig6[e.rowIndex].projectno
  6982. } else if (type == 'right') {
  6983. return this.originalConfig6[e.rowIndex].mdnb_projectnumber
  6984. } else if (type == 'left') {
  6985. return this.originalConfig6[e.rowIndex].mdnb_textfield14
  6986. } else if (type == 'center2') {
  6987. return this.centerOriginalConfig6[e.rowIndex].projectno
  6988. } else if (type == 'right2') {
  6989. return this.rightOriginalConfig6[e.rowIndex].mdnb_prono
  6990. }
  6991. },
  6992. // 去项目看板
  6993. goLookBoard (e, f) {
  6994. let value = {
  6995. access_token: this.access_token,
  6996. proCode: this.findProjectCode(e.row[0], e.row[1], this.boardType, e)
  6997. }
  6998. post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getProCode', value).then(res => {
  6999. if (res.status) {
  7000. if (f) {
  7001. this.boardType = f
  7002. }
  7003. this.boardUrl = `http://${this.goUrl}/ierp/accessTokenLogin.do?access_token=${this.access_token}&redirect=http://${this.goUrl}/ierp/index.html?formId=mdnb_threetoproject&prj=${this.findProjectCode(e.row[0], e.row[1], this.boardType, e)}`
  7004. this.boardTipShow = true
  7005. console.log(this.boardUrl, '跳转去的项目看板地址')
  7006. }
  7007. resolve(1);
  7008. })
  7009. },
  7010. },
  7011. });