index.js 211 KB

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