index.js 270 KB

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