1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918 |
- let app = new Vue({
- el: "#app",
- data () {
- return {
- lengthArr1: [], // 单个柱状图大标题集合
- lengthArr12: [], // 主屏最上边
- lengthArr13: [], //主屏两个转型
- lengthArr2: [],//投前-投资计划分析大集合
- lengthArr3: [],//投前-项目阶段分析大集合
- lengthArr4: [], // 主屏-地图分析大集合
- lengthArr5: [], //主屏-投资产业分布
- lengthArr6: [], //主屏-管理类型分析
- lengthArr7: [], //投中-固定资产类项目
- lengthArr8: [], //投中-成本进度偏差概览
- titleNameChild: '', //子标题
- titleNameChild2: '', //子标题二号
- length1: [], //单个柱状图的length
- length2: [],// 两个柱状图的length
- length3: [],// 两个柱状图的length
- location: '', // 看看是什么位置的
- count: 0, //重点项目两线指标轮到哪个
- list: [], //重点项目两线指标数组
- countType: 0, //重点项目两线指标数组
- mapShow: false, // false为中国地图 true为山西地图
- titleUrl: '',// 标题弹窗显示的内容
- titleFrontUrl: '',//投前标题弹窗显示的图片内容
- titleAfterUrl: '',//投中/投后标题弹窗显示的图片内容
- titleName: '', // 弹窗的名字显示
- titleName2: '', // 弹窗的名字显示左边的
- fourList: [], // 产业布局分析4个
- left12Bottom: [], // 重点项目两线指标x轴
- leftEcharts1: "",
- leftEcharts2: "",
- leftEcharts3: "",
- leftEcharts4: "",
- leftEcharts5: "",
- leftEcharts6: "",
- leftEcharts7: "",
- leftEcharts8: "",
- leftEcharts9: "", //山西地图的地球
- leftEcharts10: "",
- leftEcharts11: "",
- leftEcharts12: '',
- leftEcharts13: '',
- leftEcharts14: '',
- leftEcharts15: '',
- echartR4Fd: true,
- changeLine: true, //双柱状图弹窗上边是折线还是柱状
- rightAdd: {},// 左边新增筛选参数
- right3ChartIndex: 0, // 轮到第几个省属了
- budgetX: [], // 投资预算执行的x轴
- lineCommonCompany: [], //双柱状图弹窗上面的折线图x轴
- threeCommonCompany: [], //分为3块的省属
- leftEcharts18: '', //单个柱状图弹窗
- tipShow1: false, // 标题弹窗显示
- tipShow2: false, // 单柱状图弹窗
- tipShow3: false, // 单柱状图弹窗
- tipShow4: false,//标题投前左边弹窗
- tipShow5: false,//标题投前右边弹窗
- echartEnterpriseShow: false, // 企业额度分析专属弹窗显示
- projectListTipShow: false,// 项目列表弹窗显示
- boardTipShow: false, // 项目看板弹窗专用
- stageTitle: '', // 管理类型分析圆环图内容
- stageTitle2: '', // 管理类型分析圆环图内容
- stageTitle3: '', // 投资产业分析圆环图内容
- stageTitle4: '', // 投资产业分析圆环图内容
- echartR2Fd: true, // 投后进度成本偏差防抖
- echartR3Fd: true,// 项目风险分析防抖
- leftEcharts16: '', // 中国地图背景地球
- rightEcharts1: '', // 投后进度成本偏差
- shanxiMap: "", // 山西地图
- chinaMap: '', // 中国地图
- industryProportion: 1, // 主辅业占比轮播
- industryLayout: 0, //产业布局分析
- time1: "", // 4秒定时器
- time2: "", // 针对投前产业布局分析的定时器
- projectNum: 0, // 项目列表弹窗顶部类目筛选条件
- projectNum2: 0,//项目阶段分析指示器
- projectNum2Stop: true, //项目阶段分析停止循环
- commonUrl: '',//获取当前服务器地址
- radarNum: '', // 雷达图样式
- projecList: [ //项目阶段分析内容距离 特别监管15~35 备案类50~70
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '项目储备', distance: '250px' }
- ],
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '项目立项', distance: '370px' }
- ],
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '可研论证', distance: '490px' }
- ],
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '投资决策', distance: '610px' }
- ],
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '项目储备', distance: '350px' }
- ],
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '项目立项', distance: '470px' }
- ],
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '可研论证', distance: '590px' }
- ],
- [
- { name: '特别监管', value: '0', value2: '0', top: 0 },
- { name: '备案', value: '0', value2: '0', top: 0 },
- { name: '投资决策', distance: '710px' }
- ],
- ],
- year: '', // 选择的年份
- boardUrl: '', // 跳转路径
- pollList: [], // 年份有哪些呢
- pullShow: false, // 选择年份弹窗
- config6: listPop,
- originalConfig6: [], // 原始的项目列表数组
- centerOriginalConfig6: '', // 中间原始的项目列表数组
- centerOriginalConfig7: '', // 中间原始的项目列表数组2
- rightOriginalConfig6: '',// 右边原始的项目列表数组
- boardType: '', // 哪边的项目看板
- storageRecordConfig: {
- waitTime: "10000",
- hoverPause: true,
- header: ["企业名称", "项目名称", "投资总额"],
- headerHeight: 80,
- headerBGC: '#69C0FF20',
- oddRowBGC: '#011e4800',
- evenRowBGC: '#011e4800',
- // oddRowBGC: '#05507b33',
- rowNum: 6,
- columnWidth: [150, 450, 150],
- align: ["center", "center", "center"],
- data: [],
- },
- storageRecordConfig2: {
- header: ['企业名称', '项目名称', '项目阶段', '投资总额'],
- headerBGC: '#69C0FF20',
- oddRowBGC: '#011e4800',
- // evenRowBGC: '#69C0FF20',
- evenRowBGC: '#011e4800',
- headerHeight: '80',
- rowNum: 6,
- columnWidth: ['100', '370', '100', '100'],
- align: ['center', 'center', 'center', 'center'],
- data: []
- },
- meansList: [
- {
- label: "初步设计",
- value: "0",
- projectStepCode: '01'
- },
- {
- label: "详细设计",
- value: "0",
- projectStepCode: '02'
- },
- {
- label: "开工",
- value: "0",
- projectStepCode: '03'
- },
- {
- label: "竣工",
- value: "0",
- projectStepCode: '04'
- },
- {
- label: "验收",
- value: "0",
- projectStepCode: '05'
- },
- {
- label: "结算",
- value: "0",
- projectStepCode: '06'
- },
- ],
- stockRightList: [
- {
- label: "前期准备",
- value: "0",
- projectStepCode: '07'
- },
- {
- label: "变更登记",
- value: "0",
- projectStepCode: '08'
- },
- ],
- costList: [
- {
- num: 0,
- value: 0,
- status: "正偏差",
- type: 1,
- projectStepCode: '09'
- },
- {
- num: 0,
- value: 0,
- status: "容差内",
- type: 2,
- projectStepCode: '10'
- },
- {
- num: 0,
- value: 0,
- status: "负偏差",
- type: 3,
- projectStepCode: '11'
- },
- ],
- investData: {
- investList: [
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo1.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo2.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo3.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo4.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo5.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo6.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo7.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo8.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo9.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo10.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo11.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo12.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo13.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo14.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo15.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo16.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo17.png",
- },
- {
- name: "",
- yse: "",
- yqhte: "",
- czrde: "",
- jse: "",
- fke: "",
- url: "./img/logos/logo18.png",
- },
- ],
- },
- riskData: {
- x: [
- { name: "大地控股", value: [14, 13, 6, 15, 13, 4] },
- { name: "云时代", value: [15, 12, 12, 10, 24, 6] },
- { name: "华舰体育", value: [14, 13, 6, 15, 13, 4] },
- { name: "神农科技", value: [14, 13, 6, 17, 13, 4] },
- { name: "山西焦煤", value: [14, 13, 6, 15, 13, 4] },
- { name: "晋能控股", value: [14, 13, 6, 17, 13, 4] },
- { name: "华阳新材", value: [14, 13, 6, 15, 13, 4] },
- { name: "潞安化工", value: [14, 13, 6, 15, 13, 4] },
- { name: "华新燃气", value: [14, 13, 6, 17, 13, 4] },
- { name: "太重集团", value: [14, 13, 6, 15, 13, 4] },
- { name: "国际能源", value: [14, 13, 6, 15, 13, 4] },
- { name: "华远陆港", value: [14, 13, 6, 15, 17, 4] },
- { name: "水控集团", value: [14, 13, 6, 15, 13, 4] },
- { name: "文旅集团", value: [14, 13, 6, 15, 13, 4] },
- { name: "交控集团", value: [14, 13, 6, 15, 17, 4] },
- { name: "航产集团", value: [14, 13, 6, 15, 13, 4] },
- { name: "山西建投", value: [14, 13, 6, 15, 13, 24] },
- { name: "汾酒集团", value: [14, 13, 6, 15, 13, 4] },
- ]
- },
- inner: 0,
- innerDeg: 0,
- timer: null, // 两秒定时器
- witchs: 0,
- topIndex: 0,
- echartR1Fd1: true,
- echartR2Fd2: true,
- echartC1Fd1: true,
- r3Index: 0,
- riskData1: {
- x: ["山西焦煤", "晋能控股", "华阳新材", "潞安化工", "华新燃气", "太重集团", "国际能源", "华远陆港", "水控集团", "文旅集团", "交控集团", '航产集团', '山西建投', '汾酒集团', '大地控股', '云时代', '华舰体育', '神农科技'],
- y1: [
- 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53
- ],
- y2: [
- 110, 41, 35, 81, 56, 10, 9, 8, 7, 6, 5, 4, 6, 7, 8,
- 9, 4, 3,
- ],
- y3: [
- 130, 76, 67, 120, 89, 111, 87, 123, 66, 65, 65, 98, 230, 78, 99, 130,
- 68, 98,
- ],
- y4: [
- 90, 50, 50, 50, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 51, 52,
- 53, 54,
- ],
- y5: [
- 33, 32, 31, 31, 32, 33, 34, 34, 35, 36, 37, 38, 39, 33, 34,
- 35, 36, 37,
- ],
- }
- };
- },
- created () {
- },
- beforeDestroy () {
- document.removeEventListener('keydown', this.onEsc)
- this.timer && clearInterval(this.timer);
- this.time1 && clearInterval(this.time1);
- this.time2 && clearInterval(this.time2);
- },
- mounted () {
- document.addEventListener('keydown', this.onEsc)
- this.getUrlParams()
- this.countYear()
- },
- methods: {
- // 监听ESC事件
- onEsc (e) {
- if (e.keyCode === 27) {
- this.closeTap()
- }
- },
- // 计算项目阶段分析对应区间
- countSection () {
- let that = this
- let topList = []
- let bottomList = []
- this.projecList.forEach(item => {
- topList.push(item[0].value2)
- bottomList.push(item[1].value2)
- })
- let minTop = Math.min(...topList)
- let maxTop = Math.max(...topList)
- let minTop2 = Math.min(...bottomList)
- let maxTop2 = Math.max(...bottomList)
- let res = ''
- let res2 = ''
- this.projecList.forEach(item => {
- res = (Number(item[0].value2) - minTop) / (maxTop - minTop) * 20 + 15
- res2 = (Number(item[1].value2) - minTop2) / (maxTop2 - minTop2) * 20 + 50
- this.$set(item[0], 'top', Math.round(50 - res))
- this.$set(item[1], 'top', Math.round(120 - res2))
- if (Number(item[0].value2) < 50 || Number(item[0].value2) == 50) {
- this.$set(item[0], 'img', './img/left-blue.png')
- } else if (Number(item[0].value2) < 100 || Number(item[0].value2) == 100) {
- this.$set(item[0], 'img', './img/left-blue2.png')
- } else {
- this.$set(item[0], 'img', './img/left-blue3.png')
- }
- if (Number(item[1].value2) < 50 || Number(item[1].value2) == 50) {
- this.$set(item[1], 'img', './img/left-green.png')
- } else if (Number(item[1].value2) < 100 || Number(item[1].value2) == 100) {
- this.$set(item[1], 'img', './img/left-green2.png')
- } else {
- this.$set(item[1], 'img', './img/left-green3.png')
- }
- })
- that.leftEcharts7Fun()
- that.leftEcharts8Fun()
- },
- // 获取地址栏参数
- getUrlParams (id) {
- let url = window.location.href
- this.commonUrl = window.location.href.split('/')
- this.commonUrl.pop()
- this.commonUrl = this.commonUrl.join('/')
- // 通过 ? 分割获取后面的参数字符串
- let urlStr = url.split('?')[1]
- if (!urlStr) {
- this.comeIn()
- return
- }
- // 创建空对象存储参数
- let obj = {};
- // 再通过 & 将每一个参数单独分割出来
- let paramsArr = urlStr.split('&')
- for (let i = 0, len = paramsArr.length; i < len; i++) {
- // 再通过 = 将每一个参数分割为 key:value 的形式
- let arr = paramsArr[i].split('=')
- obj[arr[0]] = arr[1];
- }
- if (obj.model) {
- obj.model == 'A' || obj.model == 'a' ? this.mockData = false : this.mockData = true
- }
- obj.env && (this.env = obj.env)
- 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'
- this.accountId = obj.accountid
- this.comeIn()
- },
- // 计算展示的年份
- countYear () {
- clearInterval(this.timer);
- this.timer = setInterval(() => {
- this.topIndex++;
- this.topIndex = this.topIndex % 8;
- // 项目阶段分析弹窗
- if (this.projectNum2 < 7 && this.projectNum2Stop) {
- this.projectNum2 = this.projectNum2 + 1
- } else if (this.projectNum2Stop) {
- this.projectNum2 = 0
- }
- }, 2000);
- this.year = new Date().getFullYear()
- for (i = 2022; true; i++) {
- if (i == this.year + 3) {
- this.pollList.push(i)
- return
- } else {
- this.pollList.push(i)
- }
- }
- },
- comeIn () {
- let that = this
- that.right3ChartIndex = 0
- this.time4s();
- this.timeNs();
- this.filterLpData();
- this.lpRotate();
- this.getAppToken()
- setTimeout(() => {
- that.changeTopColor()
- that.clickItem(0)
- });
- },
- // 获取token
- getAppToken () {
- let value = {}
- // dev环境
- if (this.env == 'sit' || this.env == 'SIT') {
- // SIT环境
- value = {
- "appId": "68dp",
- "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
- "tenantid": "",
- "language": "zh_CN"
- }
- } else if (this.env == 'uat' || this.env == 'UAT') {
- // UAT环境
- value = {
- "appId": "68dp",
- "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
- "tenantid": "",
- "language": "zh_CN"
- }
- } else if (this.env == 'preprd' || this.env == 'PREPRD') {
- // 预生产环境
- value = {
- "appId": "68dp",
- "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
- "tenantid": "",
- "language": "zh_CN"
- }
- } else {
- // 生产环境
- value = {
- "appId": "68dp",
- "appSecret": "9ErhY^O{n?@Pc#eb7HYX",
- "tenantid": "",
- "language": "zh_CN"
- }
- }
- value.accountId = this.accountId
- post('/ierp/api/getAppToken.do', value).then(res => {
- this.app_token = res.data.app_token
- this.getAccessToken()
- })
- },
- // 获取AccessToken
- getAccessToken () {
- let value = {}
- if (this.env == 'sit' || this.env == 'SIT') {
- // SIT环境
- value = {
- "user": "15835113238", // 新
- "apptoken": this.app_token, //应用令牌
- "tenantid": "", //租户id
- "usertype": "Mobile"
- }
- } else if (this.env == 'uat' || this.env == 'UAT') {
- // UAT环境
- value = {
- "user": "15835113238", // 新
- "apptoken": this.app_token, //应用令牌
- "tenantid": "", //租户id
- "usertype": "Mobile"
- }
- } else if (this.env == 'preprd' || this.env == 'PREPRD') {
- // 预生产环境
- value = {
- "user": "15835113238", // 新
- "apptoken": this.app_token, //应用令牌
- "tenantid": "", //租户id
- "usertype": "Mobile"
- }
- } else {
- // 生产环境
- value = {
- "user": "15835113238", // 新
- "apptoken": this.app_token, //应用令牌
- "tenantid": "", //租户id
- "usertype": "Mobile"
- }
- }
- value.accountId = this.accountId
- post('/ierp/api/login.do', value).then(res => {
- this.access_token = res.data.access_token
- this.getOrg()
- })
- },
- getOrg () {
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- }
- get('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getOrgName', value).then(res => {
- this.commonCompanyAll = res.data
- commonCompany = res.data.map(item => item.simplename)
- // 左边
- this.getDate1()
- this.getDate2()
- this.getDate3()
- this.getDate4()
- this.getDate5()
- this.getDate6()
- // 右边
- this.getDate7()
- this.getDate8()
- this.getDate9()
- this.getDate10()
- this.getDate15() // 右种
- this.getDate12() // 右下B
- // 中间
- this.getDate14()
- resolve(1);
- })
- });
- },
- // 获取左边企业额度分析
- getDate1 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- "mdnb_combofield": this.mockData ? 'B' : 'A',
- "mdnb_datefield": this.year + '-01-01',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqqyedfx', value).then(res => {
- if (res.data.rows.length > 0) {
- let dataList = res.data.rows[0].entryentity
- left3 = [[], [], []]
- dataList.forEach(item => {
- // 已用额度
- left3[0].push(that.yuanChange(item.mdnb_amountfield26))
- // 剩余额度
- left3[1].push(that.yuanChange(item.mdnb_amountfield27))
- // 总额度
- left3[2].push(that.yuanChange(item.mdnb_amountfield25))
- })
- this.leftEcharts10Fun(dataList);
- }
- resolve(1);
- })
- });
- },
- // 获取左边投资计划分析
- getDate2 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- "mdnb_combofield": this.mockData ? 'B' : 'A',
- "mdnb_datefield": this.year + '-01-01',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqtzjhfx', value).then(res => {
- if (res.data.rows.length > 0) {
- let dataList = res.data.rows[0]
- left4 = []
- left4[0] = dataList.mdnb_amountfield7
- left4[1] = dataList.mdnb_amountfield13
- left4[2] = dataList.mdnb_amountfield23
- left4[3] = dataList.mdnb_amountfield33
- left4[4] = dataList.mdnb_integerfield
- left5[0].y = that.yuanChange(dataList.mdnb_amountfield9)
- left5[0].num = dataList.mdnb_integerfield15
- left5[1].y = that.yuanChange(dataList.mdnb_amountfield43)
- left5[1].num = dataList.mdnb_integerfield14
- left6[0].y = that.yuanChange(dataList.mdnb_amountfield15)
- left6[0].num = dataList.mdnb_integerfield16
- left6[1].y = that.yuanChange(dataList.mdnb_amountfield16)
- left6[1].num = dataList.mdnb_integerfield17
- that.leftEcharts1Fun()
- that.leftEcharts2Fun()
- that.leftEcharts3Fun()
- that.leftEcharts4Fun()
- }
- resolve(1);
- })
- });
- },
- // 获取左边产业布局分析
- getDate3 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- "mdnb_combofield": this.mockData ? 'B' : 'A',
- "mdnb_datefield": this.year + '-01-01',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqcebjfx', value).then(res => {
- if (res.data.rows[0].mdnb_entryentity) {
- let dataList = this.classify(res.data.rows[0].mdnb_entryentity, 'mdnb_textfield1')
- that.fourList = this.classify(res.data.rows[0].mdnb_entryentity, 'mdnb_textfield1')
- // 传统产业分析
- dataList[0].data.forEach((item, i) => {
- left1[0][i] = {}
- left1[0][i].num = item.mdnb_integerfield13
- left1[0][i].y = that.yuanChange(item.mdnb_amountfield8)
- left1[0][i].name = item.mdnb_textfield2
- })
- // 战略性新兴产业
- dataList[1].data.forEach((item, i) => {
- left1[1][i] = {}
- left1[1][i].num = item.mdnb_integerfield13
- left1[1][i].y = that.yuanChange(item.mdnb_amountfield8)
- left1[1][i].name = item.mdnb_textfield2
- })
- // 特色优势产业
- dataList[2].data.forEach((item, i) => {
- left1[2][i] = {}
- left1[2][i].num = item.mdnb_integerfield13
- left1[2][i].y = that.yuanChange(item.mdnb_amountfield8)
- left1[2][i].name = item.mdnb_textfield2
- })
- // 公共基础等产业
- dataList[3].data.forEach((item, i) => {
- left1[3][i] = {}
- left1[3][i].num = item.mdnb_integerfield13
- left1[3][i].y = that.yuanChange(item.mdnb_amountfield8)
- left1[3][i].name = item.mdnb_textfield2
- })
- setTimeout(() => {
- that.leftEcharts5Fun()
- })
- } else {
- left1 = [
- [
- {
- },
- {
- },
- {
- },
- {
- },
- {
- }
- ],
- [
- {
- },
- {
- },
- {
- },
- {
- },
- {
- },
- {
- },
- {
- }
- ],
- [
- {
- },
- {
- },
- {
- },
- {
- },
- {
- },
- {
- },
- {
- },
- {
- },
- ],
- [
- {
- },
- {
- },
- {
- },
- {
- },
- {
- },
- {
- }
- ]
- ]
- }
- resolve(1);
- })
- });
- },
- // 获取左边项目阶段分析
- getDate4 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- "mdnb_combofield": this.mockData ? 'B' : 'A',
- "mdnb_datefield": this.year + '-01-01',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqxmjdfx', value).then(res => {
- if (res.data.rows.length > 0) {
- let dataList = res.data.rows[0]
- // 固定资产进度分布
- // 特别监管
- that.projecList[0][0].value = dataList.mdnb_integerfield1
- that.projecList[0][0].value2 = this.yuanChange(dataList.mdnb_amountfield241)
- that.projecList[1][0].value = dataList.mdnb_integerfield3
- that.projecList[1][0].value2 = this.yuanChange(dataList.mdnb_amountfield5)
- that.projecList[2][0].value = dataList.mdnb_integerfield5
- that.projecList[2][0].value2 = this.yuanChange(dataList.mdnb_amountfield21)
- that.projecList[3][0].value = dataList.mdnb_integerfield7
- that.projecList[3][0].value2 = this.yuanChange(dataList.mdnb_amountfield29)
- // 备案
- that.projecList[0][1].value = dataList.mdnb_integerfield2
- that.projecList[0][1].value2 = this.yuanChange(dataList.mdnb_amountfield341)
- that.projecList[1][1].value = dataList.mdnb_integerfield4
- that.projecList[1][1].value2 = this.yuanChange(dataList.mdnb_amountfield11)
- that.projecList[2][1].value = dataList.mdnb_integerfield6
- that.projecList[2][1].value2 = this.yuanChange(dataList.mdnb_amountfield28)
- that.projecList[3][1].value = dataList.mdnb_integerfield8
- that.projecList[3][1].value2 = this.yuanChange(dataList.mdnb_amountfield30)
- // 股权类进度分布
- // 特别监管
- that.projecList[4][0].value = dataList.mdnb_integerfield11
- that.projecList[4][0].value2 = this.yuanChange(dataList.mdnb_amountfield2411)
- that.projecList[5][0].value = dataList.mdnb_integerfield31
- that.projecList[5][0].value2 = this.yuanChange(dataList.mdnb_amountfield51)
- that.projecList[6][0].value = dataList.mdnb_integerfield51
- that.projecList[6][0].value2 = this.yuanChange(dataList.mdnb_amountfield211)
- that.projecList[7][0].value = dataList.mdnb_integerfield71
- that.projecList[7][0].value2 = this.yuanChange(dataList.mdnb_amountfield291)
- // 备案
- that.projecList[4][1].value = dataList.mdnb_integerfield21
- that.projecList[4][1].value2 = this.yuanChange(dataList.mdnb_amountfield3411)
- that.projecList[5][1].value = dataList.mdnb_integerfield41
- that.projecList[5][1].value2 = this.yuanChange(dataList.mdnb_amountfield111)
- that.projecList[6][1].value = dataList.mdnb_integerfield61
- that.projecList[6][1].value2 = this.yuanChange(dataList.mdnb_amountfield281)
- that.projecList[7][1].value = dataList.mdnb_integerfield81
- that.projecList[7][1].value2 = this.yuanChange(dataList.mdnb_amountfield301)
- this.countSection();
- }
- resolve(1);
- })
- });
- },
- // 获取左边投资额度分析
- getDate5 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- "mdnb_combofield": this.mockData ? 'B' : 'A',
- "mdnb_datefield": this.year + '-01-01',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqtzedfx', value).then(res => {
- if (res.data.rows.length > 0) {
- let dataList = res.data.rows[0]
- left16[0] = dataList.mdnb_amountfield
- left16[1] = dataList.mdnb_amountfield1
- left16[2] = dataList.mdnb_amountfield2
- left16[3] = dataList.mdnb_decimalfield
- left16[4] = dataList.mdnb_amountfield3
- that.leftEcharts6Fun();
- }
- resolve(1);
- })
- });
- },
- // 获取左边重点项目两线指标
- getDate6 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- "mdnb_combofield": this.mockData ? 'B' : 'A',
- "mdnb_datefield": this.year + '-01-01',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tqzdlxzb', value).then(res => {
- if (res.data.rows[0].mdnb_entryentity1) {
- let dataList2 = this.classify(res.data.rows[0].mdnb_entryentity1, 'mdnb_textfield3')
- // 左边的轮播
- let dataList = []
- this.centerOriginalConfig6 = []
- dataList2.forEach((item, index) => {
- dataList[index] = []
- this.centerOriginalConfig6.push(item.data[0].mdnb_projectnum)
- dataList[index][0] = item.data[0].mdnb_textfield18
- dataList[index][1] = item.data[0].mdnb_textfield3
- dataList[index][2] = that.numFormat(that.yuanChange(item.data[0].mdnb_amountfield24)) + '亿'
- })
- this.storageRecordConfig.data = dataList
- this.storageRecordConfig = { ...this.storageRecordConfig }
- // 右边的柱状图
- left12 = []
- dataList2.forEach((item, index) => {
- left12[index] = [[], [], []]
- that.left12Bottom[index] = []
- for (let i = 0; i < item.data.length; i++) {
- left12[index][0].push(item.data[i].mdnb_integerfield10)
- left12[index][1].push(item.data[i].mdnb_integerfield12)
- left12[index][2].push(item.data[i].mdnb_integerfield9)
- that.left12Bottom[index].push(item.data[i].mdnb_textfield4.replace('(%)', ''))
- }
- })
- that.leftEcharts11Fun()
- } else {
- this.storageRecordConfig.data = []
- this.storageRecordConfig = { ...this.storageRecordConfig }
- left12 = []
- }
- resolve(1);
- })
- });
- },
- // 获取右边顶部条数据
- getDate7 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTabpageap', value).then(res => {
- that.meansList[0].value = res.data.mdnb_one_step
- that.meansList[1].value = res.data.mdnb_two_step
- that.meansList[2].value = res.data.mdnb_three_step
- that.meansList[3].value = res.data.mdnb_four_step
- that.meansList[4].value = res.data.mdnb_five_step
- that.meansList[5].value = res.data.mdnb_six_step
- that.stockRightList[0].value = res.data.mdnb_seven_step
- that.stockRightList[1].value = res.data.mdnb_eight_step
- resolve(1);
- })
- });
- },
- // 获取右边中间左边的(正偏差/容差内/负偏差)
- getDate8 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getInvestSunstraction', value).then(res => {
- that.costList[0].num = res.data.mdnb_projectnum_z
- that.costList[0].value = res.data.mdnb_amountall_z
- that.costList[1].num = res.data.mdnb_projectnum_r
- that.costList[1].value = res.data.mdnb_amountall_r
- that.costList[2].num = res.data.mdnb_projectnum_f
- that.costList[2].value = res.data.mdnb_amountall_f
- resolve(1);
- })
- });
- },
- // 获取右边中间右边的(预算额/已签合同额。。。)
- getDate9 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitBudgetExecuteDate', value).then(res => {
- res.data.forEach((item, index) => {
- right4[index].value = this.yuanChange(item.mdnb_aheadmoney)
- right4[index].value2 = this.yuanChange(item.mdnb_edmoney)
- right4[index].value3 = this.yuanChange(item.mdnb_smoney)
- right4[index].value4 = this.yuanChange(item.mdnb_jmoney)
- right4[index].value5 = this.yuanChange(item.mdnb_fkmoney)
- })
- right4.forEach((item, index) => {
- that.investData.investList[index].name = item.name
- that.investData.investList[index].yse = item.value
- that.investData.investList[index].yqhte = item.value2
- that.investData.investList[index].czrde = item.value3
- that.investData.investList[index].jse = item.value4
- that.investData.investList[index].fke = item.value5
- })
- that.investData = that.investData
- resolve(1);
- })
- });
- },
- // 进度成本偏差
- getDate10 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getInvestSunstractionGas', value).then(res => {
- res.data.forEach((item, index) => {
- right5[0][index][1] = that.numMulti(item.mdnb_amount_zb, 100)
- right5[0][index][2] = that.yuanChange(item.mdnb_amount_z)
- right5[1][index][1] = that.numMulti(item.mdnb_amount_nb, 100)
- right5[1][index][2] = that.yuanChange(item.mdnb_amount_n)
- right5[2][index][1] = that.numMulti(item.mdnb_amount_fb, 100)
- right5[2][index][2] = that.yuanChange(item.mdnb_amount_f)
- })
- that.rightEcharts1Fun();
- resolve(1);
- })
- });
- },
- // 项目风险分析A
- getDate11 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- },
- pageSize: 1000
- }
- let a = []
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitNoSolveDangerDate', value).then(res => {
- right6 = [
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 },
- { value: 0, value2: 0, value3: 0 }
- ]
- res.data.forEach((item, index) => {
- right6[index].value = item.mdnb_height
- right6[index].value2 = item.mdnb_midle
- right6[index].value3 = item.mdnb_bottom
- })
- this.initChartR2()
- resolve(1);
- })
- });
- },
- // 项目风险分析B(雷达图)
- getDate12 () {
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitDangerPoraitDate', value).then(res => {
- res.data.forEach((item, index) => {
- this.riskData.x[index].name = item.mdnb_unity_name3
- this.riskData.x[index].value = []
- this.riskData.x[index].value.push(item.mdnb_anquan)
- this.riskData.x[index].value.push(item.mdnb_fukuan)
- this.riskData.x[index].value.push(item.mdnb_hetong)
- this.riskData.x[index].value.push(item.mdnb_jiesuan)
- this.riskData.x[index].value.push(item.mdnb_jindu)
- this.riskData.x[index].value.push(item.mdnb_securty)
- })
- this.getDate11()
- resolve(1);
- })
- });
- },
- // 预算执行情况分析
- getDate15 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getBudgetExecutionTotal', value).then(res => {
- res.data.forEach((item, index) => {
- this.$set(item, 'mdnb_yusuanmoney', that.yuanChange(item.mdnb_yusuanmoney))
- this.$set(item, 'mdnb_fukuanmoney', that.yuanChange(item.mdnb_fukuanmoney))
- this.$set(item, 'mdnb_jiesuanmoney', that.yuanChange(item.mdnb_jiesuanmoney))
- this.$set(item, 'mdnb_hetongmoney', that.yuanChange(item.mdnb_hetongmoney))
- })
- let a = that.classify(res.data, 'mdnb_unity_name4')
- this.threeCommonCompany = []
- for (var i = 0; i < commonCompany.length; i += 6) {
- this.threeCommonCompany.push(commonCompany.slice(i, i + 6));
- }
- right9 = a.map((item, index) => {
- return item.data.filter((item2, index2) => {
- return (item2.mdnb_fukuanmoney != 0 || item2.mdnb_yusuanmoney != 0 || item2.mdnb_hetongmoney != 0 || item2.mdnb_jiesuanmoney != 0)
- })
- })
- that.budgetX = []
- right9.forEach((item, index) => {
- that.budgetX.push(item.map(item2 => {
- return item2.mdnb_aheadname
- }))
- })
- setTimeout(() => {
- that.initChartR4()
- });
- resolve(1);
- })
- });
- },
- // 中间大屏数据
- getDate14 () {
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- mock: this.mockData,
- presetYear: this.year - 1
- }
- get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/getKeyData', value).then(res => {
- // 头部指标
- if (!res.data) {
- return
- }
- center4[0] = res.data.transformations.estateAmount
- center4[1] = res.data.transformations.estateNum
- center4[2] = res.data.transformations.figureAmount
- center4[3] = res.data.transformations.figureNum
- // 左投部指标
- center1[0] = res.data.keyIndicators.totalSum
- center1[1] = res.data.keyIndicators.total
- center1[2] = res.data.keyIndicators.property
- center1[3] = res.data.keyIndicators.invest
- // 投资产业分布
- center2 = []
- if (res.data.distribution.length != 0) {
- res.data.distribution.forEach((item, i) => {
- center2[i] = {}
- center2[i].name = item.type
- center2[i].y = that.yuanChange(item.amount)
- center2[i].value = that.yuanChange(item.amount)
- center2[i].num = item.count
- center2[i].typeno = item.typeno
- center2[i].proportion = (item.proportion * 100).toFixed(2)
- })
- }
- // 投资执行情况
- center3 = [
- { name: '山西焦煤', value: 0, value2: 0 },
- { name: '晋能控股', value: 0, value2: 0 },
- { name: '华阳新材', value: 0, value2: 0 },
- { name: '潞安化工', value: 0, value2: 0 },
- { name: '华新燃气', value: 0, value2: 0 },
- { name: '太重集团', value: 0, value2: 0 },
- { name: '国际能源', value: 0, value2: 0 },
- { name: '华远陆港', value: 0, value2: 0 },
- { name: '水控集团', value: 0, value2: 0 },
- { name: '文旅集团', value: 0, value2: 0 },
- { name: '交控集团', value: 0, value2: 0 },
- { name: '航产集团', value: 0, value2: 0 },
- { name: '山西建投', value: 0, value2: 0 },
- { name: '汾酒集团', value: 0, value2: 0 },
- { name: '大地控股', value: 0, value2: 0 },
- { name: '云时代', value: 0, value2: 0 },
- { name: '华舰体育', value: 0, value2: 0 },
- { name: '神农科技', value: 0, value2: 0 }
- ]
- res.data.implementationStatus.forEach((item, index) => {
- center3[index].value = that.yuanChange(item.plan)
- center3[index].value2 = that.yuanChange(item.reality)
- })
- center3.sort(that.compare('value'))
- // that.leftEcharts14Fun()
- // 五个一体化
- res.data.five.forEach((item, index) => {
- center6[index] = { name: item.type, value: that.yuanChange(item.amount), typeno: item.typeno }
- })
- // that.leftEcharts15Fun()
- // 管理类型分析
- let center7Count = 0
- res.data.investmentStage.forEach((item, index) => {
- center7Count = that.yuanChange(item.amount) + center7Count
- center7[index] = { name: item.type, value: Number(item.num), value2: that.yuanChange(item.amount), typeno: item.typeno, sliced: false, selected: false }
- })
- center7.forEach((item, index) => {
- if (item.value2) {
- item.proportion = (item.value2 / center7Count * 100).toFixed(2)
- } else {
- item.proportion = 0
- }
- })
- // 重点项目监控
- center8 = []
- // this.originalConfig6 = res.data.projectMonitoring
- this.centerOriginalConfig7 = res.data.projectMonitoring
- res.data.projectMonitoring.forEach((item, index) => {
- center8.push({ value: item.amount, name: item.projectname, office: item.orgName, type: item.projectjd })
- })
- let dataList = []
- center8.map(item => {
- dataList.push([item.office, item.name, item.type, this.yuanChange(item.value) + '亿', item.typeno])
- })
- this.storageRecordConfig2.data = dataList
- this.storageRecordConfig2 = { ...this.storageRecordConfig2 }
- // 中国地图
- centerChina = []
- res.data.investmentMap.forEach((item, index) => {
- centerChina.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
- })
- setTimeout(() => {
- that.chinaEchartsFun()
- that.leftEcharts16Fun() // 中国地图背景地球
- })
- resolve(1);
- })
- });
- },
- // 点击八卦的方法
- cilikEight (param) {
- let that = this
- that.rightAdd.modelName = 2
- that.rightAdd.substraction = ''
- that.rightAdd.projectStepCode = ''
- that.projectNum = 314
- that.rightPenetrateTwo(2, '', that.findCode(this.investData.investList[this.witchs].name), 'right')
- },
- // 解决除法是去精度
- numDiv (num1, num2) {
- var baseNum1 = 0, baseNum2 = 0;
- var baseNum3, baseNum4;
- try {
- baseNum1 = num1.toString().split(".")[1].length;
- } catch (e) {
- baseNum1 = 0;
- }
- try {
- baseNum2 = num2.toString().split(".")[1].length;
- } catch (e) {
- baseNum2 = 0;
- }
- with (Math) {
- baseNum3 = Number(num1.toString().replace(".", ""));
- baseNum4 = Number(num2.toString().replace(".", ""));
- return (baseNum3 / baseNum4) * pow(10, baseNum2 - baseNum1);
- }
- },
- // 解决乘法失去精度
- numMulti (num1, num2) {
- var baseNum = 0;
- try {
- baseNum += num1.toString().split(".")[1].length;
- } catch (e) {
- }
- try {
- baseNum += num2.toString().split(".")[1].length;
- } catch (e) {
- }
- return Number(num1.toString().replace(".", "")) * Number(num2.toString().replace(".", "")) / Math.pow(10, baseNum);
- },
- // 解决减法失去精度
- numSub (num1, num2) {
- var baseNum, baseNum1, baseNum2;
- var precision;// 精度
- try {
- baseNum1 = num1.toString().split(".")[1].length;
- } catch (e) {
- baseNum1 = 0;
- }
- try {
- baseNum2 = num2.toString().split(".")[1].length;
- } catch (e) {
- baseNum2 = 0;
- }
- baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
- precision = (baseNum1 >= baseNum2) ? baseNum1 : baseNum2;
- return ((num1 * baseNum - num2 * baseNum) / baseNum).toFixed(precision);
- },
- rightEcharts1Fun () {
- let that = this
- let sumA = 42
- // 所有在100范围外的全部变成0,其他值相应增加/减少sumA
- right5.forEach(item => {
- item.forEach(item2 => {
- if (Number(item2[1]) < 0) {
- item2[1] = that.$set(item2, 1, Number(that.numSub(item2[1], sumA)))
- } else if (Number(item2[1]) > 0) {
- item2[1] = that.$set(item2, 1, Number(item2[1]) + sumA)
- }
- if (Number(item2[1]) < (-100 - sumA)) {
- item2[1] = that.$set(item2, 1, 0)
- item2[1] = that.$set(item2, 2, 0)
- } else if (Number(item2[1]) > (100 + sumA)) {
- item2[1] = that.$set(item2, 1, 0)
- item2[1] = that.$set(item2, 2, 0)
- }
- })
- })
- const itemStyle = {
- // opacity: 0.8,
- shadowBlur: 10,
- shadowOffsetX: 0,
- shadowOffsetY: 0,
- shadowColor: 'rgba(0,0,0,0.3)'
- };
- that.rightEcharts1 = echarts.init(this.$refs['rightEcharts1'])
- that.rightEcharts1.on('showTip', (params) => {
- // 如果是7或者15并且满足防抖则切换
- if ((params.dataIndex == 5 || params.dataIndex == 11) && that.echartR2Fd) {
- that.echartR2Fd = false
- setTimeout(() => {
- option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6
- option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6
- that.rightEcharts1.setOption(option);
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartR2Fd = true
- }, 2000)
- }, 1900);
- // 如果是17表示到了最后一个,那么重新来一遍
- } else if (params.dataIndex == 17 && that.echartR2Fd) {
- that.echartR2Fd = false
- setTimeout(() => {
- option.dataZoom[0].endValue = 0
- option.dataZoom[0].startValue = 5
- that.rightEcharts1.setOption(option);
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartR2Fd = true
- }, 2000)
- }, 1900)
- }
- })
- let option = {
- color: [{
- type: 'radial', // linear 线性渐变 radial径向渐变
- x: 0.5,
- y: 0.5,
- r: 0.5,
- colorStops: [{
- offset: 0, color: '#58F7DF' // 0% 处的颜色
- }, {
- offset: 1, color: '#4ECFBB' // 100% 处的颜色
- }]
- },
- {
- type: 'radial', // linear 线性渐变 radial径向渐变
- x: 0.5,
- y: 0.5,
- r: 0.5,
- colorStops: [{
- offset: 0, color: '#7FD9FF' // 0% 处的颜色
- }, {
- offset: 1, color: '#40A9FF' // 100% 处的颜色
- }]
- }, {
- type: 'radial', // linear 线性渐变 radial径向渐变
- x: 0.5,
- y: 0.5,
- r: 0.5,
- colorStops: [{
- offset: 0, color: '#FF9592' // 0% 处的颜色
- }, {
- offset: 1, color: '#D2706D' // 100% 处的颜色
- }]
- }
- ],
- dataZoom: [
- {
- // start: 9,//默认为@
- // end: 100,//黑认认为1@0
- type: "slider",
- show: false,
- // xAxisIndex: [0]
- handlesize: 0,//滑动条的 左右2个滑动条的大小
- startValue: 5,// 初始显示值
- endValue: 0,// 结束显示值
- height: 10,//组件高度
- left: "5%",
- right: "4%",//右边的距离
- bottom: "25%",//底边的距离
- borderColor: "#939",
- fillerColor: "#269cdb",
- borderRadius: 5,
- backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
- showDataShadow: false,//是否显示数据阴影
- showDetail: false,//即拖拽时候是否显示详细数值信息
- truerealtime: true,//是否实时更新
- filterMode: "filter"
- }, {
- type: 'inside',
- show: true,
- start: 1,
- end: 100,
- zoomOnMouseWheel: false, //滚轮是否触发缩放
- moveOnMouseMove: false, //鼠标滚轮触发滚动
- }
- ],
- legend: {
- selectedMode: false,
- top: 20,
- data: ['正偏差', '容差', '负偏差'],
- textStyle: {
- fontSize: 24,
- color: '#fff',
- fontFamily: 'Microsoft YaHei'
- }
- },
- textStyle: {
- color: '#fff',
- fontSize: 20,
- fontFamily: 'Microsoft YaHei',
- },
- tooltip: {
- show: true,
- trigger: "axis",
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- fontFamily: 'Microsoft YaHei',
- },
- formatter: data => {
- 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])}亿`
- },
- axisPointer: {
- // // type: 'cross',',
- },
- },
- grid: {
- top: '10%',
- right: '7%',
- left: '7%',
- bottom: '5%',
- },
- yAxis: {
- min: (-101 - sumA),
- max: (101 + sumA),
- maxInterval: 1,
- splitLine: {
- show: false,
- // interval:,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLine: {
- show: false
- },
- axisTick: {
- show: false
- },
- axisLabel: {
- show: true,
- // formatter: '{value}',
- formatter (data) {
- if (data == (100 + sumA)) {
- return '100%'
- } else if (data == (-100 - sumA)) {
- return '-100%'
- } else if (data == (-5 - sumA)) {
- return '-5%'
- } else if (data == (5 + sumA)) {
- return '5%'
- }
- },
- textStyle: {
- color: '#fff',
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- },
- nameTextStyle: {
- color: '#fff',
- fontSize: 20,
- fontFamily: 'Microsoft YaHei'
- },
- },
- xAxis: {
- data: commonCompany,
- axisLine: {
- show: false, //隐藏X轴轴线
- lineStyle: {
- color: '#005094',
- width: 1,
- },
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisTick: {
- show: true, //隐藏X轴刻度
- },
- axisLabel: {
- show: true,
- // rotate: 40,
- padding: [0, 0, 0, 0],
- textStyle: {
- color: '#fff', //X轴文字颜色
- fontSize: 20,
- fontFamily: 'Microsoft YaHei'
- },
- },
- },
- series: [
- {
- name: '正偏差',
- type: 'scatter',
- itemStyle: itemStyle,
- data: right5[0],
- symbolSize: function (data) {
- if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
- return 40;
- } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
- return 70;
- } else if (data[2] > 100) {
- return 100;
- }
- },
- markLine: {
- symbol: 'none',
- data: [
- {
- name: '100%',
- yAxis: 100 + sumA,
- lineStyle: {
- // color: '#fff',
- },
- label: {
- show: false,
- formatter: '{b}',
- position: 'right',
- color: '#fff',
- fontSize: 20,
- label: {
- show: false
- }
- },
- },
- {
- name: '5%',
- yAxis: 5 + sumA,
- lineStyle: {
- // color: '#fff',
- },
- label: {
- show: false,
- formatter: '{b}',
- position: 'right',
- color: '#fff',
- fontSize: 20,
- },
- },
- {
- name: '-5%',
- yAxis: -5 - sumA,
- lineStyle: {
- // color: '#fff',
- },
- label: {
- show: false,
- formatter: '{b}',
- position: 'right',
- color: '#fff',
- fontSize: 20,
- },
- },
- {
- name: '100%',
- yAxis: -100 - sumA,
- lineStyle: {
- // color: '#fff',
- },
- label: {
- show: false,
- formatter: '{b}',
- position: 'right',
- color: '#fff',
- fontSize: 20,
- },
- },
- ],
- },
- },
- {
- name: '容差',
- type: 'scatter',
- itemStyle: itemStyle,
- data: right5[1],
- symbolSize: function (data) {
- if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
- return 40;
- } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
- return 70;
- } else if (data[2] > 100) {
- return 100;
- }
- },
- },
- {
- name: '负偏差',
- type: 'scatter',
- itemStyle: itemStyle,
- data: right5[2],
- symbolSize: function (data) {
- if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
- return 40;
- } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
- return 70;
- } else if (data[2] > 100) {
- return 100;
- }
- },
- }
- ]
- }
- that.rightEcharts1.on('click', function (param) {
- return
- that.rightAdd.modelName = 1
- that.rightAdd.substraction = param.seriesName == '正偏差' ? 1 : param.seriesName == '容差' ? 2 : 3
- that.rightAdd.projectStepCode = ''
- that.projectNum = 313
- that.rightPenetrateTwo(1, param.seriesName == '正偏差' ? 1 : param.seriesName == '容差' ? 2 : 3, that.findCode(param.name), 'right')
- })
- that.rightEcharts1.setOption(option)
- tools.loopShowTooltip(that.rightEcharts1, option, {
- interval: 2000,
- loopSeries: true,
- })
- },
- initChartR2 () {
- let that = this;
- that.right1Chart = echarts.init(this.$refs["echartR2"]);
- that.right1Chart.on('showTip', (params) => {
- // 如果是7或者15并且满足防抖则切换
- if ((params.dataIndex == 5 || params.dataIndex == 11) && that.echartR3Fd) {
- that.echartR3Fd = false
- setTimeout(() => {
- option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6
- option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6
- that.right1Chart.setOption(option);
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartR3Fd = true
- }, 2000)
- }, 1900);
- // 如果是17表示到了最后一个,那么重新来一遍
- } else if (params.dataIndex == 17 && that.echartR3Fd) {
- that.echartR3Fd = false
- setTimeout(() => {
- option.dataZoom[0].endValue = 0
- option.dataZoom[0].startValue = 5
- that.right1Chart.setOption(option);
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartR3Fd = true
- }, 2000)
- }, 1900)
- }
- })
- let option = {
- color: [
- {
- type: "linear",
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [
- {
- offset: 0,
- color: "#07806E", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#79FFEB", // 100% 处的颜色
- },
- ],
- global: false, // 缺省为 false
- },
- {
- type: "linear",
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [
- {
- offset: 0,
- color: "#9F7F00", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#FBE463", // 100% 处的颜色
- },
- ],
- global: false, // 缺省为 false
- },
- {
- type: "linear",
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [
- {
- offset: 0,
- color: "#91231F", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#F98784", // 100% 处的颜色
- },
- ],
- global: false, // 缺省为 false
- },
- ],
- dataZoom: [
- {
- // start: 9,//默认为@
- // end: 100,//黑认认为1@0
- type: "slider",
- show: false,
- // xAxisIndex: [0]
- handlesize: 0,//滑动条的 左右2个滑动条的大小
- startValue: 5,// 初始显示值
- endValue: 0,// 结束显示值
- height: 10,//组件高度
- left: "5%",
- right: "4%",//右边的距离
- bottom: "25%",//底边的距离
- borderColor: "#939",
- fillerColor: "#269cdb",
- borderRadius: 5,
- backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
- showDataShadow: false,//是否显示数据阴影
- showDetail: false,//即拖拽时候是否显示详细数值信息
- truerealtime: true,//是否实时更新
- filterMode: "filter"
- }, {
- type: 'inside',
- show: true,
- start: 1,
- end: 100,
- zoomOnMouseWheel: false, //滚轮是否触发缩放
- moveOnMouseMove: false, //鼠标滚轮触发滚动
- }
- ],
- legend: {
- top: 10,
- textStyle: {
- fontSize: 24,
- color: "#fff",
- fontFamily: "Microsoft YaHei",
- },
- itemStyle: {
- borderCap: "round",
- },
- },
- tooltip: {
- // trigger: "item",
- trigger: "axis",
- show: true,
- position: "top",
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- confine: true, // 不超出当前表
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- fontFamily: 'Microsoft YaHei',
- },
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- formatter: function (p) {
- that.r3Index = p[0].dataIndex;
- if (Math.max(...that.riskData.x[p[0].dataIndex].value) > 15) {
- that.radarNum = 3
- } else {
- that.radarNum = 2
- }
- that.right3Chart && that.right3Chart.dispose()
- that.initChartR3();
- return `${p[0].name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#79FFEB;"></span>低风险:${p[0].data}个<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#FBE463;"></span>中风险:${p[1].data}个<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#F98784;"></span>高风险:${p[2].data}个`
- },
- },
- grid: {
- left: "3%",
- right: "4%",
- bottom: "3%",
- containLabel: true,
- },
- xAxis: [
- {
- type: "category",
- data: commonCompany,
- axisLine: {
- show: true,
- lineStyle: {
- color: "rgba(0, 80, 148, .8)",
- },
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- color: "#fff",
- rotate: 20,
- fontSize: 20,
- },
- },
- ],
- yAxis: [
- {
- name: '个',
- type: "value",
- minInterval: 1, // 最小间隔1
- axisLabel: {
- color: "#fff",
- fontSize: 20,
- },
- nameTextStyle: {//y轴上方单位的颜色
- color: '#fff',
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: "rgba(104, 180, 221, .2)",
- type: "dashed",
- },
- },
- },
- ],
- series: [
- {
- name: "低风险",
- type: "bar",
- stack: "Ad",
- barWidth: 14,
- emphasis: {
- focus: "series",
- },
- itemStyle: {
- barBorderRadius: [15, 15, 15, 15],
- },
- data: right6.map(item => item.value3),
- },
- {
- name: "中风险",
- type: "bar",
- barWidth: 14,
- stack: "Ad",
- itemStyle: {
- barBorderRadius: [15, 15, 15, 15],
- },
- emphasis: {
- focus: "series",
- },
- data: right6.map(item => item.value2),
- },
- {
- name: "高风险",
- type: "bar",
- barWidth: 14,
- stack: "Ad",
- itemStyle: {
- barBorderRadius: [15, 15, 15, 15],
- },
- emphasis: {
- focus: "series",
- },
- data: right6.map(item => item.value),
- },
- ],
- };
- that.right1Chart.getZr().on('click', function (param) {
- return
- // 获取 点击的 触发点像素坐标
- const pointInPixel = [param.offsetX, param.offsetY]
- // 判断给定的点是否在指定的坐标系或者系列上
- if (that.right1Chart.containPixel('grid', pointInPixel)) {
- // 获取到点击的 x轴 下标 转换为逻辑坐标
- const xIndex = that.right1Chart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
- that.rightAdd.modelName = 3
- that.rightAdd.substraction = ''
- that.rightAdd.projectStepCode = ''
- that.projectNum = 315
- that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(commonCompany[Math.abs(xIndex)]), 'right')
- }
- })
- that.right1Chart.setOption(option);
- tools.loopShowTooltip(that.right1Chart, option, {
- interval: 2000,
- loopSeries: true,
- })
- },
- initChartR3 () {
- let that = this;
- that.right3Chart = echarts.init(this.$refs["echartR3"]);
- let option = {
- radar: {
- // shape: 'circle',
- splitNumber: that.radarNum,
- splitLine: {
- lineStyle: {
- color: that.radarNum == 3 ? ["#C25253", "#45C9B5", "#D1B83A"] : ["#D1B83A", "#45C9B5"],
- },
- },
- name: { //修改indicator文字的颜色
- textStyle: {
- fontSize: 20,
- color: '#fff'
- }
- },
- // axisLine: { // 设置雷达图中间射线的颜色
- // lineStyle: {
- // color: '#fff',
- // },
- // },
- // splitArea: {
- // areaStyle: {
- // color: that.radarNum == 3 ? [
- // "rgba(88,247,223,0.2)",
- // "rgba(255, 224, 54, 0.2)",
- // "rgba(221,89,85,0.3)",
- // ] : [
- // "rgba(88,247,223,0.2)",
- // "rgba(255, 224, 54, 0.2)",
- // ],
- // },
- // },
- axisLine: { // 设置雷达图中间射线的颜色
- lineStyle: {
- color: '#e3d896',
- },
- },
- splitLine: { //网格颜色设置
- show: true,
- lineStyle: {
- width: 1,
- color: ['#871b1a', '#638f41', '#d29e35', '#b6802b']
- },
- },
- splitArea: { //设置图表颜色,show的值为true
- show: true,
- areaStyle: {
- // color:"#c1ddf8", //一般设置方式
- //设置渐变背景色 new echarts.graphic.LinearGradient(a,b,c,d,arr)
- //a ,b,c,d值可为0,1 a:1表示arr中的颜色右到左;c:1 arr中的颜色左到右
- //b:1表示arr中的颜色下到上;d:1表示arr中的颜色上到下
- // color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
- // { offset: 0, color: '#887D33' }, // 0% 处的颜色
- // { offset: 0.75, color: '#7D4216' }, // 0% 处的颜色
- // { offset: 1, color: '#430705' }// 100% 处的颜色
- // ], false)
- color: ['#638f41', '#887d33', '#7d4216', '#430705'],
- }
- },
- indicator: [
- { name: "安全风险", max: that.radarNum == 3 ? 25 : 15 },
- { name: "付款风险", max: that.radarNum == 3 ? 25 : 15 },
- { name: "合同风险", max: that.radarNum == 3 ? 25 : 15 },
- { name: "结算风险", max: that.radarNum == 3 ? 25 : 15 },
- { name: "进度风险", max: that.radarNum == 3 ? 25 : 15 },
- { name: "质量风险", max: that.radarNum == 3 ? 25 : 15 },
- ],
- },
- series: [
- {
- name: "风险",
- type: "radar",
- symbol: "circle",
- label: {
- show: true,
- formatter: function (params) {
- return params.value;
- },
- fontSize: 24,
- color: "#68BDFF",
- },
- data: [
- {
- value: that.riskData.x[that.r3Index].value,
- itemStyle: { //该数值区域样式设置
- normal: {
- color: 'rgb(44,198,255,0.8)', //背景颜色,还需设置areaStyle
- lineStyle: {
- color: 'rgb(44,198,255,0.8)', //边框颜色
- },
- },
- },
- label: { //显示value中具体的数值
- normal: {
- show: true,
- textStyle: { //更改数值样式
- color: '#43EDE3'
- }
- },
- },
- areaStyle: { //设置区域背景颜色透明度
- normal: {
- width: 1,
- opacity: 0.8,
- },
- },
- // areaStyle: {
- // color: "#112b75",
- // },
- // lineStyle: {
- // width: 4,
- // color: "#60C1FF",
- // },
- // label: {
- // fontSize: 22,
- // },
- },
- ],
- },
- ],
- };
- that.right3Chart.setOption(option);
- },
- initChartR4 () {
- let that = this;
- that.right4Chart = echarts.init(this.$refs["echartR4"]);
- that.right4Chart.on('showTip', (params) => {
- // 如果轮播到最后一个了
- if ((params.dataIndex == (right9[that.right3ChartIndex].length - 1)) && that.echartR4Fd) {
- that.echartR4Fd = false
- setTimeout(() => {
- // 销毁省属自动轮播
- if (that.right3ChartIndex < right9.length - 1) {
- that.right3ChartIndex = that.right3ChartIndex + 1
- } else {
- that.right3ChartIndex = 0
- }
- that.right4Chart && that.right4Chart.dispose()
- that.initChartR4()
- that.clickItem(that.right3ChartIndex)
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartR4Fd = true
- })
- }, 1900)
- // 如果没有轮播到最后一个
- } else if (((params.dataIndex + 1) % 6 == 0) && that.echartR4Fd) {
- that.echartR4Fd = false
- setTimeout(() => {
- option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6
- option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6
- that.right4Chart.setOption(option);
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartR4Fd = true
- })
- }, 1900);
- }
- })
- let option = {
- tooltip: {
- formatter: (data, ticket, callback) => {
- 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)}亿`
- },
- confine: true, // 不超出当前表
- textStyle: {
- color: '#FFF', // 文字的颜色
- fontSize: '24', // 文字字体大小
- fontFamily: 'Microsoft YaHei'
- },
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- trigger: 'axis',
- axisPointer: {
- type: 'shadow',
- },
- },
- dataZoom: [
- {
- // start: 9,//默认为@
- // end: 100,//黑认认为1@0
- type: "slider",
- show: false,
- // xAxisIndex: [0]
- handlesize: 0,//滑动条的 左右2个滑动条的大小
- startValue: 5,// 初始显示值
- endValue: 0,// 结束显示值
- height: 10,//组件高度
- left: "5%",
- right: "4%",//右边的距离
- bottom: "25%",//底边的距离
- borderColor: "#939",
- fillerColor: "#269cdb",
- borderRadius: 5,
- backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
- showDataShadow: false,//是否显示数据阴影
- showDetail: false,//即拖拽时候是否显示详细数值信息
- truerealtime: true,//是否实时更新
- filterMode: "filter"
- }, {
- type: 'inside',
- show: true,
- start: 1,
- end: 100,
- zoomOnMouseWheel: false, //滚轮是否触发缩放
- moveOnMouseMove: false, //鼠标滚轮触发滚动
- }
- ],
- grid: {
- top: '16%',
- right: '5%',
- left: '5%',
- bottom: '37%',
- },
- legend: {
- selectedMode: false,
- data: ["预算额", '合同额', '结算额', '付款额'],
- x: 'center',
- y: '15',
- textStyle: {
- color: '#fff',
- fontSize: "24",
- fontFamily: 'Microsoft YaHei'
- },
- },
- xAxis: {
- data: that.budgetX[that.right3ChartIndex],
- axisLine: {
- show: true, //隐藏X轴轴线
- lineStyle: {
- color: '#005094',
- width: 1,
- },
- },
- axisTick: {
- show: false, //隐藏X轴刻度
- },
- axisLabel: {
- show: true,
- rotate: 40,
- textStyle: {
- color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
- fontSize: "20",
- fontFamily: 'Microsoft YaHei'
- },
- },
- },
- yAxis: [
- {
- type: 'value',
- name: '亿',
- nameTextStyle: {
- color: 'rgba(255,255,255,0.6)',
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- axisLine: {
- show: true,
- lineStyle: {
- color: '#3D7495',
- },
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: '#fff',
- fontSize: "20",
- fontFamily: 'Microsoft YaHei'
- },
- },
- nameTextStyle: {
- color: '#fff',
- fontSize: 20,
- fontFamily: 'Microsoft YaHei'
- },
- },
- ],
- series: [
- {
- name: '预算额',
- type: 'bar',
- barWidth: 10,
- itemStyle: {
- normal: {
- barBorderRadius: [10, 10, 0, 0],
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#40A9FF',
- },
- {
- offset: 1,
- color: '#092351',
- },
- ]),
- },
- },
- data: right9[that.right3ChartIndex].map(item => item.mdnb_yusuanmoney),
- },
- {
- name: '合同额',
- type: 'bar',
- barWidth: 10,
- itemStyle: {
- normal: {
- barBorderRadius: [10, 10, 0, 0],
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#58F7DF',
- },
- {
- offset: 1,
- color: '#092351',
- },
- ]),
- },
- },
- data: right9[that.right3ChartIndex].map(item => item.mdnb_hetongmoney),
- },
- {
- name: '结算额',
- type: 'bar',
- barWidth: 10,
- itemStyle: {
- normal: {
- barBorderRadius: [10, 10, 0, 0],
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#B78CFF',
- },
- {
- offset: 1,
- color: '#092351',
- },
- ]),
- },
- },
- data: right9[that.right3ChartIndex].map(item => item.mdnb_jiesuanmoney),
- },
- {
- name: '付款额',
- type: 'bar',
- barWidth: 10,
- itemStyle: {
- normal: {
- barBorderRadius: [10, 10, 0, 0],
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: '#FFE036',
- },
- {
- offset: 1,
- color: '#092351',
- },
- ]),
- },
- },
- data: right9[that.right3ChartIndex].map(item => item.mdnb_fukuanmoney),
- },
- ],
- }
- that.right4Chart.getZr().on('click', function (param) {
- return
- // 获取 点击的 触发点像素坐标
- const pointInPixel = [param.offsetX, param.offsetY]
- // 判断给定的点是否在指定的坐标系或者系列上
- if (that.right4Chart.containPixel('grid', pointInPixel)) {
- // 获取到点击的 x轴 下标 转换为逻辑坐标
- const xIndex = that.right4Chart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
- that.boardType = 'right2'
- let value = {
- access_token: that.access_token,
- presetYear: this.year,
- "request": {
- isInsert: that.mockData ? '1' : '0',
- orgName: that.findCode(commonCompany[that.right3ChartIndex]),
- aheadName: that.budgetX[that.right3ChartIndex][Math.abs(xIndex)]
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getBudgetExecutionAnalysis', value).then(res => {
- that.rightOriginalConfig6 = res.data
- that.config6.header = ["企业集团", "标准预算项", '项目名称', '预算额(万元)', '合同额(万元)', '结算额(万元)', '付款额(万元)']
- that.config6.data = []
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_unity_name4
- that.config6.data[index][1] = item.mdnb_aheadname
- that.config6.data[index][2] = item.mdnb_proname
- that.config6.data[index][3] = that.numFormat(item.mdnb_yusuanmoney / 10000)
- that.config6.data[index][4] = that.numFormat(item.mdnb_hetongmoney / 10000)
- that.config6.data[index][5] = that.numFormat(item.mdnb_jiesuanmoney / 10000)
- that.config6.data[index][6] = that.numFormat(item.mdnb_fukuanmoney / 10000)
- })
- that.config6.columnWidth = [300, 1050, 1050, 300, 300, 300, 500]
- that.config6 = { ...that.config6 }
- that.projectListTipShow = true
- })
- }
- })
- // dataZoom: [
- // {
- // // start: 9,//默认为@
- // // end: 100,//黑认认为1@0
- // type: "slider",
- // show: false,
- // // xAxisIndex: [0]
- // handlesize: 0, //滑动条的 左右2个滑动条的大小
- // startValue: 5, // 初始显示值
- // endValue: 0, // 结束显示值
- // height: 10, //组件高度
- // left: "5%",
- // right: "4%", //右边的距离
- // bottom: "25%", //底边的距离
- // borderColor: "#939",
- // fillerColor: "#269cdb",
- // borderRadius: 5,
- // backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
- // showDataShadow: false, //是否显示数据阴影
- // showDetail: false, //即拖拽时候是否显示详细数值信息
- // truerealtime: true, //是否实时更新
- // filterMode: "filter",
- // },
- // {
- // type: "inside",
- // show: true,
- // start: 1,
- // end: 100,
- // zoomOnMouseWheel: false, //滚轮是否触发缩放
- // moveOnMouseMove: false, //鼠标滚轮触发滚动
- // },
- // ],
- // title: {
- // text: "企业后评价执行情况",
- // left: "center",
- // textStyle: {
- // color: "#fff",
- // fontSize: 32,
- // },
- // },
- // tooltip: {
- // trigger: "item",
- // show: true,
- // position: "top",
- // backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- // borderColor: "rgba(50,50,50,0.7)",
- // confine: true,
- // textStyle: {
- // color: "#fff",
- // fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- // fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- // fontSize: "28", // 文字字体大小
- // },
- // formatter: function (p) {
- // return `${p.name}<br>首次评价:应开展${that.riskData1.y1[p.dataIndex]}个,已完成${that.riskData1.y2[p.dataIndex]}个<br>
- // 再次评价:应开展${that.riskData1.y3[p.dataIndex]}个,已完成${that.riskData1.y4[p.dataIndex]}个,达标${that.riskData1.y5[p.dataIndex]}个`
- // },
- // },
- // legend: {
- // show: true,
- // textStyle: {
- // fontSize: 20,
- // color: "#fff",
- // },
- // inactiveColor: "#fff",
- // // itemHeight: 20,
- // top: "15%",
- // backgroundColor: "transparent",
- // data: [
- // {
- // name: "应首评项目数",
- // // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWdJREFUOE+N0k8og3EYB/Dvs8P8CSlTxJGD8u+yTYmNm0gJQznIQRxMoV2cXWSKCznIQdk7SkmOEomNg41y4EjURkLZFI/ed3vX+5v82nt4357n9/s8Pe/v9xCST6+fzVHGKAMDAKqT6WsCNi2ElS0Xfak5Ul+tfi77YewBqNcLpH0vTYSOAxc9kFo5wghINus2lJMPOzl8PE6EpX8qC2lmuMmp8CmABn3FVgJ4bIloLggEnwRzRg6F4wSY9fR2J1CUnYieY0DPrgDiUvASA7pF8PGnJXsp4LEC3wx4L4DAY1pLLQq7GVjM5KcJmKC2fc76fNeOtU6GmBDOzYMt04sLmQjt2sUZRyMCjAEYBKNKyxNuAGwUA8vCaBhbcSrMxviwj1JFU7Nk3NC49iqAk+FCObAu3AngfLJCDmpmjgVwNdskB5UjPgHcrvbLQXmXVwD3O1NyYGmeFkD0aF4OCmqHBPAWXhfAL4WqeuKVsFKCAAAAAElFTkSuQmCC",
- // },
- // {
- // name: "已完成首评项目数",
- // // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAXFJREFUOE+V0kFLAkEUB/D/G9eW3UN1sFPYNaJAu2R0Coog8mq0fQH1kEVBhz5Ah6CoLhrdE/LqKQo6VZ7SKCKChKRTBRmhbq47oabsZC22h1nem/k93jCP8P0F+E2HQ1dD4NAAGqqn+TUI8YpciCVo8LOaoeoSKOR6GTOSxOFtFLD+OSFtmpI/obqfqFqZ6Wrqr8NNyJHJK4aPtNLDAue0+1vlnzkiHqG5YvYcwGhj08MUhJyuWhgrvyBjFq3uogp0AB2NbFR2o5sctfCNVxDWc1ag/xPQR0tLXqYg6HTBBMd++RXplpZK2Qg4dtq5NAiLNM3v5a6ilALBY4s4rvKKMdLWw4EjU4E0U3s462gwXQ3DMLeJsfpgmCYgsSVTLkSF0bC24r9NcWucHPA1izZnyXpg8vRIAMfjU/ZgLH4ogDNt1h4Mb8YEcLkSsgf9y+sCuNtaswd92qoAHuMb9qBnIiiA55M9e9DpnRfAe/pAAF9gqJXUYWdYUwAAAABJRU5ErkJggg==",
- // },
- // {
- // name: "应再评项目数",
- // // 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",
- // },
- // {
- // name: "已完成再评项目数",
- // // 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=",
- // },
- // {
- // name: "再评达标项目数",
- // // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE+V0k8og2EcwPHvkzVZLLm6KItEzWlclIPbdhGKcsCJwzZFdtgOK+8OimIXTjgoSrisXByUgz8nE4mmXFwlZmuaPXr3r/eZ9sZ7eN9+v/f5/J6n3/MTFJ9wWFpTFqYFjAFdxfSthF1blo1wWHzpOaG/gppszkIM6C4VqPheW8ATCYkXoVdOW7g0WVyy8ZSdHhFYlF4E0SqV1bTEJwKaPAd6S3/aWmHEU4j2Y/D4pJgLHWQAaykd9ENDfSH6SEJkTQGZ/4LkryO1O2DYDbkcHB7DQ6LiSAua9AlQN67SAQl+4Y3KWtt7vq1Os04JuPm04/rrxcUt4M5fnHE00jXMIBgHOor5eyQ7dd+sK6NhPEpAk9IYL4VEuWh5lowLfKE3BUS1RnMwOZtQwNaqwxwMTp0p4Gizzxz0D+0p4PRg1Bw4B1YUED+ZMwctrnkFPF8tm4OmzgkFvN5tK+AHKZh4TU8krdoAAAAASUVORK5CYII=",
- // },
- // ],
- // },
- // grid: {
- // top: "30%",
- // left: "3%",
- // right: "4%",
- // bottom: "3%",
- // containLabel: true,
- // },
- // xAxis: {
- // data: that.riskData1.x,
- // type: "category",
- // splitLine: {
- // show: false,
- // },
- // alignTicks: true,
- // axisLine: {
- // show: true,
- // lineStyle: {
- // color: "rgba(0, 80, 148, .8)",
- // },
- // },
- // axisTick: {
- // show: false,
- // },
- // axisLabel: {
- // color: "#fff",
- // fontSize: 22,
- // rotate: 20,
- // },
- // },
- // yAxis: {
- // type: "value",
- // splitLine: {
- // show: true,
- // lineStyle: {
- // color: "rgba(104, 180, 221, .2)",
- // type: "dashed",
- // },
- // },
- // axisLine: {
- // show: false,
- // },
- // axisTick: {
- // show: false,
- // },
- // axisLabel: {
- // color: "#fff",
- // fontSize: 22,
- // },
- // },
- // series: [
- // {
- // type: "bar",
- // name: "应首评项目数",
- // barWidth: 10,
- // // barGap: "600%",
- // data: that.riskData1.y1,
- // // label: {
- // // show: true,
- // // position: "top",
- // // formatter: " ",
- // // width: 6,
- // // height: 6,
- // // borderRadius: 50,
- // // borderWidth: 6,
- // // borderColor: "#40A9FF",
- // // backgroundColor: "#fff",
- // // },
- // itemStyle: {
- // color: {
- // x: 0,
- // y: 0,
- // x2: 0,
- // y2: 1,
- // colorStops: [
- // {
- // offset: 0,
- // color: "#40A9FF", // 0% 处的颜色
- // },
- // {
- // offset: 1,
- // color: "#092351", // 100% 处的颜色
- // },
- // ],
- // },
- // },
- // },
- // {
- // type: "bar",
- // name: "已完成首评项目数",
- // // barGap: "600%",
- // barWidth: 10,
- // data: that.riskData1.y2,
- // // label: {
- // // show: true,
- // // position: "top",
- // // formatter: " ",
- // // width: 6,
- // // height: 6,
- // // borderRadius: 50,
- // // borderWidth: 6,
- // // borderColor: "#58F7DF",
- // // backgroundColor: "#fff",
- // // },
- // itemStyle: {
- // color: {
- // x: 0,
- // y: 0,
- // x2: 0,
- // y2: 1,
- // colorStops: [
- // {
- // offset: 0,
- // color: "#58F7DF", // 0% 处的颜色
- // },
- // {
- // offset: 1,
- // color: "#092351", // 100% 处的颜色
- // },
- // ],
- // },
- // },
- // },
- // {
- // type: "bar",
- // name: "应再评项目数",
- // // barGap: "600%",
- // barWidth: 10,
- // data: that.riskData1.y3,
- // // label: {
- // // show: true,
- // // position: "top",
- // // formatter: " ",
- // // width: 6,
- // // height: 6,
- // // borderRadius: 50,
- // // borderWidth: 6,
- // // borderColor: "#B78CFF",
- // // backgroundColor: "#fff",
- // // },
- // itemStyle: {
- // color: {
- // x: 0,
- // y: 0,
- // x2: 0,
- // y2: 1,
- // colorStops: [
- // {
- // offset: 0,
- // color: "#B78CFF", // 0% 处的颜色
- // },
- // {
- // offset: 1,
- // color: "#092351", // 100% 处的颜色
- // },
- // ],
- // },
- // },
- // },
- // {
- // type: "bar",
- // name: "已完成再评项目数",
- // // barGap: "600%",
- // barWidth: 10,
- // data: that.riskData1.y4,
- // // label: {
- // // show: true,
- // // position: "top",
- // // formatter: " ",
- // // width: 6,
- // // height: 6,
- // // borderRadius: 50,
- // // borderWidth: 6,
- // // borderColor: "#FFE036",
- // // backgroundColor: "#fff",
- // // },
- // itemStyle: {
- // color: {
- // x: 0,
- // y: 0,
- // x2: 0,
- // y2: 1,
- // colorStops: [
- // {
- // offset: 0,
- // color: "#FFE036", // 0% 处的颜色
- // },
- // {
- // offset: 1,
- // color: "#092351", // 100% 处的颜色
- // },
- // ],
- // },
- // },
- // },
- // {
- // type: "bar",
- // name: "再评达标项目数",
- // // barGap: "600%",
- // barWidth: 10,
- // data: that.riskData1.y5,
- // // label: {
- // // show: true,
- // // position: "top",
- // // formatter: " ",
- // // width: 6,
- // // height: 6,
- // // borderRadius: 50,
- // // borderWidth: 6,
- // // borderColor: "#7784FF",
- // // backgroundColor: "#fff",
- // // },
- // itemStyle: {
- // color: {
- // x: 0,
- // y: 0,
- // x2: 0,
- // y2: 1,
- // colorStops: [
- // {
- // offset: 0,
- // color: "#7784FF", // 0% 处的颜色
- // },
- // {
- // offset: 1,
- // color: "#092351", // 100% 处的颜色
- // },
- // ],
- // },
- // },
- // },
- // ],
- // };
- that.right4Chart.setOption(option);
- tools.loopShowTooltip(that.right4Chart, option, {
- interval: 2000,
- loopSeries: true,
- });
- },
- clickItem (index, a) {
- let that = this
- const angle = 360 / this.investData.investList.length;
- this.witchs = index;
- this.inner = index;
- this.innerDeg = this.witchs * angle;
- this.lpRotate();
- if (a) {
- that.right3ChartIndex = a
- that.right4Chart && that.right4Chart.dispose()
- that.initChartR4()
- }
- },
- lpRotate () {
- const angle = 360 / this.investData.investList.length;
- this.witchs = this.inner % this.investData.investList.length;
- this.innerDeg = this.inner * angle;
- },
- // 转盘计算角度
- filterLpData () {
- const angle = 360 / this.investData.investList.length;
- for (let i in this.investData.investList) {
- this.investData.investList[i].deg = i * angle;
- this.$set(this.investData.investList, i, {
- ...this.investData.investList[i],
- deg: i * angle,
- });
- }
- },
- // 4秒定时器
- time4s () {
- let that = this;
- // 4秒定时器
- this.time1 = setInterval(() => {
- that.industryProportion == 1
- ? (that.industryProportion = 2)
- : (that.industryProportion = 1);
- that.leftEcharts1.dispose();
- that.leftEcharts2.dispose();
- that.leftEcharts3.dispose();
- that.leftEcharts4.dispose();
- that.leftEcharts1Fun();
- that.leftEcharts2Fun();
- that.leftEcharts3Fun();
- that.leftEcharts4Fun();
- }, 4000);
- },
- // 针对投前产业布局分析的定时器
- timeNs () {
- let that = this;
- this.time2 = setInterval(() => {
- if (that.industryLayout < 3) {
- that.industryLayout = that.industryLayout + 1;
- } else {
- that.industryLayout = 0;
- }
- this.time2 && clearInterval(this.time2);
- this.timeNs();
- that.leftEcharts5.dispose();
- that.leftEcharts5Fun();
- }, left1[that.industryLayout].length * 2000);
- },
- // 主辅业占比点击方法
- industryProportionChange (e) {
- let that = this;
- this.industryProportion = e;
- this.time1 && clearInterval(this.time1);
- that.leftEcharts1.dispose();
- that.leftEcharts2.dispose();
- that.leftEcharts3.dispose();
- that.leftEcharts4.dispose();
- that.leftEcharts1Fun();
- that.leftEcharts2Fun();
- that.leftEcharts3Fun();
- that.leftEcharts4Fun();
- this.time4s();
- },
- // 产业布局分析点击方法
- industryLayoutChange (e) {
- this.industryLayout = e;
- this.time2 && clearInterval(this.time2);
- this.leftEcharts5.dispose();
- this.timeNs();
- this.leftEcharts5Fun();
- },
- // 项目阶段分析鼠标经过方法
- projectNum2Fun (e) {
- this.projectNum2 = e
- this.projectNum2Stop = false
- },
- yuanChange (value) {
- return Number((value / 100000000).toFixed(2));
- },
- // 逢三折断
- numFormat (value) {
- if (!value) return "0";
- // var intPart = Number(value).toFixed(0) // 获取整数部分
- var intPart = parseInt(value); // 获取整数部分
- var intPartFormat = intPart
- .toString()
- .replace(/(\d)(?=(?:\d{3})+$)/g, "$1,"); // 将整数部分逢三一断
- var floatPart = ".00"; // 预定义小数部分
- var value2Array = value.toString().split(".");
- // =2表示数据有小数位
- if (value2Array.length === 2) {
- floatPart = value2Array[1].toString(); // 拿到小数部分
- if (floatPart.length === 1) {
- // 补0
- return intPartFormat + "." + floatPart + "0";
- } else {
- floatPart = floatPart.slice(0, 2);
- return intPartFormat + "." + floatPart;
- }
- } else {
- return intPartFormat;
- }
- },
- leftEcharts1Fun () {
- let that = this;
- this.leftEcharts1 = echarts.init(this.$refs["leftEcharts1"]);
- if (left5[1].y == 0 || left5[0].y == 0 || left6[0].y == 0 || left6[1].y == 0) {
- return
- }
- option = {
- title: {
- text: that.industryProportion == 1 ? that.sumPercent(left5[1].y, left5[0].y) : that.sumPercent(left6[0].y, left6[1].y),
- x: "center",
- y: "center",
- textStyle: {
- fontWeight: "normal",
- color: "#68BDFF",
- fontSize: "20",
- fontFamily: 'Microsoft YaHei'
- },
- },
- color: ["#68BDFF", "#254F7F"],
- series: [
- {
- name: "Line 1",
- type: "pie",
- clockWise: true,
- radius: ["80%", "100%"],
- itemStyle: {
- normal: {
- label: {
- show: false,
- },
- labelLine: {
- show: false,
- },
- },
- },
- hoverAnimation: false,
- data: [
- {
- value: that.industryProportion == 1 ? left5[1].y : left6[0].y,
- name: "01",
- itemStyle: {
- normal: {
- label: {
- show: false,
- },
- labelLine: {
- show: false,
- },
- },
- },
- },
- {
- name: "02",
- value: that.industryProportion == 1 ? left5[0].y : left6[1].y,
- },
- ],
- },
- ],
- };
- //注册
- that.leftEcharts1.setOption(option);
- },
- leftEcharts2Fun () {
- let that = this;
- this.leftEcharts2 = echarts.init(this.$refs["leftEcharts2"]);
- let nameList = ["a"];
- let valueList = that.industryProportion == 1 ? [left5[1].y] : [left6[0].y];
- let total = that.industryProportion == 1 ? left5[1].y + left5[0].y : left6[0].y + left6[1].y
- var category = nameList.map((item, index) => {
- return {
- value: valueList[index],
- itemStyle: {
- color: new echarts.graphic.LinearGradient(
- 1,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "#40A9FF50",
- },
- {
- offset: 1,
- color: "#40A9FF",
- },
- ],
- false
- ),
- },
- };
- });
- var totalList = [];
- var totalBorderList = [];
- nameList.map((item, index) => {
- totalList.push({
- value: total,
- itemStyle: {
- color: "rgba(51, 147, 236, 0.29)",
- },
- });
- totalBorderList.push({
- value: total,
- itemStyle: {
- borderColor: "rgba(51, 147, 236, 0.29)",
- color: "transparent",
- },
- });
- });
- var datas = [];
- category.forEach((value) => {
- datas.push(value.value);
- });
- option = {
- // backgroundColor: 'rgb(231,238,249)',
- xAxis: {
- max: total,
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- axisLabel: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- },
- grid: {
- left: "0%",
- top: "15%", // 设置条形图的边距
- right: "19%",
- bottom: "5%",
- },
- yAxis: [
- {
- type: "category",
- inverse: false,
- data: nameList,
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- show: false,
- },
- },
- ],
- series: [
- {
- // 内
- type: "bar",
- barWidth: 16,
- barGap: "20%",
- silent: true,
- data: category,
- z: 1,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(
- 1,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgba(81, 193, 156, 1)",
- },
- {
- offset: 1,
- color: "rgba(234, 177, 100, 1)",
- },
- ],
- false
- ),
- },
- },
- animationEasing: "elasticOut",
- },
- {
- name: that.industryProportion == 1 ? '主业' : '新建',
- // 分隔
- type: "pictorialBar",
- itemStyle: {
- normal: {
- color: "#143362",
- },
- },
- symbolRepeat: "fixed",
- symbolMargin: 8,
- symbol: "rect",
- symbolClip: false,
- symbolSize: [4, 20],
- symbolPosition: "start",
- symbolOffset: [0, -2],
- symbolBoundingData: total,
- data: [total, total, total, total],
- z: 2,
- animationEasing: "elasticOut",
- },
- {
- // label
- type: "pictorialBar",
- symbolBoundingData: total,
- itemStyle: {
- normal: {
- color: "none",
- },
- },
- label: {
- normal: {
- formatter: (params) => {
- var text;
- text = `${params.value}亿`;
- return text;
- },
- textStyle: {
- // 图列内容样式
- fontSize: "20",
- fontWeight: 800,
- fontFamily: 'Microsoft YaHei'
- },
- position: "right",
- offset: [0, -3],
- distance: 10, // 向右偏移位置
- show: true,
- color: "#68BDFF",
- },
- },
- data: datas,
- z: 0,
- },
- {
- name: that.industryProportion == 1 ? '主业' : '新建',
- type: "bar",
- barGap: "-130%", // 设置外框粗细
- data: totalBorderList,
- barWidth: 26,
- itemStyle: {
- normal: {
- // barBorderRadius: [5, 5, 5, 5],
- borderWidth: 1, // 边框宽度
- borderColor: "rgb(51, 147, 236)", // 边框色
- color: "rgb(231,238,249)",
- },
- },
- z: 0,
- },
- ],
- };
- that.leftEcharts2.on('click', (params) => {
- that.projectNum = that.industryProportion == 1 ? 2142 : 2143
- that.showChartLTipDouble(params.seriesName, 'left', '投资计划分析', params.seriesName, '', '')
- })
- that.leftEcharts2.setOption(option);
- },
- leftEcharts3Fun () {
- let that = this;
- this.leftEcharts3 = echarts.init(this.$refs["leftEcharts3"]);
- if (left5[0].y == 0 || left5[1].y == 0 || left6[0].y == 0 || left6[1].y == 0) {
- return
- }
- option = {
- title: {
- text: that.industryProportion == 1 ? that.sumPercent(left5[0].y, left5[1].y) : that.sumPercent(left6[1].y, left6[0].y),
- x: "center",
- y: "center",
- textStyle: {
- fontWeight: "normal",
- color: "#68BDFF",
- fontSize: "20",
- fontFamily: 'Microsoft YaHei'
- },
- },
- color: ["#5BDCC8", "#254F7F"],
- series: [
- {
- name: "Line 1",
- type: "pie",
- clockWise: true,
- radius: ["80%", "100%"],
- itemStyle: {
- normal: {
- label: {
- show: false,
- },
- labelLine: {
- show: false,
- },
- },
- },
- hoverAnimation: false,
- data: [
- {
- value: that.industryProportion == 1 ? left5[0].y : left6[1].y,
- name: "01",
- itemStyle: {
- normal: {
- label: {
- show: false,
- },
- labelLine: {
- show: false,
- },
- },
- },
- },
- {
- name: "02",
- value: that.industryProportion == 1 ? left5[1].y : left6[0].y,
- },
- ],
- },
- ],
- };
- //轮播
- // tools.loopShowTooltip(leftEcharts1, option, {
- // interval: 2000,
- // loopSeries: true,
- // });
- //注册
- that.leftEcharts3.setOption(option);
- },
- leftEcharts4Fun () {
- let that = this;
- this.leftEcharts4 = echarts.init(this.$refs["leftEcharts4"]);
- let nameList = ["a"];
- let valueList = that.industryProportion == 1 ? [left5[0].y] : [left6[1].y];
- let total = that.industryProportion == 1 ? (left5[1].y + left5[0].y) : (left6[0].y + left6[1].y)
- var category = nameList.map((item, index) => {
- return {
- value: valueList[index],
- itemStyle: {
- color: new echarts.graphic.LinearGradient(
- 1,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "#5BDCC850",
- },
- {
- offset: 1,
- color: "#5BDCC8",
- },
- ],
- false
- ),
- },
- };
- });
- var totalList = [];
- var totalBorderList = [];
- nameList.map((item, index) => {
- totalList.push({
- value: total,
- itemStyle: {
- color: "rgba(51, 147, 236, 0.29)",
- },
- });
- totalBorderList.push({
- value: total,
- itemStyle: {
- borderColor: "rgba(51, 147, 236, 0.29)",
- color: "transparent",
- },
- });
- });
- var datas = [];
- category.forEach((value) => {
- datas.push(value.value);
- });
- option = {
- // backgroundColor: 'rgb(231,238,249)',
- xAxis: {
- max: total,
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- axisLabel: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- },
- grid: {
- left: "0%",
- top: "15%", // 设置条形图的边距
- right: "19%",
- bottom: "5%",
- },
- yAxis: [
- {
- type: "category",
- inverse: false,
- data: nameList,
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- show: false,
- },
- },
- ],
- series: [
- {
- // 内
- type: "bar",
- barWidth: 16,
- barGap: "20%",
- silent: true,
- data: category,
- z: 1,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(
- 1,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgba(81, 193, 156, 1)",
- },
- {
- offset: 1,
- color: "rgba(234, 177, 100, 1)",
- },
- ],
- false
- ),
- },
- },
- animationEasing: "elasticOut",
- },
- {
- name: that.industryProportion == 1 ? '辅业' : '续建',
- // 分隔
- type: "pictorialBar",
- itemStyle: {
- normal: {
- color: "#143362",
- },
- },
- symbolRepeat: "fixed",
- symbolMargin: 8,
- symbol: "rect",
- symbolClip: false,
- symbolSize: [4, 20],
- symbolPosition: "start",
- symbolOffset: [0, -2],
- symbolBoundingData: total,
- data: [total, total, total, total],
- z: 2,
- animationEasing: "elasticOut",
- },
- {
- // label
- type: "pictorialBar",
- symbolBoundingData: total,
- itemStyle: {
- normal: {
- color: "none",
- },
- },
- label: {
- normal: {
- formatter: (params) => {
- var text;
- text = `${params.value}亿`;
- return text;
- },
- textStyle: {
- // 图列内容样式
- fontSize: "20",
- fontWeight: 800,
- fontFamily: 'Microsoft YaHei'
- },
- position: "right",
- offset: [0, -3],
- distance: 10, // 向右偏移位置
- show: true,
- color: "#68BDFF",
- },
- },
- data: datas,
- z: 0,
- },
- {
- name: that.industryProportion == 1 ? '辅业' : '续建',
- type: "bar",
- barGap: "-130%", // 设置外框粗细
- data: totalBorderList,
- barWidth: 26,
- itemStyle: {
- normal: {
- // barBorderRadius: [5, 5, 5, 5],
- borderWidth: 1, // 边框宽度
- borderColor: "rgb(51, 147, 236)", // 边框色
- color: "rgb(231,238,249)",
- },
- },
- z: 0,
- },
- ],
- };
- that.leftEcharts4.on('click', (params) => {
- that.projectNum = that.industryProportion == 1 ? 2142 : 2143
- that.showChartLTipDouble(params.seriesName, 'left', '投资计划分析', params.seriesName, '', '')
- })
- //注册
- that.leftEcharts4.setOption(option);
- },
- // 计算百分比
- sumPercent (a, b) {
- return (a / (a + b) * 100).toFixed(2) + '%'
- },
- // 项目风险分析移出
- echartR2FdOut () {
- let that = this
- setTimeout(() => {
- that.right1Chart.dispatchAction({
- type: "showTip",
- dataIndex: (that.right3ChartIndex % 6),
- seriesIndex: 0,
- });
- })
- },
- leftEcharts5Fun () {
- let that = this;
- this.leftEcharts5 = echarts.init(this.$refs["leftEcharts5"]);
- let dataList = [];
- left1[that.industryLayout].forEach((item, index) => {
- dataList[index] = {
- value: item.y,
- name: item.name,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [
- {
- offset: 0,
- color: commonColor2[index], //顶部颜色
- },
- {
- offset: 1,
- color: commonColor[index], // 底部颜色
- },
- ]),
- borderColor: commonColor[index],
- borderWidth: 3,
- },
- },
- };
- });
- let option = {
- tooltip: {
- trigger: "item",
- formatter: function (e) {
- 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.dataIndex].num}个`;
- },
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: '#135C8A00',
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- fontFamily: 'Microsoft YaHei'
- },
- confine: true
- },
- legend: {
- top: "center",
- orient: "vertical",
- left: "65%",
- textStyle: {
- color: "#fff",
- fontSize: 24,
- padding: [0, 20],
- fontFamily: 'Microsoft YaHei'
- },
- },
- graphic: {
- elements: [
- {
- type: "image", //需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
- style: {
- image: "./img/whiteCircle.png", //这里添加图片地址
- width: 80,
- height: 80,
- },
- left: "37.7%", //
- top: "middle", //配置图片居中
- },
- ],
- },
- series: [
- {
- name: "",
- type: "pie",
- radius: ["20%", "90%"],
- center: ["41%", "50%"],
- labelLine: {
- normal: {
- lineStyle: {
- width: 1,
- },
- },
- },
- label: {
- normal: {
- show: false,
- textStyle: {
- fontSize: 28,
- color: "#fff",
- },
- },
- },
- roseType: "area",
- data: dataList,
- },
- {
- tooltip: {
- show: false,
- },
- type: "pie",
- radius: ["90%", "92%"],
- center: ["41%", "50%"],
- hoverAnimation: false,
- name: "",
- data: [
- {
- name: "",
- value: 0,
- itemStyle: {
- normal: {
- color: "#345189",
- },
- },
- },
- ],
- },
- ],
- };
- that.leftEcharts5.on('click', (params) => {
- if (params.name) {
- let type = ''
- switch (that.industryLayout) {
- case 0: type = that.fourList[0].mdnb_textfield1
- break;
- case 1: type = that.fourList[1].mdnb_textfield1
- break;
- case 2: type = that.fourList[2].mdnb_textfield1
- break;
- case 3: type = that.fourList[3].mdnb_textfield1
- break;
- }
- that.showChartLTipDouble(params.name, 'left', '产业布局分析', type, params.name, '', '', '', '', '', '', 215)
- }
- })
- //轮播
- tools.loopShowTooltip(that.leftEcharts5, option, {
- interval: 2000,
- loopSeries: true,
- });
- //注册
- that.leftEcharts5.setOption(option);
- },
- leftEcharts6Fun () {
- let that = this;
- this.leftEcharts6 = echarts.init(this.$refs["leftEcharts6"]);
- var dataArr = left16[3] * 100
- // var dataArr = 52.5
- let option = {
- tooltip: {
- formatter: "{a} <br/>{b} : {c}%",
- },
- // 配置图片相关
- graphic: {
- elements: [{
- type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
- style: {
- image: './img/dashboard2.png', //这里添加图片地址
- width: 480,
- height: 480
- },
- left: 'center',//
- top: 'middle' //配置图片居中
- }]
- },
- series: [
- {
- name: "内部进度条",
- type: "gauge",
- center: ['50%', '50%'],
- radius: "33%",
- splitNumber: 10,
- axisLine: {
- lineStyle: {
- color: [
- [dataArr / 100, "rgba(0,0,0,0)"],
- [1, "rgba(0,0,0,0)"],
- ],
- width: 1,
- },
- },
- axisLabel: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- splitLine: {
- show: false,
- },
- itemStyle: {
- color: "#ffffff",
- },
- detail: {
- formatter: function (value) {
- // return (value).toFixed(2) + '%'
- },
- offsetCenter: [0, 100],
- textStyle: {
- padding: [0, 0, 0, 0],
- fontSize: 42,
- color: "#58F7DF",
- },
- },
- title: {
- //标题
- show: false,
- offsetCenter: [0, 180], // x, y,单位px
- textStyle: {
- color: "#fff",
- fontSize: 28, //表盘上的标题文字大小
- fontWeight: 400,
- fontFamily: "MicrosoftYaHei",
- },
- },
- data: [
- {
- name: `${that.numFormat(that.yuanChange(left16[4]))}亿
- 总额度`,
- value: 100
- },
- ],
- pointer: {
- show: true,
- length: "175%",
- // radius: "80%",
- width: 30, //指针粗细
- // 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',
- // icon: 'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'
- // icon: 'image://data:image/png;base64,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',
- // icon: 'image://data:image/png;base64,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',
- // icon: 'image://data:image/png;base64,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',
- // icon: 'image://data:image/png;base64,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',
- // icon: 'image://data:image/png;base64,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',
- // icon: 'image://data:image/png;base64,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',
- icon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAACLCAYAAACDZaLiAAAACXBIWXMAAAsTAAALEwEAmpwYAAASkWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wOC0yMVQxMDoyNDoyOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wOC0zMVQxNzo0NDozNyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDgtMzFUMTc6NDQ6MzcrMDg6MDAiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFkOTRjNWExLWE1M2MtZTM0NC1iODI5LTQyMzczNTgzYTFjOCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRkYTYyM2JjLTlkMzAtNGM0YS04NDVlLThjOGVhOTQ2MTgyMiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJkOTAwNDVjLWEzMDUtOWM0NC05YjkwLWVlNmMyMDk5ZWRlMSIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIxMzUwIiBleGlmOlBpeGVsWURpbWVuc2lvbj0iNzY4Ij4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSIxNC42NCUiIHBob3Rvc2hvcDpMYXllclRleHQ9IjE0LjY0JSIvPiA8cmRmOmxpIHBob3Rvc2hvcDpMYXllck5hbWU9IuaAu+mineW6pjoxLDgzNC41MeS6vyIgcGhvdG9zaG9wOkxheWVyVGV4dD0i5oC76aKd5bqmOjEsODM0LjUx5Lq/Ii8+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iMCIgcGhvdG9zaG9wOkxheWVyVGV4dD0iMCIvPiA8cmRmOmxpIHBob3Rvc2hvcDpMYXllck5hbWU9IjUwIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSI1MCIvPiA8cmRmOmxpIHBob3Rvc2hvcDpMYXllck5hbWU9IjEwMCIgcGhvdG9zaG9wOkxheWVyVGV4dD0iMTAwIi8+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0i5oC76aKd5bqmOjEsMzIzLjg15Lq/IiBwaG90b3Nob3A6TGF5ZXJUZXh0PSLmgLvpop3luqY6MSwzMjMuODXkur8iLz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSIxNC42NCUg5ou36LSdIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSIxNC42NCUiLz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSIwIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSIwIi8+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0iMTAwIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSIxMDAiLz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSI1MCIgcGhvdG9zaG9wOkxheWVyVGV4dD0iNTAiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT4zRTQ2QkY1QTgzOTA3QUZBMDQ5RDgzRjAzM0UyQzdGMTwvcmRmOmxpPiA8cmRmOmxpPjQ1OUFGREQwNEZEQzdDNzFGRjEwMzU0MkY5QzJDMUI3PC9yZGY6bGk+IDxyZGY6bGk+Rjk5RDcwODI3NEUyNDQ0MDMxOTUwNzY1RDJBMUIzRjY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDdjMGFkMjQtNzY2NS0zMDRiLTk5OWMtYzA1NGM1MDNhMzMxPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjEwMGZjYzJkLTJjNTYtYzI0Mi05Y2RiLTFjYmViMDk2MjNkNjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxMDMyMzhkNS0yZmQxLTExN2ItYjcwMy1hNWYyNDJlOTg0OGI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NWZkZmMyNmYtMWIxMi0xMDQyLThjZDMtZGM2ZmEzM2U5NWViPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY2Mzg4N2YzLTMxZTktMTE3Yi05NjA5LWY1ZjVhMzE4NDU3ZDwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjNmE1MjUzNC0yZmUzLTExN2ItYjcwMy1hNWYyNDJlOTg0OGI8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTMyMGM2YzMtMjhjZC00ZDQyLWI3MmQtYTEwNjU3YWU0NzRjPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVhMzQ3NmI1LTBiM2QtYzU0MS1hMGE3LWU2YTc1ZmY5ODQ2NjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmOTUxNjVhYS03ZjkxLTVlNGMtOTZmMS05ZDk2ZTBjMmU3MDk8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjEzMmZlMmM1LWUzYTEtNGQxZi1iM2FkLTdhOThiMDBjNmZiYTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6NDM2RDhENThENkJBMTFFOEI3NkRGMDEwNEQ1NkI1QUU8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjU1MUYzQTlGRUU2ODExRTlCMjIxODkyN0U0QzNCNjBDPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDpFQzhEMUY5Q0VENTkxMUU4QTgzQkI3MEQ1NDVGMTUwRTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6RkVCNjZBOEIyRDc1MTFFODkyQUY5ODgyMDYxRDhEQ0Q8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmI2NjNiMzAzLTA2ODYtYjI0NS04ZGM0LTgwMzA5Nzk4MTNmZjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6Y2E0NGYxY2UtMTAyZC00NWZmLTlhODAtYjkzN2I1NmIyZDcxPC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MmQ5MDA0NWMtYTMwNS05YzQ0LTliOTAtZWU2YzIwOTllZGUxIiBzdEV2dDp3aGVuPSIyMDIzLTA4LTIxVDEwOjI0OjI4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkNzQxZTM4ZS02ZmI2LTE3NGItYjBlNS1jODUyYmZjYTQ0OTgiIHN0RXZ0OndoZW49IjIwMjMtMDgtMjFUMTA6Mzc6MzcrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFkOGMwN2U4LThkNGUtODc0Yy1hNjhiLWU2ZjQ3Y2UwZGExOCIgc3RFdnQ6d2hlbj0iMjAyMy0wOC0zMVQxNzo0NDozNyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWQ5NGM1YTEtYTUzYy1lMzQ0LWI4MjktNDIzNzM1ODNhMWM4IiBzdEV2dDp3aGVuPSIyMDIzLTA4LTMxVDE3OjQ0OjM3KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxZDhjMDdlOC04ZDRlLTg3NGMtYTY4Yi1lNmY0N2NlMGRhMTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MmQ5MDA0NWMtYTMwNS05YzQ0LTliOTAtZWU2YzIwOTllZGUxIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MmQ5MDA0NWMtYTMwNS05YzQ0LTliOTAtZWU2YzIwOTllZGUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gs61pAAABElJREFUaN7tl81qXEcQhb8zagiKcQgGBWcRcIRjiKXL3JWfJU8YCPgN/AAG7bKIQbvson3wbuaeLLqrf64ECcTLno00d/qerq4651R1ss2X+qQ/+QsQEKD/5X+6Z/ExKf75lxeOwO/t935dezdt5R9hsEFluVXfsfgF84fECYQLoMivICFD2kqosoZ4+n0F7yzeCD7lZ4rty4bCMskFxLilYHdSmxW0GH+qh5QfrUvnmkbVH+OF8v0H4AWwGP1Ws2XG/FkkD89bYrdYZtaSncUCDetUk28gbeVZy3fOhmsOfZQAtOQAnOskhqgsSOdA91P8qbQAeAU8B/2d13drCmbaorytPjkqZapIrOV3AbdsfJS6vR1kEencUcJSx2mBeA5cx0sWN4KP7gof1ECQzlKERkec2HoxHNRyczsm3vUdG9J5ixP0la55WJuCBLDUXAng0AJR4Vl9ued/3vG4+74MZOyj9FPVrIoAkZMfmTRcCb0EHvpFAZnOVj1FFnghkX0BumVXOfAi6WGnlSynU5WOqhdkwzz8BP46G0BPwsNi86EWMwqAyzHLBlW7KmQtR1aRT1HF0nimgegdzzLxwGFHa4jTFlJQk8WDZTV3q8e0Vd2jpG2lo01oVfDW5gI4U42VUEARt/beE7TYe5wugdfI9+yiS6dCPLnIKeftOza+l8Bb5FNYNbrF1n2ULNKTjxkZbQpYRxKzUwgL8N6MWq5yqqfMkR3DxU3tGv1xl76XRWNJZx26blW5sQ7tT506cj4Wy5WfqGjz1POx2dEa7qaukt2aa6xnwOfmaUUBgV4Cu5T8JkSXfzL04HAQvgHdtVS6I23b/QYrFZ2Ao0d6YLty67t7pIDwxNx5iudvLVfVOUaDWdQIHhaUSdu18HVPVKnocmg6XsbdRDpFLmrxdGx66+aOMgLQXGZp6c4bpVNoUsZImCNPMHZfVcGV4SUuRqmdnwE/At8MEG4xhobDXzCLxYPKunS2+mnruB/vGiX6pqNaBMwH1WrG7rkkK/0QozZJeIh2XwQHGBCSUuTLjcTR+ip3BlUuKnNGHqnGGevYuotbzqqrdIXJz94CF1hnxh6gbzGvmhWp+9t38BLhJpAvMa+B+9YDcmmOj5sxjzt97xSlwWQwusgozLeQ3QXTsbznnSNQLeD3RA/IstOxiaDTXDdR17FX/fhBlVWeth0NxMMo+tSwzGOK1PkjBuRkuAmNubsDVNoOBhk/GaFr0DPjz+VScfhZ8NVmP3HF2Vl2d+Eo3w4Uo0zOnrSWvDW/8BPXIDdCj7ceLYi7IO3acnOgTRIaZbSXUxv8ljog1+R3w3u+C3jwNMuDcVfFOg+BKbusj50ThH0DqpeLrSNt2FCUIMbTcqnQ1SN78a67eXfKXcUB0q8vvthFOC6vE2yCTbAJNsEm2ASbYBNsgk2wCTbBJtgEm2ATbIJNsAk2wSbYBJtgE2yC/a/PP1AURYLH/SiuAAAAAElFTkSuQmCC',
- // icon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAB7CAYAAABAUmGeAAABtUlEQVRYhc2YzU3DQBCFv1jIufinAU6UgxCF5EIDnJA4UQVXaqEKigAJKYKLF83as5uZ4LGyl9g7fnnvzY/tZHd3/EFZ7fT5PQ802tVAB/RaoAbotMBVATAW9osAVU4N0AG7UEC8JDfDEM6wTZZiJQ1eBjdgvebTJq4F9tNnOw9qAJnSRT1OARb10ABynhfZ0gB94dgkKcaD/FYTwC3JzTAWjk2SLsRDfOFkw5kYhsKxSdL6HtI8y/NsrucA7RaZybIAsr05QHs+Z5maA7TbvFtSFaAxVD24TcdL0tKa7W1f6VXSuq4k7XFbZdAA1W6NrbT6XJ7vS0DxlUcyN9pmTZYEFN9gZMzKoEqK9+BmqAFUBrek4s8YGbtwD/GFc/eSu1tjPZTmGRHfS0BNTsaSADU5KqCWobQGL0MGiPdgYei3lVSb57RGr6TMQ0iW/pdWtyQLIGOwdKs7redX+tQ8p9UC+8Yo54+lMcrJAJYMpTV4GYZtPHgY+nCGrsE2z2mNl+eh36ZwHkDv7VZ3Ws/z8GS8+Ag8NsAzcAA+Kxd/ALfAy078s34DPAD3wDXwBbwDb8DrdM4vVk4cSPHcEK0AAAAASUVORK5CYII=',
- },
- zlevel: 999,
- animationDuration: 2000,
- animationDurationUpdate: 2000
- },
- // 彩色圈圈
- // {
- // name: "内部阴影",
- // type: "gauge",
- // radius: '63%',
- // center: ['50.5%', '61%'],
- // splitNumber: 10,
- // axisLine: {
- // show: true,
- // lineStyle: {
- // color: [
- // [
- // // dataArr / 100,
- // 100 / 100,
- // new echarts.graphic.LinearGradient(0, 0.25, 0.75, 1, [
- // {
- // offset: 0,
- // color: "#7CFFB2",
- // },
- // {
- // offset: 0.5,
- // color: "#58D9F9",
- // },
- // {
- // offset: 0.7,
- // color: "#FDDD60",
- // },
- // {
- // offset: 1,
- // color: "#d9333c",
- // },
- // ]),
- // ],
- // [1, "#0E4889"],
- // ],
- // width: 35,
- // },
- // },
- // axisLabel: {
- // show: false,
- // },
- // axisTick: {
- // show: false,
- // },
- // splitLine: {
- // show: false,
- // },
- // itemStyle: {
- // show: false,
- // },
- // },
- // 中间小白点
- // {
- // name: '',
- // type: 'gauge',
- // splitNumber: 5, //刻度数量
- // min: 0,
- // max: 100,
- // radius: "90%",
- // zlevel: 1,
- // axisLine: {
- // show: true,
- // lineStyle: {
- // width: 0,
- // shadowBlur: 0,
- // color: [
- // [0.2, '#23AFAF'],
- // [0.4, '#2270DA'],
- // [0.6, '#E99D02'],
- // [1, '#F45656']
- // ],
- // }
- // },
- // axisTick: {
- // show: true,
- // lineStyle: {
- // color: 'auto',
- // width: 2
- // },
- // length: 10,
- // splitNumber: 5
- // },
- // splitLine: {
- // show: true,
- // length: -12,
- // lineStyle: {
- // color: 'auto',
- // width: 2
- // }
- // },
- // axisLabel: {
- // show: true,
- // color: "#ffffff",
- // fontSize: 20,
- // fontFamily: "SourceHanSansSC-Regular",
- // // position: "top",
- // distance: -30,
- // formatter: function (v) {
- // switch (v + "") {
- // case "0":
- // return "0";
- // case "10":
- // return "10";
- // case "20":
- // return "20";
- // case "30":
- // return "30";
- // case "40":
- // return "40";
- // case "50":
- // return "50";
- // case "60":
- // return "60";
- // case "70":
- // return "70";
- // case "80":
- // return "80";
- // case "90":
- // return "90";
- // case "100":
- // return "100";
- // }
- // },
- // },
- // pointer: { //仪表盘指针
- // show: 0,
- // length: '0%',
- // width: 1
- // },
- // anchor: {
- // show: true,
- // showAbove: true,
- // size: 30,
- // itemStyle: {
- // color: '#EAEBF1',
- // }
- // },
- // detail: {
- // show: false
- // },
- // data: []
- // },
- //指针上的圆
- // {
- // type: "pie",
- // tooltip: {
- // show: false,
- // },
- // hoverAnimation: false,
- // legendHoverLink: false,
- // radius: ["0%", "4%"],
- // center: ['49.6%', '61%'],
- // label: {
- // normal: {
- // show: false,
- // },
- // },
- // labelLine: {
- // normal: {
- // show: false,
- // },
- // },
- // data: [
- // {
- // value: 120,
- // itemStyle: {
- // normal: {
- // color: "#f8e6a3",
- // },
- // },
- // },
- // ],
- // zlevel: 99999
- // },
- ],
- };
- //轮播
- // tools.loopShowTooltip(leftEcharts1, option, {
- // interval: 2000,
- // loopSeries: true,
- // });
- //注册
- setTimeout(() => {
- option.series[0].data[0].value = dataArr
- // option.series[1].axisLine.lineStyle.color[0][0] = dataArr / 100
- that.leftEcharts6.setOption(option);
- }, 2000)
- that.leftEcharts6.setOption(option);
- },
- leftEcharts7Fun () {
- let that = this;
- this.leftEcharts7 = echarts.init(this.$refs["leftEcharts7"]);
- let option = {
- title: {
- text: "固定资产进度分布",
- textStyle: {
- color: "#fff",
- fontSize: 28,
- fontWeight: 500,
- fontFamily: "Microsoft YaHei",
- },
- top: "20",
- left: "220",
- },
- textStyle: {
- color: "#fff",
- },
- tooltip: {
- show: false,
- trigger: "axis",
- formatter: function (params) {
- var tip =
- params[0].axisValue +
- "<br/>" +
- params[0].marker +
- params[0].data[1] +
- ":" +
- params[0].data[2] +
- "个," +
- params[0].data[3] +
- "亿元" +
- "<br/>" +
- params[1].marker +
- params[1].data[1] +
- ":" +
- params[1].data[2] +
- "个," +
- params[1].data[3] +
- "亿元";
- return tip;
- },
- textStyle: {
- color: "#ffffff", // 文字的颜色
- fontSize: "20", // 文字字体大小
- fontFamily: "Microsoft YaHei",
- },
- axisPointer: {
- // lineStyle: {
- // type: 'dashed',
- // width: 2,
- // color: 'rgba(255,255,255,0.6)'
- // },
- animation: false,
- },
- },
- grid: {
- top: "0%",
- right: "5%",
- left: "17%",
- bottom: "-10%",
- },
- yAxis: {
- data: ["备案类", "特别监管类"],
- splitLine: {
- show: false,
- lineStyle: {
- color: "#68b4dd66",
- type: "dashed",
- },
- },
- axisLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: "{value}",
- textStyle: {
- color: function (data) {
- if (data == "特别监管类") {
- return "#40A9FF";
- } else if (data == "备案类") {
- return "#5BDCC8";
- }
- },
- fontSize: 20,
- padding: [0, -10, 0, 0],
- fontFamily: "Microsoft YaHei",
- },
- },
- nameTextStyle: {
- color: "#ebf8ac",
- fontSize: 16,
- fontFamily: "Microsoft YaHei",
- },
- },
- xAxis: {
- data: ["项目储备", "项目立项", "可研论证", "投资决策"],
- axisLine: {
- show: true, //隐藏X轴轴线
- lineStyle: {
- color: "red",
- width: 1,
- },
- },
- axisTick: {
- show: false, //隐藏X轴刻度
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff", //X轴文字颜色
- fontSize: 20,
- padding: [-80, 0, 0, 0],
- fontFamily: "Microsoft YaHei",
- },
- },
- },
- series: [
- {
- name: "特别监管类",
- type: "scatter",
- symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
- symbolSize: function (data) {
- return Math.sqrt(data[2]) * 5;
- },
- // label: {
- // emphasis: {
- // show: true,
- // formatter: function (param) {
- // return param.data[2];
- // },
- // position: 'top'
- // }
- // },
- itemStyle: {
- normal: {
- color: "#69c0ff",
- },
- },
- // data: left13[0]
- },
- {
- name: "备案类",
- type: "scatter",
- symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
- symbolSize: function (data) {
- return Math.sqrt(data[2]) * 5;
- },
- // label: {
- // emphasis: {
- // show: true,
- // formatter: function (param) {
- // return param.data[2];
- // },
- // position: 'top'
- // }
- // },
- itemStyle: {
- normal: {
- color: "#957DFF",
- },
- },
- // data: left13[1]
- },
- ],
- };
- //轮播
- // tools.loopShowTooltip(leftEcharts1, option, {
- // interval: 2000,
- // loopSeries: true,
- // });
- //注册
- that.leftEcharts7.setOption(option);
- },
- leftEcharts8Fun () {
- let that = this;
- this.leftEcharts8 = echarts.init(this.$refs["leftEcharts8"]);
- let option = {
- title: {
- text: "股权类项目进度分布",
- textStyle: {
- color: "#fff",
- fontSize: 28,
- fontWeight: 500,
- fontFamily: "Microsoft YaHei",
- },
- top: "20",
- left: "220",
- },
- textStyle: {
- color: "#fff",
- },
- tooltip: {
- show: false,
- trigger: "axis",
- formatter: function (params) {
- var tip =
- params[0].axisValue +
- "<br/>" +
- params[0].marker +
- params[0].data[1] +
- ":" +
- params[0].data[2] +
- "个," +
- params[0].data[3] +
- "亿元" +
- "<br/>" +
- params[1].marker +
- params[1].data[1] +
- ":" +
- params[1].data[2] +
- "个," +
- params[1].data[3] +
- "亿元";
- return tip;
- },
- textStyle: {
- color: "#ffffff", // 文字的颜色
- fontSize: "20", // 文字字体大小
- fontFamily: "Microsoft YaHei",
- },
- axisPointer: {
- // lineStyle: {
- // type: 'dashed',
- // width: 2,
- // color: 'rgba(255,255,255,0.6)'
- // },
- animation: false,
- },
- },
- grid: {
- top: "0%",
- right: "5%",
- left: "15%",
- bottom: "-10%",
- },
- yAxis: {
- data: ["备案", "特别监管"],
- splitLine: {
- show: false,
- lineStyle: {
- color: "#68b4dd66",
- type: "dashed",
- },
- },
- axisLine: {
- show: false,
- },
- axisLabel: {
- show: false,
- formatter: "{value}",
- textStyle: {
- color: "#fff",
- fontSize: 20,
- padding: [0, -10, 0, 0],
- fontFamily: "Microsoft YaHei",
- },
- },
- nameTextStyle: {
- color: "#ebf8ac",
- fontSize: 16,
- fontFamily: "Microsoft YaHei",
- },
- },
- xAxis: {
- data: ["项目储备", "项目立项", "可研论证", "投资决策"],
- axisLine: {
- show: true, //隐藏X轴轴线
- lineStyle: {
- color: "red",
- width: 1,
- },
- },
- axisTick: {
- show: false, //隐藏X轴刻度
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff", //X轴文字颜色
- fontSize: 20,
- padding: [-80, 0, 0, 0],
- fontFamily: "Microsoft YaHei",
- },
- },
- },
- series: [
- {
- name: "特别监管类",
- type: "scatter",
- symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
- symbolSize: function (data) {
- return Math.sqrt(data[2]) * 5;
- },
- // label: {
- // emphasis: {
- // show: true,
- // formatter: function (param) {
- // return param.data[2];
- // },
- // position: 'top'
- // }
- // },
- itemStyle: {
- normal: {
- color: "#69c0ff",
- },
- },
- // data: left13[0]
- },
- {
- name: "备案类",
- type: "scatter",
- symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
- symbolSize: function (data) {
- return Math.sqrt(data[2]) * 5;
- },
- // label: {
- // emphasis: {
- // show: true,
- // formatter: function (param) {
- // return param.data[2];
- // },
- // position: 'top'
- // }
- // },
- itemStyle: {
- normal: {
- color: "#957DFF",
- },
- },
- // data: left13[1]
- },
- ],
- };
- //轮播
- // tools.loopShowTooltip(leftEcharts1, option, {
- // interval: 2000,
- // loopSeries: true,
- // });
- //注册
- that.leftEcharts8.setOption(option);
- },
- shanxiEchartsFun () {
- let that = this;
- let taiyuan = [112.43, 37.87, center5.filter(item => item.name == '太原市')[0].value, center5.filter(item => item.name == '太原市')[0].value2]
- this.geoCoordMap = [];
- /*获取地图数据*/
- this.shanxiMap = echarts.init(this.$refs["shanxi"]);
- echarts.registerMap("china", shanxi);
- var data = center5;
- var geoCoordMap = {
- 太原市: [112.43, 37.87],
- 大同市: [113.3, 40.12],
- 阳泉市: [113.47, 38.05],
- 长治市: [112.78, 36.48],
- 晋城市: [112.63, 35.62],
- 朔州市: [112.43, 39.53],
- 晋中市: [112.94, 37.4],
- 运城市: [110.97, 35.23],
- 忻州市: [112.53, 38.72],
- 临汾市: [111.4, 36.18],
- 吕梁市: [111.13, 37.52],
- };
- var convertData = function (data) {
- var res = [];
- for (var i = 0; i < data.length; i++) {
- var geoCoord = geoCoordMap[data[i].name];
- if (geoCoord) {
- res.push({
- name: data[i].name,
- value: geoCoord.concat(data[i].value, data[i].value2),
- });
- }
- }
- return res;
- };
- var convertedData = [
- convertData(data),
- convertData(
- data
- .sort(function (a, b) {
- return b.value - a.value;
- })
- .slice(0, 6)
- ),
- ];
- data.sort(function (a, b) {
- return a.value - b.value;
- });
- // 计算最大圆圈最小圆圈
- let a = convertedData[0].map(item => {
- return item.value[2]
- })
- a.sort(function (a, b) {
- return a - b;
- });
- let maxValue = a[a.length - 1]
- let minValue = a[0]
- maxValue == minValue && (minValue = 0)
- convertedData[0].forEach((item, index) => {
- this.$set(item.value, 4, ((item.value[2] - minValue) / (maxValue - minValue)) * 60 + 20)
- })
- option = {
- backgroundColor: "#404a5900",
- animation: true,
- animationDuration: 1000,
- animationEasing: "cubicInOut",
- animationDurationUpdate: 1000,
- animationEasingUpdate: "cubicInOut",
- geo: {
- map: "china",
- center: [112.53, 37.67],
- zoom: 4.5,
- label: {
- emphasis: {
- show: false,
- },
- },
- roam: false,
- itemStyle: {
- normal: {
- borderColor: "#7fb3ff",
- borderWidth: 3,
- areaColor: {
- type: "radial",
- x: 0.5,
- y: 0.5,
- r: 0.8,
- colorStops: [
- {
- offset: 0,
- color: "#468ff800", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#0a2c6d00", // 100% 处的颜色
- },
- ],
- globalCoord: false, // 缺省为 false
- },
- // shadowColor: 'rgba(128, 217, 248, 1)',
- shadowColor: "#468ff8",
- shadowOffsetX: -2,
- shadowOffsetY: 2,
- shadowBlur: 20,
- },
- emphasis: {
- areaColor: {
- colorStops: [
- {
- offset: 0,
- color: "#3844aa", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#7284fc", // 100% 处的颜色
- },
- ],
- },
- borderColor: "#b3baff",
- borderWidth: 5,
- },
- },
- tooltip: {
- trigger: "item",
- className: "custom-tooltip-box",
- confine: true, // 不超出当前表
- formatter: (params, ticket, callback) => {
- // 清空所有轮播
- for (var k in geoCoordMap) {
- that.shanxiMap.dispatchAction({
- type: "downplay",
- name: k,
- geoIndex: 0,
- });
- that.shanxiMap.dispatchAction({
- type: "downplay",
- name: k,
- seriesName: params.seriesName,
- });
- that.shanxiMap.dispatchAction({
- type: "downplay",
- name: k,
- seriesName: "series\u00001",
- });
- }
- that.shanxiMap.dispatchAction({
- type: "highlight",
- name: params.name,
- geoIndex: 0,
- });
- that.shanxiMap.dispatchAction({
- type: "highlight",
- name: params.name,
- seriesName: params.seriesName,
- });
- that.shanxiMap.dispatchAction({
- type: "highlight",
- name: params.name,
- seriesName: "series\u00001",
- });
- if (params.value && params.value[2] != 0) {
- if (params.name == '太原市') {
- return `<div class="bgTooltip" style="background: url('${that.commonUrl}/img/shanxi/4.png') no-repeat center center;background-size: 100% 100%;font-size:36px">
- <div class="flex items-center">
- <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
- </div>
- <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>
- <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>
- </div>`;
- } else {
- 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">
- <div class="flex items-center">
- <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
- </div>
- <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>
- <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>
- </div>`;
- }
- }
- },
- },
- regions: [
- {
- name: "太原市",
- value: 2000,
- itemStyle: {
- emphasis: {
- borderColor: "#ffe036",
- borderWidth: 5,
- areaColor: {
- type: "radial",
- x: 0.5,
- y: 0.5,
- r: 0.8,
- colorStops: [
- {
- offset: 0,
- color: "#ffe036", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#7c732a", // 100% 处的颜色
- },
- ],
- globalCoord: false, // 缺省为 false
- },
- },
- },
- },
- {
- name: "南海诸岛",
- itemStyle: {
- // 隐藏地图
- normal: {
- opacity: 0, // 为 0 时不绘制该图形
- },
- },
- label: {
- show: false, // 隐藏文字
- },
- },
- ],
- },
- tooltip: {
- trigger: "item",
- className: "custom-tooltip-box",
- confine: true, // 不超出当前表
- formatter: (e) => {
- }
- },
- xAxis: {
- type: "value",
- scale: true,
- position: "top",
- boundaryGap: false,
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- margin: 2,
- textStyle: {
- color: "#aaa",
- },
- },
- },
- yAxis: {
- type: "category",
- nameGap: 16,
- axisLine: {
- show: false,
- lineStyle: {
- color: "#ddd",
- },
- },
- axisTick: {
- show: false,
- lineStyle: {
- color: "#ddd",
- },
- },
- axisLabel: {
- interval: 0,
- textStyle: {
- color: "#ddd",
- },
- },
- data: categoryData,
- },
- // 配置图片相关
- graphic: {
- elements: [{
- // type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
- // style: {
- // image: './img/3D/shanxiMap.png', //这里添加图片地址
- // width: 835,
- // },
- // left: '9.5%',
- // top: '2%' //配置图片居中
- type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
- style: {
- image: './img/3D/shanxiMap.png', //这里添加图片地址
- width: 820,
- },
- left: '9.5%',
- top: '1.75%' //配置图片居中
- }]
- },
- series: [
- {
- type: "effectScatter",
- colorBy: "data",
- coordinateSystem: "geo",
- data: convertedData[0],
- symbolSize: function (val) {
- return val[4];
- },
- showEffectOn: "emphasis",
- rippleEffect: {
- brushType: "stroke",
- color: "#58F7DF",
- },
- hoverAnimation: true,
- label: {
- normal: {
- formatter: "{b}",
- position: "right",
- show: true,
- fontSize: "30",
- color: "#fff",
- },
- },
- itemStyle: {
- normal: {
- color: "#ffc809",
- shadowBlur: 50,
- shadowColor: "#ffc809",
- },
- emphasis: {
- color: "#58F7DF",
- shadowBlur: 50,
- shadowColor: "#58F7DF",
- },
- },
- zlevel: 99,
- },
- {
- type: "effectScatter",
- colorBy: "data",
- coordinateSystem: "geo",
- data: [
- {
- name: "太原市",
- value: taiyuan,
- },
- ],
- symbolSize: function (val) {
- return convertedData[0].find(item => item.name == '太原市').value[4];
- },
- showEffectOn: "emphasis",
- rippleEffect: {
- brushType: "stroke",
- color: "#DF62F2",
- },
- hoverAnimation: true,
- label: {
- normal: {
- formatter: "{b}",
- position: "right",
- show: false,
- fontSize: "30",
- color: "#fff",
- },
- },
- itemStyle: {
- normal: {
- color: "#ffc809",
- shadowBlur: 50,
- shadowColor: "#ffc809",
- },
- emphasis: {
- color: "#DF62F2",
- shadowBlur: 50,
- shadowColor: "#DF62F2",
- },
- },
- zlevel: 999,
- },
- ],
- };
- var categoryData = [];
- var barData = [];
- var sum = 0;
- for (var i = 0; i < data.length; i++) {
- categoryData.push(data[i].name);
- barData.push(data[i].value);
- sum += data[i].value;
- }
- this.shanxiMap.on('click', function (params) {
- if (params.name && convertedData[0].find(item => item.name == params.name)) {
- that.showChartLTipDouble(params.name, 'center', '', '', '', '', 'investmentMap', params.name, '山西省', '', '', 118)
- }
- })
- tools.loopShowTooltip(this.shanxiMap, option, {
- interval: 2000,
- loopSeries: false,
- seriesIndex: 0,
- });
- this.shanxiMap.setOption(option);
- },
- chinaEchartsFun () {
- let that = this;
- this.geoCoordMap = [];
- let shanxi = [112.44, 37.73, centerChina.filter(item => item.name == '山西')[0].value, centerChina.filter(item => item.name == '山西')[0].value2]
- /*获取地图数据*/
- this.chinaMap = echarts.init(this.$refs["china"]);
- echarts.registerMap("china", china);
- var data = centerChina
- var geoCoordMap = {
- "新疆": [86.9023, 41.148],
- "西藏": [87.8695, 31.6846],
- "内蒙古": [110.5977, 41.3408],
- "青海": [95.2402, 35.4199],
- "四川": [102.9199, 30.1904],
- "黑龙江": [128.1445, 46.7156],
- "甘肃": [102.7129, 38.166],
- "云南": [101.0652, 24.6807],
- "广西": [108.7813, 23.6426],
- "湖南": [111.5332, 27.3779],
- "陕西": [108.5996, 33.7396],
- "广东": [113.8668, 22.8076],
- "吉林": [126.1746, 43.5938],
- "河北": [115.4004, 38.1688],
- "湖北": [112.2363, 30.8572],
- "贵州": [106.6113, 26.6385],
- "山东": [118.2402, 36.2307],
- "江西": [115.7156, 27.99],
- "河南": [113.0668, 33.8818],
- "辽宁": [123.0438, 41.0889],
- "山西": [112.44, 37.73],
- "安徽": [117.2461, 31.0361],
- "福建": [118.3008, 25.9277],
- "浙江": [120.498, 29.0918],
- "江苏": [119.8586, 32.915],
- "重庆": [107.7539, 29.8904],
- "宁夏": [105.9961, 37.1096],
- "海南": [109.9512, 19.2041],
- "台湾": [120.8254, 23.5986],
- "北京": [116.4551, 40.2539],
- "天津": [117.4219, 39.4189],
- "上海": [121.4648, 31.2891],
- "香港": [114.6178, 22.3242],
- "澳门": [113.5547, 21.6484],
- '南海诸岛': [128.8254, 21.5986]
- };
- var convertData = function (data) {
- var res = [];
- for (var i = 0; i < data.length; i++) {
- var geoCoord = geoCoordMap[data[i].name];
- if (data[i].value2 || data[i].value) {
- res.push({
- name: data[i].name,
- value: geoCoord.concat(data[i].value, data[i].value2),
- });
- }
- }
- return res;
- };
- var convertedData = [
- convertData(data),
- convertData(
- data
- .sort(function (a, b) {
- return b.value - a.value;
- })
- .slice(0, 6)
- ),
- ];
- data.sort(function (a, b) {
- return a.value - b.value;
- });
- // 计算最大圆圈最小圆圈
- let a = convertedData[0].map(item => {
- return item.value[2]
- })
- a.sort(function (a, b) {
- return a - b;
- });
- let maxValue = a[a.length - 1]
- let minValue = a[0]
- maxValue == minValue && (minValue = 0)
- convertedData[0].forEach((item, index) => {
- this.$set(item.value, 4, ((item.value[2] - minValue) / (maxValue - minValue)) * 60 + 20)
- })
- option = {
- animation: true,
- animationDuration: 1000,
- animationEasing: "cubicInOut",
- animationDurationUpdate: 1000,
- animationEasingUpdate: "cubicInOut",
- geo: {
- map: "china",
- zoom: 0.9,
- label: {
- emphasis: {
- show: false,
- },
- },
- roam: false,
- itemStyle: {
- normal: {
- borderColor: "#7fb3ff",
- borderWidth: 3,
- areaColor: {
- type: "radial",
- x: 0.5,
- y: 0.5,
- r: 1,
- colorStops: [
- {
- offset: 0,
- color: "#468ff800", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#0a2c6d00", // 100% 处的颜色
- },
- ],
- globalCoord: false, // 缺省为 false
- },
- shadowColor: "#468ff8",
- shadowOffsetX: -2,
- shadowOffsetY: 2,
- shadowBlur: 10,
- },
- emphasis: {
- areaColor: {
- colorStops: [
- {
- offset: 0,
- color: "#3844aa", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#7284fc", // 100% 处的颜色
- },
- ],
- },
- borderColor: "#b3baff",
- borderWidth: 5,
- },
- },
- tooltip: {
- trigger: "item",
- className: "custom-tooltip-box",
- confine: true, // 不超出当前表
- formatter: (params, ticket, callback) => {
- // 清空所有轮播
- for (var k in geoCoordMap) {
- that.chinaMap.dispatchAction({
- type: "downplay",
- name: k,
- geoIndex: 0,
- });
- that.chinaMap.dispatchAction({
- type: "downplay",
- name: k,
- seriesName: params.seriesName,
- });
- that.chinaMap.dispatchAction({
- type: "downplay",
- name: k,
- seriesName: "series\u00001",
- });
- }
- that.chinaMap.dispatchAction({
- type: "highlight",
- name: params.name,
- geoIndex: 0,
- });
- that.chinaMap.dispatchAction({
- type: "highlight",
- name: params.name,
- seriesName: params.seriesName,
- });
- that.chinaMap.dispatchAction({
- type: "highlight",
- name: params.name,
- seriesName: "series\u00001",
- });
- if (params.value) {
- return `<div class="bgTooltip" style="background: rgba(50,50,50,0.7);font-size:36px">
- <div class="flex items-center">
- <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
- </div>
- <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>
- <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>
- </div>`;
- }
- },
- },
- regions: [
- {
- name: "山西",
- value: 2000,
- itemStyle: {
- emphasis: {
- borderColor: "#ffe036",
- borderWidth: 5,
- areaColor: {
- type: "radial",
- x: 0.5,
- y: 0.5,
- r: 0.8,
- colorStops: [
- {
- offset: 0,
- color: "#ffe036", // 0% 处的颜色
- },
- {
- offset: 1,
- color: "#7c732a", // 100% 处的颜色
- },
- ],
- globalCoord: false, // 缺省为 false
- },
- },
- },
- },
- ],
- },
- tooltip: {
- trigger: "item",
- className: "custom-tooltip-box",
- confine: true, // 不超出当前表
- },
- xAxis: {
- type: "value",
- scale: true,
- position: "top",
- boundaryGap: false,
- splitLine: {
- show: false,
- },
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- axisLabel: {
- margin: 2,
- textStyle: {
- color: "#aaa",
- },
- },
- },
- yAxis: {
- type: "category",
- nameGap: 16,
- axisLine: {
- show: false,
- lineStyle: {
- color: "#ddd",
- },
- },
- axisTick: {
- show: false,
- lineStyle: {
- color: "#ddd",
- },
- },
- axisLabel: {
- interval: 0,
- textStyle: {
- color: "#ddd",
- },
- },
- data: categoryData,
- },
- // 配置图片相关
- graphic: {
- elements: [{
- type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
- style: {
- image: './img/3D/chinaMap.png', //这里添加图片地址
- width: 1830,
- },
- left: '13.6%',
- top: '13.1%' //配置图片居中
- // style: {
- // image: './img/3D/chinaMap.png', //这里添加图片地址
- // width: 2100,
- // },
- // left: '8.50%',
- // top: '8.5%' //配置图片居中
- }]
- },
- series: [
- {
- type: "effectScatter",
- colorBy: "data",
- coordinateSystem: "geo",
- data: convertedData[0],
- symbolSize: function (val) {
- return val[4];
- },
- showEffectOn: "emphasis",
- rippleEffect: {
- brushType: "stroke",
- color: "#58F7DF",
- },
- hoverAnimation: true,
- label: {
- normal: {
- formatter: "{b}",
- position: "right",
- show: true,
- fontSize: "30",
- color: "#fff",
- },
- },
- itemStyle: {
- normal: {
- color: "#ffc809",
- shadowBlur: 50,
- shadowColor: "#ffc809",
- },
- emphasis: {
- color: "#58F7DF",
- shadowBlur: 50,
- shadowColor: "#58F7DF",
- },
- },
- zlevel: 99,
- },
- {
- type: "effectScatter",
- colorBy: "data",
- coordinateSystem: "geo",
- data: [
- {
- name: "山西",
- value: shanxi,
- },
- ],
- symbolSize: function (val) {
- if (convertedData[0].find(item => item.name == '山西')) {
- return convertedData[0].find(item => item.name == '山西').value[4];
- } else {
- return ''
- }
- },
- showEffectOn: "emphasis",
- rippleEffect: {
- brushType: "stroke",
- color: "#DF62F2",
- },
- hoverAnimation: true,
- label: {
- normal: {
- formatter: "{b}",
- position: "right",
- show: false,
- fontSize: "30",
- color: "#fff",
- },
- },
- itemStyle: {
- normal: {
- color: "#ffc809",
- shadowBlur: 50,
- shadowColor: "#ffc809",
- },
- emphasis: {
- color: "#DF62F2",
- shadowBlur: 50,
- shadowColor: "#DF62F2",
- },
- },
- zlevel: 999,
- },
- ],
- };
- var categoryData = [];
- var barData = [];
- var sum = 0;
- for (var i = 0; i < data.length; i++) {
- categoryData.push(data[i].name);
- barData.push(data[i].value);
- sum += data[i].value;
- }
- this.chinaMap.on('click', function (params) {
- if (params.name == '山西') {
- that.chinaMap.dispose()
- that.leftEcharts16.dispose()
- that.mapShow = true
- setTimeout(() => {
- that.leftEcharts12Fun()
- that.leftEcharts14Fun()
- that.leftEcharts9Fun()
- that.leftEcharts15Fun()
- that.leftEcharts13Fun()
- that.centerPenetrateOne('investmentMap', params.name, 3, '', '')
- })
- }
- })
- tools.loopShowTooltip(this.chinaMap, option, {
- interval: 2000,
- loopSeries: false,
- seriesIndex: 0,
- });
- this.chinaMap.setOption(option);
- },
- leftEcharts9Fun () {
- let that = this;
- this.leftEcharts9 = echarts.init(this.$refs["leftEcharts9"]);
- // return
- // var ROOT_PATH = 'https://echarts.apache.org/examples';
- let option = {
- backgroundColor: "#00000000",
- globe: {
- globeRadius: 55,
- baseTexture: "./img/3D/world1.jpg",
- heightTexture: "./img/3D/world1.jpg",
- displacementScale: 0.04,
- shading: "realistic",
- // environment: './img/3D/world2.jpg',
- realisticMaterial: {
- roughness: 0.9,
- },
- postEffect: {
- enable: true,
- },
- light: {
- main: {
- intensity: 3,
- shadow: true,
- },
- },
- },
- };
- that.leftEcharts9.setOption(option);
- },
- leftEcharts10Fun (dataList) {
- let that = this;
- this.leftEcharts10 = echarts.init(this.$refs["leftEcharts10"]);
- option = {
- grid: {
- top: 45,
- right: 0,
- left: 80,
- bottom: 80,
- },
- tooltip: {
- show: true,
- trigger: "axis",
- // showContent
- formatter: (data) => {
- 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)}亿`;
- },
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- label: {
- margin: 100,
- }
- },
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- },
- },
- xAxis: {
- data: commonCompany,
- axisTick: {
- show: false,
- },
- // x轴的字体颜色
- axisLabel: {
- rotate: 40,
- textStyle: {
- color: "white",
- fontSize: "20",
- fontFamily: "Microsoft YaHei",
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- },
- yAxis: {
- name: "亿",
- axisTick: {
- lineStyle: {
- color: "#18416F",
- },
- },
- // y轴的字体颜色
- axisLabel: {
- textStyle: {
- color: "white",
- fontSize: "20",
- fontFamily: "Microsoft YaHei",
- },
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: "#68b4dd66",
- width: 1,
- type: "dashed",
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- nameTextStyle: {
- color: "#fff",
- fontSize: 20,
- fontFamily: "Microsoft YaHei",
- },
- },
- series: [
- {
- name: "已用额度",
- type: "pictorialBar",
- symbol: "fixed",
- symbolSize: [20, 5],
- symbolMargin: 2,
- symbolRepeat: "repeat",
- data: left3[0],
- showBackground: false,
- barWidth: "15",
- itemStyle: {
- color: "#40A9FF",
- },
- zlevel: 1,
- },
- {
- name: "总额度",
- type: "pictorialBar",
- symbol: "fixed",
- symbolSize: [30, 5],
- symbolMargin: 2,
- symbolRepeat: "repeat",
- data: left3[2],
- barGap: "-130%",
- barWidth: "25",
- itemStyle: {
- color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
- {
- offset: 0,
- color: "#b9b7c030",
- },
- {
- offset: 1,
- color: "#b9b7c030",
- },
- ]),
- },
- },
- ],
- };
- that.leftEcharts10.getZr().on('click', function (param) {
- // 获取 点击的 触发点像素坐标
- const pointInPixel = [param.offsetX, param.offsetY]
- // 判断给定的点是否在指定的坐标系或者系列上
- if (that.leftEcharts10.containPixel('grid', pointInPixel)) {
- // 获取到点击的 x轴 下标 转换为逻辑坐标
- const xIndex = that.leftEcharts10.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
- that.titleName = commonCompany[Math.abs(xIndex)]
- that.echartEnterpriseShow = true
- let findData = dataList.find(item => {
- return item.mdnb_textfield == commonCompany[Math.abs(xIndex)]
- })
- common1[0] = findData.mdnb_amountfield18
- common1[1] = findData.mdnb_amountfield20
- common1[2] = findData.mdnb_amountfield19
- common1[3] = findData.mdnb_amountfield26
- common1[4] = findData.mdnb_amountfield27
- common1[5] = findData.mdnb_amountfield25
- common2[0] = findData.mdnb_decimalfield6
- setTimeout(() => {
- that.initChartBall()
- });
- }
- })
- // that.leftEcharts10.on('click', function (param) {
- // that.titleName = param.name
- // that.echartEnterpriseShow = true
- // let findData = dataList.find(item => {
- // return item.mdnb_textfield == param.name
- // })
- // common1[0] = findData.mdnb_amountfield18
- // common1[1] = findData.mdnb_amountfield20
- // common1[2] = findData.mdnb_amountfield19
- // common1[3] = findData.mdnb_amountfield26
- // common1[4] = findData.mdnb_amountfield27
- // common1[5] = findData.mdnb_amountfield25
- // common2[0] = findData.mdnb_decimalfield6
- // setTimeout(() => {
- // that.initChartBall()
- // });
- // })
- //轮播
- tools.loopShowTooltip(that.leftEcharts10, option, {
- interval: 2000,
- loopSeries: true,
- });
- //注册
- that.leftEcharts10.setOption(option);
- },
- initChartBall () {
- this.left11Chart = echarts.init(this.$refs['echartBall'])
- option = {
- series: [
- {
- type: "liquidFill",
- radius: "80%",
- data: [common2[0], common2[0] + 0.02, common2[0] - 0.02],
- amplitude: '4%',
- waveLength: '20%', //波浪长度
- // data: [
- // {}
- // ],
- backgroundStyle: {
- color: {
- type: "radial",
- x: 0.5,
- y: 0.5,
- r: 0.7,
- // 水球体颜色
- colorStops: [
- {
- offset: 0,
- color: "#010a11",
- },
- {
- offset: 0.9,
- color: "#1a2f45",
- },
- {
- offset: 1,
- color: "#2b405a",
- },
- ],
- globalCoord: false,
- },
- },
- outline: {
- borderDistance: 0,
- itemStyle: {
- borderWidth: 0,
- borderColor: {
- type: "linear",
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [
- ],
- globalCoord: false,
- },
- },
- },
- color: [
- {
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [{
- offset: 0,
- color: '#237386',
- },
- {
- offset: 1,
- color: '#0078C8',
- },],
- },
- {
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [{
- offset: 0,
- color: '#2F97A9',
- },
- {
- offset: 1,
- color: '#0078C8',
- },],
- },
- {
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [{
- offset: 0,
- color: '#48E0ED',
- },
- {
- offset: 1,
- color: '#0078C8',
- },],
- }
- ],
- label: {
- normal: {
- textStyle: {
- color: "#fff", // x轴文字颜色
- fontSize: '70'
- },
- },
- },
- },
- ],
- };
- this.left11Chart.setOption(option)
- },
- scrollChange2 (index) {
- let list2 = document.getElementById("left6").getElementsByClassName("row-item");
- for (var i = 0; i < list2.length; i++) {
- if (i == 2) {
- list2[i].classList.add("light");
- } else {
- list2[i].classList.remove("light");
- }
- }
- },
- // 重点项目两线指标轮播方法
- scrollChange (index) {
- if (index == 18) {
- this.count = -1;
- } else {
- this.count = index;
- }
- if (this.count > 12 && this.count != 18) {
- this.countType = 1;
- } else {
- this.countType = 0;
- }
- for (var i = 0; i < this.list.length; i++) {
- if (i == 2) {
- this.list[i].classList.add("light");
- } else {
- this.list[i].classList.remove("light");
- }
- }
- this.leftEcharts11 ? this.leftEcharts11.dispose() : "";
- this.leftEcharts11Fun();
- },
- leftEcharts11Fun () {
- let that = this;
- this.leftEcharts11 = echarts.init(this.$refs["leftEcharts11"]);
- option = {
- tooltip: {
- trigger: "axis",
- showContent: true,
- alwaysShowContent: true,
- formatter: (data) => {
- 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)}`
- },
- axisPointer: {
- type: "shadow",
- },
- backgroundColor: "rgba(50,50,50,0.7)",
- borderColor: "rgba(50,50,50,0.7)",
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- fontFamily: "Microsoft YaHei",
- }
- },
- grid: {
- top: "10%",
- right: "5%",
- left: "15%",
- bottom: "20%",
- },
- xAxis: {
- data: that.storageRecordConfig.data.length == 0 ? [] : that.left12Bottom[this.count + 1],
- axisLine: {
- show: true, //隐藏X轴轴线
- lineStyle: {
- color: "#005094",
- width: 1,
- },
- },
- axisTick: {
- show: true, //隐藏X轴刻度
- },
- axisLabel: {
- show: true,
- rotate: 30,
- textStyle: {
- color: "#fff", //X轴文字颜色
- fontSize: 20,
- fontFamily: "Microsoft YaHei",
- },
- },
- },
- yAxis: [
- {
- type: "value",
- splitLine: {
- show: true,
- lineStyle: {
- color: "#68b4dd66",
- type: "dashed",
- },
- },
- axisLine: {
- show: false,
- },
- axisLabel: {
- show: true,
- formatter: "{value}",
- textStyle: {
- color: "#fff",
- fontSize: 20,
- fontFamily: "Microsoft YaHei",
- },
- },
- nameTextStyle: {
- color: "#ebf8ac",
- fontSize: 16,
- fontFamily: "Microsoft YaHei",
- },
- },
- ],
- series: [
- {
- name: "预测值",
- type: "bar",
- barWidth: 20,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#69c0ff",
- },
- {
- offset: 1,
- color: "#082550",
- },
- ]),
- },
- },
- data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
- },
- {
- name: "发展线",
- type: "line",
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#69c0ff",
- },
- {
- offset: 1,
- color: "green",
- },
- ]),
- },
- },
- data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
- },
- {
- name: "生存线",
- type: "line",
- barWidth: 15,
- itemStyle: {
- normal: {
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
- {
- offset: 0,
- color: "#69c0ff",
- },
- {
- offset: 1,
- color: "yellow",
- },
- ]),
- },
- },
- data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][0] : left12[this.count + 1][0]
- },
- ],
- };
- //轮播
- tools.loopShowTooltip(that.leftEcharts11, option, {
- interval: 2000,
- loopSeries: true,
- });
- //注册
- that.leftEcharts11.setOption(option);
- },
- leftEcharts12Fun () {
- let that = this;
- this.leftEcharts12 = echarts.init(this.$refs["leftEcharts12"]);
- var totalData = center2
- var data = [];
- for (var i = 0; i < totalData.length; i++) {
- data.push({
- value: totalData[i].value,
- name: totalData[i].name,
- itemStyle: {
- normal: {
- borderWidth: 8,
- shadowBlur: 0,
- borderColor: commonColor[i],
- shadowColor: commonColor[i]
- }
- }
- },
- {
- value: 5,
- name: '',
- tooltip: { show: false },
- itemStyle: {
- normal: {
- label: {
- show: false
- },
- labelLine: {
- show: false
- },
- color: 'rgba(0, 0, 0, 0)',
- borderColor: 'rgba(0, 0, 0, 0)',
- borderWidth: 0
- }
- }
- }
- );
- }
- var seriesOption = [
- {
- name: '',
- type: 'pie',
- clockWise: false,
- radius: [160, 170],
- center: [340, 250],
- hoverAnimation: true,
- emphasis: {
- scale: true,
- scaleSize: 13,
- },
- itemStyle: {
- normal: {
- label: {
- show: false,
- }
- }
- },
- data: data
- },
- ];
- option = {
- color: commonColor,
- title: {
- show: false,
- text: '风险类型',
- top: '48%',
- textAlign: "center",
- left: "47%",
- textStyle: {
- color: '#fff',
- fontSize: 18,
- fontWeight: '400'
- }
- },
- tooltip: {
- show: true,
- formatter: function (params) {
- if (params.seriesIndex === 2) {
- return null; // 隐藏部分2的tooltip
- } else {
- that.stageTitle4 = params.name
- that.stageTitle3 = center2.find(item => item.name == params.name).proportion + '%'
- return `<span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${params.color}"></span>${params.name}:<br/>投资完成额:${params.value}亿<br/>项目数量:${(totalData.find(item => item.name == params.name)).num}个`
- }
- },
- confine: true,
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- }
- },
- legend: {
- icon: "circle",
- orient: 'vertical',
- // data: totalData.map(item => item.name),
- data: ['传统产业', '战略性新兴产业', '特色优势产业', '公共基础等产业'],
- left: '2%',
- bottom: 0,
- align: 'left',
- textStyle: {
- color: '#FFF', // 文字的颜色
- fontSize: '24', // 文字字体大小
- fontFamily: 'Microsoft YaHei'
- },
- itemGap: 20
- },
- toolbox: {
- show: false
- },
- graphic: [{
- type: 'image',
- id: 'background',
- left: 210,
- top: '23.3%',
- zlevel: 0,
- silent: true,
- style: {
- width: 260, // 设置图片宽度
- height: 260, // 设置图片高度
- image: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtcAAALTCAYAAADdHy5LAABErklEQVR42uzd+X9V1aH47/tHfBUHHHAIAgFklpnIPEpknucAgRACIWEICiIICAgyCQLKICiTKIiIaGudql5trVarVqvXVq3W6epVb227vj3pp143J0D2MYEkPD88r1dtC4n7nLP2Oytrr/Uf/98VE/4DAAD46VwEAAAQ1wAAIK4BAEBcAwAA4hoAAMQ1AP+n05QD4dqs3aH1yO2h+eBNofH168LVPW4L6Z2WhJoZC8LlLW8IlzaeGarXmx6q1coJrhmAuAao0M6tOSlc2nRWqN1hcWjSZ11oO3pH6Dr1YOgz74kwbMWvw/jN74S8PZ+GOUe/D43/+b+X5de+4fEQ4pj72D/CrIe/Dfn3fxmm3vdxmLTtjyHrzrfDqLWvh+G3vRwGL3kh9L/5mXD9DT8PvWYeDd2mPyTIAcQ1wE9zYb28cGWreaFet+Wh2YCNIWPcrtBt2qHiYB66/KWQtfH3IXfXn0PhQ9/EituWQ7ec0biOa+SqV8Q1gLgGiK9D9r4wadv7If/+L0LRsb+XS6y2G7OzUsX1oMUvlOn32yP/4X/+gPKL0HrE9pDWboGlKoC4BqiqEks2yjtWO07aX6YxOXbDm2H8lj8UL++Ysuuj4uUnMw78d5j50Leh6Oj3P/n7zZz7szL9fvvd9FTS15jzyPdh3Ia3wnWzjoXmgzaHOh0Wh+r1p4tuQFwDVGZ1Oi75yTE658hfQ+69H4dE9A5d9lLxLG33/MMhI+u+0Hzw5tCg56rTGo3npmWH8+vkhov+GauXNJ4ZLms+N6S1mR9qXbsopHdeGur3uC00zFwdmva7ozhsWw3fWjy7fu343aHT5PtD17xDZfr9jlrzWqmvZcHB/wkj//n/7z7jSPEDm/W7rwg1ms4W3YC4BihLFzcqCK1HbAtDlr8UajSbU2axVeOaohOH3gNfheyt74cRq14Jfec9GbpMPRjajr4nNO2/IdTrujxc2XpeqH51vvA7hRkHvvzJP8BM2/958euQWfR48U4pjTLXFq+Pr1ZzsusPiGuAU0lsK9d9+uEw8e73kkKrUeaaMguq82rnhvYT94ZrBm0KdbsuC5c1LwoXpE8VbGUoEcSjVv825O3+pMyX3Ezb+1kYs/4NrxcgrgH+7YK6ecXLEwYsei6UZpazY/Y+MVVJJZanNO23vngdemItdmLddWKLwJ+0RvyGn3s/AOIaOHvVbHdz8dre0et+l1JMDVj4jJiqYmo0mx2a9F1fvN570OLnw4Qt7xY/oFmq3VjG7vJ+AMQ1cHZIHLaS2JEjsTQgZ9dHP2mGcvr+L4qXF/QqPCqmzhKJHUSu7rkydMjeGwbe8lyYvOODUPTo3yLvi3rdVng/AOIaqJoSO1O0Hb2z+MHDmYe//Ukxndhuru/8J4t33UgElK3a+LdqV00OiZ1eEg+YVm9Qtg+VJmbRXWNAXAMVwhUtbwwzHvgqdkgnQjxxbHjnKQ8ULw+47JoigcMZ8e/3Y2JLxcRpna4JIK6BMyqxe8OpYnrKzo9CnxufCC2H3R2uylgYEnszu3acaYk9v0s8En7Na8X7gV9Q104ygLgGTrPEkeLHx8nYO94s3ifa8g4qskFLnj/lD4a5u/4cuk07FBIP5rpmgLgGyn89bK2cMGjxC6HNqB3FpwO6JlQGiRMtE0fKx1nOVHTs72HAol8Wby/oGgLiGiiWOCrbdYB/ScxIJ7YEnLTt/djPDiT27W4/YY9nBkBcuwhwNko8rNV9xsMhe+t/CQEowYX18op/AzNy1SspbB35efEWlFf3vM3nC8Q1UFVd2WpeaD9hd/F+0T8OgcTJea4PnFyD624v3h6y4MH4O+IMX/mb0Hrk9lD96nyfNRDXQGWWeICwxeDNxWtDZz38XYk3/q55B93wIYbLW95Q/JBunOUjiYNwXDsQ10BlnWXruTL0mvVoyNvz6Slv+omT71wzSE1iK8mWQ7eEEadYPtK03x0+ZyCugUr1MFbGgtBp0v4w8e73Sj2bNvmeD0LG2F1u+lBG0rvcGjLn/iyyfGTO0e99xkBcA5XBxY0Kig+4GLXmtVIH9bS9n4Wu0w6FixrMcMOHcv18Fob2E/cWn/joeoC4Biqoc9ImhsZ91oXiQy8e+0epdy+4/sYnQs22N7nJA4C4Bop/3Vz0s1LvVpB/4IswaPHzoX4P24EBgLgGiiUOtZiy66NSBfWMA1+GwUteCNcM2iSoocqOCQdtoQniGkhVrfaLio9aPlFQJ2ayh9z6Ymg3dmdI7FzgmkHVlrfnkzDz8Leh/4KnQ8Peq33mQVwDcR2/zVfBwa/D0GUvhYxx94bEQ1OuEZwdWgzZkvQD9qi1r4e2o3eE8+vkGgtAXAOl0WzgnaHw0Ddh6PJfhYys+0JauwVuonAWGrrsxRP+FiuxfKz79MMhrbUlIyCugVOq2e5mN0w4iyW23uyUc3+YsvPkz2DMPvLXMGDhLy0ZAXENAJR2ecjota+f8iHnMevfCG1H3xPOvWqy0AZxDQCcTL1uy8OAhc+cMrKn7v4k9Mh/OFze8gaRDeIaADiZK1reWLzeetq+z04a2UXH/hYG3vJcaNBzpcgGcQ2VR5vRO0KrEdvcvIDT6sJ6ecXLQLI2vX3K2exxG98Krf85TiVOfXXtQFxDhY3qiXe9V3zjytr4ezcs4Ixp0nd98R74p4rsvD2fhm7TDoUazYqMWSCuoeJF9Y81G7DRzQo4o9I7LQm95zwWCg59fcrQvipjoTELxDVUvKj+t8ThL64TUBEkZqY75xwIk7b9scTxKrPoceMViGuomFH977Bu3GedmxVQoVSrnRNaDd8aRq557f9OfT30dUg8FOn6gLiGChfVI29/NSTWOrpeQEXXMHN1GLDw2eKdRlwPENdQoaJ61Orfhqb9NrhBAZXOJY0LjV0grqGCRPXa1z24CACIa/gpUT163e/CNQPvFNUAgLiGVKN67B1vhuaDNotqAEBcQ6pRnTjNrMWQLaIaABDXcCJ95j1x0qhOnLTYcuhdohqgFNqO2ek5FMQ1nM3SWs8Ps4/8NTmqN70TWg2/2w0CoJTOqzMlTNr2fvEYOnjJC/bORlzD2apHwZEfonrClj+EViO2uSEAxNRh4t7IJMXcY38Pnac8EM5NyzamIq7hbFKj2eziNddtRm13AwBIQfUG+WHavs9KXF6XmM12uBbiGgCglBLHqnectD9M2//5CZ9hGbjouZDWZr7IRlwDAJTqOZZ2C0Lf+U+dMLDnPPLX4givVitHZCOuAQBKo2m/DWHM+jdOGNkTtrwbmv3z/+NaIa4BAErpVEtF+t/8TKjZ7maRjbgGACiNK1rdeNKlIrMOfxs65xwI59fJFdmIawCA0mh8/bqTLhXJuvPtcM3AOwU24hrOhOr1pxuEASqhDtl7T75UZOGzoVb7RcZ3xDWcLonjyAsOfR0mbH43XFA3zwAMUMlc2nRW6Dv/yRMGdsHBr0OX3AfDhfWM8YhrKDcXNZgRBi15PjIAZxY9buAFqKSu7rnypEtFxm9+J7QYvNk4j7iGstZq+N1hxgP/XeLgW6/rcgMvQCXWbuyuEy4VGbL0P43xiGsoKxc3KgiD/zmwnmhWo99NT4W01k78Aqj0v52sPz30Lnosujzkwa/CFS1vNMYjrqFMZqtHbAvT9n1WYlRP2v6nkPjfXSeAqiW989Iw8vZXi8f6TpP3G+cR1/BTXdJ4Zhi0+IUTzlb3nfdkuLLVPAMuQJVeDrjVOI+4hp+qzajtYep9n5QY1Tk7PwwthxlsAQBxDSeV2Jap/83PnnC2us+8J6y7AwDENZxK61Hbi2elS4rqvD1/CS2H3S2qAQBxDSdTo9mckx4ikFhbfXmLucIaABDXcDKJ2ehJ294vMapnHPgytBiyRVQDAOIaTjpbfU1RyJz7sxPOVg9Y+Gy4rHmRsAYAxDWczDWDNoXxW/5QYlTPfOgbs9UAgLiG0ris+dwTzlYPWfpiSKy/dp0AKA89Cx8J56Rlu88grqla2o3ZGYnqOUe/D61HbjfYAVBuBix8pvieM2zFr0PNtje55yCuqVqGLv918SA3fOXLoUaz2QY5AMpN80Gbkw4ja9p/g3sP4pqqo373FSFj3L0GNgDKVfV608OYdb9LWoo499g/QuecA+5DiGsAgDhqtrs5TNn1UYnP+yROBb4gfarIRlwDAJTWuWnZYdCS50sM7KxNb4f0LksFNuIaACCODtn7SgzsgoNfh7ajdwpsxDUAQKznfnqsCAUPflViZPee85jARlwDAMRxadNZYdTq35YY2CNvfzVc3KhAZCOuAQDi6JH/cImBPXX3J6FBz1UCG3ENABBHiyFbirfmKymy20/cK7AR1wAAcdTpuCRM2PJuiYGdON3RNUJcUy5aDtsa6nVbYZABoMqpXn966DP/FyUG9sS73guXNZ/r/oe4pux0nLS/eICZ8cBXIa3NfAMMAFVSh0klb9c368h3oUnf9e5/iGt+ul4zj0YGmDHr3wjVG+QbYACokpr2Wx+m3vdxiZHdJfdB9z/ENak5P31qGLDw2RIHlyG3vmhwAaDKqtn2pjB85cvugYhrykZibVlir8+SBpXMuT8zqABQ5VWrlROum30scg/M3vpfoUazOe6DiGtKL73T0jBp2/t+HQYA/9Ru7K5Q+NA3xfdBD/YjromlSZ91oeDg1yWGddvROwwoAJyVGvRaFTKy7nMfRFxTem1GbS/5CemHvwuJhztcIwAAcU0pdJpy4IRHwKZ3XiqsAQDENaWROffnJYb1+M3v2DQfAEBcUxrV608Lw1b8usSwTmw/dH6dXGENACCuOZUrWt4YJmx5t8Sw7rfgaVENACCuKY26XZaF/ANflBjWPQqOCGsAAHFNaVwzaFOJUZ3QfuJeYQ0AIK4pjQ7Ze0uM6pkPfRtaDt0irAEAxDWlcd3sx0oM69x7Pw4Ne60S1gAA4prSGHLriyWGddadb4ea7W4W1gBwmjiUTVxTBZxfOzeMWvt6JKwTW/Bd3KjQBxwATpOre9wWih79Wxi05Hn3X3FNZXdRw4Iw8a73isO67/wnwzlpE32wAeA0Se+0JOTf/+UPk1wDFj7rPiyuqewuu6Yo9Mh/2IcZAE6jtHYLQs7OD5PPlbjpKfdkcQ0AQFxd8w6V+PzT9Tc+IbDFNQAAZRXYmXMeF9jiGgCAsgrsXrMeFdjiGgCAsgrsHgVHBLa4BgCgrAK72/SHBLa4BgCgrAK7S+6DAltcAwBQVoHdOeeAwBbXAACUVWB3yN4nsMU1AABlFdjXjt8tsMU1AABlFdgZ43YJbHFNeWg2YKMPFwCchYHddvQODSCuKUt95z9Z/OES2ABwdgZ2qxHbNIC4pix0zz8c+XAJbAA4OwO75dC7NIC45qe4Nmt3iR8ugQ0AZ2dgNx+8SQOIa1LRfNDmEj9U7cbs9KECgLM0sAcufl4HiGviatBzZcmbyk95wAcKAM7SwO5d9JgOENfEVav9olBw6OuksO49xwcKAM7WwO6R/7AOENfEVeOaojBl10dJYT1g0XM+UAAA4prSurBeXhi38a2ksB55+6vh3JqTxDUAgLimtIYsfykprCdsfjdc3KhQWAMAiGtKq8+8J5LCeuruT0JauwXCGgBAXFNaxx8SkzDzoW9C/e4rhDUAgLimtDpk73VIDACAuOanajV8q0NiAADENT9Vk77rSwzrLrkPCmsAAHFNadXrujwUPPhVUlhnFj0urAEAxDWlVbPtTSFn54dJYT1o8fPCGgBAXFNalzQuDFkbf598SMya14Q1AIC4prSq1c4Jw1f+JimsJ979Xrigbp64BgAQ18SRecPPI2Gdt/fTcFnzucIaAChX12bdF/oteFpziOuqp2P2vuKwnn3kf0Odjku8yQGActVr5qM/TOy1HX2P9hDXVU/LYVtDo8w13twAQLkaeMtzSUtSr7p2oQYR1wAAxNXh//3G/Mdy7/1YXItrAABS0X/B07YAFtcAAJSFSxoVhqxN7yQF9rXjdwtscQ0AQFwNe60KMx/6Jimw63ReKrDFNQAAcSVmqo+P6+n7Pw/npGULbHENAEBcfeY9mRTYQ5f/SlyLawAA4jo3LTuM2/hWUmB3zjkgsMU1AABx1e54Syh48KukwL66x20CW1wDABBX4qTG4+O64NDX4bzauQJbXAMAEFfm3J8nBfao1a+Ka3ENAEAqxqx7Iymwu007JLDFNQAAcdVoOifk3/9lUmA3ylwjsMX16XVRwwJvOgCg0mva746kuJ5z5K+hev3pWkdcnz5jN7wZBi1+PlxYL88bDwCo1LpNfygpsMfe8abGEdenR4dJ+354403Z+VGo03GJNx8AUKmNWPVKUmD3LHxE44jr8nVlq3klPll7QfpUbz4AoNI6r/aUMG3fZ0md06zfBo0jrsvPpG1/jO4JefBrm64DAFVCepdbk+I64dLGM7WOuC573fMPJ73ZOk3e780GAFQZ12bd+0PnjFn/Rmjab73WEdfl8JNc56VJYT102UvhnLRsbzgAoErpv+CZkHjIsfrV+TpHXJePvL2fRsI68c8eZAQAQFzHlHlD8vGgGVn3CmsAAMR1HI2vX5sU1gMWPiusAQAQ13FUq5UTZh7+NhLWOTs/DGntFohrAADEdRwDb3kuada61YitwhoAAHEdR6thdyeF9fU3PiGsAQAQ13Fc0nhmUlhP2PJuuKz5XHENAIC4jmPEqleS4vqaQZuENQAA4jqO9hP2JIV1r5mPCmsAAMR1HGltFySF9dg73gwXNyoU1wAAiOs4sja9HQnr2Uf+NzTus05YAwAgruPoPv1w0qx1t2kPCWsAAMR1HPW6LU8K65GrXg0X1M0T1wAAiOs4puz8KBLWBQ98Fa7uuVJYAwDElNjSWFyfxc6vkxsSS0LmPPLXH+K60+T9whoAIIZza04KnaYcCD0KjohrJvxHepdbw5h1b4Shy14KiTeHawIAUDqNMteE0WtfL56knHXku5DoKnHNvyK781JhDQBQSjXb3pT07NrgxS+IawAASEWP/IeTArvF4M1BXAMAQOxn2KaGqbs/icR11qZ3wrlXTQ7iGgAAYmo9cnvS7HXiAUdxDQAAKRi97vVIXOff/0W4stW8IK4BACCm+j1WJM1e9533pLgGAIBUJGL6+MBu2Ht1ENcAABDTFS1vDLMOfxuJ65FrXhPXAACQik6T70+avW43ZmcQ1wAAENN5tXPDpG3vR+J6ys6PwoX18oK4BgCAmFoM2ZI0e91z5lFxDQAAqRi6/FeRuC46+n246tqFQVwDAEBM9botT5q9HnLri+IaAABS0XvOY0mB3bTfhiCuK5mLGxUEb2gAgDPr8hZzw/T7v4jE9YQt74rrymb4yt+EjpP2h/PTp4psAIAzqEP2vqTZ6w4T9wZxXUk07XfHDy/c5B0fhIyxu8I5adkiGwDgDKhWKydkbfx9JK4LHvwqXNKoMIjrSmDU6t9GXrzp+z8PFzW0TAQA4ExpPmhz0ux15tyfieuKrtnAO5NeuE5TDghrAIAzbPDS/0zqtPQuS4O4rsBGr/1d5AWbuvuTKn8aEABAZVC367Iw59G/RVqt7/wnxXVF1WLw5rNisTwAQGV13axHf9jvul7X5ZaFVGTjNrwZCeucez4M59XOEdcAABXEZdcUhYaZq23FV9G1Gn530qx1xrhdwhoAAHEdV9amtyNhnb31v2y/BwCAuI6r9cjtSbPWif/OiwwAgLiOKXGE5o/DOmvTO8IaAABxHVfbMTuTZq1bDr1LXAMAIK7jODctO0za9n4krMesf0NYAwAgruPKyLovadb6moF3imsAAMR1HNVq5YTJOz6IhPWo1b8V1gAAiOu42k/YkzRr3aTvenENAIC4juP89Klhyq6PImE9bMWvhTUAAOI6ro6T9iXNWjfsvVpcAwAgruOoXn9ayNv9SSSsh9z6orAGAEBcx9VpyoGkWeure94mrgEAENdxXNRgRpi277NIWA+85TlhDQCAuI6ry9SDSbPWdbsuE9cAAFXYOWnZQVyXg7R2C8J1s4+FmQ99UxzW/RY8LawBAKqoC9KnhvYT94aJd78XEmeciOtyclnzuaHb9IdC7Y63iGsAgCrm4kaFoUvugyFvz19+WK3QdvQOcQ0AAKlIPFf346XAWXe+La4BACAVTfttSHrWrkHPVUFcAwBACrI2/r5S7RLnRQMAoMJKPMx4/Oz1FS1vDOIaAABiurTxzDB9/xeRuO4+/bC4BgCAVGQWPR6J62l7Pwvn18kN4hoAAGKq22VZ0tKQViO2iWsAAEjF8JUvR+J67B1vimsAAEhFq2F3J2/Ld93tQVwDAEAKJm//YySuByx8RlwDAEAquuYdPG72+h8hrc38IK4BACCmGs3mhFkPfxsJ7G7TDolrAABIRf+bn43E9dTdn4QL6+UFcQ0AADHV73Fb0oONbUbvENcAAJCKxDZ8P47r0WtfF9cAAJCK1iO3J81eN8pcE8R1CRJbqrQcelfwxgEAoCTnpmWHvD2fRuK6/8JnxfXx6nRY/MMFytvzl9Br5tFQM2OB0AYAIKJ7/uFIXM959PtQs93NQVz/yHWzjyU9/Xlp01niGgCAiMtb3pC0NKRH/sPi+sfyD3wRuUB95z8lrAEAKNGgxc9H2jH33o9D9avzg7j+p4a9Vyf99HHNoE3iGgCAkvux16qkfmw3dpe4/teDjNENwSff80GoVitHXAMAcEJZm94JWRt/HzpO2h+uaHmjZSEJ1etPL16E/uO4zix6XFgDAHBSTfqsc/z58VoO3ZI0pd+k73pxDQBApVIhvokRq16JhPXEu94T1gAAiOu4rmw9L2nWumfhI+IaAABxHVf7CXuS4jpxmIwXBwAAcR3T+M3vRMI68bSnFwYAAHEdU71uy5NmrbtNOySuAQAQ13H1KDgSCeu5j/0jXNSwQFwDACCu4zg/fWrxEZU/jutRa18X1gAAiOu4mg3YmLQkpM2o7eIaAABxHVf/BU9Hwnr2kf8V1gAAiOu4Lms+NxQe+p9IXA+/7WVxDQCAuI4rY9yupCUhDXqtEtcAAIjruIav/E0krAsOfi2sAQAQ13Gld1qaNGudWfQzcQ0AgLiOK3FIzPFxfUXLG8U1AADiOo5zr5ocxm/5QySs8/Z8KqwBABDXcTXpuz6MXve7SFx3yN4nrgEAKFf1uq0INdstCFUqrn+sUeaaMGDhM6FarRxxDQBAmWs5bGsYs/6NHyZ1e848WnXjGgAAytPkHR9EVkzkH/hCXAMAQCq65iVvpCGuAQAgBWlt5ifFdfNBm4O4BgCAFBwf1yNWvSKuAQAgFUNuffG0Lg1x0QEAqLKaDdiYFNeJ5SLiGgAAymBpSPf8w+IaAABScfyWfHl7/iKuAQAgFadzSz4XHACAKu3yFjckxXViLba4BgCAMlh3PXTZr8Q1AACk4nRtyediAwBQ5TXtt/60bMnnYgMAcFYuDemad1BcAwBAKo7fkm/Kro/ENQAApKJz7gPlvu7ahQYA4KxQo+nsct+Sr9y++WvH7w6XNZ8bvJAAAFTUddeJXUQqRVz/+Jset+HNUKfjEqENAMAZNWjxC+W6NKRcvumLGxWetiMmAQCgtBpmri7XLfnK5ZtuN2Zn5BtOPJnpxQQAoCIuDSnLLfnK5Rseuea1yDecWfS4uAYAoEKYvO2P5TYRfFp+Gmja7w5xDQBAhdAxe19xo06//4vQd96TofH1aytXXF/SuFBcAwBQIVzcsKDc2rTM/8JGmWsiYV1w6GthDQDAWaHM/8K+85+MxPXQZS+KawAAxHUqCh74KhLX7cbuEtcAAIjrslhvnd7J4TEAAIjr2K7KuDlpU+7za+eKawAAxHVcnXMfiIR11sbfC2sAAMR1Kibe9V4krrvnHxbXAACI67JYb33NwDvFNQAA4jquixrMSFpvfWXreeIaAABxHVerEdsiYT119yfCGgAAcZ2Koct/FYnrAQufFdcAAIjrVMx97B+RuO4waZ+4BgBAXJfFw4wNrrtdXAMAIK7jSoT0j8N6ziN/DZc0LhTXAACI67gy5/4sEtdj1r8hrAEAENepmLrn00hcZxY9Lq4BABDXZbHeus2oHeIaAABxHVda2wVh4C3PhUnb//RDXKd3WiKuAQCoVKrVyglXtpoXGly3OjTsvTqckbg+Xo1mc8L5tXPFNQAAlUbWpnfCnKPf/zBZnDHu3ooR1wAAUNnk3vvnyDLn3rMfE9cAAJCKIUv/MxLXw297WVwDAEAqOuXcH4nryfd8IK4BACAVxx+KWHT0+1C93vQgrgEAIKbEphzHby9dt+tycQ0AAKk4Pq5bj9gmrgEAIBXT938eiese+Q+LawAASMXwlb+JxPXgpS+IawAASEW36Q9F4nriXe+JawAASEXzwZsjcV146BtxDQAAqUjvtDRpx5BLGhcGcQ0AADFd3KggKa4b9lolrgEAIBWFB/8nEtftJ+4V1wAAkIrR634Xiev+Nz8jrgEAIBWZRT+LxPW4jW+JawAASEViGciP43r6/V+IawAASEXTfnckPdQorgEAIAVXZdycFNeXNZ8byjWum/bbEGY88FXIvOHnxU9QNu23PngxAACo7C6omxfmHP0+EtdN+q4v37huN3ZX5AsOv+1lcQ0AQJWQOPb8x63bOfeB8o3rbtMPR77g9Tc+Ia4BAKgShtz6YqR1By9+oXzjuu/8p1KueQAAqMh6zjwaad1J2/9UvnE9fOVvIl+w5bCt4hoAgCqh3ZidKe8YktIXnHDXu5Ev1qDnSnENAECV0LD36pAxbldIbMtXp8PicEnjmeUb19P2fx6J67R2C8Q1AABnvdh/oFqtnFB07O+RuL64UYG4BgBAXMf9A4lNtI9fg3JuzWxxDQCAuI77B+p1XR4J65mHvxXWAACQSlw3H7w5Etc593worgEAIJW47pi9LxLXo9a+Lq4BACCVuL5u9mORuB6w8BlxDQAAqcT1oMUvROK6R/7D4hoAAFKJ6zHr34jEdfsJu8U1AACkEtc5uz6KxHWLIVvENQAApBLXhQ99Ez36/LrbxTUAAKQS18cfIFPr2kXiGgAA4sb1JY1nJp3OeGnTWeIaAADixnWdDosjYV107G+hWq0ccQ0AAHHjumm/DZG4ztvzF2ENAACpxHVG1n2RuB6/+Q/iGgAAUonrHoWPROJ6xKpXxDUAAKQS1wNveS4S1/1vdvQ5AACkFNeJ0xknbftjmLb/8zD7yF9Dz5lHxTUAAFVStZqTQ/X604p3x7uy1bxQu+MtoUzjGgAAzhadcx+IrNoYt+EtcQ0AAKnokL03EtcTtrwrrgEAIBUZY3dF4nrS9j+JawAASEWrEdsicZ1778fiGgAAUtF88OZIXE/b95m4BgCAVDTtf0ckrgse+EpcAwBAKhr2Xh2J61mHvxXXAACQivo9bovE9ZxH/yauAQAgFemdl0biOqFazUlBXAMAQEy12i9Kiuvz60wV1wAAEFfNtjclxXX1q/PFNQAAxHV5i7lJcX1pk1niGgAA4rq06aykuE4Et7gGAICYLmowIymu09rMF9cAABDXBXXzkuI68ZCjuAYAgJiqXTU5Ka7Tu9wqrgEAIBVzj/09EtdX97hNXAMAQCpmHfkuEteNMteIawAASEXBg19F4rppvw1lE9dd8w6FfzkY/v2fXXAAAKqyafs+i8R180GbyyauO03eH/mLs+58W1wDAFCl5d77caSBWw3fWjZxfe343ZG/eOLd74lrAACqtEnb/xRp4HZjdpZNXLcddU/kL558zwfiGgCAKm3iXe9FGvjaCbvLJq5bDbs78hdP3f2JuAYAoEpLLIX+cQN3mnx/2cR1s4F3Rv7i6fu/ENcAAFRp/9rM4/829DjVph6l/osb91kXieuCg1+LawAASCWuG/RaFYnr2Ue+E9cAAJBKXNfrtjwS14mjIF1AAABIIa7rdFwSieuEarVyBDYAAMSN66sybk6K6wvr5YlrAACIG9dXtpqXFNcXNSwQ1wAAEDeuL7umKCmuazSbLa4BACBuXF/SuDAprq9oeaO4BgCAuHF9Uf3pSXFdM2OBuAYAgLhxfX6d3KS4rtNhsbgGAIC4cX1uzUlJcV2v63JxDQAAceM6Yc6j30fiOnFqo4sIAAApxPXMw99G4rpxn3XiGgAAUonrGQf+OxLXzQZsFNcAAJBKXOft+TQS1y2H3iWuAQAglbiesvOjSFy3GbVdXAMAQCpxPWnbHyNxnZF1r7gGAIBU4nrClncjcd0he5+4BgCAVOJ63Ia3InHdecoD4hoAAFKJ6/TOS0Na2wWhRrM5oXr96aHaVZPFNQAAVVKvwqNh9pHvQt6ev4TECo4x698IZRrXAABwthiw8NnIqo3EP4trAABIwajVv43Edff8w+IaAABSkb31v47bhnqHuAYAgFRM3/9FJK4bXHe7uAYAgLjOqz0lFB37eySuExt7iGsAAIjpsuZzI2GdcFGDGeIaAADiSu+yLCmuS/PnXDwAADhOswEbI2FdcPBrcQ0AAKnIyLovEteJnUPENQAApCCxp/WP43rYil+LawAASEXf+U9G4jqz6HFxDQAAqUjMVP84rjtN3i+uAQAgFVmb3onEdavhW8U1AACkYuruTyJx3ShzjbgGAIBUzDryXSSua7VfJK4BACCuc9Oykw6QubTJLHENAABxXdp0ViSsi479PVS7arK4BgCAuOp0WByJ68T669L+2ZS+4EUNZ4SabW8KV/dcGVoOvSs07L06eCEAAKgKmvRdH4nrcRveLN+4Pn4NSsa4e8U1AABVQtvROyOtO+TWF8s3rrO3vh/5gr3nPCauAQCoErpNOxQ9nfGGn5dvXPe/+ZnIFxy+8jfiGgCAKuH4o8+7TD1YvnGdkXVf5Avm7PxQXAMAUCUkJo5/3LptR99TvnFdt+uyyBec8+jfQvWr8wU2AACVXvNBm0OvmY+GMevfCLMOfxua9rujfOP6kkaFSRtr1+++QlwDAHBWS/kPHh/XbUbtENcAAIjrVOTe93EkrnsUPiKuAQAQ16kYeuuLkbgeuuwlcQ0AgLhORecpD0TiOrH3tQsKAIC4TkGzARsjcT3r4e/ENQAA4joVtTvckrRjSI1mcwQ2AADiOq7EvtbHx3Xj69eKawAAxHUqZhz4MhLXnXMOiGsAAMR1Kkat/m0krgcufl5cAwAgrlPRe85jkbgev/kdcQ0AgLhOxbXjd0fiesaDX4trAADEdSqa9FmX9FCjiwoAgLhOQc12C5LiumbbmwQ2AADiOq7z06eG2Uf+NxLXzQdvEtcAAIjrVEzY8m4krnvkPyyuAQAQ16kYcuuLkbgeftvL4hoAAHGdip6Fj0TiOm/3J+IaAABxnYp2Y3b+ENZFx/4eEstEXFgAACqL8+vkhosbFYQKEdcNe68OLYdtDbU73hLOq50rrAEAqFTSu9z6w2TxyDWvhT7znghpbReEMxLXAABQmWWM3VVmZ7e4oAAAnNX6zn8y+gzhnk/FNQAApGLClj9E4vr6G34urgEAIK7LW8wNc45+H4nrhplrxDUAAMTVfNDmMltvLa4BADir9SiIntky97F/iGsAAEjFqNWvlulp4y4qAABnrfz7v4zEddvRO8Q1AADEld5pSdJ664saFohrAACIq2P2vjJ9mFFcAwBw1hq0+PlIWGdvfV9cAwBAKibv+CAS193zD4trAACI68K6eUlLQmq1XySuAQAgrsbXry3z9dbiGgCAs1LPmUcjYV3w4FfiGgAAUjFuw1uRuB5w8zPiGgAAUjHr8LeRuG7Sd33lieufuhk3AACUlctbzC2X9dblFtfNBmwMQ259sXjtSuKb7ZC9T1wDAFAhtBq+tXLF9eR7onsGTtr6R3ENAECF0P/mZyKtOmrt6xU7rrtNO1RuPw0AAMBPkXvvx5FOzRi7q2LHdVq7BUlx3aDXKoENAMAZd3ynXtK4sGLHdUnf9IBFvxTXAACcUemdloTRa18vtxUW5faND13+K0tDAACosGo0mx0ysu6tHHHdYvDmpLi+tMksgQ0AQJV1Wtez2JIPAABxneqTmPd9bEs+AADEdVnoUfCIddcAAIjrslAzI3lLvoaZawQ2AADiuizWXduSDwAAcZ2iEatesTQEAABxXRZaDr0rKa4vu6ZIYAMAIK7LYmlIp8n3i2sAAMR1Kqbt/cyWfAAAiOuy0GvmUeuuAQAQ12WhpC35mvRbL7ABABDXZbHuetCS58U1AADiOhWj1rxmaQgAAOK6LJS0Jd+VreYJbAAAxHVZLA3pMvWguAYAQFynYsaBLyNxPXnHB+IaAABxnYofb8mXWIOdWCriRQAAoKxVqzkp9FvwVGjQc1WosnGd2JKvbtdlghoAgHKVkXVvZMXEqLWvhSZ9y38raBcfAIAqZ/I9H0TiesKWd0O1WjniGgAA4rikUWHSLnU98h8+LasnvAAAAFQpnaYcSIrr+t1XiGsAAIhr2r7PImE9eu3rp+2ZPy8AAABVRs12C5JmrTtO2i+uAQAgrh4FRyJhPevwt6Fmm5vENQAAxFX40DeRuB6y/KWqu881AACUl6t73Ja0JKTt6HvENQAAxJV5w88jYZ14sPHCenniGgAA4riwbl6Y+9g/InHdf8HTp/1kcC8GAACV3jWDNiUtCWnSZ524BgCAuAYs+mUkrCfv+CCcie/DiwEAQKV2eYu5SbPWvWY9Kq4BACCujHG7kuK6VvtF4hoAAOIavvLlSFhnbfx9OFPfixcEAIBKK73TkqRZ6/YT9ojr4zXpuz54wwAAcDJd8w5Gwrro2N/DxY0KxHVCzYwFodfMoyF76/sha9Pb4hoAgBOqVnPSP5vxnUhcD1vx6zPakBVnIfrY5IXoV/dcKbABAChR4+vXJvVjs4F3iuuEixrOCFPv+zhycQYs/KW4BgCgRJlzo8edFzz41Rlvxwp1gXoUPJL000eNZkUCGwCAiEsaFYbce6MTs4nYFtc/UrvDLWHOo3+LXKQuuQ+KawAAItLazA9d8w4Vn8T4725M77JUXB9v0OLnI3Gde9/H4dy0bIENAECJmvRZF/oveLpC9GKFuzhN+9+RtDSk+eBN4hoAgAqvQn5T4za8FYnrkbe/Kq4BABDXqbh2/O6k2ev0zksFNgAA4jqu6vWnh7y9n0af/ix6XFwDACCuU9Fr1qORuJ750Lfh0iazBDYAAOI6rqsyFv4zqv8RCez2E/aIawAAxHUqhtz6YiSuJ971nrgGAEBcp6JJ3/VJDzY27b9BYAMAIK5TMX7zO5G4HrzkBXENAIC4TkVG1n1Js9d1OiwW2AAAiOu4LkifGqbf/0UkrnvOPCquAQAQ16noNTO6LV/enk/DxY0KBDYAAOI6rpptb0paGpJYLuIFBABAXKfg+G35xm54U1wDACCuU9Eoc03S7HViqz4vIgAA4joF4zf/IRLXA295TlwDACCuU9FuzM4fwnrqfZ+EzlMeCBc3LBTYAABVTO0Oi0P36YfD5S3mBnFdTqrVzik+Aj3xMGNiiz5vPACAqqn/gqeLJ1RnHv42ZBb9LNRsd3MQ1+XgnLRsUQ0AUIXV7bIs6Vm7LlMPimsAAIgr8Vzdj8N62r7PwkUN8sU1AADE0aDnyqRZ6845ByrNygUvIgAAFcbQZdGzTabu/iRcWH+auAYAgDhKOtekY/Y+u4UAAEBcw1f+JhLWU3Z+FM6vM1VcAwBAHE37bUiatb52/O5Kt0ucFxMAgDNu1JrXImE9eccHoVqtHHENAABxNB+0OWnWOmPcrkp5tokXFACAM2rshjcjYZ299f1wbiU9ONALCgDAGdNq+N1Js9ZtR++otCdye1EBADhjxm9+JxLWEza/Gyrzv48XFQCAM6LN6B1Js9atRmwT1wAAEMc5adlh0rb3I2GddefbobL/e3lxAQA47TKy7kuatW457G5xXdE1uO72cFnzouBNDABQMZxXe0rI2flhJKzH3vFmlei1Kvui1e26LAxa/Hzxi3Xd7GPiGgCgguiQvS9p1jqx17W4rqD6znsy8mIVHftbqN99hcAGADjDLqyXF/J2fxJptdFrX68ynVYlX7T0TkuTfhoauuwlcQ0AcIZ1mnIgqdOaDdgoriu63nMeS97apQoskgcAqKwualgQpu//PNJno1a/WqX6rEq/eDMOfBndlHzLu+G82jkCGwDgDEhsv5fYJSRn1/89zNi033pxXVlkZN2bNHvdecoD4hoA4Ay6IH1qSCwPGb7yN1Wuy6r8i5e18feRuE7MZl/Zap7ABgA4wy5uVCCuK5uGvVcnzV73nf+kuAYAQFynov/NzyYFduJwGW8AAADEdUw129wU5jzy1+OeTP2tuAYAQFynIvEg4/Gz121G7xDYAACI69hPpdbNC5O2/ykS1zn3fBjOr5MrsAEAENdxtRx2V9Lsdff8w+IaAABxnYphK34dietZD38X0trMF9gAAIjruOp3X5E0ez1g0XPiGgAAcZ2K3nMeSwrshpmrBTYAAOI6rsuazw3T9n0WietxG94S1wAAiOtUtJ+4N2n2uu3onQIbAABxHVe1qyaHsRvejMR13p5PwwV1pwpsAADEdVzNBmxM3ppvxhFxDQCAuE7FwFueSwrstLYLBDYAQCmld16qncT1/3szdFpSvNd1Iqqz7/6v0HzQZm8OAIDSLrWtOSkMXfZSGH7by6HWtYuCuPam+I8eM46EHoWPhGo1JwtrAIAYOk2+/4ff/s8+8l1I/PN5tacEcX0Wu6TxTFENABBTg54rQ8GDX0WW107Z9dFZ3VXeGAAAxHZh3bww8vZXk55dq99jhbgGAIA4uk8/XMKuaw9bc+3NAQBAHE36rg+zj/xvJKwnbHnXMltxDQBArGfVGhWGcccdxJdgpxBxDQBATNfNOpYU1okdQlwbcQ0AQAyJ80COD+vRa18X1uIaAIA4Lm8xN0y8672kuK7RdLa4FtcAAMTRZ/4vksK63ZidwlpcAwAQR+uR25PCeujyXwlrcQ0AQBw12y0IOTs/jIT1rIe/C+fVzhHX4hoAgDgGLHouada62YCNwlpcAwAQR0bWfUlhPWDhM8JaXAMAEEd6pyVh2t7PImE9ff/nwlpcl4/qV+eH7vmHQ7+bnvImAwCqlHPTssPQ5S8lzVrX775C94jrste034Yw9kfHfrYZvcMbDQCoMhInLh4f1r1mHtU74rrsXdJ4ZtKbLaFmu5u94QCASu/qnitDwcGvI52Tc8+HOkdcl+/M9fFxPWXXR6FarcneeABApXVB+tQwavWryZOIbW/SOOK6fPUofCT56dlFv/TGAwAqtbR2C8L4ze/80DedJu/XN+L69Biz/o2kwM4Yd683IABQ6Wew+8x7Iozb8JauEdenT/X608PsI39NCux63ZZ7IwIAld7FjQo0jbg+vRr2Xp0U13l7/hK8GQEAxDUp6Jp3MCmwBy99QVwDAIhrUjHy9uQnaztO8gAAAIC4Jrbzaucm7QmZ0KTveoENACCuiStxJOjxcT39/i/Cla3nCWwAAHFNXJ0m7U8K7KHLfx3OTcsW2AAA4pq4hix/KSmwexQcEdcAAOKauM5Jyw7T9n+eFNithm8V2AAA4pq40jstTYrrgge/CuldlgpsAABxTVzXZu1OCuzEkenVr84X2AAA4pq4Bi5+Pimw+8z7hbgGABDXpCL33o+TArv9xL0CGwBAXBPXVRkLk+J6wMJnxDUAUK4aZa4JbUbv0BziuuppO+qeH8K605QD3uQAQLmq3eGWMPvId8Xt0X3Gw9pDXFc9/RY8HdqM8tMjAFC+ajSbHfJ2fxL5rXn/m/3WXFwDABDLBelTw/jN7yQtSR2x6pVwXu0pAltcAwBQWsNXvpwU1lmb3gmXNpklrMU1AAClXoJ601NJYZ2768/hqoybhbW4BgCgtBIPLSadDn3o63B1z5XCWlwDAFBa7ScknwqdcM3AO4W1uAYAoLRaDru7xLBuN2ansBbXAACUVuPr15YY1l1yHxTW4hoAgNJK77w0FB76Jimse895TFiLawAASuvKVvPClJ0fJYX1gEXPCWtxDQBAaV3UcEYYt+GtpLAeefurwlpcAwBQWuemZYehy3+VFNbjt/whVK8/TVyLawAASqvfgqeTwnrqfR+Hy1veIKzFNXH1LHwkdM075MMDAGehXoVHk8I68UBjeqel2kBcE1ff+f93nKnABoCzS+ecAyVuuZfYis/1EdfENGjxC0kfJoENAGeHtqPvKTGsWw7fqgXENaloPmhziR8qgQ0AVVuzARtLbIAO2fs0gLjmpzjR0aYCGwDOrsDuUXDEvV9cUxZaj9wusAHgLA7sfjc95Z4vrinbdVc7BTYAnKWB7TqIa8pBRtZ9AhsAQFxTVtpP3CuwAQDENWWl06T9AhsAQFxTVjpPeUBgAwCIa8pKt2mHBDYAgLimrPTIf1hgAwCIa8pKz5lHBTYAgLimrPSe/ZjABgAQ15SVzLk/F9gAAOKastJn3i8ENgCAuKas9F/wdFJcT9n5UajZ7maBDQCnUff8w6FGsznuv+Kaym7Aol/+ENYzHvgqpHe51QcbAE6Tc9Imhj7z//Xb5KxNb4fqDfLdh8U1ld2gJc+HomN/Dw2uu90HGgBOk4sazAhDl70U+Q3yiFWvhPNq57ofi2squ2b9NvggA8BpktZ6fhh7x5slPv805NYX3ZPFNQAApVGv6/KQc8+HJYZ1ZtHjwlpcAwBQGk37bQiFh74pMaw7Tb5fWItrAABKo83oHSVGdUKr4XcLa3ENAEBpdM45UGJUJ3bqathrlbAW1wAAlMZ1sx8rMawnb/9jSGu3QFiLawAATiWxpd7gJS+UGNaj1r4eql9tT2txDQDAKdVoNvuEW+0NWPScqBbXAACURq32i8KUnR+VGNa9Zh4V1uLaRQAAKI3EacczD39bYlh3yN4rrBHXlF7HSftDg+tWGzgAOCu1HL61xKguPPQ/ofngze6PiGtKr0mfdcUDSOKn9WvH7zaAAHBWOdFWezk7Pwz1u69wX0RcU3pXtLwxTN39SWQwuf7GJ8J5daYYTACo8hJHlpcU1mPWvxGubDXPvRBxTTxDbn2xxEFl9LrfhfROSwwqAJx198DEFnwX1M1zD0Rck5pOOfeXOLhM3/95aDV8q8EFgCrp4kYFYeJd70Xufb3nPOa+h7jmp0sc3zrzoW9KjOweBY8YaACokq7KWBgKD/5P8f0uMdnkmiCuKTOXNJ5ZvMaspMAetuLXIfETvusEQJWbYOq92m9qEdeUn+tmPXrCp6Yb9Fpl8AEAxDXE0WLIlhIDe+5j/7CRPgAgriGuOh2XhEnb/1RiZA9Y+KzABgDENcRRvf704pAuKbDHb34nXN7yBpENAIhriCNxPHrJx8J+E5r23yCwAQBxDXE07bch5B/4ssTI7jbtkMAGAMQ1xFGz3YIwctWrJQb20OW/DufWnCSyAQBxDaV1Xp0pIbPo8RIDe+p9n4Ra7RcJbABAXEMcGVn3hbnH/p4U2CNvfzWcXydXYANQ7vehRplr3G8Q11QdDTNXh0nb3o/Edb1uyw10AJSbK1reGEat/tcSxdHrfueeg7im6g1yQ5e9VDzItZ+w2yAHQLm59p/3maJH/xaZ1OmS+6B7D+KaquWctImhR+EjBjcAysWVreeFUWteK/F5n4S01vPdgxDXAACn0iF7b5h15LuSDzS78+3QbMBGYY24BgA4mZptb/phbXVJes18NFzSeKawRlwDAJxMx+x9oeDQ1yVGddbGt0Kzfk4HRlwDAJx8tjpjQRh228snnK3uOfNouLhhobBGXAMAnGq2Ov/+L0uM6glb/hCa9lsvqhHXAAAnc1XGwjDk1hdPOFvdo+CRcFHDAmGNuAYAOJnEKYt5ez4tMaonb/tjaNJnnahGXMNP1XLYVoMpQBVW69pFYeAtz51kJ5CjoXqDfPcCxDX8VG1H7ygeWEeseiXU7niLgRWgyo3zO0Purj+XGNW59/45NL5+rbEfcQ1loUazOWHavs+Sngy/sN40Ay1AJVezzU2h/4JnTjhbnTn356F6/enGe8Q1lJX+C58tccDN2/OXYKkIQOVWu8MtJY7xiUmVxtZWI66h7LUYsiWM3/KHE85qJJaKpHe51QAMUEl1nnIgMq73W/BUuLC+304irqHcJH4l2G36Q6Hw0DcnP0SgkUMEACqb8+vkhrF3vBkKHvwqNBt4p3EccQ2nS3rnpWHwkhdOGNiJpSJtRm03MANUMomjyy+sl2f8RlzDmdBq+NaQffd/nXSpyNU9VxqkAQBxDaVxQd2pofuMh8OsI9+dMLKvm30sXHZNkcgGAMQ1lEadjkvC0GUvnXSpSOK0L9cKABDXUOqlIneHydv/eMLIHrX6t6FR5hqRDQCIayiN82pPCT0KHglFR78/YWRff+MTIa31fJENAIhrKI1a1y4Kw1b8+oSBPW3vZ6Fj9r5QrVaOyAYAxDWURovBW0LOzg9LDOzp+z8PFzWYIa4BUtBm1I4w8a73Qo1mHhpHXMNZ5dyak0L3/MNh7rF/ROK60+T9bggAMbUesS1M2Pzu/+3KNOtRYyniGs5Gae0W/LCryKTtfwrn1c51QwAopZbDt4bxm99J+i3gnCN/DWltPMeCuIazVuJo3XZjd7kRAJQmqofdHbLufPuEz7Ak9Jn3C2Mq4hoA4ITPrAzZEsZteOukUZ1Yc91m9A5hjbgGAChJ88Gbw9g73hTVIK4BgFRdM2hTGLPuDVEN4hoASPk5lAEbw+h1r4tqENdQMVzSqNANB6h8Ud1vQxi55jVRDeIaKpZu0x8KAxb9MjTKXOMGBFR4TfqtDyNvf1VUg7iGiufyFnNDwcGvf7ghjV77ekicWnZe7SluSkCF0rjPujBi1SuiGsQ1VFzXzT5W4g1q8j0fhK55B0Mivl0noCI42Wy1qAZxDWdczXY3n3QGKKHw0Dehz7wnQ72uy920gDOq+aDNohrENVRsNZrNDl2mHgxTd39yytAevvLlcM3gTW5iwBnz7+PLRTWIa6jQzkmbGFoOvat4zfWpIjtxU2s/cW+4sP40NzbgtGo9cruoBnENlUvdLstC3/lPhTmP/u2kkZ1//xeh18xHQ1qb+W50ACCugZO57Jqi0DnnQJiy66NTzmYPWvJ8aNBzlcgGAHENnEy1qyaHFkO3nHJf2YSxd7wZWg2/W2QDgLgGTqV+9xXh+hufCLMf/t+TRnburj8Xz3pf3KhAaMNZLK3tAmMAiGvgVK5oeWPonPtAmLT9TycM7IG3POemCmehxC5EiQcPBy/9z1Bw8H+c/griGiit8+pMCa2Gbw0jVyUvGWna7w43VDhLXFgvLzQbuDH0nf9kmLb3s8hY0H/hs8YCENdAXIkHGhO7jMx86JvihyBdE6jaElt4Nrju9uJdg/L2nHiv/DmPfh9qtr3JmADiGkhpjWXr+aFr3iE3Uqii0jstLT58Kvfej0/5kHNC4odtYwKIawDg3z80t5kf2k/YU6qtORMKD30T+s1/KtTvsUJUg7gGAC5tMitkZN0XJu/4oFRBfcPj/yjesjNx2uu5admiGsQ1UFH1W/B0aD9hd7iooa39oDxdUHdqaDd2V5i07Y+lDOoQxm9+J3SafH9I7BLiGoK4BiqBomN//+FGPuPAl+G6/7+9e32qqorDOP5faJaX0UZQJBU0EcELiICGICaiCAbmDRDxBBwEsTRE84KJZYohgZI0hFcyRdDpYvmi1BqdabKpdGyyyWo0LSurJ9fKmShJwHOU2/fF59WZgT3r7D3nWWv/1m/l1str3Cp+yAE3GT3rVSWXnW92oE7beVHReUflHbaG5xAgXANoT0yd551+5OMLT2rY1GJ18eQ1NHC3UsubXqnO3HNFsQXH5Re7lWcNIFwDaK9mbvi42atp80vPaWxytfoMz+PHH2iBcam7G32mcg/9poT1HyloTiVlWQDhGkB7131wpkYm7dATRaebHbAblo9MWnJE5sh2xhK4M3PqasPnZ/aWswpduFf9x67k+QEI1wA6Kt/IIk1+5m37erqlYTu+8JQCE8pkNmwxlsDtUsovaGJ2rXwmbuAZAQjXADqbhwOeVljaXs0r/bLFQdts3ApP3y+P0fmECOCWB72ZeAKEawC4xT+uRPHrTqhhZ5HmMKt13QYQKtA+eI7Jt/XPcas/UFfPVO5bAIRrAPeeV8gqRS6uk6PqUpPhOsJ5iICCNqnXkGwNn16i6KVvNdp3eujkTdy7AAjXAO6vhwY6ZHr4Prn500bD9cAJbHhE6zOr0IMjntd4R43dwPvUrh+anBia0M3YASBcA2hVgydu0JTlx5Tz5nUbUBgTtFZ5h5n0mQ26c0s+V+6hX1u8dyD9tW9lVrcZTwCEawBtgruPazar5KOSKuQ5ZoW6eHCoDf4p7xgS/aLdgBu35kMtrPymxUG6ocUHrtv9BSac9/GnpzsAwjWADqpf0Ip/haC8wzc0p/gzReXU2dpZ8zkdGTqPyMWHlbTpEzn3XXUpTC+o+FpRufXynfQCkzYAhGsAncejUzY3Kyw5919VYtFpjXe8oYD4UnmHrVEPnyxCUwfzWNbBuwrTSRvPKHhelTxGLeeeAEC4BtB5hSRXu7RCuajqkn3dH5Fda8tLzAY3d5eu4P4xbyua+s4z91zWlOXvyi+mmLcaAAjXANCQ6UiSsfuySwG7MWmVF20Hiei8o4QvN9fI9x25zE5iRsRtU0hKtVsDrnfo6tu+S3PoUfiiGpl2kXwHAAjXANCErv3T1C+oQH7TXlZY+j5NLThuu0Fk1VxzOWRn1/xEIGtCT99s9QsusBsIRybusN+BaVk3Y+0JzS4+q7SdF+W8OY7/N8Z9A5e5bYx7DnEqft1JBc4sVw9fyn4AEK4BwK3MKqn/9G2akHHAnrBnjmHPOfhL849tf+W8WwOaqfkOXbBbwXOrNHpWhQISym5OCrZq6OSX5BNZpIHjCzVg3Grb/cSEzt5+ebb1W/dBGXrAK/2+b64z1zRiRqnGJlcrwlmrqSvetyv680vPyVH9vZbU3nB5AmNaNXKvAiBcA0A71mvo363aQhfutSuspjvEkrrfbwt+5jP3drOoczmMmo4o2Qd+VuaeK3K8/p1dGU7dfkHztn1hV4rdeb1mk5+7S27+y0wwuCcBEK4BoAPq5pUu7/C1CppTqZhnj9nVWnf+/ceXvXPPw6o7rzcgofyeXGNe/R/2RMSU8gu2FzX3HgDCNQCgxeILT7WrcO0Xu7VF/9tZc00Ltn+lxI1nFJP/np2chKTsUuDMMvumYEDIc+ozPE/d6NIBgHANAHCVqf2OzKmzR3DHFhy3bQATi85o9pazto7ZlKeYUo+sfT/a2vClR/5s1XBtDlExZSiOqkv2cB5Ttx6VU2+7fPjHlWhQxHp5jMmX2UjIYSsAQLgGgLbfDcUrTT0GZaj3sFy7ybF/8Eo9Er5OPlEbNSxmi91wOGpWhT0ExdSQM2YAQLgGAAAACNcAAAAACNcAAAAA4RoAAAAgXAMAAACEawYBAAAAIFwDAAAAbchf3No1D1dehSIAAAAASUVORK5CYII="
- }
- }],
- series: seriesOption
- }
- function _pie3 () {
- let dataArr = [];
- for (var i = 0; i < 100; i++) {
- if (i % 2 === 0) {
- dataArr.push({
- name: (i + 1).toString(),
- value: 25,
- tooltip: { show: false },
- itemStyle: {
- normal: {
- color: "#5A5DE0",
- borderWidth: 1,
- borderColor: "#5A5DE0"
- }
- }
- })
- } else {
- dataArr.push({
- name: (i + 1).toString(),
- value: 20,
- tooltip: { show: false },
- itemStyle: {
- normal: {
- color: "rgba(0,0,0,0)",
- borderWidth: 0,
- borderColor: "rgba(0,0,0,0)"
- }
- }
- })
- }
- }
- return dataArr
- }
- that.leftEcharts12.on('click', (params) => {
- 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)
- })
- //轮播
- tools.loopShowTooltip(that.leftEcharts12, option, {
- interval: 1000,
- loopSeries: true,
- });
- //注册
- that.leftEcharts12.setOption(option);
- },
- leftEcharts13Fun () {
- let that = this;
- this.leftEcharts13 = echarts.init(this.$refs["leftEcharts13"]);
- var totalData = center7;
- var data = [];
- for (var i = 0; i < totalData.length; i++) {
- data.push({
- name: totalData[i].name,
- value: totalData[i].value,
- value2: totalData[i].value2,
- proportion: totalData[i].proportion,
- itemStyle: {
- normal: {
- borderWidth: 8,
- shadowBlur: 0,
- borderColor: commonColor[i],
- shadowColor: commonColor[i]
- }
- }
- },
- {
- value: 5,
- name: '',
- tooltip: { show: false },
- itemStyle: {
- normal: {
- label: {
- show: false
- },
- labelLine: {
- show: false
- },
- color: 'rgba(0, 0, 0, 0)',
- borderColor: 'rgba(0, 0, 0, 0)',
- borderWidth: 0
- }
- }
- }
- );
- }
- var seriesOption = [
- {
- name: '',
- type: 'pie',
- clockWise: false,
- radius: [160, 170],
- center: [350, 250],
- hoverAnimation: true,
- itemStyle: {
- normal: {
- label: {
- show: false,
- }
- }
- },
- emphasis: {
- scale: true,
- scaleSize: 13,
- },
- data: data
- },
- // {
- // type: 'pie',
- // tooltip: { show: false },
- // radius: [120, 120],
- // center: [350, 250],
- // zlevel: 3,
- // silent: true,
- // label: {
- // normal: {
- // show: false
- // },
- // },
- // labelLine: {
- // normal: {
- // show: false
- // }
- // },
- // data: _pie3()
- // }
- ];
- option = {
- color: commonColor,
- title: {
- show: false,
- text: '35%',
- top: '40%',
- textAlign: "center",
- left: "50%",
- textStyle: {
- fontWeight: '600',
- fontFamily: 'Microsoft YaHei',
- fontSize: '50',
- color: "#58E6F7", // x轴文字颜色
- }
- },
- tooltip: {
- show: true,
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- confine: true,
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- fontFamily: 'Microsoft YaHei',
- },
- formatter: (params) => {
- that.stageTitle = params.name
- that.stageTitle2 = center7.find(item => item.name == params.name).proportion + '%'
- return `<span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${params.color}"></span>${params.name}:<br/>投资完成额:${params.data.value2}亿<br/>项目数量:${params.data.value}个`
- }
- },
- graphic: [{
- type: 'image',
- id: 'background',
- left: 220,
- top: "23.3%",
- zlevel: 0,
- silent: true,
- style: {
- width: 260, // 设置图片宽度
- height: 260, // 设置图片高度
- image: "data:image/png;base64,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"
- }
- }],
- legend: {
- icon: "circle",
- orient: 'vertical',
- data: totalData.map(item => item.name),
- right: '15%',
- bottom: 0,
- align: 'left',
- textStyle: {
- color: '#FFF', // 文字的颜色
- fontSize: '24', // 文字字体大小
- fontFamily: 'Microsoft YaHei',
- },
- itemGap: 20
- },
- toolbox: {
- show: false
- },
- series: seriesOption
- }
- function _pie3 () {
- let dataArr = [];
- for (var i = 0; i < 1; i++) {
- if (i % 2 === 0) {
- dataArr.push({
- name: (i + 1).toString(),
- value: 25,
- tooltip: { show: false },
- itemStyle: {
- normal: {
- color: "#5A5DE0",
- borderWidth: 1,
- borderColor: "#5A5DE0"
- }
- }
- })
- } else {
- dataArr.push({
- name: (i + 1).toString(),
- value: 20,
- tooltip: { show: false },
- itemStyle: {
- normal: {
- color: "rgba(0,0,0,0)",
- borderWidth: 0,
- borderColor: "rgba(0,0,0,0)"
- }
- }
- })
- }
- }
- return dataArr
- }
- that.leftEcharts13.on('click', (params) => {
- that.showChartLTipDouble(params.name, 'center', '', '', '', '', 'keyIndicators', center7.filter(item => item.name == params.name)[0].typeno, 'state', center7.filter(item => item.name == params.name)[0].typeno, 1, 116)
- })
- //轮播
- tools.loopShowTooltip(that.leftEcharts13, option, {
- interval: 1000,
- loopSeries: true,
- });
- //注册
- that.leftEcharts13.setOption(option);
- },
- leftEcharts14Fun () {
- let that = this;
- this.leftEcharts14 = echarts.init(this.$refs["leftEcharts14"]);
- that.leftEcharts14.on("showTip", (params) => {
- // 如果是7或者15并且满足防抖则切换
- if (
- (params.dataIndex == 5 || params.dataIndex == 11) &&
- that.echartC1Fd1
- ) {
- that.echartC1Fd1 = false;
- setTimeout(() => {
- option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
- option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
- that.leftEcharts14.setOption(option);
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartC1Fd1 = true;
- }, 2000);
- }, 1900);
- // 如果是17表示到了最后一个,那么重新来一遍
- } else if (params.dataIndex == 17 && that.echartC1Fd1) {
- that.echartC1Fd1 = false;
- setTimeout(() => {
- option.dataZoom[0].endValue = 0;
- option.dataZoom[0].startValue = 5;
- that.leftEcharts14.setOption(option);
- // 防止勿刷新做的防抖
- setTimeout(() => {
- that.echartC1Fd1 = true;
- }, 2000);
- }, 1900);
- }
- });
- let option = {
- dataZoom: [
- {
- type: "slider",
- show: false,
- yAxisIndex: 0,
- handlesize: 0, //滑动条的 左右2个滑动条的大小
- startValue: 5, // 初始显示值
- endValue: 0, // 结束显示值
- height: 10, //组件高度
- left: "5%",
- right: "4%", //右边的距离
- bottom: "25%", //底边的距离
- borderColor: "#939",
- fillerColor: "#269cdb",
- borderRadius: 5,
- backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
- showDataShadow: false, //是否显示数据阴影
- showDetail: false, //即拖拽时候是否显示详细数值信息
- truerealtime: true, //是否实时更新
- filterMode: "filter",
- }
- ],
- tooltip: {
- show: true,
- trigger: "axis",
- formatter: (data) => {
- if (data[0] && data[1]) {
- 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] && data[1].color.colorStops[0].color}"></span>${data[1].seriesName}:${that.numFormat(data[1].value)}亿`;
- } else if (data[0]) {
- 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)}亿`;
- } else if (data[1]) {
- return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;margin-right:10px;background-color:${data[1] && data[1].color.colorStops[0].color}"></span>${data[1].seriesName}:${that.numFormat(data[1].value)}亿`;
- }
- },
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- },
- },
- legend: {
- top: "top",
- textStyle: {
- color: "#fff",
- fontSize: 24,
- padding: [0, 20],
- },
- },
- grid: {
- left: '3%',
- right: '7%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: {
- name: '亿',
- nameTextStyle: {
- color: '#fff',
- fontSize: 20,
- fontFamily: 'Microsoft YaHei'
- },
- type: 'value',
- axisLabel: {
- textStyle: {
- color: "white",
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: "#68b4dd66",
- width: 1,
- type: "dashed",
- },
- },
- },
- yAxis: {
- type: 'category',
- inverse: true,
- axisTick: {
- lineStyle: {
- color: "#18416F",
- },
- },
- // y轴的字体颜色
- axisLabel: {
- textStyle: {
- color: "white",
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- },
- splitLine: {
- show: false,
- lineStyle: {
- color: "#68b4dd66",
- width: 1,
- type: "dashed",
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- nameTextStyle: {
- color: '#fff',
- fontSize: 20,
- fontFamily: 'Microsoft YaHei'
- },
- data: (center3.map(item => item.name).reverse())
- },
- series: [
- {
- name: '投资完成额',
- type: 'bar',
- data: (center3.map(item => item.value2)).reverse(),
- barGap: '-145%',
- barWidth: "15",
- zlevel: 10,
- itemStyle: {
- barBorderRadius: [0, 20, 20, 0],
- color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
- {
- offset: 0,
- color: '#B78CFF',
- },
- {
- offset: 1,
- color: '#B78CFF',
- },
- ]),
- },
- },
- {
- name: '计划投资额',
- type: 'bar',
- data: (center3.map(item => item.value)).reverse(),
- barWidth: "30",
- itemStyle: {
- barBorderRadius: [0, 50, 50, 0],
- borderColor: '#3a679f',
- color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
- {
- offset: 0,
- color: '#3a679f',
- },
- {
- offset: 1,
- color: '#3a679f',
- },
- ]),
- },
- }
- ]
- };
- that.leftEcharts14.on('click', (params) => {
- params.seriesName == '计划投资' ? that.projectNum = 1131 : that.projectNum = 1132
- that.centerPenetrateTwo('', '', that.findCode(params.name), params.seriesName == '计划投资' ? 2 : 1)
- })
- //轮播
- tools.loopShowTooltip(that.leftEcharts14, option, {
- interval: 2000,
- loopSeries: true,
- });
- //注册
- that.leftEcharts14.setOption(option);
- },
- leftEcharts15Fun () {
- let that = this;
- this.leftEcharts15 = echarts.init(this.$refs["leftEcharts15"]);
- var xdata = ['煤炭和煤电', '煤电和新能源', '煤炭和化工', '煤炭和数字', '煤炭和降碳'];
- var data = center6;
- option = {
- tooltip: {
- show: true,
- trigger: "axis",
- formatter: data => {
- return `${data[0].name}<br />计划投资额:${data[0].value}亿`
- },
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- },
- },
- grid: {
- left: "4%",
- right: "12%",
- bottom: "3%",
- top: "15%",
- containLabel: true
- },
- xAxis: {
- data: xdata,
- triggerEvent: true,
- axisTick: {
- show: false
- },
- axisLine: {
- show: false
- },
- axisLabel: {
- show: true,
- rotate: 50,
- interval: 0,
- textStyle: {
- padding: [14, 0, 0, 0],
- fontSize: 20,
- color: "rgba(255,255,255,1)"
- }
- }
- },
- yAxis: {
- name: "亿",
- triggerEvent: true,
- nameTextStyle: {
- color: "#fff",
- fontSize: 20,
- padding: [0, 0, 10, -20]
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: 'rgba(255,255,255,.1)'
- }
- },
- axisTick: {
- show: false
- },
- axisLine: {
- show: true,
- lineStyle: {
- color: 'rgba(255,255,255,.1)'
- }
- },
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- fontSize: 20
- }
- }
- },
- series: [
- {
- name: "数量",
- type: "pictorialBar",
- barCategoryGap: "60%",
- // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
- symbol: "path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z",
- itemStyle: {
- normal: {
- //渐变色
- color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: "#01EAED"
- },
- {
- offset: 0.5,
- color: "#02C4DD"
- },
- {
- offset: 1,
- color: "#029ED9"
- }
- ])
- }
- },
- label: {
- normal: {
- show: false,
- position: "top",
- textStyle: {
- color: "#fff",
- fontSize: 20
- }
- }
- },
- data: data,
- }
- ]
- }
- that.leftEcharts15.getZr().on('click', function (param) {
- // 获取 点击的 触发点像素坐标
- const pointInPixel = [param.offsetX, param.offsetY]
- // 判断给定的点是否在指定的坐标系或者系列上
- if (that.leftEcharts15.containPixel('grid', pointInPixel)) {
- // 获取到点击的 x轴 下标 转换为逻辑坐标
- const xIndex = that.leftEcharts15.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
- if (xdata[Math.abs(xIndex)] == '煤炭和煤电') {
- that.showChartLTipSingle(xdata[Math.abs(xIndex)], 'center', 'keyIndicators', 'ceiamount', '', '', '', '', 'five', '1', 2, 115)
- } else if (xdata[Math.abs(xIndex)] == '煤电和新能源') {
- that.showChartLTipSingle(xdata[Math.abs(xIndex)], 'center', 'keyIndicators', 'cpneiamount', '', '', '', '', 'five', '2', 2, 115)
- } else if (xdata[Math.abs(xIndex)] == '煤炭和化工') {
- that.showChartLTipSingle(xdata[xIndex], 'center', 'keyIndicators', 'ccheiamount', '', '', '', '', 'five', '3', 2, 115)
- } else if (xdata[Math.abs(xIndex)] == '煤炭和数字') {
- that.showChartLTipSingle(xdata[Math.abs(xIndex)], 'center', 'keyIndicators', 'cdiamount', '', '', '', '', 'five', '4', 2, 115)
- } else if (xdata[Math.abs(xIndex)] == '煤炭和降碳') {
- that.showChartLTipSingle(xdata[Math.abs(xIndex)], 'center', 'keyIndicators', 'cciamount', '', '', '', '', 'five', '5', 2, 115)
- }
- }
- })
- //轮播
- tools.loopShowTooltip(that.leftEcharts15, option, {
- interval: 2000,
- loopSeries: true,
- });
- //注册
- that.leftEcharts15.setOption(option);
- },
- leftEcharts16Fun () {
- let that = this;
- this.leftEcharts16 = echarts.init(this.$refs["leftEcharts16"]);
- // return
- // var ROOT_PATH = 'https://echarts.apache.org/examples';
- let option = {
- backgroundColor: "#00000000",
- globe: {
- globeRadius: 85,
- baseTexture: "./img/3D/world1.jpg",
- heightTexture: "./img/3D/world1.jpg",
- displacementScale: 0.04,
- shading: "realistic",
- // environment: './img/3D/world2.jpg',
- realisticMaterial: {
- roughness: 0.9,
- },
- postEffect: {
- enable: true,
- },
- light: {
- main: {
- intensity: 1,
- shadow: true,
- },
- },
- },
- };
- that.leftEcharts16.setOption(option);
- },
- // 回到中国地图
- backChina () {
- let that = this
- if (!this.mapShow) {
- return
- }
- this.mapShow = false
- that.leftEcharts12 && that.leftEcharts12.dispose()
- that.leftEcharts14 && that.leftEcharts14.dispose()
- that.leftEcharts9 && that.leftEcharts9.dispose()
- that.leftEcharts15 && that.leftEcharts15.dispose()
- that.leftEcharts13 && that.leftEcharts13.dispose()
- that.shanxiMap && that.shanxiMap.dispose()
- setTimeout(() => {
- that.chinaEchartsFun()
- that.leftEcharts16Fun()
- });
- },
- tipShow1Fun (e, name, name2) {
- this.closeTap()
- this.titleUrl = e
- this.titleName = name
- this.titleName2 = name2
- this.$nextTick(() => {
- this.tipShow1 = true
- })
- },
- tipShow2Fun (e) {
- if (this.titleName == '投前管理') {
- this.titleFrontUrl = 'left1.png'
- this.$nextTick(() => {
- this.tipShow4 = true
- })
- } else {
- e == 1 ? this.titleAfterUrl = 'right1.png' : this.titleAfterUrl = 'right4.png'
- this.$nextTick(() => {
- this.tipShow5 = true
- })
- }
- },
- tipShow3Fun () {
- },
- // 投资额度使用情况
- echartEnterpriseFun () {
- this.echartEnterpriseShow = false
- this.echartBall && this.echartBall.dispose()
- },
- // 关闭所有弹窗的方法
- closeTap () {
- this.changeLine = true
- this.tipShow1 = false
- this.tipShow2 = false
- this.tipShow3 = false
- this.tipShow4 = false
- this.tipShow5 = false
- this.projectListTipShow = false
- this.boardTipShow = false
- this.echartEnterpriseShow = false
- this.leftEcharts18 && this.leftEcharts18.dispose()
- this.echartBall && this.echartBall.dispose()
- this.echartSingleTip2 && this.echartSingleTip2.dispose()
- this.echartSingleTip3 && this.echartSingleTip3.dispose()
- },
- //点击弹窗左半部分
- popLeftClick () {
- if (this.titleUrl == '2.png') {
- this.titleUrl = '3.png'
- } else if (this.titleUrl == '7.png') {
- this.titleUrl = '8.png'
- } else if (this.titleUrl == '3.png') {
- this.titleUrl = '2.png'
- } else if (this.titleUrl == '8.png') {
- this.titleUrl = '7.png'
- } else if (this.titleUrl == '5.png') {
- this.titleUrl = '2.png'
- } else if (this.titleUrl == '10.png') {
- this.titleUrl = '7.png'
- }
- },
- //点击弹窗右半部分
- poprightClick () {
- if (this.titleUrl == '2.png') {
- this.titleUrl = '5.png'
- } else if (this.titleUrl == '7.png') {
- this.titleUrl = '10.png'
- } else if (this.titleUrl == '5.png') {
- this.titleUrl = '2.png'
- } else if (this.titleUrl == '10.png') {
- this.titleUrl = '7.png'
- } else if (this.titleUrl == '3.png') {
- this.titleUrl = '2.png'
- } else if (this.titleUrl == '8.png') {
- this.titleUrl = '7.png'
- }
- },
- // 单个柱状图的弹窗
- showChartLTipSingle (e, location, type, param, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType, num, type2) {
- this.projectNum = num
- this.closeTap()
- this.titleName = e
- this.titleNameChild = mdnb_textfield13
- this.titleNameChild2 = type2
- this.tipShow2 = true
- if (location == 'center') {
- this.centerPenetrateOne(type, param, 1, typeCTwo, paramCTwo, portType)
- }
- if (location == 'left') {
- this.leftPenetrateOne(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, 1, type, param)
- }
- },
- // 两个柱状图的弹窗
- showChartLTipDouble (e, location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo, portType, num, modelName, projectStepCode, substraction) {
- modelName ? this.rightAdd.modelName = modelName : this.rightAdd.modelName = ''
- projectStepCode ? this.rightAdd.projectStepCode = projectStepCode : this.rightAdd.projectStepCode = ''
- substraction ? this.rightAdd.substraction = substraction : this.rightAdd.substraction = ''
- num && (this.projectNum = num)
- this.titleName = e
- this.closeTap()
- this.tipShow3 = true
- if (location == 'right') {
- this.rightPenetrateOne()
- }
- if (location == 'left') {
- this.leftPenetrateOne(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, 2)
- }
- if (location == 'center') {
- this.centerPenetrateOne(type, param, 2, typeCTwo, paramCTwo, portType)
- }
- },
- // 排序方法
- compare (property) {
- return function (a, b) {
- var value1 = a[property];
- var value2 = b[property];
- return value1 - value2; //降序只需要 return value2- value1
- }
- },
- // 左边穿透一级
- leftPenetrateOne (mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeNum, type, param, typeCTwo, paramCTwo) {
- this.boardType = 'left'
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- mdnb_combofield: this.mockData ? 'B' : 'A',
- mdnb_textfield11,
- mdnb_textfield13,
- mdnb_textfield16,
- mdnb_textfield23,
- mdnb_datefield: this.year + '-01-01'
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/yjct', value).then(res => {
- res.data.rows[0].mdnb_entryentity12.sort(that.compare('mdnb_integerfield19'))
- if (res.data.rows.length > 0) {
- if (typeNum == 2) {
- common4 = []
- common5 = []
- res.data.rows[0].mdnb_entryentity12.forEach((item, index) => {
- common4.push(item.mdnb_integerfield18)
- common5.push(that.yuanChange(item.mdnb_amountfield12))
- })
- setTimeout(() => {
- this.initChartLTip2('left', mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo)
- this.initChartLTip3('left', mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo)
- })
- } else if (typeNum == 1) {
- // this.titleName == '项目数量' || this.titleName == '项目总数'
- common3 = []
- res.data.rows[0].mdnb_entryentity12.forEach((item, index) => {
- (that.titleNameChild.search('数量') != -1) ? common3.push(item.mdnb_integerfield18) : common3.push(that.yuanChange(item.mdnb_amountfield12))
- })
- that.leftEcharts18Fun('left', mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo)
- }
- }
- resolve(1);
- })
- });
- },
- // 左边穿透二级
- leftPenetrateTwo (mdnb_textfield12, mdnb_textfield19, mdnb_textfield15, mdnb_textfield17, mdnb_textfield20, num) {
- num && (this.projectNum = num)
- this.boardType = 'left'
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- "data": {
- mdnb_combofield: this.mockData ? 'B' : 'A',
- mdnb_datefield: this.year + '-01-01',
- mdnb_textfield12,
- mdnb_textfield19,
- mdnb_textfield15,
- mdnb_textfield17,
- mdnb_textfield20
- },
- pageSize: 1000
- }
- if (mdnb_textfield20) {
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/ejct', value).then(res => {
- that.config6.data = []
- // if (res.data.rows.length > 0) {
- that.config6.data = []
- if (this.projectNum == 211 || this.projectNum == 212) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '已占用额度(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 2141) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 2142) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '是否主业', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = item.mdnb_textfield21
- that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 2143) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目管理类型', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = item.mdnb_textfield22
- that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 215) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '产业类别I级', '产业类别II级', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield9
- that.config6.data[index][4] = item.mdnb_textfield10
- that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 216) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目阶段', '投资总额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = item.mdnb_textfield24
- that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- }
- if (res.data.rows.length > 0) {
- that.originalConfig6 = res.data.rows[0].mdnb_entryentity11
- }
- that.config6 = { ...that.config6 }
- that.projectListTipShow = true
- // }
- resolve(1);
- })
- } else {
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_preinvest/tzedfxzed', value).then(res => {
- // if (res.data.rows.length > 0) {
- that.config6.data = []
- if (this.projectNum == 211 || this.projectNum == 212) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '已占用额度(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 2141) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 2142) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '是否主业', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = item.mdnb_textfield21
- that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 2143) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目管理类型', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = item.mdnb_textfield22
- that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 215) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '产业类别I级', '产业类别II级', '本年度计划投资额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield9
- that.config6.data[index][4] = item.mdnb_textfield10
- that.config6.data[index][5] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 216) {
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目阶段', '投资总额(万元)']
- if (res.data.rows.length > 0) {
- res.data.rows[0].mdnb_entryentity11 = res.data.rows[0].mdnb_entryentity11.sort(that.compare('mdnb_amountfield22')).reverse()
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_textfield7
- that.config6.data[index][1] = item.mdnb_textfield6
- that.config6.data[index][2] = item.mdnb_textfield8
- that.config6.data[index][3] = item.mdnb_textfield25
- that.config6.data[index][4] = item.mdnb_textfield26
- that.config6.data[index][5] = item.mdnb_textfield24
- that.config6.data[index][6] = that.numFormat(item.mdnb_amountfield22 / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- }
- if (res.data.rows.length > 0) {
- that.originalConfig6 = res.data.rows[0].mdnb_entryentity11
- }
- that.config6 = { ...that.config6 }
- that.projectListTipShow = true
- // }
- resolve(1);
- })
- }
- });
- },
- // 中间穿透一级 一个柱状图还是两个
- centerPenetrateOne (type, param, typeNum, typeCTwo, paramCTwo, portType) {
- this.boardType = 'center'
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- mock: this.mockData,
- presetYear: this.year - 1,
- type,
- param,
- }
- get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/getPenetrationLevel1', value).then(res => {
- if (typeNum == 1) {
- common3 = []
- res.data.keyIndicators.forEach((item, index) => {
- if (param == 'cyplanamount') {
- common3.push(that.yuanChange(item.cyplanamount))
- }
- if (param == 'cyplancount') {
- common3.push(item.cyplancount)
- }
- if (param == 'szplanamount') {
- common3.push(that.yuanChange(item.szplanamount))
- }
- if (param == 'szplancount') {
- common3.push(item.szplancount)
- }
- if (param == 'investamount') {
- common3.push(that.yuanChange(item.investamount))
- }
- if (param == 'projectcount') {
- common3.push(item.projectcount)
- }
- if (param == 'gdzcamount') {
- common3.push(that.yuanChange(item.gdzcamount))
- }
- if (param == 'gqtzamount') {
- common3.push(that.yuanChange(item.gqtzamount))
- }
- if (param == 'ceiamount') {
- common3.push(that.yuanChange(item.ceiamount))
- }
- if (param == 'cpneiamount') {
- common3.push(that.yuanChange(item.cpneiamount))
- }
- if (param == 'ccheiamount') {
- common3.push(that.yuanChange(item.ccheiamount))
- }
- if (param == 'cdiamount') {
- common3.push(that.yuanChange(item.cdiamount))
- }
- if (param == 'cciamount') {
- common3.push(that.yuanChange(item.cciamount))
- }
- })
- setTimeout(() => {
- that.leftEcharts18Fun('center', '', '', '', '', typeCTwo, paramCTwo, portType)
- })
- } else if (typeNum == 2) {
- common4 = []
- common5 = []
- if (type == 'distribution') {
- that.changeLine = false
- that.lineCommonCompany = res.data.topData
- common4 = res.data.topData.map(item => that.yuanChange(item.amount))
- common5 = res.data.bottomData.map(item => that.yuanChange(item.amount))
- } else {
- if (param == 'new') {
- res.data.keyIndicators.forEach((item, index) => {
- common4.push(item.newcount)
- common5.push(that.yuanChange(item.newamount))
- })
- } else if (param == 'renew') {
- res.data.keyIndicators.forEach((item, index) => {
- common4.push(item.renewcount)
- common5.push(that.yuanChange(item.renewamount))
- })
- } else {
- res.data.investmentMap.forEach((item, index) => {
- common4.push(item.value2)
- common5.push(that.yuanChange(item.amount))
- })
- }
- }
- setTimeout(() => {
- this.initChartLTip2('center', '', '', '', '', type, param, typeCTwo, paramCTwo, portType)
- this.initChartLTip3('center', '', '', '', '', type, param, typeCTwo, paramCTwo, portType)
- })
- } else if (typeNum == 3) {
- // 山西地图
- center5 = []
- res.data.investmentMap.forEach((item, index) => {
- center5.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
- })
- setTimeout(() => {
- that.shanxiEchartsFun()
- });
- }
- resolve(1);
- })
- });
- },
- // 中间穿透二级
- centerPenetrateTwo (type, param, orgNum, portType, proName) {
- this.boardType = 'center'
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- mock: this.mockData,
- presetYear: this.year - 1,
- type,
- param,
- orgNum
- }
- that.config6.header[2] = '投资主体'
- that.config6.header[5] = '年投资完成额(亿)'
- if (portType == 1) {
- get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPageMonthReportProject', value).then(res => {
- // if (res.data.length > 0) {
- that.config6.data = []
- if (this.projectNum == 111) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额(万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 112) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "产业类别I级", "产业类别II级", "投资完成额(万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.cylb
- that.config6.data[index][4] = item.cylb2
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 1131) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "本年度计划投资额(万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 1132) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 114) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“两个转型”", "本年度计划投资额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.lgz
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 115) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“五个一体化”", "本年度计划投资额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.wgy
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 116) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "管理类型", "投资完成额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.stage
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 118) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.buildaddr
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- }
- if (res.data.length > 0) {
- that.originalConfig6 = res.data
- }
- that.config6 = { ...that.config6 }
- that.projectListTipShow = true
- // }
- resolve(1);
- })
- } else if (portType == 2) {
- get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPagePlanProject', value).then(res => {
- // if (res.data.length > 0) {
- that.config6.data = []
- if (this.projectNum == 111) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额(万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 112) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "产业类别I级", "产业类别II级", "投资完成额(万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.cylb
- that.config6.data[index][4] = item.cylb2
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 1131) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "本年度计划投资额(万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 1132) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "投资完成额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1150, 1150, 300, 300, 500]
- } else if (this.projectNum == 114) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“两个转型”", "本年度计划投资额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.lgz
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 115) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "是否“五个一体化”", "本年度计划投资额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.wgy
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 116) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "管理类型", "投资完成额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.stage
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- } else if (this.projectNum == 118) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.buildaddr
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- }
- if (res.data.length > 0) {
- that.originalConfig6 = res.data
- }
- that.config6 = { ...that.config6 }
- that.projectListTipShow = true
- // }
- resolve(1);
- })
- } else {
- value = {
- access_token: this.access_token,
- mock: this.mockData,
- presetYear: this.year - 1,
- type: 'investmentMap',
- param: proName,
- orgNum
- }
- get('/ierp/kapi/v2/mdnb/mdnb_xmkb/presetdata/MainPageMonthReportProject', value).then(res => {
- // if (res.data.length > 0) {
- that.config6.data = []
- if (this.projectNum == 118) {
- that.config6.header = ["所属集团", "项目名称", "投资主体", "项目类型", "项目性质", "建设地点", "投资完成额 (万元)"]
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.orgName
- that.config6.data[index][1] = item.projectname
- that.config6.data[index][2] = item.tzzt
- that.config6.data[index][3] = item.projectkind
- that.config6.data[index][4] = item.projectkinddetail
- that.config6.data[index][5] = item.buildaddr
- that.config6.data[index][6] = that.numFormat(item.amount / 10000)
- })
- }
- that.config6.columnWidth = [400, 1000, 1000, 300, 300, 300, 500]
- }
- if (res.data.length > 0) {
- that.originalConfig6 = res.data
- }
- that.config6 = { ...that.config6 }
- that.projectListTipShow = true
- // }
- resolve(1);
- })
- }
- });
- },
- // 右边穿透一级
- rightPenetrateOne () {
- let that = this
- this.boardType = 'right'
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- projectStepCode: this.rightAdd.projectStepCode,
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getOneLevelData', value).then(res => {
- res.data.forEach((item, index) => {
- common4[index] = item.mdnb_projects
- common5[index] = that.yuanChange(item.mdnb_amount_sl)
- })
- setTimeout(() => {
- this.initChartLTip2('right')
- this.initChartLTip3('right')
- })
- resolve(1);
- })
- });
- },
- // 右边穿透二级
- rightPenetrateTwo (modelName, substraction, orgName) {
- this.boardType = 'right'
- let that = this
- return new Promise((resolve, err) => {
- let value = {
- access_token: this.access_token,
- presetYear: this.year,
- "request": {
- isInsert: this.mockData ? '1' : '0',
- modelName: this.rightAdd.modelName,
- projectStepCode: this.rightAdd.projectStepCode,
- substraction: this.rightAdd.substraction,
- orgName
- },
- pageSize: 1000
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTwoLevelData', value).then(res => {
- // if (res.data.length > 0) {
- that.config6.data = []
- if (this.projectNum == 311) {
- that.config6.header = ["所属集团", "项目名称", '实施主体', '投中项目阶段', '投资总额(万元)']
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_unitcompany
- that.config6.data[index][1] = item.mdnb_project_name
- that.config6.data[index][2] = item.mdnb_implement_org
- that.config6.data[index][3] = item.mdnb_projectstep_mid
- that.config6.data[index][4] = that.numFormat(item.mdnb_investment_money / 10000)
- })
- }
- that.config6.columnWidth = [400, 1200, 1200, 400, 600]
- } else if (this.projectNum == 312 || this.projectNum == 313) {
- that.config6.header = ["所属集团", "项目名称", '实施主体', '容差百分比', '投资总额(万元)']
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_unitcompany
- that.config6.data[index][1] = item.mdnb_project_name
- that.config6.data[index][2] = item.mdnb_implement_org
- that.config6.data[index][3] = that.numMulti(item.mdnb_percentagetolerance, 100) + '%'
- that.config6.data[index][4] = that.numFormat(item.mdnb_investment_money / 10000)
- })
- }
- that.config6.columnWidth = [400, 1200, 1200, 400, 600]
- } else if (this.projectNum == 314) {
- that.config6.header = ["所属集团", "项目名称", '实施主体', '预算额(万元)', '已签订合同额(万元)', '产值认定额(万元)', '结算额(万元)', '付款申请额(万元)', '实际付款额(万元)']
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_unitcompany
- that.config6.data[index][1] = item.mdnb_project_name
- that.config6.data[index][2] = item.mdnb_implement_org
- that.config6.data[index][3] = that.numFormat(item.mdnb_budgetamount / 10000)
- that.config6.data[index][4] = that.numFormat(item.mdnb_contractamount / 10000)
- that.config6.data[index][5] = that.numFormat(item.mdnb_outputamount / 10000)
- that.config6.data[index][6] = that.numFormat(item.mdnb_settlementamount / 10000)
- that.config6.data[index][7] = that.numFormat(item.mdnb_paymentamount / 10000)
- that.config6.data[index][8] = that.numFormat(item.mdnb_actualpayamount / 10000)
- })
- }
- that.config6.columnWidth = [300, 850, 850, 300, 300, 300, 300, 300, 300]
- } else if (this.projectNum == 315) {
- that.config6.header = ["所属集团", "项目名称", '实施主体', '高风险项', '中风险项', '低风险项', '投资总额(万元)']
- if (res.data.length > 0) {
- res.data.forEach((item, index) => {
- that.config6.data[index] = []
- that.config6.data[index][0] = item.mdnb_unitcompany
- that.config6.data[index][1] = item.mdnb_project_name
- that.config6.data[index][2] = item.mdnb_implement_org
- that.config6.data[index][3] = item.mdnb_heigtdanger
- that.config6.data[index][4] = item.mdnb_middledanger
- that.config6.data[index][5] = item.mdnb_lowdanger
- that.config6.data[index][6] = that.numFormat(item.mdnb_investment_money / 10000)
- })
- }
- that.config6.columnWidth = [300, 1050, 1050, 300, 300, 300, 500]
- }
- if (res.data.length > 0) {
- that.originalConfig6 = res.data
- }
- that.config6 = { ...that.config6 }
- that.projectListTipShow = true
- // }
- resolve(1);
- })
- });
- },
- findLength () {
- this.lengthArr1 = ['年度计划投资总额', '固定资产类项目', '股权类项目']
- this.lengthArr12 = ['投资完成额', '固定资产', '股权投资']
- this.lengthArr13 = ['产业转型', '数字转型']
- this.lengthArr14 = ['煤炭和煤电', '煤电和新能源', '煤炭和化工', '煤炭和数字', '煤炭和降碳']
- if (this.lengthArr1.find(item => item == this.titleName)) {
- if (this.titleName == '固定资产类项目') {
- this.titleNameChild == '固定资产投资金额' ? this.length1 = ['计划投资额'] : this.length1 = ['项目数量']
- } else if (this.titleName == '股权类项目') {
- this.titleNameChild == '股权类投资金额' ? this.length1 = ['计划投资额'] : this.length1 = ['项目数量']
- } else {
- this.length1 = ['计划投资额']
- }
- } else if (this.lengthArr12.find(item => item == this.titleName)) {
- this.length1 = ['投资完成额']
- } else if (this.titleName == '项目总数') {
- this.length1 = ['项目数量']
- } else if (this.lengthArr13.find(item => item == this.titleName)) {
- if (this.titleNameChild2 == '计划投资额') {
- this.length1 = ['计划投资额']
- } if (this.titleNameChild2 == '项目数量') {
- this.length1 = ['项目数量']
- }
- } else if (this.lengthArr14.find(item => item == this.titleName)) {
- this.length1 = ['计划投资额']
- }
- },
- findLength2 () {
- this.lengthArr2 = ['主业', '辅业', '新建', '续建']
- this.lengthArr3 = ['项目储备', '项目立项', '可研论证', '投资决策']
- this.lengthArr4 = ['太原市', '大同市', '朔州市', '忻州市', '吕梁市', '阳泉市', '晋中市', '长治市', '临汾市', '晋城市', '运城市']
- this.lengthArr5 = ['传统产业', '战略性新兴产业', '特色优势产业', '公共基础等产业']
- this.lengthArr6 = ['特别监管类', '备案类']
- this.lengthArr7 = ['初步设计', '详细设计', '开工', '竣工', '验收', '结算', '前期准备', '变更登记']
- this.lengthArr8 = ['正偏差', '容差内', '负偏差']
- if (this.lengthArr2.find(item => item == this.titleName)) {
- this.length2 = ['项目数量']
- this.length3 = ['计划投资额']
- } else if (this.lengthArr3.find(item => item == this.titleName)) {
- this.length2 = ['项目数量']
- this.length3 = ['投资总额']
- } else if (this.lengthArr4.find(item => item == this.titleName)) {
- this.length2 = ['项目数量']
- this.length3 = ['投资完成额']
- } else if (this.lengthArr5.find(item => item == this.titleName)) {
- this.length2 = ['投资完成额']
- this.length3 = ['投资完成额']
- } else if (this.lengthArr6.find(item => item == this.titleName)) {
- this.length2 = ['项目数量']
- this.length3 = ['投资完成额']
- } else if (this.lengthArr7.find(item => item == this.titleName)) {
- this.length2 = ['项目数量']
- this.length3 = ['投资总额']
- } else if (this.lengthArr8.find(item => item == this.titleName)) {
- this.length2 = ['项目数量']
- this.length3 = ['投资总额']
- } else {
- this.length2 = ['项目数量']
- this.length3 = ['计划投资额']
- }
- },
- // 单个柱状图的弹窗
- leftEcharts18Fun (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType) {
- let that = this
- this.findLength()
- this.leftEcharts18 = echarts.init(document.getElementById("leftEcharts18"));
- if (!(this.titleName == '项目数量' || this.titleName == '项目总数' || that.length1 == '项目总数' || that.length1 == '项目数量')) {
- common3 = common3.map((item) => Number(item) + 1)
- }
- let option = {
- grid: {
- top: 100,
- right: 0,
- left: 60,
- bottom: 70,
- },
- tooltip: {
- show: true,
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- formatter: data => {
- if (this.titleName == '项目数量' || this.titleName == '项目总数' || that.length1 == '项目总数' || that.length1 == '项目数量') {
- return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(data[0].value)}个`
- } else {
- return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(that.numSub(data[0].value, 1))}亿`
- }
- },
- backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
- borderColor: "rgba(50,50,50,0.7)",
- textStyle: {
- color: "#fff",
- fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
- fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
- fontSize: "24", // 文字字体大小
- },
- },
- xAxis: {
- data: commonCompany,
- axisTick: {
- show: false,
- },
- // x轴的字体颜色
- axisLabel: {
- rotate: 40,
- textStyle: {
- color: "white",
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- },
- yAxis: {
- minInterval: 1,
- // onZero:true,
- name: (that.length1 == '项目数量' || that.length1 == '项目总数') ? '个' : '亿',
- nameTextStyle: {//y轴上方单位的颜色
- color: '#fff',
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- axisTick: {
- lineStyle: {
- color: "#18416F",
- },
- },
- // y轴的字体颜色
- axisLabel: {
- textStyle: {
- color: "white",
- fontSize: '20'
- },
- formatter: function (value) {
- if (that.titleName == '项目数量' || that.titleName == '项目总数' || that.length1 == '项目总数' || that.length1 == '项目数量') {
- return value
- } else {
- return value === 1 ? 0 : value
- }
- }
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- },
- series: [
- {
- // name: (this.titleName == '项目数量' || this.titleName == '项目总数') ? '总数量' : "总额度",
- name: that.length1[0],
- type: "bar",
- data: common3,
- showBackground: false,
- backgroundStyle: {
- color: "#18416F",
- },
- barWidth: "30%",
- itemStyle: {
- color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
- {
- offset: 0,
- color: '#082550',
- },
- {
- offset: 1,
- color: '#957DFF',
- },
- ]),
- },
- },
- ],
- legend: {
- // data: (this.titleName == '项目数量' || this.titleName == '项目总数') ? ["总数量"] : ["总额度"],
- data: that.length1,
- textStyle: {
- // 图列内容样式
- color: "#fff", // 字体颜色
- fontSize: "24",
- fontFamily: 'Microsoft YaHei'
- },
- right: 'center',
- y: 40,
- // 小图标的宽高
- },
- };
- if (!(this.titleName == '项目数量' || this.titleName == '项目总数' || that.length1 == '项目总数' || that.length1 == '项目数量')) {
- option.yAxis.min = 1
- option.yAxis.type = 'log'
- option.yAxis.logBase = 5
- }
- tools.loopShowTooltip(this.leftEcharts18, option, {
- interval: 2000,
- loopSeries: true,
- })
- that.leftEcharts18.getZr().on('click', function (param) {
- // 获取 点击的 触发点像素坐标
- const pointInPixel = [param.offsetX, param.offsetY]
- // 判断给定的点是否在指定的坐标系或者系列上
- if (that.leftEcharts18.containPixel('grid', pointInPixel)) {
- // 获取到点击的 x轴 下标 转换为逻辑坐标
- const xIndex = that.leftEcharts18.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
- if (location == 'right') {
- that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(commonCompany[Math.abs(xIndex)]))
- } else if (location == 'left') {
- that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, commonCompany[Math.abs(xIndex)], that.projectNum)
- } else if (location == 'center') {
- that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(commonCompany[Math.abs(xIndex)]), portType)
- }
- }
- })
- that.leftEcharts18.setOption(option);
- },
- // 两个柱状图弹窗
- initChartLTip2 (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo, portType) {
- let that = this
- this.location = location
- this.findLength2()
- let param2 = param
- this.myChartTip2 = echarts.init(document.getElementById("echartSingleTip2"));
- let option = {
- grid: {
- top: 40,
- right: 0,
- left: 60,
- bottom: '15%',
- },
- tooltip: {
- show: true,
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- formatter: data => {
- 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)}亿`
- },
- backgroundColor: "#00000050", // 提示框浮层的背景颜色
- borderColor: "#00000050",
- textStyle: {
- color: '#FFF', // 文字的颜色
- fontSize: '24', // 文字字体大小
- fontFamily: 'Microsoft YaHei',
- },
- },
- xAxis: {
- data: this.changeLine ? commonCompany : this.lineCommonCompany.map(item => item.type),
- axisTick: {
- show: false,
- },
- // x轴的字体颜色
- axisLabel: {
- rotate: this.changeLine ? 40 : 20,
- textStyle: {
- color: "white",
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- },
- yAxis: {
- minInterval: 1,
- name: this.changeLine ? '个' : '亿',
- nameTextStyle: {//y轴上方单位的颜色
- color: '#fff',
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- axisTick: {
- lineStyle: {
- color: "#18416F",
- },
- },
- // y轴的字体颜色
- axisLabel: {
- textStyle: {
- color: "#fff",
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- }
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- },
- series: [
- {
- name: that.length2[0],
- type: this.changeLine ? "bar" : 'line',
- data: common4,
- symbolSize: 20,
- showBackground: false,
- symbol: "circle",
- backgroundStyle: {
- color: "#18416F",
- },
- barWidth: "30%",
- itemStyle: {
- // color:'#957DFF'
- // barBorderRadius: [10, 10, 0, 0],
- color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
- {
- offset: 0,
- color: '#082550',
- },
- {
- offset: 1,
- color: '#957DFF',
- },
- ]),
- },
- lineStyle: {
- color: '#957DFF',
- width: 3,
- },
- },
- ],
- legend: {
- data: that.length2,
- textStyle: {
- // 图列内容样式
- color: "#fff", // 字体颜色
- fontSize: "24",
- fontFamily: 'Microsoft YaHei',
- },
- right: 'center',
- y: 10,
- // 小图标的宽高
- },
- };
- this.$nextTick(() => {
- tools.loopShowTooltip(this.myChartTip2, option, {
- interval: 2000,
- loopSeries: true,
- })
- })
- that.myChartTip2.getZr().on('click', function (param) {
- let nowCompany = that.changeLine ? commonCompany : that.lineCommonCompany.map(item => item.type)
- // 获取 点击的 触发点像素坐标
- const pointInPixel = [param.offsetX, param.offsetY]
- // 判断给定的点是否在指定的坐标系或者系列上
- if (that.myChartTip2.containPixel('grid', pointInPixel)) {
- // 获取到点击的 x轴 下标 转换为逻辑坐标
- const xIndex = that.myChartTip2.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
- if (location == 'right') {
- that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(nowCompany[Math.abs(xIndex)]))
- } else if (location == 'left') {
- that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, nowCompany[Math.abs(xIndex)], that.projectNum)
- } else if (location == 'center') {
- if (that.changeLine) {
- that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(nowCompany[Math.abs(xIndex)]), portType, param2)
- } else {
- let a = that.lineCommonCompany.find(item => item.type == nowCompany[Math.abs(xIndex)])
- that.centerPenetrateTwo(typeCTwo, a.typeno, '', portType, param2)
- }
- }
- }
- })
- that.myChartTip2.setOption(option);
- },
- // 两个柱状图弹窗
- initChartLTip3 (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, type, param, typeCTwo, paramCTwo, portType) {
- let that = this
- let param2 = param
- this.myChartTip3 = echarts.init(document.getElementById("echartSingleTip3"));
- common5 = common5.map((item) => Number(item) + 1)
- let option = {
- grid: {
- top: 40,
- right: 0,
- left: 60,
- bottom: '15%',
- },
- tooltip: {
- show: true,
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
- },
- formatter: data => {
- return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(that.numSub(data[0].value, 1))}亿`
- },
- backgroundColor: "#00000050", // 提示框浮层的背景颜色
- borderColor: "#00000050",
- textStyle: {
- color: '#FFF', // 文字的颜色
- fontSize: '24', // 文字字体大小
- fontFamily: 'Microsoft YaHei'
- },
- },
- xAxis: {
- data: commonCompany,
- axisTick: {
- show: false,
- },
- // x轴的字体颜色
- axisLabel: {
- rotate: 40,
- textStyle: {
- color: "#fff",
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- },
- yAxis: {
- type: 'log',
- min: 1,
- logBase: 5,
- name: '亿',
- nameTextStyle: {//y轴上方单位的颜色
- color: '#fff',
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- axisTick: {
- lineStyle: {
- color: "#18416F",
- },
- },
- // y轴的字体颜色
- axisLabel: {
- textStyle: {
- color: "#fff",
- fontSize: '20',
- fontFamily: 'Microsoft YaHei'
- },
- formatter: function (value) {
- return value === 1 ? 0 : value
- }
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: '#68b4dd66',
- type: 'dashed',
- },
- },
- //y轴线的颜色以及宽度
- axisLine: {
- show: true,
- lineStyle: {
- color: "#1E5389",
- width: 1,
- type: "solid",
- },
- },
- },
- series: [
- {
- name: that.length3[0],
- type: "bar",
- data: common5,
- showBackground: false,
- backgroundStyle: {
- color: "#18416F",
- },
- barWidth: "30%",
- itemStyle: {
- // barBorderRadius: [10, 10, 0, 0],
- color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
- {
- offset: 0,
- color: '#082550',
- },
- {
- offset: 1,
- color: '#69c0ff',
- },
- ]),
- },
- },
- ],
- legend: {
- data: that.length3,
- textStyle: {
- // 图列内容样式
- color: "#fff", // 字体颜色
- fontSize: "24",
- fontFamily: 'Microsoft YaHei'
- },
- right: 'center',
- y: 5,
- },
- };
- that.myChartTip3.getZr().on('click', function (param) {
- // 获取 点击的 触发点像素坐标
- const pointInPixel = [param.offsetX, param.offsetY]
- // 判断给定的点是否在指定的坐标系或者系列上
- if (that.myChartTip3.containPixel('grid', pointInPixel)) {
- // 获取到点击的 x轴 下标 转换为逻辑坐标
- const xIndex = that.myChartTip3.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
- if (location == 'right') {
- that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(commonCompany[Math.abs(xIndex)]))
- } else if (location == 'left') {
- that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, commonCompany[Math.abs(xIndex)], that.projectNum)
- } else if (location == 'center') {
- that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(commonCompany[Math.abs(xIndex)]), portType, param2)
- }
- }
- })
- that.myChartTip3.setOption(option);
- this.$nextTick(() => {
- tools.loopShowTooltip(that.myChartTip3, option, {
- interval: 2000,
- loopSeries: true,
- })
- })
- },
- // 找企业编码
- findCode (code) {
- let a = this.commonCompanyAll.find((item, index) => {
- return item.simplename == code
- })
- return a ? a.number.slice(0, 4) : ''
- },
- // 根据key分组
- classify (arr, k) {
- let map = {};
- let myArr = [];
- for (let i = 0; i < arr.length; i++) {
- if (!map[arr[i][k]]) {
- let a = {}
- a[k] = arr[i][k]
- a.data = [arr[i]]
- myArr.push(a)
- map[arr[i][k]] = arr[i]
- } else {
- for (let j = 0; j < myArr.length; j++) {
- if (arr[i][k] === myArr[j][k]) {
- myArr[j].data.push(arr[i]);
- break
- }
- }
- }
- }
- return myArr
- },
- chooseTime (value) {
- let that = this
- this.backChina()
- this.year = value
- that.destroyCharts()
- that.closeTap()
- this.pullShow = false
- setTimeout(item => {
- that.comeIn()
- })
- },
- destroyCharts () {
- this.timer && clearInterval(this.timer);
- this.time1 && clearInterval(this.time1);
- this.time2 && clearInterval(this.time2);
- // 左边
- this.leftEcharts1 && this.leftEcharts1.dispose()
- this.leftEcharts2 && this.leftEcharts2.dispose()
- this.leftEcharts3 && this.leftEcharts3.dispose()
- this.leftEcharts4 && this.leftEcharts4.dispose()
- this.leftEcharts5 && this.leftEcharts5.dispose()
- this.leftEcharts6 && this.leftEcharts6.dispose()
- this.leftEcharts7 && this.leftEcharts7.dispose()
- this.leftEcharts8 && this.leftEcharts8.dispose()
- this.leftEcharts10 && this.leftEcharts10.dispose()
- this.leftEcharts11 && this.leftEcharts11.dispose()
- // 中间
- this.chinaMap && this.chinaMap.dispose()
- this.leftEcharts16 && this.leftEcharts16.dispose()
- // 右边
- this.rightEcharts1 && this.rightEcharts1.dispose()
- this.right1Chart && this.right1Chart.dispose()
- this.right3Chart && this.right3Chart.dispose()
- this.right4Chart && this.right4Chart.dispose()
- },
- changeTopColor () {
- let that = this
- setTimeout(() => {
- this.list = document.getElementById("left5").getElementsByClassName("row-item");
- if (this.list.length != 0) {
- that.list[1].classList.add('light')
- that.leftEcharts11Fun()
- for (var i = 0; i < this.list.length; i++) {
- if (i == 1) {
- this.list[i].classList.add('light')
- } else {
- this.list[i].classList.remove('light')
- }
- }
- }
- }, 1000)
- },
- // 找项目编码
- findProjectCode (a, b, type, e) {
- if (type == 'center') {
- return this.originalConfig6[e.rowIndex].projectno
- } else if (type == 'right') {
- return this.originalConfig6[e.rowIndex].mdnb_projectnumber
- } else if (type == 'left') {
- return this.originalConfig6[e.rowIndex].mdnb_textfield14
- } else if (type == 'center2') {
- return this.centerOriginalConfig6[e.rowIndex]
- } else if (type == 'center3') {
- return this.centerOriginalConfig7[e.rowIndex].projectno
- }
- else if (type == 'right2') {
- return this.rightOriginalConfig6[e.rowIndex].mdnb_prono
- }
- },
- // 去项目看板
- goLookBoard (e, f) {
- if (f) {
- this.boardType = f
- }
- let value = {
- access_token: this.access_token,
- proCode: this.findProjectCode(e.row[0], e.row[1], this.boardType, e)
- }
- post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getProCode', value).then(res => {
- if (res.status) {
- 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)}`
- this.boardTipShow = true
- console.log(this.boardUrl, '跳转去的项目看板地址')
- }
- })
- },
- },
- });
|