index.js 80 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361
  1. let barImg =
  2. 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAAXNSR0IArs4c6QAADNRJREFUaEPNmXmQFNd9x9/Zr3u6Z2ZndzkiLeYwYhctJUtgC8GGQ46MBLYsjAURQnKSckWKkz+SkuWUnarElqtSsV2W/Kccq+Kq6EIFGAwpEEFSWIRYgQKSIrFiF3EsBskcuztX3+/oVPfMLMMesKxklbtq6tXMTk9/+rff/v6OB8HEDzjxU4fOjCbyGxO5cP05Ezm/xlkPfF3w13PRsWAhAMurfytX1nb/8ne79SpQurp2xutYwOOCHy907Xt1awxahkOAQQCBEJXX8IOQCMQvxipQyY3EN3HFDdSArwk+HuhRgBcgMLuIEgDXxcnKc5X3Mqis9QdmKnlL85U1lZLJeiKrADgSfzYc+Krg14IeBrwcgdnnKpAxbAwqPAyyCgJhonRKR5HkCXSkFIQIJReHmKqy6ytAHAWKKALEkMkNDMG3SAA6Kzc08gZGxOBq0MOAF+Akur6PAG9EILQJSJsIaISYIsRKEAyURJFGMIg0CKIIAggjAMMIhkIChBUiQjpEkyAUApQdBTRLADqogK6ratQr/4FrgI8FPTpwLbqmQyyc0ZTgWOEUBRLjyACUSoQjRumS9f94d+7G6evyH53ZtH/jz/4bBpxzrCT0AAdYSiRdjgiVtiyFwDHFUNSvlMuYGh8NenTgcooAJSEwEDVxpKkQ0chkmoowo4zSSEQUE4396YbHH043TbnvzNGDP50+b9EPiv0fb+168annpQgDSCDnAecIygA6QYg0xR0JQ+ApDhCOQNoVw3Q+Kvhw6LGB4wdMJzQFNV2JgERYY8RkRkR0hglkCGrGF1c/+qDVOGVl9/7tTwx+9OHFxhtvmty+5L4f2wO/33F4+zMvqSj0pIgCKPxAOIEHZRggwoQbhT7wBQfxA3sZfEypjOa91c+qGo4jHAMzqKWQwRTxqYpSBqVIR9S0EGM6xNi8ZcUD66zc1BU9Xbt/buc/LgJEAVAcZJpbsjctXPE9d+DCy//36sYtkZSOCgJfccfmXPkIuh4SOneVF4AgCscDPhy6+r7qEjUNM6AlEY6BlZEiFBpIT2cQoSlCdWvusq/fn8pN/fLJI3t/5dl5JwKYIIKgEiqCQAojkzM/f9udj7r5868d27dji+C+rQR3lV8uCR55CCoPSRgmEQ9AeFnjI1yl4kbVp7V+hWD2bJK4RJDFsYZTETGuAGZWFmKUJtSy5iz52loz27TsdHfX875jh5BQDSNMAYAQgCiSSvJI8FA309rM9kUPeYX+zp43dm4R3LYjqcoqsIsJOPLcJOJQeInGWVFWXOWEqLrJkL6vhE1uopo4YlkYJWpCi0lfMcWMFCEghWJgRDPY0LOti7+6xsg0L+072rWZ81AiTFNIIwwBTJNwRAAoILkKRaAkdzVNw59rX/SAn+//n95Du7ZJzy9GipcScAFcFHgu1lHgRHaQuEo24KM8mFH80/WpuZI8Yll4OrUaY2CgKYgMYlATMrMBIpjButkw546V9xsNzUvOvH9oq+AcQMbShFIDE8KYmbWmzV3Y9rsPDh0P3WJJChEIzr0oCMpE0+D0eQu/6eUv7j1+aPdW6TuFSEWlKHAKwuMOipSHdRDag3YADJ8nCejEkEyG5FEHXn34iowmsoBCV8wyMEQWwkYGajSDsd4wp+OedXpD87IzR9/6rRQBgkzPYspMhDRDT2esGfMWtxHKmAiDsK+765hfLtlKhZ7kgRMFfpFSpqa1L1wTR/x418ubpfQLUchLSnolGSkbBbbnRsRPZHI52kNuUgOurO3tGOTzJI4yaMpqukKGwtQkGrOopmcx0Rpv6vjaeiPTuKyv+81tkocEa0YDpCyDCU3p6YZsS9uXZhLKtFruFTzgZ3v/93RQKhSk4G4k/LIM/DwmTMYRD4uDr/V27XxJhn6BizCPwsAWkjs+Uh4YKIZJtHM5Abq7Y+ikQqyDXo5A+yWUQGuaZgJTl5Fp4DRLI4wzmKaa2pev2cDMhrtOHz2wmQeCIIM1YaJnscYsZmUz0+YsmIkppcOLBSk4P3f8SF9ol0uce2UZ+kXlBQOUaWLmvEVrg3L+1e7Xt70guTugpCzJclDG0PEc4PjAy3DQLDnonqSq9ckw6FjPsTQY0AxADGUxEwMtTfVU462rHv6WZjasPPFO54th4BOkGc2EsRzGWoZlcg0tc+bPxFSjcSxyKQ38RcdM8J9dp0HeCZOnRgouPzp+5JRfzOelDEsiCPIq9Pp1zZCz5i97MCwXdr27+7lngQjzvnBLyA4cDwgvscBEIpd1XRfpBRjMGMCgRLR0c1YTdmBg07IgS+Vu/+bffptZma/3HNr9jOfYGmGpZqIbTYjoOSPT0NzS+sVZiFIaRRHIpRj47t1toNliYMAOwZN7joFBJwAQQqAEl2d7D5/0i4VLSvh5GXqD3HMvGak0b7vjnkcCJ7/trS2//HUUuHmppI2h8O3BcgAyIgR9TRKAI4lEroRuuUCAq1Mrl9KFRClspTNL13//O1o6u6b79d8+5ZQGCGSpKdQwJlHNaGLpxsnT5i6ciwnRogiAhpQ2BFyTSAL+yjGQt8PEuaUU/OwHhz4IioMXufAGpOv2y9A7n840qZuXrn7MLRc2Hdj403+XdrlEsHLtvOuDlM/BuSliJHR7OwHFIh6CFrq57NF/XpttvvGxt1/Z+ETp0tkIadYUaqSmEmZMSuUm3TDjliXzISIsimQC/NiKSoSHHzH4U68cA4N2CBDGIBIiPP3e/ne8wqVzIvAucc89r0L7QsOUz6Fb73rgX0oXzv6s85l/3UaI7wxBZ7MSdHcnieZypGvQjqbF/iw4s9b8+NebTx7ufPbDt187R/T0JKIbUzE1phJdb25ddO+XWcrKSSnjvAf+/q5W0Do1MwK49sGHF8vgF3t6AIQYYExA4NulngM7XpW+f0ly77zw7QvCdy+2fenuGdO/0LF224++/SDGnuMUXB+YYQgq0LE81EjomjyGIn3DP7yz54Univ0fw/pIGw2TWmbesuQ2iGNpVCL93RVzQZM15HZDNzDohOCpPT1gwA6GIt33/oF33PyFKyKdmXQDnP+Vh35YujjeSIMFGIym6Q0/+I5mZr7x/t7Nv/Cc0miavhkTQmNN58yREomBn9zTA+IEV9P0uWNvHfOKAxcF9/prmjYzTaJ96erHw3Jxy+sbf/L0+DQdQ4/lHvf/3V8zM72q9+DuZ1zX1q9wj2yuuaV1wSxEKu7RaLIhbdeAB2y/zj2OnPTL+UsqrHMP0wpbF658JLQL29/6zdP/cR3uUS1Hx/DpW1Y+/Fe6lV1x8vDe5wMRavU+radzuRtb58/CVMOJT5sa+MuOmeDZrr5EEpd9+u1TXjFfUDIo1nxaY7qYfdvyDaFT2PXuruv26WpG7Mc0qe5Gz4gPMyt356n33tgiwrqMyIy0bqUzLXMWzMDkckaMJZNIQnB57vjbp0K7NJQRpe8Pahrls+Z1rPWd/KvdnRPKiOOrPVqX3LtesxqW/u7owW1ChBQzPQeJnq6rPWYRjSWZMY5wUnv0HD4dlPIFqXhc55dlEOQxpWJG+6JvBKX8vt4D/7VxgrVH/LCPr8pr7Vj5AGto7jhz9OAOKcKRVV774rlE0zUR+mHfB2/2+HaxrEStyguKlGpqWvvtq/3C4L7jb+7cLHmQn0iVV+1i6tqsa9TTbXesWssamhfHEechhyPq6fZFN589eqgnsPMlqerqaUbB9LgsLfTv6z348oTr6VrbVfXs8XcubXesur8S8Te3DO9coigxjCjuXOIMKDl3KNXwjHmL13qF/td7D+7c+kk6l+G94nX1iG3L7l1rZBqX9r1/4DnPdcTwHjGSQkgpgrhHnNW+6CG3PLivZ/+OLSJwyp+0R6yPNgBgjG48HtJEyBjZjd+3LpWbvPzEkb1P+3bBH9GNWznz8wvufMTJX+js2bd906fVjY/SmV/f3OMLX1n/52Zu6p/1du18slw4X6rNPazcDdm2xSsft/O/3/Penpc2RZx7inP305p7XBv8GhOm21f/zYZU4+R7jnZu/WH+/Kn+xj+ZNbl92Zof2QPndx3e/qsX/xATplqBM2ysUPdgjjLLIxFm8dCxNstb8uD3vmU1T763790D/zbj1o5/Kg9c2P7GCz9/DgEVCiDDeBgpPuVZ3tXBxzs1fej7q3JTp6/Lnz+zaf/zP9n1WUxNRwO/nHhqk6d4mD58Ps20eKg+cj6NqQRBOHI+HQ/XhyZJya7AJ5pPjwF+9Z0AS48LJpnIq34nAEAc2X4oP4udgDHA60Zn8TdiychmmMyu6/dbIgUBrGxfJEc8xo1n0Lg/+kPvuVwF/I97d2s4eL011mqWquP8ce0j1jesow3iR2toq3PTMXvdz2THdvjVr7YzNibpsD9cc6NztB/6f4ffQsan0xs3AAAAAElFTkSuQmCC'
  3. let app = new Vue({
  4. el: '#app',
  5. data () {
  6. return {
  7. twinkle7: [],
  8. twinkle8: [],
  9. twinkleR6: [],
  10. showTip: false,
  11. showTip2: false,
  12. showTip3: false,
  13. showTip4: false,
  14. titleShow: false,
  15. tipNum: '',
  16. tipData: tipData,
  17. titleData: titleData,
  18. time: '',
  19. year: '2022',
  20. config1: {
  21. number: [100],
  22. content: '{nt}个',
  23. },
  24. centerData: '',
  25. storageRecordConfig: {
  26. header: ['', '时间', '所属集团', '工作情况'],
  27. headerBGC: '#05507b33',
  28. oddRowBGC: '#69c0ff0f',
  29. // waitTime: '50000',
  30. evenRowBGC: '',
  31. headerHeight: '40',
  32. columnWidth: [150, 150],
  33. rowNum: 4,
  34. align: ['right', 'center', 'center', 'center'],
  35. data: [
  36. // ['<span class="lightOut"><span class="light red"></span></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
  37. // ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年2月', '山西文旅', '不能按期完成序时进度'],
  38. // ['<span class="lightOut"><span class="light green"></span></span>', '2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
  39. // ['<span class="lightOut"><span class="light red"></span></span>', '2022年4月', '国际能源', '薪酬结果没有做到公开'],
  40. // ['<span class="lightOut"><span class="light yellow"></span></span>', '2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
  41. // ['<span class="lightOut"><span class="light green"></span></span>', '2022年6月', '山西焦煤', '不能按期完成序时进度'],
  42. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.12.07 ', ' 山西焦煤 ', ' “退二进一”完成情况表现优秀 '],
  43. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.04 ', ' 山西焦煤 ', ' 总部机构压减成效明显 '],
  44. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.05 ', ' 晋能控股 ', ' 总部人员压减成效突出 '],
  45. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.06 ', ' 晋能控股 ', ' 中层管理人数改革成效显著 '],
  46. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.12.07 ', ' 晋能控股 ', ' 管理级次压缩成效明显 '],
  47. ['<span class="lightOut"><span class=" light red "></span></span>', ' 2023.01.08 ', ' 华阳新材 ', ' 六定未按要求下穿到全级次企业 '],
  48. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.11.07 ', ' 潞安化工 ', ' 全员劳动生产率提高明显 '],
  49. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.10 ', ' 建投集团 ', ' 深入开展中层管理人员竞聘上岗 '],
  50. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.11 ', ' 华舰体育 ', ' 集团人数增长速度较快 '],
  51. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.12 ', ' 华舰体育 ', ' 人员增速显著高于全员劳动生产率增速 '],
  52. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.09.07 ', ' 国际能源 ', ' 全员劳动生产率增速显著高于人员增速 '],
  53. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 山西焦煤 ', ' 人工成本利润率增长且总人数下降 '],
  54. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 晋能控股 ', ' 人工成本利润率增长且总人数下降 '],
  55. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 华阳新材 ', ' 人工成本利润率增长且总人数下降 '],
  56. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 太重集团 ', ' 人工成本利润率增长且总人数下降 '],
  57. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 国际能源 ', ' 人工成本利润率增长且总人数下降 '],
  58. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 华远陆港 ', ' 人工成本利润率增长且总人数下降 '],
  59. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 交控集团 ', ' 人工成本利润率增长且总人数下降 '],
  60. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.15 ', ' 云时代 ', ' 人工成本利润率增长且总人数下降 '],
  61. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2023.01.16 ', ' 文旅集团 ', ' 人工成本利润率显著降低 '],
  62. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2023.01.17 ', ' 航产集团 ', ' 人工成本利润率显著降低 '],
  63. ['<span class="lightOut"><span class=" light red "></span></span>', ' 2023.01.18 ', ' 大地控股 ', ' 中层管理人员任命不符合六定要求 '],
  64. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2022.11.07 ', ' 交控集团 ', ' “退二进一”完成情况表现优秀 '],
  65. ['<span class="lightOut"><span class=" light green "></span></span>', ' 2023.01.20 ', ' 太重集团 ', ' 开展管理人员末等调整和不胜任退出 '],
  66. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 华舰体育 ', ' 六定相关文件未按要求备案 '],
  67. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 文旅集团 ', ' 六定相关文件未按要求备案 '],
  68. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 2022.12.07 ', ' 水控集团 ', ' 六定相关文件未按要求备案 '],
  69. ],
  70. // data: [
  71. // ['<span style-"display:inline-block; width:15px;height:15px;border-radius:50%;background-color:green;"></span>', '2022年1月', '山西焦煤', '已经开展高层次人才引进工作'],
  72. // ['2022年2月', '山西文旅', '不能按期完成序时进度'],
  73. // ['2022年3月', '大地控股', '已经实现中长期激励机制贯彻'],
  74. // ['2022年4月', '国际能源', '薪酬结果没有做到公开'],
  75. // ['2022年5月', '山西焦煤', '已经开展高层次人才引进工作'],
  76. // ['2022年6月', '山西焦煤', '不能按期完成序时进度'],
  77. // ],
  78. },
  79. storageRecordConfig2: {
  80. header: ['', '企业名称', '预警内容', '累计未获取数据日期'],
  81. headerBGC: '#05507b33',
  82. oddRowBGC: '#05507b33',
  83. evenRowBGC: '',
  84. headerHeight: '40',
  85. columnWidth: [150],
  86. rowNum: 4,
  87. align: ['center', 'center', 'center', 'center', 'center'],
  88. data: [
  89. ['<span class="lightOut"><span class=" light green "></span></span>', ' 华新燃气 ', ' 本季度数据更新及时准确 ', ' - '],
  90. ['<span class="lightOut"><span class=" light green "></span></span>', ' 云时代 ', ' 本季度数据更新及时准确 ', ' '],
  91. ['<span class="lightOut"><span class=" light red "></span></span>', ' 大地控股 ', ' 六定长效机制情况未更新 ', ' 30 '],
  92. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 建设投资 ', ' 六定长效机制12月数据未获取 ', ' 15 '],
  93. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 交控集团 ', ' 经营业绩考核12月数据未获取 ', ' 15 '],
  94. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 太重集团 ', ' 经营业绩考核12月数据未获取 ', ' 15 '],
  95. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 经营业绩考核12月数据未获取 ', ' 15 '],
  96. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 水务集团 ', ' 经营业绩考核12月数据未获取 ', ' 15 '],
  97. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 航产集团 ', ' 经营业绩考核12月数据未获取 ', ' 15 '],
  98. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 华舰体育 ', ' 经营业绩考核12月数据未获取 ', ' 15 '],
  99. ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 六定长效机制情况数据更新错误 ', ' - '],
  100. ]
  101. // [
  102. // ['<span class="lightOut"><span class=" light green "></span></span>', ' 华新燃气 ', ' 本季度数据更新及时准确 ', ' 四季度 ', ' - '],
  103. // ['<span class="lightOut"><span class=" light green "></span></span>', ' 云时代 ', ' 本季度数据更新及时准确 ', ' 四季度 ', ' '],
  104. // ['<span class="lightOut"><span class=" light red "></span></span>', ' 大地控股 ', ' 六定长效机制情况未更新 ', ' 2022.12.01-12.31 ', ' 30 '],
  105. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 建设投资 ', ' 六定长效机制12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  106. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 交控集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  107. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 太重集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  108. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  109. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 水务集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  110. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 航产集团 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  111. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 华舰体育 ', ' 经营业绩考核12月数据未获取 ', ' 2022.12.01-12.31 ', ' 15 '],
  112. // ['<span class="lightOut"><span class=" light yellow "></span></span>', ' 文旅集团 ', ' 六定长效机制情况数据更新错误 ', ' 2022.12.01-12.31 ', ' - '],
  113. // ]
  114. ,
  115. },
  116. companyList: companyList,
  117. commonOption: {
  118. title: {
  119. text: 'xxx',
  120. x: 'center',
  121. y: '3%',
  122. textStyle: {
  123. color: '#69C0FF',
  124. fontSize: 24,
  125. },
  126. },
  127. tooltip: {
  128. trigger: 'axis',
  129. textStyle: { fontSize: 18 },
  130. axisPointer: {
  131. type: 'cross',
  132. label: {
  133. fontSize: 18,
  134. },
  135. },
  136. },
  137. grid: {
  138. top: '22%',
  139. right: '5%',
  140. left: '8%',
  141. bottom: '20%',
  142. },
  143. legend: {
  144. data: '',
  145. top: '12%',
  146. right: '5%',
  147. textStyle: {
  148. color: 'rgba(250,250,250,0.6)',
  149. fontSize: 16,
  150. },
  151. },
  152. xAxis: {
  153. data: companyList.map(item => item.name),
  154. axisLine: {
  155. show: false, //隐藏X轴轴线
  156. lineStyle: {
  157. color: '#005094',
  158. width: 1,
  159. },
  160. },
  161. axisTick: {
  162. show: false, //隐藏X轴刻度
  163. },
  164. axisLabel: {
  165. show: true,
  166. rotate: 50,
  167. textStyle: {
  168. color: 'rgba(255,255,255,0.6)', //X轴文字颜色
  169. fontSize: 16,
  170. },
  171. },
  172. },
  173. yAxis: [
  174. {
  175. type: 'value',
  176. nameTextStyle: {
  177. color: '#ebf8ac',
  178. fontSize: 16,
  179. },
  180. splitLine: {
  181. show: true,
  182. lineStyle: {
  183. color: '#68b4dd66',
  184. type: 'dashed',
  185. },
  186. },
  187. axisLine: {
  188. show: false,
  189. },
  190. axisLabel: {
  191. show: true,
  192. textStyle: {
  193. color: 'rgba(250,250,250,0.6)',
  194. fontSize: 16,
  195. },
  196. },
  197. },
  198. ],
  199. },
  200. }
  201. },
  202. beforeMount () {
  203. dataL7[0].forEach((item, index) => {
  204. if (dataL7[1][index] < 0 && dataL7[0][index] > 0) {
  205. let obj = { value: [companyList[index].name, dataL7[0][index]], symbolSize: 15 }
  206. this.twinkle7.push(obj)
  207. }
  208. })
  209. // if (dataL8[1][params.dataIndex] < 0 && params.value > 0) {
  210. dataL8[0].forEach((item, index) => {
  211. if (dataL8[1][index] < 0 && dataL8[0][index] > 0) {
  212. let obj = { value: [companyList[index].name, dataL8[0][index]], symbolSize: 15 }
  213. this.twinkle8.push(obj)
  214. }
  215. })
  216. // params.value > 0 && fjxdataL2[0][params.dataIndex] < 0
  217. fjxdataL2[0].forEach((item, index) => {
  218. if (fjxdataL2[1][index] > 0 && fjxdataL2[0][index] < 0) {
  219. let obj = { value: [companyList[index].name, fjxdataL2[1][index]], symbolSize: 15 }
  220. this.twinkleR6.push(obj)
  221. }
  222. })
  223. console.log(this.twinkleR6)
  224. },
  225. mounted () {
  226. this.time = formatDate()
  227. this.timer = setInterval(() => {
  228. this.time = formatDate()
  229. }, 1000)
  230. this.centerData = data
  231. // 左侧图表
  232. this.initChartL1()
  233. this.initChartL2()
  234. this.initChartL3()
  235. this.initChartL4()
  236. this.initChartL5()
  237. this.initChartL6()
  238. this.initChartL7()
  239. this.initChartL8()
  240. // 中间图表
  241. this.initChartC1()
  242. this.initChartC2()
  243. // 右侧图表
  244. this.initChartR1()
  245. this.initChartR2()
  246. this.initChartR3()
  247. this.initChartR4()
  248. this.initChartR5()
  249. this.initChartR6()
  250. this.initChartR7()
  251. this.initChartR8()
  252. },
  253. beforeDestroy () {
  254. if (this.timer) {
  255. clearInterval(this.timer)
  256. }
  257. },
  258. methods: {
  259. handleTitleShow () {
  260. this.titleShow = true
  261. this.showTip = false
  262. this.showTip2 = false
  263. },
  264. showTipClose () {
  265. this.showTip = false
  266. this.showTip2 = false
  267. this.titleShow = false
  268. },
  269. handleShowTip (index, type) {
  270. if (type == 'analysis') {
  271. this.tipData = tipData.analysis
  272. } else {
  273. this.tipData = tipData.focus
  274. }
  275. this.showTip2 = false
  276. this.showTip = true
  277. this.titleShow = false
  278. this.tipNum = index
  279. },
  280. handleShowTip2 (index) {
  281. this.showTip = false
  282. this.showTip2 = true
  283. this.titleShow = false
  284. this.tipNum = index
  285. },
  286. handleGoPage (url) {
  287. if (url.length) {
  288. window.location.href = url
  289. }
  290. },
  291. numFormat (value) {
  292. if (!value) return '0'
  293. var intPart = Number(value).toFixed(0) // 获取整数部分
  294. var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
  295. var floatPart = '.00' // 预定义小数部分
  296. var value2Array = value.toString().split('.')
  297. // =2表示数据有小数位
  298. if (value2Array.length === 2) {
  299. floatPart = value2Array[1].toString() // 拿到小数部分
  300. if (floatPart.length === 1) {
  301. // 补0
  302. return intPartFormat + '.' + floatPart + '0'
  303. } else {
  304. return intPartFormat + '.' + floatPart
  305. }
  306. } else {
  307. return intPartFormat
  308. }
  309. },
  310. initChartL1 () {
  311. let myChart = echarts.init(this.$refs['echartL1'])
  312. let option = {
  313. ..._.cloneDeep(this.commonOption),
  314. series: [
  315. {
  316. name: '总部机构数核定上限',
  317. type: 'line',
  318. // yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  319. smooth: true, //平滑曲线显示
  320. showAllSymbol: true, //显示所有图形。
  321. symbol: 'circle', //标记的图形为实心圆
  322. symbolSize: 8, //标记的大小
  323. smooth: false,
  324. itemStyle: {
  325. //折线拐点标志的样式
  326. color: '#fbe138',
  327. borderColor: '#fbe138',
  328. width: 2,
  329. shadowColor: '#fbe138',
  330. shadowBlur: 4,
  331. },
  332. lineStyle: {
  333. color: '#fbe138',
  334. width: 2,
  335. },
  336. data: dataL1[2],
  337. },
  338. {
  339. name: '六定改革前总部机构数',
  340. type: 'bar',
  341. barWidth: 15,
  342. itemStyle: {
  343. normal: {
  344. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  345. {
  346. offset: 0,
  347. color: '#43ede3',
  348. },
  349. {
  350. offset: 1,
  351. color: '#082550',
  352. },
  353. ]),
  354. },
  355. },
  356. data: dataL1[0],
  357. },
  358. {
  359. name: '当前各省属企业总部机构数',
  360. type: 'bar',
  361. barWidth: 15,
  362. itemStyle: {
  363. normal: {
  364. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  365. {
  366. offset: 0,
  367. color: '#69c0ff',
  368. },
  369. {
  370. offset: 1,
  371. color: '#082550',
  372. },
  373. ]),
  374. },
  375. },
  376. data: dataL1[1],
  377. },
  378. ],
  379. // tooltip: {
  380. // trigger: 'item',
  381. // position: 'top'
  382. // },
  383. }
  384. option.title.text = '各省属企业总部机构数'
  385. option.legend.data = ['六定改革前总部机构数', '当前各省属企业总部机构数', '总部机构数核定上限']
  386. option.yAxis.push({
  387. splitLine: {
  388. show: false,
  389. },
  390. axisLine: {
  391. show: false,
  392. },
  393. })
  394. myChart.setOption(option)
  395. },
  396. initChartL2 () {
  397. let myChart = echarts.init(this.$refs['echartL2'])
  398. let option = {
  399. ..._.cloneDeep(this.commonOption),
  400. color: ['#69c0ff'],
  401. series: [
  402. {
  403. name: '当前共享服务中心/事业部数',
  404. type: 'bar',
  405. barWidth: 15,
  406. label: {
  407. normal: {
  408. show: true,
  409. position: 'top',
  410. textStyle: {
  411. color: '#69c0ff',
  412. fontStyle: 'normal',
  413. textAlign: 'left',
  414. fontSize: 16,
  415. },
  416. formatter: function (data) {
  417. if (data.name == '华阳新材') {
  418. return data.value
  419. } else {
  420. return ''
  421. }
  422. }
  423. }
  424. },
  425. itemStyle: {
  426. color: params => {
  427. if (params.value > dataL2[1][params.dataIndex]) {
  428. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  429. {
  430. offset: 0,
  431. color: 'red',
  432. },
  433. {
  434. offset: 1,
  435. color: '#082550',
  436. },
  437. ])
  438. } else {
  439. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  440. {
  441. offset: 0,
  442. color: '#69c0ff',
  443. },
  444. {
  445. offset: 1,
  446. color: '#082550',
  447. },
  448. ])
  449. }
  450. },
  451. },
  452. data: dataL2[0],
  453. },
  454. {
  455. name: '共享服务中心/事业部核定上限',
  456. type: 'line',
  457. // yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  458. smooth: true, //平滑曲线显示
  459. showAllSymbol: true, //显示所有图形。
  460. symbol: 'circle', //标记的图形为实心圆
  461. symbolSize: 8, //标记的大小
  462. smooth: false,
  463. label: {
  464. normal: {
  465. show: true,
  466. position: 'top',
  467. textStyle: {
  468. color: '#fbe138',
  469. fontStyle: 'normal',
  470. textAlign: 'left',
  471. fontSize: 16,
  472. },
  473. formatter: function (data) {
  474. if (data.name == '华阳新材') {
  475. return data.value
  476. } else {
  477. return ''
  478. }
  479. }
  480. }
  481. },
  482. itemStyle: {
  483. //折线拐点标志的样式
  484. color: '#fbe138',
  485. borderColor: '#fbe138',
  486. width: 2,
  487. shadowColor: '#fbe138',
  488. shadowBlur: 4,
  489. },
  490. lineStyle: {
  491. color: '#fbe138',
  492. width: 2,
  493. },
  494. data: dataL2[1],
  495. },
  496. ],
  497. }
  498. option.title.text = '各省属企业共享服务中心/事业部数'
  499. option.legend.data = ['当前共享服务中心/事业部数', '共享服务中心/事业部核定上限']
  500. option.yAxis.push({
  501. splitLine: {
  502. show: false,
  503. },
  504. axisLine: {
  505. show: false,
  506. },
  507. })
  508. myChart.setOption(option)
  509. },
  510. initChartL3 () {
  511. let myChart = echarts.init(this.$refs['echartL3'])
  512. let option = {
  513. ..._.cloneDeep(this.commonOption),
  514. series: [
  515. {
  516. name: '当前管理人员数',
  517. type: 'bar',
  518. barWidth: 15,
  519. itemStyle: {
  520. normal: {
  521. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  522. {
  523. offset: 0,
  524. color: '#5e7ae9',
  525. },
  526. {
  527. offset: 1,
  528. color: '#082550',
  529. },
  530. ]),
  531. },
  532. },
  533. data: dataL3[0],
  534. },
  535. {
  536. name: '管理人员数占总人数比值',
  537. type: 'line',
  538. yAxisIndex: 1,
  539. smooth: true, //平滑曲线显示
  540. showAllSymbol: true, //显示所有图形。
  541. symbol: 'circle', //标记的图形为实心圆
  542. symbolSize: 8, //标记的大小
  543. smooth: false,
  544. itemStyle: {
  545. //折线拐点标志的样式
  546. color: '#fbe138',
  547. borderColor: '#fbe138',
  548. width: 2,
  549. shadowColor: '#fbe138',
  550. shadowBlur: 4,
  551. },
  552. lineStyle: {
  553. color: '#fbe138',
  554. width: 2,
  555. },
  556. markLine: {
  557. data: [
  558. {
  559. name: '管理人员数占总人数的合理比值线',
  560. yAxis: 15,
  561. lineStyle: {
  562. color: '#fff',
  563. },
  564. label: {
  565. formatter: '{b}',
  566. position: 'middle',
  567. color: '#fff',
  568. fontSize: 16,
  569. },
  570. },
  571. ],
  572. label: {
  573. distance: [20, 8],
  574. },
  575. },
  576. data: dataL3[1],
  577. },
  578. ],
  579. }
  580. option.title.text = '各省属企业管理人员数'
  581. option.legend.data = ['当前管理人员数', '管理人员数占总人数比值']
  582. option.yAxis[0] = {
  583. type: 'log',
  584. min: 1,
  585. logBase: 10,
  586. axisLine: {
  587. show: false,
  588. },
  589. splitLine: {
  590. show: true,
  591. lineStyle: {
  592. color: '#68b4dd66',
  593. type: 'dashed',
  594. },
  595. },
  596. axisLabel: {
  597. show: true,
  598. formatter: function (value) {
  599. return value === 1 ? 0 : value
  600. },
  601. textStyle: {
  602. color: 'rgba(250,250,250,0.6)',
  603. },
  604. },
  605. }
  606. option.yAxis.push({
  607. type: 'value',
  608. max: 15,
  609. axisLine: {
  610. show: false,
  611. },
  612. splitLine: {
  613. show: false,
  614. },
  615. axisLabel: {
  616. show: true,
  617. formatter: '{value} %',
  618. textStyle: {
  619. color: 'rgba(250,250,250,0.6)',
  620. },
  621. },
  622. })
  623. option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
  624. myChart.setOption(option)
  625. },
  626. initChartL4 () {
  627. let myChart = echarts.init(this.$refs['echartL4'])
  628. let option = {
  629. ..._.cloneDeep(this.commonOption),
  630. series: [
  631. {
  632. name: '六定改革前总部中层管理人数',
  633. type: 'bar',
  634. barWidth: 15,
  635. label: {
  636. normal: {
  637. show: true,
  638. position: 'top',
  639. textStyle: {
  640. color: '#69c0ff',
  641. fontStyle: 'normal',
  642. textAlign: 'left',
  643. fontSize: 16,
  644. },
  645. formatter: function (data) {
  646. if (data.name == '云时代') {
  647. return data.value
  648. } else {
  649. return ''
  650. }
  651. }
  652. }
  653. },
  654. itemStyle: {
  655. normal: {
  656. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  657. {
  658. offset: 0,
  659. color: '#69c0ff',
  660. },
  661. {
  662. offset: 1,
  663. color: '#082550',
  664. },
  665. ]),
  666. },
  667. },
  668. data: dataL4[0],
  669. },
  670. {
  671. name: '当前总部中层管理人数',
  672. type: 'bar',
  673. barWidth: 15,
  674. label: {
  675. normal: {
  676. show: true,
  677. position: 'top',
  678. textStyle: {
  679. color: '#6480f3',
  680. fontStyle: 'normal',
  681. textAlign: 'left',
  682. fontSize: 16,
  683. },
  684. formatter: function (data) {
  685. if (data.name == '云时代') {
  686. return data.value
  687. } else {
  688. return ''
  689. }
  690. }
  691. }
  692. },
  693. itemStyle: {
  694. normal: {
  695. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  696. {
  697. offset: 0,
  698. color: '#6480f3',
  699. },
  700. {
  701. offset: 1,
  702. color: '#082550',
  703. },
  704. ]),
  705. },
  706. },
  707. data: dataL4[1],
  708. },
  709. {
  710. name: '总部中层管理人数核定上限',
  711. type: 'line',
  712. yAxisIndex: 1,
  713. smooth: true, //平滑曲线显示
  714. showAllSymbol: true, //显示所有图形。
  715. symbol: 'circle', //标记的图形为实心圆
  716. symbolSize: 8, //标记的大小
  717. smooth: false,
  718. label: {
  719. normal: {
  720. show: true,
  721. position: 'top',
  722. textStyle: {
  723. color: '#fbe138',
  724. fontStyle: 'normal',
  725. textAlign: 'left',
  726. fontSize: 16,
  727. },
  728. formatter: function (data) {
  729. if (data.name == '云时代') {
  730. return data.value
  731. } else {
  732. return ''
  733. }
  734. }
  735. }
  736. },
  737. itemStyle: {
  738. //折线拐点标志的样式
  739. color: '#fbe138',
  740. borderColor: '#fbe138',
  741. width: 2,
  742. shadowColor: '#fbe138',
  743. shadowBlur: 4,
  744. },
  745. lineStyle: {
  746. color: '#fbe138',
  747. width: 2,
  748. },
  749. data: dataL4[2],
  750. },
  751. ],
  752. }
  753. option.title.text = '各省属企业总部中层管理人数'
  754. option.legend.data = ['六定改革前总部中层管理人数', '当前总部中层管理人数', '总部中层管理人数核定上限']
  755. option.legend.show = true
  756. option.yAxis.push({
  757. splitLine: {
  758. show: false,
  759. },
  760. axisLine: {
  761. show: false,
  762. },
  763. })
  764. myChart.setOption(option)
  765. },
  766. initChartL5 () {
  767. let myChart = echarts.init(this.$refs['echartL5'])
  768. let option = {
  769. ..._.cloneDeep(this.commonOption),
  770. series: [
  771. {
  772. name: '各省属企业总人数',
  773. type: 'bar',
  774. barWidth: 15,
  775. label: {
  776. normal: {
  777. show: true,
  778. position: 'top',
  779. lineHeight: '25',
  780. textStyle: {
  781. color: '#69c0ff',
  782. fontStyle: 'normal',
  783. textAlign: 'left',
  784. fontSize: 16,
  785. },
  786. formatter: function (data) {
  787. if (data.name == '华阳新材' || data.name == '华舰体育') {
  788. return data.value
  789. } else {
  790. return ''
  791. }
  792. }
  793. }
  794. },
  795. itemStyle: {
  796. normal: {
  797. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  798. {
  799. offset: 0,
  800. color: '#69c0ff',
  801. },
  802. {
  803. offset: 1,
  804. color: '#082550',
  805. },
  806. ]),
  807. },
  808. },
  809. data: dataL5[0],
  810. },
  811. {
  812. name: '去年同期人数变化率',
  813. type: 'line',
  814. yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  815. smooth: true, //平滑曲线显示
  816. showAllSymbol: true, //显示所有图形。
  817. symbol: 'circle', //标记的图形为实心圆
  818. symbolSize: 8, //标记的大小
  819. smooth: false,
  820. label: {
  821. normal: {
  822. show: true,
  823. position: 'bottom',
  824. lineHeight: '25',
  825. textStyle: {
  826. color: '#b889ea',
  827. fontStyle: 'normal',
  828. textAlign: 'left',
  829. fontSize: 16,
  830. },
  831. formatter: function (data) {
  832. if (data.name == '华阳新材' || data.name == '华舰体育') {
  833. return data.value
  834. } else {
  835. return ''
  836. }
  837. }
  838. }
  839. },
  840. itemStyle: {
  841. //折线拐点标志的样式
  842. color: '#b889ea',
  843. borderColor: '#b889ea',
  844. width: 2,
  845. shadowColor: '#b889ea',
  846. shadowBlur: 4,
  847. },
  848. lineStyle: {
  849. color: '#b889ea',
  850. width: 2,
  851. },
  852. data: dataL5[1],
  853. },
  854. ],
  855. }
  856. option.title.text = '各省属企业总人数'
  857. option.legend.data = ['各省属企业总人数', '去年同期人数变化率']
  858. option.legend.show = true
  859. option.yAxis[0] = {
  860. type: 'value',
  861. // type: 'log',
  862. min: 1,
  863. // logBase: 10,
  864. axisLine: {
  865. show: false,
  866. },
  867. splitLine: {
  868. show: true,
  869. lineStyle: {
  870. color: '#68b4dd66',
  871. type: 'dashed',
  872. },
  873. },
  874. axisLabel: {
  875. show: true,
  876. formatter: function (value) {
  877. return value === 1 ? 0 : value
  878. },
  879. textStyle: {
  880. color: 'rgba(250,250,250,0.6)',
  881. },
  882. },
  883. }
  884. option.yAxis.push({
  885. type: 'value',
  886. axisLine: {
  887. show: false,
  888. },
  889. splitLine: {
  890. show: false,
  891. },
  892. axisLabel: {
  893. show: true,
  894. formatter: '{value} %',
  895. textStyle: {
  896. color: 'rgba(250,250,250,0.6)',
  897. },
  898. },
  899. })
  900. option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
  901. myChart.setOption(option)
  902. },
  903. initChartL6 () {
  904. let myChart = echarts.init(this.$refs['echartL6'])
  905. let option = {
  906. ..._.cloneDeep(this.commonOption),
  907. series: [
  908. {
  909. name: '总部员额数',
  910. type: 'bar',
  911. barWidth: 15,
  912. itemStyle: {
  913. normal: {
  914. barBorderRadius: [10, 10, 0, 0],
  915. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  916. {
  917. offset: 0,
  918. color: '#43ede3',
  919. },
  920. {
  921. offset: 1,
  922. color: '#082550',
  923. },
  924. ]),
  925. },
  926. },
  927. data: dataL6[0],
  928. },
  929. {
  930. name: '总部员额数核定上限',
  931. type: 'line',
  932. yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  933. smooth: true, //平滑曲线显示
  934. showAllSymbol: true, //显示所有图形。
  935. symbol: 'circle', //标记的图形为实心圆
  936. symbolSize: 8, //标记的大小
  937. smooth: false,
  938. itemStyle: {
  939. //折线拐点标志的样式
  940. color: '#fbe138',
  941. borderColor: '#fbe138',
  942. width: 2,
  943. shadowColor: '#fbe138',
  944. shadowBlur: 4,
  945. },
  946. lineStyle: {
  947. color: '#fbe138',
  948. width: 2,
  949. },
  950. data: dataL6[1],
  951. },
  952. ],
  953. }
  954. option.title.text = '各省属企业总部员额数'
  955. option.legend.data = ['总部员额数', '总部员额数核定上限']
  956. option.legend.show = true
  957. option.yAxis.push({
  958. splitLine: {
  959. show: false,
  960. },
  961. axisLine: {
  962. show: false,
  963. },
  964. })
  965. myChart.setOption(option)
  966. },
  967. initChartL7 () {
  968. let myChart = echarts.init(this.$refs['echartL7'])
  969. let that = this
  970. let option = {
  971. ..._.cloneDeep(this.commonOption),
  972. color: ['#43ede3'],
  973. series: [
  974. {
  975. name: '人数变化',
  976. type: 'line',
  977. smooth: true, //平滑曲线显示
  978. showAllSymbol: true, //显示所有图形。
  979. symbol: 'circle', //标记的图形为实心圆
  980. symbolSize: 15, //标记的大小
  981. smooth: false,
  982. label: {
  983. normal: {
  984. show: true,
  985. position: 'bottom',
  986. lineHeight: '35',
  987. textStyle: {
  988. color: '#43ede3',
  989. fontStyle: 'normal',
  990. textAlign: 'left',
  991. fontSize: 16,
  992. },
  993. formatter: function (data) {
  994. if (data.name == '文旅集团' || data.name == "大地控股" || data.name == '华舰体育') {
  995. return data.value
  996. } else {
  997. return ''
  998. }
  999. }
  1000. }
  1001. },
  1002. itemStyle: {
  1003. color: params => {
  1004. if (dataL7[1][params.dataIndex] < 0 && params.value > 0) {
  1005. return 'red'
  1006. } else {
  1007. return '#43ede3'
  1008. }
  1009. },
  1010. },
  1011. lineStyle: {
  1012. color: '#43ede3',
  1013. width: 2,
  1014. },
  1015. data: dataL7[0],
  1016. },
  1017. {
  1018. name: '劳动生产率同比变化',
  1019. type: 'line',
  1020. yAxisIndex: 1,
  1021. smooth: true, //平滑曲线显示
  1022. showAllSymbol: true, //显示所有图形。
  1023. symbol: 'circle', //标记的图形为实心圆
  1024. symbolSize: 8, //标记的大小
  1025. smooth: false,
  1026. label: {
  1027. normal: {
  1028. show: true,
  1029. position: 'top',
  1030. lineHeight: '25',
  1031. textStyle: {
  1032. color: '#b889ea',
  1033. fontStyle: 'normal',
  1034. textAlign: 'left',
  1035. fontSize: 16,
  1036. },
  1037. formatter: function (data) {
  1038. if (data.name == '文旅集团' || data.name == "大地控股" || data.name == '华舰体育') {
  1039. return data.value
  1040. } else {
  1041. return ''
  1042. }
  1043. }
  1044. }
  1045. },
  1046. itemStyle: {
  1047. //折线拐点标志的样式
  1048. color: '#b889ea',
  1049. borderColor: '#b889ea',
  1050. width: 2,
  1051. shadowColor: '#b889ea',
  1052. shadowBlur: 4,
  1053. },
  1054. data: dataL7[1],
  1055. },
  1056. {
  1057. type: 'effectScatter',
  1058. coordinateSystem: 'cartesian2d',
  1059. showEffectOn: 'render',
  1060. rippleEffect: {
  1061. period: 10,
  1062. scale: 4,
  1063. brushType: 'stroke'
  1064. },
  1065. hoverAnimation: true,
  1066. itemStyle: {
  1067. color: 'red'
  1068. },
  1069. lineStyle: {
  1070. color: '#43ede3',
  1071. width: 2,
  1072. },
  1073. data: that.twinkle7,
  1074. },
  1075. ],
  1076. }
  1077. option.title.text = '人数变化和全员劳动生产率变化分析'
  1078. option.legend.data = ['人数变化', '劳动生产率同比变化']
  1079. option.legend.show = true
  1080. option.yAxis[0].axisLabel.formatter = '{value} %'
  1081. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  1082. option.yAxis.push({
  1083. type: 'value',
  1084. axisLine: {
  1085. show: false,
  1086. },
  1087. splitLine: {
  1088. show: false,
  1089. },
  1090. axisLabel: {
  1091. show: true,
  1092. formatter: '{value} %',
  1093. textStyle: {
  1094. color: 'rgba(250,250,250,0.6)',
  1095. },
  1096. splitLine: {
  1097. show: false,
  1098. },
  1099. axisLabel: {
  1100. show: true,
  1101. formatter: '{value} %',
  1102. textStyle: {
  1103. color: 'rgba(250,250,250,0.6)',
  1104. },
  1105. },
  1106. },
  1107. })
  1108. myChart.setOption(option)
  1109. },
  1110. initChartL8 () {
  1111. let myChart = echarts.init(this.$refs['echartL8'])
  1112. let option = {
  1113. ..._.cloneDeep(this.commonOption),
  1114. color: ['#43ede3'],
  1115. series: [
  1116. {
  1117. name: '人数变化',
  1118. type: 'line',
  1119. smooth: true, //平滑曲线显示
  1120. showAllSymbol: true, //显示所有图形。
  1121. symbol: 'circle', //标记的图形为实心圆
  1122. symbolSize: 15, //标记的大小
  1123. smooth: false,
  1124. label: {
  1125. normal: {
  1126. show: true,
  1127. position: 'bottom',
  1128. lineHeight: '20',
  1129. textStyle: {
  1130. color: '#43ede3',
  1131. fontStyle: 'normal',
  1132. textAlign: 'left',
  1133. fontSize: 16,
  1134. },
  1135. formatter: function (data) {
  1136. if (data.name == '文旅集团' || data.name == '大地控股') {
  1137. return data.value
  1138. } else {
  1139. return ''
  1140. }
  1141. }
  1142. }
  1143. },
  1144. itemStyle: {
  1145. color: params => {
  1146. if (dataL8[1][params.dataIndex] < 0 && params.value > 0) {
  1147. return 'red'
  1148. } else {
  1149. return '#43ede3'
  1150. }
  1151. },
  1152. },
  1153. lineStyle: {
  1154. color: '#43ede3',
  1155. width: 2,
  1156. },
  1157. data: dataL8[0],
  1158. },
  1159. {
  1160. name: '人工成本利润率同比变化',
  1161. type: 'line',
  1162. smooth: true, //平滑曲线显示
  1163. showAllSymbol: true, //显示所有图形。
  1164. symbol: 'circle', //标记的图形为实心圆
  1165. symbolSize: 15, //标记的大小
  1166. smooth: false,
  1167. label: {
  1168. normal: {
  1169. show: true,
  1170. position: 'top',
  1171. lineHeight: '30',
  1172. textStyle: {
  1173. color: '#b889ea',
  1174. fontStyle: 'normal',
  1175. textAlign: 'left',
  1176. fontSize: 16,
  1177. },
  1178. formatter: function (data) {
  1179. if (data.name == '文旅集团' || data.name == '大地控股') {
  1180. return data.value
  1181. } else {
  1182. return ''
  1183. }
  1184. }
  1185. }
  1186. },
  1187. itemStyle: {
  1188. //折线拐点标志的样式
  1189. color: '#b889ea',
  1190. borderColor: '#b889ea',
  1191. width: 2,
  1192. shadowColor: '#b889ea',
  1193. shadowBlur: 4,
  1194. },
  1195. lineStyle: {
  1196. color: '#b889ea',
  1197. width: 2,
  1198. },
  1199. data: dataL8[1],
  1200. },
  1201. {
  1202. type: 'effectScatter',
  1203. coordinateSystem: 'cartesian2d',
  1204. showEffectOn: 'render',
  1205. rippleEffect: {
  1206. period: 10,
  1207. scale: 4,
  1208. brushType: 'stroke'
  1209. },
  1210. hoverAnimation: true,
  1211. itemStyle: {
  1212. color: 'red'
  1213. },
  1214. lineStyle: {
  1215. color: '#43ede3',
  1216. width: 2,
  1217. },
  1218. data: this.twinkle8,
  1219. },
  1220. // {
  1221. // type: 'effectScatter',
  1222. // coordinateSystem: 'cartesian2d',
  1223. // showEffectOn: 'render',
  1224. // rippleEffect: {
  1225. // period: 10,
  1226. // scale: 4,
  1227. // brushType: 'stroke'
  1228. // },
  1229. // hoverAnimation: true,
  1230. // itemStyle: {
  1231. // color: 'red'
  1232. // },
  1233. // lineStyle: {
  1234. // color: '#43ede3',
  1235. // width: 2,
  1236. // },
  1237. // data: that.twinkle,
  1238. // },
  1239. ],
  1240. // tooltip: {
  1241. // trigger: 'axis',
  1242. // formatter(params){
  1243. // console.log(params)
  1244. // return params[0]
  1245. // }
  1246. // }
  1247. }
  1248. option.title.text = '人数变化和人工成本利润率变化分析'
  1249. option.legend.data = ['人数变化', '人工成本利润率同比变化']
  1250. option.legend.show = true
  1251. option.yAxis[0].axisLabel.formatter = '{value} %'
  1252. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  1253. myChart.setOption(option)
  1254. },
  1255. // 中间图表---------------------------------------------开始
  1256. initChartC1 () {
  1257. let myChart = echarts.init(this.$refs['echartC1'])
  1258. let option = {
  1259. ..._.cloneDeep(this.commonOption),
  1260. color: ['#69c0ff'],
  1261. series: [
  1262. {
  1263. name: '全员劳动生产率(万/人)',
  1264. type: 'bar',
  1265. barWidth: 15,
  1266. label: {
  1267. normal: {
  1268. show: true,
  1269. position: 'top',
  1270. textStyle: {
  1271. color: '#69c0ff',
  1272. fontStyle: 'normal',
  1273. textAlign: 'left',
  1274. fontSize: 16,
  1275. },
  1276. formatter: function (data) {
  1277. if (data.name == '国际能源' || data.name == '汾酒集团') {
  1278. return data.value
  1279. } else {
  1280. return ''
  1281. }
  1282. }
  1283. }
  1284. },
  1285. itemStyle: {
  1286. color: params => {
  1287. if (params.value < 0 && c1[1][params.dataIndex] < 0) {
  1288. return 'red'
  1289. } else if (params.value < 0) {
  1290. return 'yellow'
  1291. } else {
  1292. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1293. {
  1294. offset: 0,
  1295. color: '#69c0ff',
  1296. },
  1297. {
  1298. offset: 1,
  1299. color: '#082550',
  1300. },
  1301. ])
  1302. }
  1303. },
  1304. },
  1305. // markPoint:{
  1306. // symbolSize: 1,
  1307. // symbolOffset: [0, '50%'],
  1308. // label:{
  1309. // show: true,
  1310. // fontSize:18,
  1311. // color: '#fff',
  1312. // backgroundColor: 'rgba(38,48,59,0.6)',
  1313. // borderColor: '#aaa',
  1314. // borderWidth: 1,
  1315. // borderRadius: 4,
  1316. // padding: [4, 10],
  1317. // lineHeight: 26,
  1318. // position: 'top',
  1319. // distance: 20,
  1320. // // formatter: data =>{
  1321. // // console.log('11',data)
  1322. // // },
  1323. // formatter: [
  1324. // '{a|这段文本采用样式a}',
  1325. // '这段用默认样式{x|这段用样式x}'
  1326. // ].join('\n'),
  1327. // rich: {
  1328. // a: {
  1329. // color: 'yellow',
  1330. // lineHeight: 10
  1331. // },
  1332. // b: {
  1333. // // backgroundColor: {
  1334. // // image: './images/alert.png'
  1335. // // },
  1336. // height: 40
  1337. // },
  1338. // x: {
  1339. // fontSize: 18,
  1340. // borderColor: '#449933',
  1341. // borderRadius: 4
  1342. // },
  1343. // }
  1344. // },
  1345. // // itemStyle: {
  1346. // // color: 'rgba(38,48,59,0.6)'
  1347. // // },
  1348. // data:[{value:'117.48', xAxis: '国际能源', yAxis: 127 },{value:'138.83', xAxis: '汾酒集团', yAxis: 148 }]
  1349. // },
  1350. markLine: {
  1351. data: [
  1352. {
  1353. name: '省属企业平均水平',
  1354. yAxis: 50.13,
  1355. lineStyle: {
  1356. color: '#fff',
  1357. },
  1358. label: {
  1359. formatter: '{b}',
  1360. position: 'end',
  1361. padding: [20, 100, 10, 10],
  1362. fontSize: 16,
  1363. color: '#fff',
  1364. },
  1365. },
  1366. // {
  1367. // name: '',
  1368. // yAxis: 0,
  1369. // lineStyle: {
  1370. // color: '#fff',
  1371. // },
  1372. // label: {
  1373. // formatter: '{b}',
  1374. // position: 'end',
  1375. // fontSize: 16,
  1376. // color: '#fff',
  1377. // },
  1378. // },
  1379. {
  1380. name: '央企平均水平',
  1381. yAxis: 69.4,
  1382. lineStyle: {
  1383. color: '#fff',
  1384. },
  1385. label: {
  1386. formatter: '{b}',
  1387. position: 'end',
  1388. padding: [-4, 150, 10, 10],
  1389. color: '#fff',
  1390. fontSize: 16,
  1391. },
  1392. },
  1393. ],
  1394. label: {
  1395. distance: [50, 0],
  1396. },
  1397. },
  1398. data: c1[0],
  1399. },
  1400. {
  1401. name: '全员劳动生产率同比',
  1402. type: 'line',
  1403. yAxisIndex: 1,
  1404. smooth: true, //平滑曲线显示
  1405. showAllSymbol: true, //显示所有图形。
  1406. symbol: 'circle', //标记的图形为实心圆
  1407. symbolSize: 8, //标记的大小
  1408. smooth: false,
  1409. itemStyle: {
  1410. //折线拐点标志的样式
  1411. color: '#B889EA',
  1412. borderColor: '#B889EA',
  1413. width: 2,
  1414. shadowColor: '#B889EA',
  1415. shadowBlur: 4,
  1416. },
  1417. lineStyle: {
  1418. color: '#B889EA',
  1419. width: 2,
  1420. },
  1421. label: {
  1422. normal: {
  1423. show: true,
  1424. position: 'top',
  1425. textStyle: {
  1426. color: '#B889EA',
  1427. fontStyle: 'normal',
  1428. textAlign: 'left',
  1429. fontSize: 16,
  1430. },
  1431. formatter: function (data) {
  1432. if (data.name == '国际能源' || data.name == '汾酒集团') {
  1433. return data.value + '%'
  1434. } else {
  1435. return ''
  1436. }
  1437. }
  1438. }
  1439. },
  1440. // data: [50, 40, 60, 20, 45, 30, 60, 100, 45, 40, 50, 20, 60, 80, 45, 70, 50, 40],
  1441. data: c1[1],
  1442. },
  1443. ],
  1444. }
  1445. option.title.text = '各省属企业全员劳动生产率'
  1446. // option.legend.data = [ '全员劳动生产率(万/人)','全员劳动生产率同比']
  1447. option.legend.show = true
  1448. option.grid.right = '15%'
  1449. option.tooltip.formatter = '{a0}:{c0}' + '<br/>' + '{a1}:{c1}' + '%'
  1450. option.yAxis.push({
  1451. type: 'value',
  1452. axisLine: {
  1453. show: false,
  1454. },
  1455. splitLine: {
  1456. show: false,
  1457. },
  1458. axisLabel: {
  1459. show: true,
  1460. formatter: '{value} %',
  1461. textStyle: {
  1462. color: 'rgba(250,250,250,0.6)',
  1463. },
  1464. },
  1465. })
  1466. myChart.setOption(option)
  1467. // tools.loopShowTooltip(myChart, option, {
  1468. // nterval: 2000,
  1469. // loopSeries: true,
  1470. // })
  1471. },
  1472. initChartC2 () {
  1473. let myChart = echarts.init(this.$refs['echartC2'])
  1474. let option = {
  1475. ..._.cloneDeep(this.commonOption),
  1476. color: ['#69c0ff'],
  1477. series: [
  1478. {
  1479. name: '人工成本利润率',
  1480. type: 'bar',
  1481. barWidth: 15,
  1482. label: {
  1483. normal: {
  1484. show: true,
  1485. position: 'top',
  1486. textStyle: {
  1487. color: '#fff',
  1488. fontStyle: 'normal',
  1489. textAlign: 'left',
  1490. fontSize: 16,
  1491. },
  1492. formatter: function (data) {
  1493. if (data.name == '国际能源' || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1494. return data.value
  1495. } else {
  1496. return ''
  1497. }
  1498. }
  1499. }
  1500. },
  1501. markLine: {
  1502. data: [
  1503. {
  1504. name: '省属企业平均水平',
  1505. yAxis: 67.09,
  1506. lineStyle: {
  1507. color: '#fff',
  1508. },
  1509. label: {
  1510. formatter: '{b}',
  1511. position: 'end',
  1512. padding: [24, 100, 10, 10],
  1513. fontSize: 16,
  1514. color: '#fff',
  1515. },
  1516. },
  1517. {
  1518. name: '央企平均水平',
  1519. yAxis: 81,
  1520. lineStyle: {
  1521. color: '#fff',
  1522. },
  1523. label: {
  1524. formatter: '{b}',
  1525. position: 'end',
  1526. padding: [-24, 200, 10, 10],
  1527. color: '#fff',
  1528. fontSize: 16,
  1529. },
  1530. },
  1531. ],
  1532. label: {
  1533. distance: [50, 0],
  1534. },
  1535. },
  1536. itemStyle: {
  1537. color: params => {
  1538. if (params.value < 0 && c2[0][params.dataIndex] < 0) {
  1539. return 'red'
  1540. } else if (params.value < 0) {
  1541. return 'yellow'
  1542. } else {
  1543. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1544. {
  1545. offset: 0,
  1546. color: '#69c0ff',
  1547. },
  1548. {
  1549. offset: 1,
  1550. color: '#082550',
  1551. },
  1552. ])
  1553. }
  1554. },
  1555. },
  1556. data: c2[1],
  1557. },
  1558. {
  1559. name: '人工成本利润率同比',
  1560. type: 'line',
  1561. yAxisIndex: 1, //使用的 y 轴的 index,在单个图表实例中存在多个 y轴的时候有用
  1562. smooth: true, //平滑曲线显示
  1563. showAllSymbol: true, //显示所有图形。
  1564. symbol: 'circle', //标记的图形为实心圆
  1565. symbolSize: 8, //标记的大小
  1566. smooth: false,
  1567. label: {
  1568. normal: {
  1569. show: true,
  1570. position: 'top',
  1571. lineHeight: '30',
  1572. textStyle: {
  1573. color: '#b889ea',
  1574. fontStyle: 'normal',
  1575. textAlign: 'left',
  1576. fontSize: 16,
  1577. },
  1578. formatter: function (data) {
  1579. if (data.name == '国际能源' || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1580. return data.value + '%'
  1581. } else {
  1582. return ''
  1583. }
  1584. }
  1585. }
  1586. },
  1587. itemStyle: {
  1588. //折线拐点标志的样式
  1589. color: '#B889EA',
  1590. borderColor: '#B889EA',
  1591. width: 2,
  1592. shadowColor: '#B889EA',
  1593. shadowBlur: 4,
  1594. },
  1595. lineStyle: {
  1596. color: '#B889EA',
  1597. width: 2,
  1598. },
  1599. data: c2[0],
  1600. },
  1601. ],
  1602. }
  1603. option.title.text = '各省属企业人工成本利润率'
  1604. option.legend.show = true
  1605. option.grid.right = '15%'
  1606. option.yAxis[0].axisLabel.formatter = '{value} %'
  1607. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  1608. option.yAxis.push({
  1609. type: 'value',
  1610. axisLine: {
  1611. show: false,
  1612. },
  1613. splitLine: {
  1614. show: false,
  1615. },
  1616. axisLabel: {
  1617. show: true,
  1618. formatter: '{value} %',
  1619. textStyle: {
  1620. color: 'rgba(250,250,250,0.6)',
  1621. },
  1622. },
  1623. })
  1624. myChart.setOption(option)
  1625. // tools.loopShowTooltip(myChart, option, {
  1626. // nterval: 2000,
  1627. // loopSeries: true,
  1628. // })
  1629. },
  1630. // 右侧图表---------------------------------------------开始
  1631. initChartR1 () {
  1632. let myChart = echarts.init(this.$refs['echartR1'])
  1633. let commonOptions = this.commonOption
  1634. commonOptions.yAxis[0].splitNumber = 2
  1635. let dataTemp = []
  1636. let dataTemp2 = []
  1637. dataR1[0].forEach(item => {
  1638. dataTemp.push(item + 1)
  1639. })
  1640. dataR1[1].forEach(item => {
  1641. dataTemp2.push(item + 1)
  1642. })
  1643. let option = {
  1644. ..._.cloneDeep(commonOptions),
  1645. series: [
  1646. {
  1647. name: '招聘需求公告次数',
  1648. type: 'bar',
  1649. barWidth: 15,
  1650. itemStyle: {
  1651. normal: {
  1652. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1653. {
  1654. offset: 0,
  1655. color: '#69c0ff',
  1656. },
  1657. {
  1658. offset: 1,
  1659. color: '#082550',
  1660. },
  1661. ]),
  1662. },
  1663. },
  1664. data: dataTemp,
  1665. },
  1666. {
  1667. name: '招聘需求公告累计招聘人次',
  1668. type: 'bar',
  1669. barWidth: 15,
  1670. itemStyle: {
  1671. normal: {
  1672. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1673. {
  1674. offset: 0,
  1675. color: '#43ede3',
  1676. },
  1677. {
  1678. offset: 1,
  1679. color: '#082550',
  1680. },
  1681. ]),
  1682. },
  1683. },
  1684. data: dataTemp2,
  1685. },
  1686. ],
  1687. }
  1688. option.title.text = '各省属企业招聘需求公示人次'
  1689. option.legend.data = ['招聘需求公告次数', '招聘需求公告累计招聘人次']
  1690. option.legend.show = true
  1691. option.tooltip.formatter = function (value) {
  1692. return value[0].axisValue + ':' + (value[0].value - 1) + '<br>' + value[1].axisValue + ':' + (value[1].value - 1)
  1693. }
  1694. option.yAxis[0] = {
  1695. type: 'log',
  1696. min: 1,
  1697. logBase: 10,
  1698. axisLine: {
  1699. show: false,
  1700. },
  1701. splitLine: {
  1702. show: true,
  1703. lineStyle: {
  1704. color: '#68b4dd66',
  1705. type: 'dashed',
  1706. },
  1707. },
  1708. axisLabel: {
  1709. show: true,
  1710. formatter: function (value) {
  1711. return value === 1 ? 0 : value
  1712. },
  1713. textStyle: {
  1714. color: 'rgba(250,250,250,0.6)',
  1715. },
  1716. },
  1717. }
  1718. myChart.setOption(option)
  1719. },
  1720. initChartR2 () {
  1721. let myChart = echarts.init(this.$refs['echartR2'])
  1722. let commonOptions = this.commonOption
  1723. commonOptions.yAxis[0].splitNumber = 2
  1724. let dataTemp = []
  1725. let dataTemp2 = []
  1726. dataR2[0].forEach(item => {
  1727. dataTemp.push(item + 1)
  1728. })
  1729. dataR2[1].forEach(item => {
  1730. dataTemp2.push(item + 1)
  1731. })
  1732. let option = {
  1733. ..._.cloneDeep(commonOptions),
  1734. series: [
  1735. {
  1736. name: '录用结果公示次数',
  1737. type: 'bar',
  1738. barWidth: 15,
  1739. itemStyle: {
  1740. normal: {
  1741. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1742. {
  1743. offset: 0,
  1744. color: '#69c0ff',
  1745. },
  1746. {
  1747. offset: 1,
  1748. color: '#082550',
  1749. },
  1750. ]),
  1751. },
  1752. },
  1753. data: dataTemp,
  1754. },
  1755. {
  1756. name: '录用结果公示累计公示人数',
  1757. type: 'bar',
  1758. barWidth: 15,
  1759. itemStyle: {
  1760. normal: {
  1761. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1762. {
  1763. offset: 0,
  1764. color: '#45DAD1',
  1765. },
  1766. {
  1767. offset: 1,
  1768. color: '#082550',
  1769. },
  1770. ]),
  1771. },
  1772. },
  1773. data: dataTemp2,
  1774. },
  1775. ],
  1776. }
  1777. option.title.text = '各省属企业录用结果公示人次'
  1778. option.legend.data = ['录用结果公示次数', '录用结果公示累计公示人数']
  1779. option.legend.show = true
  1780. option.tooltip.formatter = function (value) {
  1781. return value[0].axisValue + ':' + (value[0].value - 1) + '<br>' + value[1].axisValue + ':' + (value[1].value - 1)
  1782. }
  1783. option.yAxis[0] = {
  1784. type: 'log',
  1785. min: 1,
  1786. logBase: 10,
  1787. axisLine: {
  1788. show: false,
  1789. },
  1790. splitLine: {
  1791. show: true,
  1792. lineStyle: {
  1793. color: '#68b4dd66',
  1794. type: 'dashed',
  1795. },
  1796. },
  1797. axisLabel: {
  1798. show: true,
  1799. formatter: function (value) {
  1800. return value === 1 ? 0 : value
  1801. },
  1802. textStyle: {
  1803. color: 'rgba(250,250,250,0.6)',
  1804. },
  1805. },
  1806. }
  1807. myChart.setOption(option)
  1808. },
  1809. initChartR3 () {
  1810. let myChart = echarts.init(this.$refs['echartR3'])
  1811. let commonOptions = this.commonOption
  1812. commonOptions.yAxis[0].splitNumber = 2
  1813. let option = {
  1814. ..._.cloneDeep(commonOptions),
  1815. color: ['#45DAD1'],
  1816. series: [
  1817. {
  1818. name: '2022年利润(万)',
  1819. type: 'bar',
  1820. barWidth: 15,
  1821. label: {
  1822. normal: {
  1823. show: true,
  1824. position: 'bottom',
  1825. textStyle: {
  1826. color: '#69c0ff',
  1827. fontStyle: 'normal',
  1828. textAlign: 'left',
  1829. fontSize: 14,
  1830. },
  1831. formatter: function (data) {
  1832. if (data.name == "国际能源" || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1833. return data.value
  1834. } else {
  1835. return ''
  1836. }
  1837. }
  1838. }
  1839. },
  1840. itemStyle: {
  1841. normal: {
  1842. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1843. {
  1844. offset: 0,
  1845. color: '#69c0ff',
  1846. },
  1847. {
  1848. offset: 1,
  1849. color: '#082550',
  1850. },
  1851. ]),
  1852. },
  1853. },
  1854. data: dataR3[0],
  1855. },
  1856. {
  1857. name: '2022年累计招聘数',
  1858. type: 'bar',
  1859. barWidth: 15,
  1860. yAxisIndex: 1,
  1861. label: {
  1862. normal: {
  1863. show: true,
  1864. position: 'top',
  1865. textStyle: {
  1866. color: '#45DAD1',
  1867. fontStyle: 'normal',
  1868. textAlign: 'right',
  1869. fontSize: 14,
  1870. },
  1871. formatter: function (data) {
  1872. if (data.name == "国际能源" || data.name == '文旅集团' || data.name == '航产集团' || data.name == '华舰体育') {
  1873. return data.value
  1874. } else {
  1875. return ''
  1876. }
  1877. }
  1878. }
  1879. },
  1880. itemStyle: {
  1881. color: params => {
  1882. if (params.value > 0 && dataR3[0][params.dataIndex] < 0) {
  1883. return 'red'
  1884. } else {
  1885. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1886. {
  1887. offset: 0,
  1888. color: '#45DAD1',
  1889. },
  1890. {
  1891. offset: 1,
  1892. color: '#082550',
  1893. },
  1894. ])
  1895. }
  1896. },
  1897. },
  1898. // itemStyle: {
  1899. // normal: {
  1900. // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1901. // {
  1902. // offset: 0,
  1903. // color: '#45DAD1',
  1904. // },
  1905. // {
  1906. // offset: 1,
  1907. // color: '#082550',
  1908. // },
  1909. // ]),
  1910. // },
  1911. // },
  1912. data: dataR3[1],
  1913. },
  1914. ],
  1915. }
  1916. option.title.text = '各省属企业年利润与当年累计招聘人数'
  1917. option.legend.data = ['2022年利润(万)', '2022年累计招聘数']
  1918. option.legend.show = true
  1919. option.yAxis[0] = {
  1920. max: function (value) {
  1921. if (Math.abs(value.max) > Math.abs(value.min)) {
  1922. return (Math.abs(value.max) * 1.2).toFixed(2)
  1923. } else {
  1924. return (Math.abs(value.min) * 1.2).toFixed(2)
  1925. }
  1926. },
  1927. min: function (value) {
  1928. if (Math.abs(value.max) > Math.abs(value.min)) {
  1929. return (-Math.abs(value.max) * 1.2).toFixed(2)
  1930. } else {
  1931. return (-Math.abs(value.min) * 1.2).toFixed(2)
  1932. }
  1933. },
  1934. type: 'value',
  1935. axisLine: {
  1936. show: false,
  1937. },
  1938. splitLine: {
  1939. show: true,
  1940. lineStyle: {
  1941. color: '#68b4dd66',
  1942. type: 'dashed',
  1943. },
  1944. },
  1945. axisLabel: {
  1946. show: true,
  1947. formatter: function (value) {
  1948. return value === 1 ? 0 : value
  1949. },
  1950. textStyle: {
  1951. color: 'rgba(250,250,250,0.6)',
  1952. },
  1953. },
  1954. }
  1955. option.yAxis.push({
  1956. splitLine: {
  1957. show: false,
  1958. },
  1959. axisLine: {
  1960. show: false,
  1961. },
  1962. axisLabel: {
  1963. show: true,
  1964. formatter: '{value}',
  1965. textStyle: {
  1966. color: 'rgba(250,250,250,0.6)',
  1967. },
  1968. },
  1969. max: function (value) {
  1970. if (Math.abs(value.max) > Math.abs(value.min)) {
  1971. return (Math.abs(value.max) * 1.2).toFixed(2)
  1972. } else {
  1973. return (Math.abs(value.min) * 1.2).toFixed(2)
  1974. }
  1975. },
  1976. min: function (value) {
  1977. if (Math.abs(value.max) > Math.abs(value.min)) {
  1978. return (-Math.abs(value.max) * 1.2).toFixed(2)
  1979. } else {
  1980. return (-Math.abs(value.min) * 1.2).toFixed(2)
  1981. }
  1982. },
  1983. })
  1984. myChart.setOption(option)
  1985. },
  1986. initChartR4 () {
  1987. let myChart = echarts.init(this.$refs['echartR4'])
  1988. let commonOptions = this.commonOption
  1989. commonOptions.yAxis[0].splitNumber = 2
  1990. let option = {
  1991. ..._.cloneDeep(commonOptions),
  1992. series: [
  1993. {
  1994. name: '2022年退出人数',
  1995. type: 'bar',
  1996. barWidth: 15,
  1997. itemStyle: {
  1998. normal: {
  1999. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2000. {
  2001. offset: 0,
  2002. color: '#69c0ff',
  2003. },
  2004. {
  2005. offset: 1,
  2006. color: '#082550',
  2007. },
  2008. ]),
  2009. },
  2010. },
  2011. data: dataR4[0],
  2012. },
  2013. {
  2014. name: '2022年累计招聘人数',
  2015. type: 'bar',
  2016. barWidth: 15,
  2017. itemStyle: {
  2018. normal: {
  2019. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2020. {
  2021. offset: 0,
  2022. color: '#45DAD1',
  2023. },
  2024. {
  2025. offset: 1,
  2026. color: '#082550',
  2027. },
  2028. ]),
  2029. },
  2030. },
  2031. data: dataR4[1],
  2032. },
  2033. ],
  2034. }
  2035. option.title.text = '各省属企业"退二进一"完成情况'
  2036. option.legend.data = ['2022年退出人数', '2022年累计招聘人数']
  2037. option.legend.show = true
  2038. option.yAxis[0] = {
  2039. //type: 'log',
  2040. //min: 1,
  2041. //logBase: 3,
  2042. axisLine: {
  2043. show: false,
  2044. },
  2045. splitLine: {
  2046. show: true,
  2047. lineStyle: {
  2048. color: '#68b4dd66',
  2049. type: 'dashed',
  2050. },
  2051. },
  2052. axisLabel: {
  2053. show: true,
  2054. formatter: function (value) {
  2055. return value === 1 ? 0 : value
  2056. },
  2057. textStyle: {
  2058. color: 'rgba(250,250,250,0.6)',
  2059. },
  2060. },
  2061. }
  2062. myChart.setOption(option)
  2063. },
  2064. initChartR5 () {
  2065. let myChart = echarts.init(this.$refs['echartR5'])
  2066. let option = {
  2067. ..._.cloneDeep(this.commonOption),
  2068. series: [
  2069. {
  2070. name: '去年同期在岗职工平均薪酬',
  2071. type: 'bar',
  2072. barWidth: 15,
  2073. markLine: {
  2074. data: [
  2075. {
  2076. name: '省属企业平均水平',
  2077. yAxis: 9333.33,
  2078. lineStyle: {
  2079. color: '#fff',
  2080. },
  2081. label: {
  2082. formatter: '{b}',
  2083. position: 'middle',
  2084. fontSize: 16,
  2085. color: '#fff',
  2086. },
  2087. }
  2088. ],
  2089. label: {
  2090. distance: [50, 0],
  2091. },
  2092. },
  2093. itemStyle: {
  2094. normal: {
  2095. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2096. {
  2097. offset: 0,
  2098. color: '#6682F5',
  2099. },
  2100. {
  2101. offset: 1,
  2102. color: '#082550',
  2103. },
  2104. ]),
  2105. },
  2106. },
  2107. data: fjxdataL1[0],
  2108. },
  2109. {
  2110. name: '在岗职工平均薪酬',
  2111. type: 'bar',
  2112. barWidth: 15,
  2113. itemStyle: {
  2114. normal: {
  2115. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2116. {
  2117. offset: 0,
  2118. color: '#69c0ff',
  2119. },
  2120. {
  2121. offset: 1,
  2122. color: '#082550',
  2123. },
  2124. ]),
  2125. },
  2126. },
  2127. data: fjxdataL1[1],
  2128. },
  2129. ],
  2130. }
  2131. option.title.text = '各省属企业在岗职工平均薪酬'
  2132. option.legend.data = ['去年同期在岗职工平均薪酬', '在岗职工平均薪酬']
  2133. option.legend.show = true
  2134. option.yAxis.push({
  2135. splitLine: {
  2136. show: false,
  2137. },
  2138. axisLine: {
  2139. show: false,
  2140. },
  2141. })
  2142. myChart.setOption(option)
  2143. },
  2144. initChartR6 () {
  2145. let myChart = echarts.init(this.$refs['echartR6'])
  2146. let option = {
  2147. ..._.cloneDeep(this.commonOption),
  2148. color: ['#69c0ff'],
  2149. series: [
  2150. {
  2151. name: '2022年利润累计涨幅率',
  2152. type: 'line',
  2153. smooth: true, //平滑曲线显示
  2154. showAllSymbol: true, //显示所有图形。
  2155. symbol: 'circle', //标记的图形为实心圆
  2156. symbolSize: 8, //标记的大小
  2157. smooth: false,
  2158. label: {
  2159. normal: {
  2160. show: true,
  2161. lineHeight: '20',
  2162. position: 'top',
  2163. textStyle: {
  2164. color: '#B889EA',
  2165. fontStyle: 'normal',
  2166. textAlign: 'left',
  2167. fontSize: 16,
  2168. },
  2169. formatter: function (data) {
  2170. if (data.name == '文旅集团') {
  2171. return data.value
  2172. } else {
  2173. return ''
  2174. }
  2175. }
  2176. }
  2177. },
  2178. itemStyle: {
  2179. //折线拐点标志的样式
  2180. color: '#B889EA',
  2181. borderColor: '#B889EA',
  2182. width: 2,
  2183. shadowColor: '#B889EA',
  2184. shadowBlur: 4,
  2185. },
  2186. lineStyle: {
  2187. color: '#B889EA',
  2188. width: 2,
  2189. },
  2190. data: fjxdataL2[0],
  2191. },
  2192. {
  2193. name: '2022年薪酬累计涨幅率',
  2194. type: 'line',
  2195. smooth: true, //平滑曲线显示
  2196. showAllSymbol: true, //显示所有图形。
  2197. symbol: 'circle', //标记的图形为实心圆
  2198. symbolSize: 12, //标记的大小
  2199. smooth: false,
  2200. label: {
  2201. normal: {
  2202. show: true,
  2203. position: 'top',
  2204. lineHeight: '35',
  2205. textStyle: {
  2206. color: '#69c0ff',
  2207. fontStyle: 'normal',
  2208. textAlign: 'left',
  2209. fontSize: 16,
  2210. },
  2211. formatter: function (data) {
  2212. if (data.name == '文旅集团') {
  2213. return data.value
  2214. } else {
  2215. return ''
  2216. }
  2217. }
  2218. }
  2219. },
  2220. itemStyle: {
  2221. color: params => {
  2222. if (params.value > 0 && fjxdataL2[0][params.dataIndex] < 0) {
  2223. return 'yellow'
  2224. } else {
  2225. return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2226. {
  2227. offset: 0,
  2228. color: '#69c0ff',
  2229. },
  2230. {
  2231. offset: 1,
  2232. color: '#082550',
  2233. },
  2234. ])
  2235. }
  2236. },
  2237. },
  2238. lineStyle: {
  2239. color: '#69C0FF',
  2240. width: 2,
  2241. },
  2242. data: fjxdataL2[1],
  2243. },
  2244. {
  2245. type: 'effectScatter',
  2246. coordinateSystem: 'cartesian2d',
  2247. showEffectOn: 'render',
  2248. rippleEffect: {
  2249. period: 10,
  2250. scale: 4,
  2251. brushType: 'stroke'
  2252. },
  2253. hoverAnimation: true,
  2254. itemStyle: {
  2255. color: 'yellow'
  2256. },
  2257. lineStyle: {
  2258. color: '#43ede3',
  2259. width: 2,
  2260. },
  2261. data: this.twinkleR6,
  2262. },
  2263. ],
  2264. }
  2265. option.title.text = '各省属企业利润与薪酬变动情况'
  2266. option.legend.data = ['2022年利润累计涨幅率', '2022年薪酬累计涨幅率']
  2267. option.tooltip.formatter = '{a0}:{c0}' + '%' + '<br/>' + '{a1}:{c1}' + '%'
  2268. option.yAxis[0].axisLabel.formatter = '{value} %'
  2269. myChart.setOption(option)
  2270. },
  2271. initChartR7 () {
  2272. let myChart = echarts.init(this.$refs['echartR7'])
  2273. let option = {
  2274. ..._.cloneDeep(this.commonOption),
  2275. series: [
  2276. {
  2277. name: '全员绩效考核完成率',
  2278. type: 'bar',
  2279. barWidth: 15,
  2280. itemStyle: {
  2281. normal: {
  2282. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2283. {
  2284. offset: 0,
  2285. color: '#B889EA',
  2286. },
  2287. {
  2288. offset: 1,
  2289. color: '#082550',
  2290. },
  2291. ]),
  2292. },
  2293. },
  2294. data: fjxdataL3[0],
  2295. },
  2296. ],
  2297. }
  2298. option.title.text = '各省属企业全员绩效考核'
  2299. option.legend.show = true
  2300. option.tooltip = {
  2301. trigger: 'axis',
  2302. formatter: '{a0}:{c0}' + '%'
  2303. },
  2304. option.yAxis[0].axisLabel = {
  2305. show: true,
  2306. formatter: '{value} %',
  2307. textStyle: {
  2308. color: 'rgba(250,250,250,0.6)',
  2309. },
  2310. }
  2311. myChart.setOption(option)
  2312. },
  2313. initChartR8 () {
  2314. let myChart = echarts.init(this.$refs['echartR8'])
  2315. let option = {
  2316. ..._.cloneDeep(this.commonOption),
  2317. series: [
  2318. {
  2319. name: '任期制契约化完成率',
  2320. type: 'bar',
  2321. barWidth: 15,
  2322. itemStyle: {
  2323. normal: {
  2324. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  2325. {
  2326. offset: 0,
  2327. color: '#43ede3',
  2328. },
  2329. {
  2330. offset: 1,
  2331. color: '#082550',
  2332. },
  2333. ]),
  2334. },
  2335. },
  2336. data: fjxdataL4[0],
  2337. },
  2338. ],
  2339. }
  2340. option.title.text = '各省属企业任期制契约化管理'
  2341. option.legend.show = true
  2342. option.tooltip.formatter = '{a0}:{c0}' + '%'
  2343. option.yAxis[0].axisLabel.formatter = '{value} %'
  2344. myChart.setOption(option)
  2345. },
  2346. },
  2347. })