index.js 226 KB

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