index.js 270 KB

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