Skip to content

R
report-html-template
Commit ae308bca by Tippi.Rao
Options

Merge branch 'main' of http://47.108.78.218:28999/frontend/report-html-template

parents 941000f0 dba97b61
正在显示 包含 740 行增加 和 510 行删除
energy-report/assets/desc-line.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="300.6298828125" height="30.1484375" viewBox="0 0 300.6298828125 30.1484375"><defs><linearGradient x1="0.043956007808446884" y1="0.8181852102279663" x2="1.0686804056167603" y2="1.0454567670822144" id="master_svg0_0_53938"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient></defs><g><g style="opacity:0.4000000059604645;"><path d="M9.322225625,30.1498125L276.903015625,30.1498125L276.903015625,28.632112499999998L10.223235625,28.632112499999998L1.332244625,12.3319145L-0.00021337499999996012,13.0587105L9.322225625,30.1498125Z" fill-rule="evenodd" fill="url(#master_svg0_0_53938)" fill-opacity="1"/></g><g style="opacity:0.4000000059604645;"><rect x="296.07666015625" y="0" width="4.553359508514404" height="13.660077095031738" rx="0" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
energy-report/assets/legend.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="486" height="23" viewBox="0 0 486 23"><defs><linearGradient x1="0.5" y1="-3.0616171314629196e-17" x2="0.5" y2="1" id="master_svg0_7603_48528"><stop offset="0%" stop-color="#00DDFF" stop-opacity="0.20000000298023224"/><stop offset="100%" stop-color="#00DDFF" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg1_19847_77576"><stop offset="0%" stop-color="#3FF1D9" stop-opacity="0.20000000298023224"/><stop offset="100%" stop-color="#3FF1D9" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg2_19847_77619"><stop offset="0%" stop-color="#F68500" stop-opacity="0.20000000298023224"/><stop offset="100%" stop-color="#F68500" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg3_19847_77659"><stop offset="0%" stop-color="#FF6464" stop-opacity="0.20000000298023224"/><stop offset="100%" stop-color="#FF6464" stop-opacity="1"/></linearGradient></defs><g><g><g style="opacity:0.699999988079071;"><path d="M30.79297,10.642109999999999L34.9883,10.642109999999999C35.0762,11.56203,35.1992,12.388200000000001,35.3633,13.12648C35.7617,15.0542,36.2832,16.513199999999998,36.9277,17.5034C37.5605,18.4527,38.1523,18.939,38.7148,18.939C39.3594,18.939,39.863299999999995,17.6265,40.209,15.0366L39.125,14.43898C38.9492,16.4195,38.7324,17.4097,38.498,17.427300000000002C38.2637,17.427300000000002,37.959,17.052300000000002,37.5605,16.2964C37.1445,15.482,36.7871,14.28078,36.5,12.67531C36.3887,12.10109,36.2832,11.41555,36.2129,10.642109999999999L39.957,10.642109999999999L39.957,9.39992L36.1016,9.39992C36.0312,8.15773,35.9785,6.69875,35.9609,5.00539017C37.1797,4.718281,38.2285,4.431171,39.125,4.126484L38.4043,3.08352C36.3008,3.80422,33.3477,4.44875,29.55078,5.0229683L29.55078,16.888199999999998C29.55078,17.228,29.35156,17.462400000000002,28.9707,17.5913L29.31641,18.7046C30.57617,18.2945,31.68945,17.896,32.62695,17.521L32.41016,16.3843C31.888669999999998,16.636200000000002,31.34961,16.888199999999998,30.79297,17.105L30.79297,10.642109999999999ZM34.7188,5.280781C34.7188,6.7925,34.7715,8.17531,34.877,9.39992L30.79297,9.39992L30.79297,5.995625C32.2168,5.76125,33.5293,5.532734,34.7188,5.280781ZM33.7637,15.271L32.86133,15.9155C33.7812,17.087400000000002,34.5371,18.1831,35.1289,19.2085L36.1191,18.5464C35.5625,17.5913,34.7715,16.4956,33.7637,15.271ZM27.80469,2.75539C26.9375,5.532734,25.53711,7.99367,23.609375,10.138200000000001L24.02539,11.5093C24.74609,10.74758,25.39062,9.97414,26.00586,9.14797L26.00586,19.3198L27.26562,19.3198L27.26562,7.18508C27.94531,5.960468,28.52539,4.665546,28.9707,3.30031L27.80469,2.75539ZM55.2207,11.919450000000001L44.7969,11.919450000000001L44.7969,19.232L46.0566,19.232L46.0566,18.4351L53.960899999999995,18.4351L53.960899999999995,19.232L55.2207,19.232L55.2207,11.919450000000001ZM46.0566,17.228L46.0566,13.12648L53.960899999999995,13.12648L53.960899999999995,17.228L46.0566,17.228ZM52.050799999999995,3.11867L51.166,3.96242C53.3809,5.421406,55.127,6.81008,56.3867,8.105L57.3066,7.1675C55.8828,5.819843,54.136700000000005,4.466328,52.050799999999995,3.11867ZM47.550799999999995,3.13625C46.1797,4.5425,44.4922,5.784687,42.4707,6.86281L43.2676,7.888199999999999C45.335899999999995,6.77492,47.082,5.456562,48.488299999999995,3.94484L47.550799999999995,3.13625ZM49.6719,6.48195C47.8203,8.57375,45.189499999999995,10.267109999999999,41.8086,11.579609999999999L42.5293,12.67531C45.5527,11.526869999999999,48.0547,9.88625,50.0352,7.7593C51.6523,9.704609999999999,54.136700000000005,11.34523,57.4531,12.67531L58.168,11.579609999999999C54.5,10.10305,51.9043,8.40969,50.3926,6.48195L49.6719,6.48195ZM65.6562,4.126484L60.4707,4.126484L60.4707,17.825699999999998L61.7305,17.825699999999998L61.7305,16.1851L64.3965,16.1851L64.3965,17.3921L65.6562,17.3921L65.6562,4.126484ZM61.7305,14.97805L61.7305,10.642109999999999L64.3965,10.642109999999999L64.3965,14.97805L61.7305,14.97805ZM61.7305,9.43508L61.7305,5.315937L64.3965,5.315937L64.3965,9.43508L61.7305,9.43508ZM68.25200000000001,9.48781L67.18549999999999,10.15578C68.2695,11.81398,69.11330000000001,13.3257,69.7461,14.67336L70.82419999999999,13.9175C70.2324,12.65773,69.3652,11.18117,68.25200000000001,9.48781ZM72.3535,19.103C73.4727,19.103,74.0293,18.5288,74.0293,17.3921L74.0293,7.33156L76.2441,7.33156L76.2441,6.08937L74.0293,6.08937L74.0293,2.91945L72.7168,2.91945L72.7168,6.08937L66.48830000000001,6.08937L66.48830000000001,7.33156L72.7168,7.33156L72.7168,17.0698C72.7168,17.6265,72.4414,17.913600000000002,71.9199,17.913600000000002C70.9707,17.913600000000002,69.9805,17.8784,68.9316,17.8433L69.2012,19.103L72.3535,19.103ZM80.4688,8.46242L84.48830000000001,8.46242L84.48830000000001,7.27883L80.4688,7.27883L80.4688,5.222187C82.23830000000001,4.9350777,83.83789999999999,4.501484,85.2441,3.94484L84.5938,2.84914C83.1875,3.47609,81.4062,3.94484,79.209,4.267109L79.209,14.78469C78.7461,14.81984,78.2773,14.83742,77.791,14.87258L77.9844,16.1675L79.209,16.061999999999998L79.209,19.1734L80.4688,19.1734L80.4688,15.9155C82.41409999999999,15.6812,83.96090000000001,15.4292,85.1152,15.1421L85.1152,13.93508C83.83789999999999,14.2632,82.291,14.49758,80.4688,14.67336L80.4688,11.86672L84.48830000000001,11.86672L84.48830000000001,10.69484L80.4688,10.69484L80.4688,8.46242ZM85.4961,10.51906L85.4961,11.70266L86.5215,11.70266C86.91409999999999,13.25539,87.6523,14.6382,88.7715,15.8628C87.6172,16.8355,86.1582,17.6441,84.3945,18.2593L85.1152,19.355C86.9316,18.7222,88.4668,17.8784,89.7266,16.8003C90.7695,17.7378,92.0645,18.5816,93.6465,19.3198L94.3496,18.200699999999998C92.8379,17.5562,91.5781,16.8179,90.5703,15.9683C91.6836,14.78469,92.4805,13.34328,92.9844,11.64992L92.9844,10.51906L85.4961,10.51906ZM87.7051,11.70266L91.6836,11.70266C91.2207,12.96242,90.5352,14.08156,89.6152,15.0542C88.6953,14.06398,88.0684,12.94484,87.7051,11.70266ZM86.8613,3.45852L86.8613,5.890156C86.8613,7.14992,86.2344,8.12258,85.0098,8.80812L85.8711,9.78078C87.3828,8.84328,88.1387,7.48977,88.1387,5.76125L88.1387,4.665546L90.6582,4.665546L90.6582,7.565939999999999C90.6582,8.64406,91.2031,9.200700000000001,92.2988,9.200700000000001L94.1152,9.200700000000001L94.1152,8.03469L92.6211,8.03469C92.1523,8.03469,91.918,7.78273,91.918,7.29641L91.918,3.45852L86.8613,3.45852Z" fill="#FFFFFF" fill-opacity="1"/></g><g><rect x="0" y="5" width="14" height="14" rx="0" fill="url(#master_svg0_7603_48528)" fill-opacity="1"/></g></g><g><g style="opacity:0.699999988079071;"><path d="M154.74609,3.58742L154.74609,4.847187L161.26172,4.847187L161.26172,11.64992L154.02539,11.64992L154.02539,12.892109999999999L161.26172,12.892109999999999L161.26172,19.2671L162.5918,19.2671L162.5918,12.892109999999999L169.9746,12.892109999999999L169.9746,11.64992L162.5918,11.64992L162.5918,4.847187L169.2891,4.847187L169.2891,3.58742L154.74609,3.58742ZM156.9375,5.995625L155.73047,6.59328C156.41602,7.80031,157.06641,9.16555,157.67578,10.71242L158.88281,10.120619999999999C158.27344,8.62648,157.62305,7.25539,156.9375,5.995625ZM167.1445,5.907734C166.623,7.27883,165.9199,8.64406,165.041,10.05031L166.1895,10.642109999999999C167.0742,9.276869999999999,167.7949,7.888199999999999,168.334,6.46437L167.1445,5.907734ZM184.51760000000002,12.440940000000001C182.8594,13.5425,180.8789,14.47414,178.5762,15.23L179.11520000000002,16.4546C181.4004,15.646,183.3105,14.70852,184.85739999999998,13.64797L184.51760000000002,12.440940000000001ZM180.9141,8.62648L180.0879,9.43508C181.2773,10.355,182.2148,11.21633,182.8945,12.03078L183.7969,11.128440000000001C183.0234,10.30227,182.0684,9.45266,180.9141,8.62648ZM180.4453,2.6675C179.9062,5.222187,178.8633,7.401870000000001,177.334,9.183119999999999L178.1953,10.30227C179.0977,9.253440000000001,179.8535,8.08742,180.4688,6.77492L186.3164,6.77492C186.2812,12.22414,186.1875,15.4644,186.0117,16.513199999999998C185.8477,17.4448,185.3086,17.913600000000002,184.3711,17.913600000000002C183.6504,17.913600000000002,182.8066,17.8784,181.834,17.8433L182.1562,19.0679C183.3105,19.103,184.1191,19.138199999999998,184.6055,19.138199999999998C186.16989999999998,19.138199999999998,187.0547,18.399900000000002,187.2539,16.9409C187.4707,15.523,187.5762,11.70266,187.5762,5.509296L180.99020000000002,5.509296C181.29489999999998,4.665546,181.5469,3.7632000000000003,181.7461,2.83156L180.4453,2.6675ZM171.8438,7.565939999999999L171.8438,8.8257L173.8242,8.8257L173.8242,15.23C173.1211,15.4116,172.4004,15.5581,171.6445,15.6812L172.0078,17.052300000000002C174.0234,16.6187,175.9102,16.061999999999998,177.6562,15.3941L177.6562,14.04641C176.83010000000002,14.36867,176.0039,14.6382,175.1367,14.89016L175.1367,8.8257L176.9941,8.8257L176.9941,7.565939999999999L175.1367,7.565939999999999L175.1367,2.84914L173.8242,2.84914L173.8242,7.565939999999999L171.8438,7.565939999999999ZM195.6562,4.126484L190.4707,4.126484L190.4707,17.825699999999998L191.7305,17.825699999999998L191.7305,16.1851L194.3965,16.1851L194.3965,17.3921L195.6562,17.3921L195.6562,4.126484ZM191.7305,14.97805L191.7305,10.642109999999999L194.3965,10.642109999999999L194.3965,14.97805L191.7305,14.97805ZM191.7305,9.43508L191.7305,5.315937L194.3965,5.315937L194.3965,9.43508L191.7305,9.43508ZM198.252,9.48781L197.1855,10.15578C198.2695,11.81398,199.1133,13.3257,199.7461,14.67336L200.8242,13.9175C200.23239999999998,12.65773,199.36520000000002,11.18117,198.252,9.48781ZM202.3535,19.103C203.4727,19.103,204.0293,18.5288,204.0293,17.3921L204.0293,7.33156L206.2441,7.33156L206.2441,6.08937L204.0293,6.08937L204.0293,2.91945L202.7168,2.91945L202.7168,6.08937L196.4883,6.08937L196.4883,7.33156L202.7168,7.33156L202.7168,17.0698C202.7168,17.6265,202.4414,17.913600000000002,201.91989999999998,17.913600000000002C200.9707,17.913600000000002,199.9805,17.8784,198.9316,17.8433L199.2012,19.103L202.3535,19.103ZM210.4688,8.46242L214.4883,8.46242L214.4883,7.27883L210.4688,7.27883L210.4688,5.222187C212.2383,4.9350777,213.8379,4.501484,215.2441,3.94484L214.5938,2.84914C213.1875,3.47609,211.4062,3.94484,209.209,4.267109L209.209,14.78469C208.7461,14.81984,208.2773,14.83742,207.791,14.87258L207.9844,16.1675L209.209,16.061999999999998L209.209,19.1734L210.4688,19.1734L210.4688,15.9155C212.4141,15.6812,213.9609,15.4292,215.11520000000002,15.1421L215.11520000000002,13.93508C213.8379,14.2632,212.291,14.49758,210.4688,14.67336L210.4688,11.86672L214.4883,11.86672L214.4883,10.69484L210.4688,10.69484L210.4688,8.46242ZM215.4961,10.51906L215.4961,11.70266L216.5215,11.70266C216.9141,13.25539,217.6523,14.6382,218.7715,15.8628C217.6172,16.8355,216.1582,17.6441,214.3945,18.2593L215.11520000000002,19.355C216.9316,18.7222,218.4668,17.8784,219.72660000000002,16.8003C220.7695,17.7378,222.0645,18.5816,223.6465,19.3198L224.3496,18.200699999999998C222.8379,17.5562,221.5781,16.8179,220.5703,15.9683C221.6836,14.78469,222.4805,13.34328,222.9844,11.64992L222.9844,10.51906L215.4961,10.51906ZM217.70510000000002,11.70266L221.6836,11.70266C221.2207,12.96242,220.5352,14.08156,219.61520000000002,15.0542C218.6953,14.06398,218.0684,12.94484,217.70510000000002,11.70266ZM216.8613,3.45852L216.8613,5.890156C216.8613,7.14992,216.2344,8.12258,215.00979999999998,8.80812L215.8711,9.78078C217.3828,8.84328,218.1387,7.48977,218.1387,5.76125L218.1387,4.665546L220.6582,4.665546L220.6582,7.565939999999999C220.6582,8.64406,221.2031,9.200700000000001,222.2988,9.200700000000001L224.11520000000002,9.200700000000001L224.11520000000002,8.03469L222.6211,8.03469C222.1523,8.03469,221.918,7.78273,221.918,7.29641L221.918,3.45852L216.8613,3.45852Z" fill="#FFFFFF" fill-opacity="1"/></g><g><rect x="130" y="5" width="14" height="14" rx="0" fill="url(#master_svg1_19847_77576)" fill-opacity="1"/></g></g><g><g style="opacity:0.699999988079071;"><path d="M293.23438,2.6675L291.81055,2.91945C292.02734,3.33547,292.24414,3.7866400000000002,292.41992,4.290546L285.04297,4.290546L285.04297,5.47414L300.9395,5.47414L300.9395,4.290546L293.80859,4.290546C293.62695,3.6928900000000002,293.42773,3.15383,293.23438,2.6675ZM298.0566,19.232C299.3691,19.232,300.0371,18.651899999999998,300.0371,17.521L300.0371,11.21633L285.95703,11.21633L285.95703,19.2847L287.19922,19.2847L287.19922,12.35305L298.7949,12.35305L298.7949,17.2515C298.7949,17.825699999999998,298.4141,18.1128,297.6758,18.1128L296.2402,18.0601L296.5449,19.232L298.0566,19.232ZM287.97266,6.64602L287.97266,10.138200000000001L298.0391,10.138200000000001L298.0391,6.64602L287.97266,6.64602ZM296.7793,9.13039L289.23828,9.13039L289.23828,7.65383L296.7793,7.65383L296.7793,9.13039ZM289.4668,13.50734L289.4668,17.105L296.5449,17.105L296.5449,13.50734L289.4668,13.50734ZM295.3906,16.1323L290.63867,16.1323L290.63867,14.47414L295.3906,14.47414L295.3906,16.1323ZM303.166,5.0229683L303.166,15.6109C303.166,15.7749,303.0605,15.898,302.8613,15.9683L303.3652,17.0347C305.0234,16.853,306.5176,16.636200000000002,307.8477,16.3843L307.8477,17.3042L308.8906,17.3042L308.8906,9.31203L309.4297,10.31984C311.3047,9.88625,312.9043,9.31203,314.2227,8.62648C315.4414,9.253440000000001,316.9766,9.73977,318.8457,10.08547L319.2969,8.93117C317.8203,8.67922,316.5254,8.3218,315.4414,7.870620000000001C316.5078,7.097189999999999,317.2988,6.19484,317.8027,5.151875L317.8027,4.126484L313.1035,4.126484C313.3203,3.7632000000000003,313.5371,3.3706199999999997,313.7539,2.97219L312.5996,2.72023C311.791,4.231953,310.748,5.456562,309.4883,6.39406L310.2793,7.33156C310.6719,7.003439999999999,311.0352,6.68117,311.3926,6.32375C311.8262,6.89797,312.3828,7.419449999999999,313.0684,7.923360000000001C311.9141,8.42727,310.5312,8.84328,308.8906,9.16555L308.8906,5.0229683L307.8477,5.0229683L307.8477,15.2534C307.4316,15.3237,307.0039,15.4116,306.5703,15.482L306.5703,2.91945L305.5273,2.91945L305.5273,15.646L304.2266,15.8101L304.2266,5.0229683L303.166,5.0229683ZM309.9512,10.99953L309.9512,12.15383L313.5547,12.15383L313.5547,13.63039L310.2793,13.63039L310.2793,14.78469L313.5547,14.78469L313.5547,16.2202L309.5059,16.2202L309.5059,17.357L313.5547,17.357L313.5547,19.302300000000002L314.832,19.302300000000002L314.832,17.357L318.9746,17.357L318.9746,16.2202L314.832,16.2202L314.832,14.78469L317.9844,14.78469L317.9844,13.63039L314.832,13.63039L314.832,12.15383L318.377,12.15383L318.377,10.99953L314.832,10.99953L314.832,9.722190000000001L313.5547,9.722190000000001L313.5547,10.99953L309.9512,10.99953ZM314.2402,7.29641C313.3379,6.7925,312.6348,6.19484,312.1309,5.509296L312.3477,5.239765L316.4316,5.239765C315.9277,6.0132,315.1895,6.69875,314.2402,7.29641ZM326.6562,4.126484L321.4707,4.126484L321.4707,17.825699999999998L322.7305,17.825699999999998L322.7305,16.1851L325.3965,16.1851L325.3965,17.3921L326.6562,17.3921L326.6562,4.126484ZM322.7305,14.97805L322.7305,10.642109999999999L325.3965,10.642109999999999L325.3965,14.97805L322.7305,14.97805ZM322.7305,9.43508L322.7305,5.315937L325.3965,5.315937L325.3965,9.43508L322.7305,9.43508ZM329.252,9.48781L328.1855,10.15578C329.2695,11.81398,330.1133,13.3257,330.7461,14.67336L331.8242,13.9175C331.2324,12.65773,330.3652,11.18117,329.252,9.48781ZM333.3535,19.103C334.47270000000003,19.103,335.0293,18.5288,335.0293,17.3921L335.0293,7.33156L337.2441,7.33156L337.2441,6.08937L335.0293,6.08937L335.0293,2.91945L333.7168,2.91945L333.7168,6.08937L327.4883,6.08937L327.4883,7.33156L333.7168,7.33156L333.7168,17.0698C333.7168,17.6265,333.4414,17.913600000000002,332.9199,17.913600000000002C331.9707,17.913600000000002,330.9805,17.8784,329.9316,17.8433L330.2012,19.103L333.3535,19.103ZM341.4688,8.46242L345.4883,8.46242L345.4883,7.27883L341.4688,7.27883L341.4688,5.222187C343.2383,4.9350777,344.8379,4.501484,346.2441,3.94484L345.5938,2.84914C344.1875,3.47609,342.4062,3.94484,340.209,4.267109L340.209,14.78469C339.7461,14.81984,339.27729999999997,14.83742,338.791,14.87258L338.9844,16.1675L340.209,16.061999999999998L340.209,19.1734L341.4688,19.1734L341.4688,15.9155C343.4141,15.6812,344.9609,15.4292,346.1152,15.1421L346.1152,13.93508C344.8379,14.2632,343.291,14.49758,341.4688,14.67336L341.4688,11.86672L345.4883,11.86672L345.4883,10.69484L341.4688,10.69484L341.4688,8.46242ZM346.4961,10.51906L346.4961,11.70266L347.5215,11.70266C347.9141,13.25539,348.65229999999997,14.6382,349.7715,15.8628C348.6172,16.8355,347.1582,17.6441,345.3945,18.2593L346.1152,19.355C347.9316,18.7222,349.46680000000003,17.8784,350.7266,16.8003C351.7695,17.7378,353.0645,18.5816,354.6465,19.3198L355.3496,18.200699999999998C353.8379,17.5562,352.5781,16.8179,351.5703,15.9683C352.6836,14.78469,353.4805,13.34328,353.9844,11.64992L353.9844,10.51906L346.4961,10.51906ZM348.7051,11.70266L352.6836,11.70266C352.22069999999997,12.96242,351.53520000000003,14.08156,350.6152,15.0542C349.6953,14.06398,349.0684,12.94484,348.7051,11.70266ZM347.8613,3.45852L347.8613,5.890156C347.8613,7.14992,347.2344,8.12258,346.0098,8.80812L346.8711,9.78078C348.3828,8.84328,349.1387,7.48977,349.1387,5.76125L349.1387,4.665546L351.65819999999997,4.665546L351.65819999999997,7.565939999999999C351.65819999999997,8.64406,352.2031,9.200700000000001,353.2988,9.200700000000001L355.1152,9.200700000000001L355.1152,8.03469L353.6211,8.03469C353.15229999999997,8.03469,352.918,7.78273,352.918,7.29641L352.918,3.45852L347.8613,3.45852Z" fill="#FFFFFF" fill-opacity="1"/></g><g><rect x="261" y="5" width="14" height="14" rx="0" fill="url(#master_svg2_19847_77619)" fill-opacity="1"/></g></g><g><g style="opacity:0.699999988079071;"><path d="M422.38477,10.659690000000001C422.29688,11.2925,422.16797,11.901869999999999,422.00977,12.47609L415.11328,12.47609L415.11328,13.73586L421.54102,13.73586C421.21289,14.40383,420.82031,15.0015,420.31641,15.5054C419.17969,16.636200000000002,417.32812,17.521,414.755859,18.1304L415.27734,19.3198C418.10156,18.5991,420.11719,17.5913,421.3418,16.3316C421.99219,15.646,422.51367,14.81984,422.90625,13.84719C424.5469,16.513199999999998,427.084,18.311999999999998,430.541,19.2671L431.2441,18.1304C428.0039,17.339399999999998,425.625,15.8628,424.1309,13.73586L430.8984,13.73586L430.8984,12.47609L423.35742,12.47609C423.50391,11.919450000000001,423.60938,11.31008,423.67969,10.659690000000001L422.38477,10.659690000000001ZM418.875,4.308125C418.06641,6.19484,416.85938,7.70656,415.27734,8.8257L416.28516,9.704609999999999C417.83203,8.57375,419.0918,6.93312,420.06445,4.771015L418.875,4.308125ZM426.7793,3.98L425.7715,4.612812C427.3535,6.48195,428.6133,8.17531,429.5156,9.704609999999999L430.6113,8.93117C429.7148,7.53078,428.4316,5.872578,426.7793,3.98ZM422.34961,2.98977L422.34961,9.93898L423.67969,9.93898L423.67969,2.98977L422.34961,2.98977ZM433.166,5.0229683L433.166,15.6109C433.166,15.7749,433.0605,15.898,432.8613,15.9683L433.3652,17.0347C435.0234,16.853,436.5176,16.636200000000002,437.8477,16.3843L437.8477,17.3042L438.8906,17.3042L438.8906,9.31203L439.4297,10.31984C441.3047,9.88625,442.9043,9.31203,444.2227,8.62648C445.4414,9.253440000000001,446.9766,9.73977,448.8457,10.08547L449.2969,8.93117C447.8203,8.67922,446.5254,8.3218,445.4414,7.870620000000001C446.5078,7.097189999999999,447.2988,6.19484,447.8027,5.151875L447.8027,4.126484L443.1035,4.126484C443.3203,3.7632000000000003,443.5371,3.3706199999999997,443.7539,2.97219L442.5996,2.72023C441.791,4.231953,440.748,5.456562,439.4883,6.39406L440.2793,7.33156C440.6719,7.003439999999999,441.0352,6.68117,441.3926,6.32375C441.8262,6.89797,442.3828,7.419449999999999,443.0684,7.923360000000001C441.9141,8.42727,440.5312,8.84328,438.8906,9.16555L438.8906,5.0229683L437.8477,5.0229683L437.8477,15.2534C437.4316,15.3237,437.0039,15.4116,436.5703,15.482L436.5703,2.91945L435.5273,2.91945L435.5273,15.646L434.2266,15.8101L434.2266,5.0229683L433.166,5.0229683ZM439.9512,10.99953L439.9512,12.15383L443.5547,12.15383L443.5547,13.63039L440.2793,13.63039L440.2793,14.78469L443.5547,14.78469L443.5547,16.2202L439.5059,16.2202L439.5059,17.357L443.5547,17.357L443.5547,19.302300000000002L444.832,19.302300000000002L444.832,17.357L448.9746,17.357L448.9746,16.2202L444.832,16.2202L444.832,14.78469L447.9844,14.78469L447.9844,13.63039L444.832,13.63039L444.832,12.15383L448.377,12.15383L448.377,10.99953L444.832,10.99953L444.832,9.722190000000001L443.5547,9.722190000000001L443.5547,10.99953L439.9512,10.99953ZM444.2402,7.29641C443.3379,6.7925,442.6348,6.19484,442.1309,5.509296L442.3477,5.239765L446.4316,5.239765C445.9277,6.0132,445.1895,6.69875,444.2402,7.29641ZM456.6562,4.126484L451.4707,4.126484L451.4707,17.825699999999998L452.7305,17.825699999999998L452.7305,16.1851L455.3965,16.1851L455.3965,17.3921L456.6562,17.3921L456.6562,4.126484ZM452.7305,14.97805L452.7305,10.642109999999999L455.3965,10.642109999999999L455.3965,14.97805L452.7305,14.97805ZM452.7305,9.43508L452.7305,5.315937L455.3965,5.315937L455.3965,9.43508L452.7305,9.43508ZM459.252,9.48781L458.1855,10.15578C459.2695,11.81398,460.1133,13.3257,460.7461,14.67336L461.8242,13.9175C461.2324,12.65773,460.3652,11.18117,459.252,9.48781ZM463.3535,19.103C464.47270000000003,19.103,465.0293,18.5288,465.0293,17.3921L465.0293,7.33156L467.2441,7.33156L467.2441,6.08937L465.0293,6.08937L465.0293,2.91945L463.7168,2.91945L463.7168,6.08937L457.4883,6.08937L457.4883,7.33156L463.7168,7.33156L463.7168,17.0698C463.7168,17.6265,463.4414,17.913600000000002,462.9199,17.913600000000002C461.9707,17.913600000000002,460.9805,17.8784,459.9316,17.8433L460.2012,19.103L463.3535,19.103ZM471.4688,8.46242L475.4883,8.46242L475.4883,7.27883L471.4688,7.27883L471.4688,5.222187C473.2383,4.9350777,474.8379,4.501484,476.2441,3.94484L475.5938,2.84914C474.1875,3.47609,472.4062,3.94484,470.209,4.267109L470.209,14.78469C469.7461,14.81984,469.27729999999997,14.83742,468.791,14.87258L468.9844,16.1675L470.209,16.061999999999998L470.209,19.1734L471.4688,19.1734L471.4688,15.9155C473.4141,15.6812,474.9609,15.4292,476.1152,15.1421L476.1152,13.93508C474.8379,14.2632,473.291,14.49758,471.4688,14.67336L471.4688,11.86672L475.4883,11.86672L475.4883,10.69484L471.4688,10.69484L471.4688,8.46242ZM476.4961,10.51906L476.4961,11.70266L477.5215,11.70266C477.9141,13.25539,478.65229999999997,14.6382,479.7715,15.8628C478.6172,16.8355,477.1582,17.6441,475.3945,18.2593L476.1152,19.355C477.9316,18.7222,479.46680000000003,17.8784,480.7266,16.8003C481.7695,17.7378,483.0645,18.5816,484.6465,19.3198L485.3496,18.200699999999998C483.8379,17.5562,482.5781,16.8179,481.5703,15.9683C482.6836,14.78469,483.4805,13.34328,483.9844,11.64992L483.9844,10.51906L476.4961,10.51906ZM478.7051,11.70266L482.6836,11.70266C482.22069999999997,12.96242,481.53520000000003,14.08156,480.6152,15.0542C479.6953,14.06398,479.0684,12.94484,478.7051,11.70266ZM477.8613,3.45852L477.8613,5.890156C477.8613,7.14992,477.2344,8.12258,476.0098,8.80812L476.8711,9.78078C478.3828,8.84328,479.1387,7.48977,479.1387,5.76125L479.1387,4.665546L481.65819999999997,4.665546L481.65819999999997,7.565939999999999C481.65819999999997,8.64406,482.2031,9.200700000000001,483.2988,9.200700000000001L485.1152,9.200700000000001L485.1152,8.03469L483.6211,8.03469C483.15229999999997,8.03469,482.918,7.78273,482.918,7.29641L482.918,3.45852L477.8613,3.45852Z" fill="#FFFFFF" fill-opacity="1"/></g><g><rect x="391" y="5" width="14" height="14" rx="0" fill="url(#master_svg3_19847_77659)" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
energy-report/assets/ydjg_pic.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="207.3466796875" height="207.34375" viewBox="0 0 207.3466796875 207.34375"><defs><filter id="master_svg0_19861_76538" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-97.2099609375" y="-97.2099609375" width="255.95180892944336" height="255.9518051147461"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="24.302490234375" result="effect1_foregroundBlur"/></filter></defs><g><g style="opacity:0.4000000059604645;"><ellipse cx="103.6734390258789" cy="103.6714859008789" rx="68.3003921508789" ry="68.3003921508789" fill-opacity="0" stroke-opacity="0.4000000059604645" stroke="#5CB3FF" fill="none" stroke-width="3.0355730056762695"/></g><g style="opacity:0.99755859375;" filter="url(#master_svg0_19861_76538)"><ellipse cx="103.67317008972168" cy="103.67219161987305" rx="30.76594352722168" ry="30.765941619873047" fill="#1D586F" fill-opacity="1"/></g><g><path d="M70.812496875,105.62649375000001L70.812496875,106.92729375L74.498046875,106.92729375L74.498046875,105.62649375000001L70.812496875,105.62649375000001ZM74.498046875,104.22609375L74.498046875,102.90189375L70.812496875,102.90189375L70.812496875,104.22609375L74.498046875,104.22609375ZM70.812496875,108.35109375L70.812496875,111.72609375L69.154296875,111.72609375L69.154296875,101.41949375L76.150386875,101.41949375L76.150386875,109.84519374999999Q76.150386875,111.72609375,74.416016875,111.72609375L73.009766875,111.72609375L72.599606875,110.12649375000001L73.859376875,110.19679375Q74.498046875,110.19679375,74.498046875,109.44089375L74.498046875,108.35109375L70.812496875,108.35109375ZM79.384746875,103.10109375Q77.498046875,103.10109375,77.498046875,101.01519375L77.498046875,95.12648375L79.185546875,95.12648375L79.185546875,97.27101375Q82.121046875,96.81984375,83.744146875,96.36867375L84.300746875,97.88039375Q81.998046875,98.41945375,79.185546875,98.83546375L79.185546875,100.64599375Q79.185546875,101.57179375,79.853546875,101.57179375L81.998046875,101.57179375Q82.425746875,101.57179375,82.607446875,101.29639375Q82.841846875,100.92139375,82.894546875,99.41559375L84.500046875,99.93699375Q84.283246875,102.21629375,83.779246875,102.67919375Q83.275346875,103.10109375,82.320346875,103.10109375L79.384746875,103.10109375ZM79.203146875,109.35309375Q79.203146875,109.85109375,79.835946875,109.85109375L81.998046875,109.85109375Q82.408246875,109.85109375,82.607446875,109.60499375Q82.841846875,109.26519375000001,82.912146875,107.79449375L84.476546875,108.28079375Q84.265646875,110.52489375,83.761746875,110.97609375Q83.292946875,111.38039375,82.320346875,111.38039375L79.367146875,111.38039375Q77.515646875,111.38039375,77.515646875,109.72809375L77.515646875,103.71629375L79.203146875,103.71629375L79.203146875,105.66159375000001Q81.652346875,105.40969375,83.744146875,104.78269374999999L84.300746875,106.30619375Q82.033246875,106.90969375,79.203146875,107.19679375L79.203146875,109.35309375ZM74.861326875,96.33351375Q76.419926875,98.40187375,77.328126875,100.04249375L75.880856875,101.09129375Q75.576166875,100.45849375,75.289066875,99.93699375Q72.505856875,100.36479375,68.597656875,100.58159375L68.128905875,99.15773375Q68.580076875,98.99953375,68.902346875,98.73000375Q70.572266875,96.87257375,71.416016875,95.05617375L73.027346875,95.54250375Q71.925776875,97.72218375,70.525386875,99.08742375Q72.136716875,98.99953375,74.550776875,98.69484375Q74.158206875,98.06789375,73.542966875,97.15968375L74.861326875,96.33351375ZM86.878946875,96.67921375L89.070346875,96.67921375L89.070346875,95.14992375L90.658246875,95.14992375L90.658246875,96.67921375L92.978546875,96.67921375L92.978546875,98.22609375L90.658246875,98.22609375L90.658246875,99.71439375L92.638646875,99.71439375L92.638646875,101.22609375L90.658246875,101.22609375L90.658246875,102.67919375L93.177746875,102.67919375L93.177746875,104.22609375L90.658246875,104.22609375L90.658246875,105.06979375Q91.958946875,106.05419375,93.382846875,107.37839375L92.457046875,108.73779375000001Q91.554646875,107.55419375,90.658246875,106.53469375L90.658246875,111.72609375L89.070346875,111.72609375L89.070346875,106.89209375Q88.132846875,108.66159375000001,86.878946875,110.06199375L86.158246875,108.30419375Q88.115246875,106.53469375,89.070346875,104.30229375L89.070346875,104.22609375L86.498046875,104.22609375L86.498046875,102.67919375L89.070346875,102.67919375L89.070346875,101.22609375L86.966846875,101.22609375L86.966846875,99.71439375L89.070346875,99.71439375L89.070346875,98.22609375L86.878946875,98.22609375L86.878946875,96.67921375ZM98.017546875,111.39209375Q96.488246875,111.39209375,96.488246875,109.68699375L96.488246875,106.22999375L93.177746875,106.83939375L92.925746875,105.22809375L96.488246875,104.56589375L96.488246875,102.14019375L93.746046875,102.64409375L93.488246875,101.06199375L96.488246875,100.50539375L96.488246875,97.95656375Q95.199246875,98.19093375,93.693346875,98.30226375L93.160146875,96.82570375Q97.777346875,96.38625375,100.666046875,95.14992375L101.47464687499999,96.50343375Q99.904246875,97.14796375,98.123046875,97.59914375L98.123046875,100.18309375L101.451146875,99.52099375L101.726546875,101.19089375L98.123046875,101.84719375L98.123046875,104.24369375L102.283246875,103.43509375L102.552746875,105.08739375L98.123046875,105.92529375000001L98.123046875,109.34129375Q98.123046875,109.79249375,98.556646875,109.79249375L100.355446875,109.79249375Q100.77144687500001,109.79249375,100.964846875,109.48779375000001Q101.181646875,109.16559375,101.292946875,107.57179375L102.804646875,108.07569375Q102.587846875,110.46049375,102.101546875,110.94089375Q101.615246875,111.39209375,100.66014687500001,111.39209375L98.017546875,111.39209375ZM110.873046875,95.07961375L112.566446875,95.07961375L112.566446875,97.85109375L120.095746875,97.85109375L120.095746875,99.47409375L112.566446875,99.47409375L112.566446875,102.64989375L118.748046875,102.64989375L118.748046875,111.72609375L117.054646875,111.72609375L117.054646875,110.60699375L107.685546875,110.60699375L107.685546875,111.74369375L105.998046875,111.74369375L105.998046875,102.64989375L110.873046875,102.64989375L110.873046875,95.07961375ZM107.685546875,108.98979375L117.054646875,108.98979375L117.054646875,104.29059375L107.685546875,104.29059375L107.685546875,108.98979375ZM125.123046875,101.77689375L125.123046875,109.18899375000001Q127.46094687499999,108.62649375000001,129.623046875,107.92919375L130.05074687500002,109.52879375Q126.904246875,110.51909375,123.429646875,111.23979375L122.908246875,109.65769374999999Q123.41214687499999,109.30029375000001,123.41214687499999,108.64989375L123.41214687499999,95.34914375L125.123046875,95.34914375L125.123046875,100.10109375L129.67574687500002,100.10109375L129.67574687500002,101.77689375L125.123046875,101.77689375ZM132.658246875,111.12839375Q130.748046875,111.12839375,130.748046875,108.91949375L130.748046875,95.26125375L132.45894687499998,95.26125375L132.45894687499998,100.65769374999999Q134.978546875,99.92529375,137.228546875,98.71242375L138.23634687499998,100.11869375Q135.19534687499998,101.54249375,132.45894687499998,102.28079375L132.45894687499998,108.59129375Q132.45894687499998,109.47609375,133.144546875,109.47609375L135.664046875,109.47609375Q136.080046875,109.47609375,136.419946875,109.14799375Q136.794946875,108.77299375,136.92384687499998,106.14799375L138.558546875,106.68699375Q138.27144687499998,109.94479375,137.714846875,110.51909375Q137.14064687500002,111.09329375,136.097646875,111.12839375L132.658246875,111.12839375Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
energy-report/index.css
...@@ -132,6 +132,10 @@ body { ...@@ -132,6 +132,10 @@ body {
flex: 1; flex: 1;
} }
.echarts-box2 {
flex: 2;
}
.echarts-box1#distribution-charts { .echarts-box1#distribution-charts {
height: 380px; height: 380px;
flex: 2; flex: 2;
...@@ -224,7 +228,7 @@ body { ...@@ -224,7 +228,7 @@ body {
#slide { #slide {
position: absolute; position: absolute;
height: 310px; height: 270px;
overflow: hidden; overflow: hidden;
margin-bottom: 21px; margin-bottom: 21px;
width: 100%; width: 100%;
...@@ -256,12 +260,14 @@ body { ...@@ -256,12 +260,14 @@ body {
} }
.production-portrait { .production-portrait {
display: flex;
justify-content: space-between;
} }
.production-portrait-bottom { .production-portrait-bottom {
background: rgba(8, 16, 24, 0.27); background: rgba(8, 16, 24, 0.27);
padding: 18px 0 25px 55px; padding: 10px 0 25px 55px;
margin-top: 30px; margin-top:30px;
} }
.production-portrait > div { .production-portrait > div {
...@@ -399,15 +405,27 @@ body { ...@@ -399,15 +405,27 @@ body {
.echarts-title-repair { .echarts-title-repair {
padding: 3%; padding: 3%;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
height: 400px;
margin-bottom: 30px;
} }
.echarts-title-content { .echarts-title-content {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%;
}
.echarts-title-top1 {
background: url('./assets/ydjg_pic.svg') no-repeat;
width: 208px;
height: 208px;
background-size: cover;
margin-left: 30px;
} }
.echarts-title-top { .echarts-title-top {
background: url('../assets/contract-bg.png') no-repeat; background: url('./assets/contract-bg.png') no-repeat;
width: 208px; width: 208px;
height: 208px; height: 208px;
background-size: cover; background-size: cover;
...@@ -427,7 +445,9 @@ body { ...@@ -427,7 +445,9 @@ body {
.echarts-title-repair-left { .echarts-title-repair-left {
margin-right: 3%; margin-right: 3%;
} }
.echarts-title-repair-all{
margin-top: 20px;
}
.echarts-title-repair-list { .echarts-title-repair-list {
display: flex; display: flex;
margin-top: 13px; margin-top: 13px;
...@@ -439,6 +459,10 @@ body { ...@@ -439,6 +459,10 @@ body {
margin-top: 3px; margin-top: 3px;
} }
.echarts-title-repair-list-two {
margin-top: -15px;
}
.echarts-title-repair-list-right { .echarts-title-repair-list-right {
margin-left: 13px; margin-left: 13px;
font-size: 18px; font-size: 18px;
...@@ -454,6 +478,14 @@ body { ...@@ -454,6 +478,14 @@ body {
.chart-desc { .chart-desc {
position: relative; position: relative;
margin-top: -15px; margin-top: -15px;
margin-left: 20px;
width: 60%;
}
.chart-desc-two {
position: relative;
width: 70%;
margin-top: -30px;
} }
.chart-desc img { .chart-desc img {
...@@ -464,10 +496,28 @@ body { ...@@ -464,10 +496,28 @@ body {
left: 0; left: 0;
} }
.chart-desc-task-two {
position: relative;
display: flex;
width: 85%;
margin-top: 15px;
}
.chart-desc-task-two img {
position: absolute;
bottom: 0;
left: 0;
top: 10px;
height: 30px;
width:300px;
}
.chart-desc-task { .chart-desc-task {
position: relative; position: relative;
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;
text-align: right;
width: 100%;
} }
.chart-desc-text { .chart-desc-text {
...@@ -478,16 +528,32 @@ body { ...@@ -478,16 +528,32 @@ body {
} }
.chart-desc-value { .chart-desc-value {
margin-left: 30px;
color: #fff; color: #fff;
font-size: 22px; font-size: 22px;
font-weight: 700; font-weight: 700;
font-family: DIN Alternate-Bold; font-family: DIN Alternate-Bold;
float: right; text-align: right;
width: 30%;
margin-left: 10px;
}
.chart-desc-text-left {
display: flex;
justify-content: space-between;
width: 280px;
}
.chart-desc-value-two {
font-size: 22px;
font-weight: 700;
font-family: DIN Alternate-Bold;
text-align: right;
color: #fff;
} }
.chart-desc-unfinished { .chart-desc-unfinished {
margin-top: 10px; margin-top: 20px;
} }
.chart-desc-unfinished-value { .chart-desc-unfinished-value {
...@@ -532,7 +598,6 @@ body { ...@@ -532,7 +598,6 @@ body {
.electricity-content { .electricity-content {
height: 236px; height: 236px;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
margin-bottom: 36px;
} }
.electricity-content-title { .electricity-content-title {
...@@ -572,8 +637,8 @@ body { ...@@ -572,8 +637,8 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 50px; padding-right: 50px;;
margin-top: 20px; flex: 1;
} }
.invest-wrapper-content { .invest-wrapper-content {
...@@ -582,6 +647,11 @@ body { ...@@ -582,6 +647,11 @@ body {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.invest-wrapper-content1 {
height: 108px;
}
.invest-wrapper-content-first { .invest-wrapper-content-first {
font-size: 18px; font-size: 18px;
...@@ -597,7 +667,9 @@ body { ...@@ -597,7 +667,9 @@ body {
.invest-wrapper-right-bracket img { .invest-wrapper-right-bracket img {
height: 68px; height: 68px;
} }
.invest-wrapper-left-bracket1 img {
height: 108px;
}
.invest-wrapper-content-customers { .invest-wrapper-content-customers {
color: #c8565b; color: #c8565b;
} }
...@@ -608,68 +680,125 @@ body { ...@@ -608,68 +680,125 @@ body {
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
margin: 27px 0 37px; margin: 27px 0 37px;
} }
.centerPro{
.centerPro {
display: flex; display: flex;
margin-bottom: 30px; margin-bottom: 30px;
} }
.centerPro-left{
.centerPro-left {
flex: 2; flex: 2;
background: rgba(8, 16, 24, 0.27); background: rgba(8, 16, 24, 0.27);
padding: 15px; padding: 15px;
margin-right: 30px; margin-right: 30px;
height: 304px; height: 304px;
} }
.centerPro-right{
#repair-require6 {
height: 304px;
margin-top: -5px
}
.centerPro-right {
flex: 1; flex: 1;
background: rgba(8, 16, 24, 0.27); background: rgba(8, 16, 24, 0.27);
padding: 15px; padding: 15px;
height: 304px; height: 304px;
}
#repair-require7{
height: 200px
} }
.centerPro-right-title{
#repair-require7 {
height: 200px;
margin-top: -10px;
}
.chart-desc-task-centerPro {
display: flex;
}
.chart-centerPro-text {
font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
.chart-desc-task-right {
margin-top: 5px;
margin-left: 10px;
display: flex;
justify-content: space-between;
width: 100%;
}
.chart-desc-task-title {
display: flex;
justify-content: space-between;
width: 70%;
}
.chart-centerPro-value {
font-size: 22px;
font-family: DINAlternate-Bold-Regular, DINAlternate-Bold;
font-weight: 400;
color: #FFFFFF;
}
.centerPro-right-title {
font-size: 18px; font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC; font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
} }
.timePeriod { .timePeriod {
margin-bottom: 19px; margin-bottom: 19px;
} }
.timePeriod-textBox { .timePeriod-textBox {
width: 100%; width: 100%;
height: 28px; height: 40px;
background: linear-gradient(-90deg, rgba(92,179,255,0) 0%, rgba(92,179,255,0.2) 100%); background: linear-gradient(
-90deg,
rgba(92, 179, 255, 0) 0%,
rgba(92, 179, 255, 0.2) 100%
);
background-size: cover; background-size: cover;
border-radius: 20px; border-radius: 20px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.timePeriod-textBox-text { .timePeriod-textBox-text {
font-size: 12px; font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC; font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
line-height: 12px; line-height: 12px;
display: inline-block; display: inline-block;
margin-left: 20px; margin-left: 20px;
margin-top: 8px; margin-top: 13px;
} }
.echarts-timePeriod { .echarts-timePeriod1{
width: 100%; padding: 0 20px 20px 0;
height: 380px; background: rgba(8, 16, 24, 0.27);
background: rgba(8, 16, 24, 0.27);
padding: 20px 20px 20px 0;
margin-bottom: 24px; margin-bottom: 24px;
} }
.echarts-timePeriod {
height: 360px;
}
.avgMonthlyBox { .avgMonthlyBox {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
height: 200px; height: 200px;
width: calc(100% - 2.4vw); width: calc(100% - 2.4vw);
margin-bottom: 24px; margin-bottom: 24px;
padding: 16px 30px 0 30px; padding: 16px 0px 0 30px;
} }
.avgMonthlyBox-title { .avgMonthlyBox-title {
font-size: 14px; font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC; font-family: PingFang SC-Regular, PingFang SC;
...@@ -679,15 +808,18 @@ body { ...@@ -679,15 +808,18 @@ body {
letter-spacing: 1px; letter-spacing: 1px;
margin-bottom: 39px; margin-bottom: 39px;
} }
.avgMonthlyBox-content { .avgMonthlyBox-content {
display: flex; display: flex;
width: 100%; width: 100%;
} }
.content-item { .content-item {
width: 15%; width: 15%;
padding-top: 17px; padding-top: 17px;
text-align: center; text-align: center;
} }
.item-text1 { .item-text1 {
font-size: 14px; font-size: 14px;
font-family: PingFang SC-Bold, PingFang SC; font-family: PingFang SC-Bold, PingFang SC;
...@@ -697,6 +829,7 @@ body { ...@@ -697,6 +829,7 @@ body {
letter-spacing: 2px; letter-spacing: 2px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.item-text2 { .item-text2 {
font-size: 24px; font-size: 24px;
font-family: DINAlternate-Bold-Regular, DINAlternate-Bold; font-family: DINAlternate-Bold-Regular, DINAlternate-Bold;
...@@ -705,20 +838,45 @@ body { ...@@ -705,20 +838,45 @@ body {
line-height: 27px; line-height: 27px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.content-item-r { .content-item-r {
width: 26%; width: 26%;
display: flex; display: flex;
margin-left: 5%; margin-left: 5%;
padding-right: 30px;
} }
.item-r-text{
.item-r-text {
font-size: 14px; font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC; font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #ffffff;
line-height: 25px; line-height: 25px;
letter-spacing: 2px; letter-spacing: 2px;
margin: 22px 1% 0 4%; margin: 22px 1% 0 4%;
} }
.item-r-text-red{
color: #FF6464; .item-r-text-red {
color: #ff6464;
}
.timePeriod-legend {
width: 100%;
height: 20px;
background: rgba(8, 16, 24, 0.27);
padding-top: 20px;
}
.timePeriod-legend2 {
}
.timePeriod-legend-img {
float: right;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
padding-right: 20px;
} }
energy-report/index.html
...@@ -121,17 +121,17 @@ ...@@ -121,17 +121,17 @@
</div> </div>
<div class="distribution-right-bottom"> <div class="distribution-right-bottom">
<div class="invest-wrapper-content"> <div class="invest-wrapper-content invest-wrapper-content1">
<div class="invest-wrapper-left-bracket"> <div class="invest-wrapper-left-bracket invest-wrapper-left-bracket1">
<img src="../assets/bracket-left.png"/> <img src="./assets/avgMonthlyLeft.svg"/>
</div> </div>
<div class="invest-wrapper-content-first"> <div class="invest-wrapper-content-first">
<span class="invest-wrapper-content-first-text">以上企业需要加以关注</span> <span class="invest-wrapper-content-first-text">以上企业需要加以关注</span>
<span class="invest-wrapper-content-customers">必要时加装或启用无功补偿装置，</span> <span class="invest-wrapper-content-customers">必要时加装或启用无功补偿装置，</span>
<span class="invest-wrapper-content-second-text">提高企业用电功率因数。</span> <span class="invest-wrapper-content-second-text">提高企业用电功率因数。</span>
</div> </div>
<div class="invest-wrapper-right-bracket"> <div class="invest-wrapper-right-bracket invest-wrapper-left-bracket1">
<img src="../assets/bracket-right.png"/> <img src="./assets/avgMonthlyRight.svg"/>
</div> </div>
</div> </div>
...@@ -142,12 +142,11 @@ ...@@ -142,12 +142,11 @@
<!-- 月度功率因数趋势 --> <!-- 月度功率因数趋势 -->
<!-- 分时段企业用电情况分析 --> <!-- 分时段企业用电情况分析 -->
<div class="timePeriod"> <div class="timePeriod">
<div class="title"> <div class="title">
<img src="./assets/title-arrow.png" /> <img src="./assets/title-arrow.png"/>
尖峰平谷各时段，进行生产的企业月度平均数 分时段企业用电情况分析
</div> </div>
<div class="timePeriod-wrap"> <div class="timePeriod-wrap">
<!-- 尖峰平谷各时段，进行生产的企业月度平均数 --> <!-- 尖峰平谷各时段，进行生产的企业月度平均数 -->
...@@ -156,34 +155,42 @@ ...@@ -156,34 +155,42 @@
尖峰平谷各时段，进行生产的企业月度平均数 尖峰平谷各时段，进行生产的企业月度平均数
</span> </span>
</div> </div>
<div id="timePeriod-barCharts-1" class="echarts-timePeriod"></div> <div class="timePeriod-legend">
<img src="./assets/legend.svg" class="timePeriod-legend-img"/>
</div>
<div class="echarts-timePeriod1">
<div id="timePeriod-barCharts-1" class="echarts-timePeriod"></div>
</div>
<!-- 各时段生产企业 月度平均数(家) --> <!-- 各时段生产企业 月度平均数(家) -->
<div class="avgMonthlyBox"> <div class="avgMonthlyBox">
<div class="avgMonthlyBox-title">各时段生产企业 月度平均数(家)</div> <div class="avgMonthlyBox-title">各时段生产企业 月度平均数(家)</div>
<div class="avgMonthlyBox-content"> <div class="avgMonthlyBox-content">
<img src="./assets/avgMonthlyIcon.svg" /> <img src="./assets/avgMonthlyIcon.svg"/>
<div class="content-item"> <div class="content-item">
<div class="item-text1">尖时</div> <div class="item-text1">尖时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item"> <div class="content-item">
<div class="item-text1">峰叫</div> <div class="item-text1">峰时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item"> <div class="content-item">
<div class="item-text1">平叫</div> <div class="item-text1">平时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item"> <div class="content-item">
<div class="item-text1">谷叫</div> <div class="item-text1">谷时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item-r"> <div class="content-item-r">
<img src="./assets/avgMonthlyLeft.svg" /> <img src="./assets/avgMonthlyLeft.svg"/>
<div class="item-r-text"> <div class="item-r-text">
可以看出大部分企业集中生产在<span class="item-r-text-red">10点~12点</span>时段比较集中 可以看出大部分企业集中生产在<span class="item-r-text-red"
>10点~12点</span
>时段比较集中
</div> </div>
<img src="./assets/avgMonthlyRight.svg" /> <img src="./assets/avgMonthlyRight.svg"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -192,56 +199,75 @@ ...@@ -192,56 +199,75 @@
<span class="timePeriod-textBox-text"> <span class="timePeriod-textBox-text">
尖峰平谷各时段，集中生产的企业月度平均数 尖峰平谷各时段，集中生产的企业月度平均数
</span> </span>
</div> <div class="centerPro"> </div>
<div class="centerPro">
<div class="centerPro-left"> <div class="centerPro-left">
<div class="timePeriod-legend2">
<img src="./assets/legend.svg" class="timePeriod-legend-img"/>
</div>
<div id="repair-require6"></div> <div id="repair-require6"></div>
</div> </div>
<div class="centerPro-right"> <div class="centerPro-right">
<div class="centerPro-right-title">集中生产时段用电量占比</div> <div class="centerPro-right-title">集中生产时段用电量占比</div>
<div id="repair-require7"></div> <div id="repair-require7"></div>
<div class="chart-desc"> <div>
<div class="chart-desc-task chart-desc-unfinished"> <div class="chart-desc-task">
<div class="chart-desc-icon chart-desc-icon2"></div> <div class="chart-desc-icon chart-desc-icon2"></div>
<div class="chart-desc-text">非集中生产时间段</div> <div class="chart-desc-task-right">
<div class="chart-desc-value">75%</div> <div class="chart-desc-task-title">
<div class="chart-desc-value">200KWh</div> <div class="chart-centerPro-text">非集中生产时间段</div>
<div class="chart-centerPro-value">75%</div>
</div>
<div class="chart-centerPro-value">200KWh</div>
</div>
</div> </div>
<div class="chart-desc-task"> <div class="chart-desc-task-centerPro">
<div class="chart-desc-icon chart-desc-icon3"></div> <div class="chart-desc-icon chart-desc-icon3"></div>
<div class="chart-desc-text">集中生产时间段</div> <div class="chart-desc-task-right">
<div class="chart-desc-value">2.61%</div> <div class="chart-desc-task-title">
<div class="chart-desc-value">200KWh</div> <div class="chart-centerPro-text">集中生产时间段</div>
<div class="chart-centerPro-value">7.25%</div>
</div>
<div class="chart-centerPro-value">20KWh</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- 各时段集中生产企业 月度平均数(家) --> <!-- 各时段集中生产企业 月度平均数(家) -->
<div class="avgMonthlyBox"> <div class="avgMonthlyBox">
<div class="avgMonthlyBox-title">各时段集中生产企业 月度平均数(家)</div> <div class="avgMonthlyBox-title">
各时段集中生产企业 月度平均数(家)
</div>
<div class="avgMonthlyBox-content"> <div class="avgMonthlyBox-content">
<img src="./assets/avgMonthlyIcon.svg" /> <img src="./assets/avgMonthlyIcon.svg"/>
<div class="content-item"> <div class="content-item">
<div class="item-text1">尖时</div> <div class="item-text1">尖时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item"> <div class="content-item">
<div class="item-text1">峰叫</div> <div class="item-text1">峰时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item"> <div class="content-item">
<div class="item-text1">平叫</div> <div class="item-text1">平时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item"> <div class="content-item">
<div class="item-text1">谷叫</div> <div class="item-text1">谷时</div>
<div class="item-text2">205</div> <div class="item-text2">205</div>
</div> </div>
<div class="content-item-r"> <div class="content-item-r">
<img src="./assets/avgMonthlyLeft.svg" /> <img src="./assets/avgMonthlyLeft.svg"/>
<div class="item-r-text"> <div class="item-r-text">
可以看出大部分企业集中生产在<span class="item-r-text-red">10点~12点</span>时段比较集中 可以看出大部分企业集中生产在<span class="item-r-text-red"
>10点~12点</span
>时段比较集中
</div> </div>
<img src="./assets/avgMonthlyRight.svg" /> <img src="./assets/avgMonthlyRight.svg"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -251,16 +277,20 @@ ...@@ -251,16 +277,20 @@
尖峰平谷各时段的企业用电量分析 尖峰平谷各时段的企业用电量分析
</span> </span>
</div> </div>
<div id="timePeriod-barCharts-3" class="echarts-timePeriod"></div> <div class="timePeriod-legend">
<img src="./assets/legend.svg" class="timePeriod-legend-img"/>
</div>
<div class="echarts-timePeriod1"> <div id="timePeriod-barCharts-3" class="echarts-timePeriod"></div></div>
</div> </div>
</div> </div>
<!--用电结构--> <!--用电结构-->
<div class="flex electricity-content"> <div class="flex electricity-content">
<div class="echarts-box1"> <div class=" echarts-box2">
<div class="electricity-content-title">用电结构</div> <div class="electricity-content-title">用电结构</div>
<div class="echarts-title-content"> <div class="echarts-title-content">
<div class="echarts-title-top"> <div class="echarts-title-top1">
<div id="repair-require9" class="echarts-title-repair-top"> <div id="repair-require9" class="echarts-title-repair-top">
</div> </div>
</div> </div>
...@@ -269,9 +299,9 @@ ...@@ -269,9 +299,9 @@
<div class="chart-desc-icon"></div> <div class="chart-desc-icon"></div>
<div class="chart-desc-text">峰</div> <div class="chart-desc-text">峰</div>
<div class="chart-desc-value">29.61%</div> <div class="chart-desc-value">29.61%</div>
<div class="chart-desc-value">29.61%</div> <div class="chart-desc-value">24055.8KWh</div>
</div> </div>
<div class="chart-desc-task chart-desc-unfinished"> <div class="chart-desc-task">
<div class="chart-desc-icon chart-desc-icon2"></div> <div class="chart-desc-icon chart-desc-icon2"></div>
<div class="chart-desc-text">平</div> <div class="chart-desc-text">平</div>
<div class="chart-desc-value">29.61%</div> <div class="chart-desc-value">29.61%</div>
...@@ -294,10 +324,10 @@ ...@@ -294,10 +324,10 @@
</div> </div>
<div class="echarts-box1 echarts-box1-right"> <div class="echarts-box1-right">
<div class="invest-wrapper-content"> <div class="invest-wrapper-content">
<div class="invest-wrapper-left-bracket"> <div class="invest-wrapper-left-bracket">
<img src="../assets/bracket-left.png"/> <img src="./assets/avgMonthlyLeft.svg"/>
</div> </div>
<div class="invest-wrapper-content-first"> <div class="invest-wrapper-content-first">
<span class="invest-wrapper-content-first-text">可以看出尖、峰时段的用电量已经超过总用电量的</span> <span class="invest-wrapper-content-first-text">可以看出尖、峰时段的用电量已经超过总用电量的</span>
...@@ -305,90 +335,110 @@ ...@@ -305,90 +335,110 @@
<span class="invest-wrapper-content-second-text">在电价上有一定的优化空间。</span> <span class="invest-wrapper-content-second-text">在电价上有一定的优化空间。</span>
</div> </div>
<div class="invest-wrapper-right-bracket"> <div class="invest-wrapper-right-bracket">
<img src="../assets/bracket-right.png"/> <img src="./assets/avgMonthlyRight.svg"/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--园区企业生产状态/企业生产工作制分析--> <!--园区企业生产状态/企业生产工作制分析-->
<div class="flex"> <div class="flex">
<div class="echarts-box1"> <div class="echarts-box1 ">
<div class="echarts-title"><img src="./assets/pic10.png"></div> <div class="title">
<img src="./assets/title-arrow.png" alt="">
园区企业生产状态
</div>
<div class="echarts-title-repair echarts-title-repair-left"> <div class="echarts-title-repair echarts-title-repair-left">
<div class="echarts-title-content"> <div class="echarts-title-content">
<div class="echarts-title-top"> <div class="echarts-title-top">
<div id="repair-require10" class="echarts-title-repair-top"> <div id="repair-require10" class="echarts-title-repair-top">
</div> </div>
</div> </div>
<div class="chart-desc"> <div class="chart-desc-two">
<div class="chart-desc-task"> <div class="chart-desc-task-two">
<div class="chart-desc-daily-legend"></div> <div class="chart-desc-daily-legend"></div>
<div class="chart-desc-text">达产</div> <div class="chart-desc-text-left">
<div class="chart-desc-value">18</div> <div class="chart-desc-text">达产</div>
<img src="../assets/desc-line.png"/> <div class="chart-desc-value-two">18</div>
</div>
<img src="./assets/desc-line.svg"/>
</div> </div>
<div class="chart-desc-task chart-desc-unfinished"> <div class="chart-desc-task-two chart-desc-unfinished">
<div class="chart-desc-handle-legend"></div> <div class="chart-desc-handle-legend"></div>
<div class="chart-desc-text">超产</div> <div class="chart-desc-text-left">
<div class="chart-desc-unfinished-value">5</div> <div class="chart-desc-text">超产</div>
<img src="../assets/desc-line.png"/> <div class="chart-desc-value-two">5</div>
</div>
<img src="./assets/desc-line.svg"/>
</div> </div>
<div class="chart-desc-task chart-desc-bottom"> <div class="chart-desc-task-two chart-desc-unfinished">
<div class="will-finished"></div> <div class="will-finished"></div>
<div class="chart-desc-text">不景气</div> <div class="chart-desc-text-left">
<div class="chart-desc-unfinished-value">7</div> <div class="chart-desc-text">不景气</div>
<img src="../assets/desc-line.png"/> <div class="chart-desc-value-two">7</div>
</div>
<img src="./assets/desc-line.svg"/>
</div> </div>
</div> </div>
</div> </div>
<div class="echarts-title-repair-all">
<div class="echarts-title-repair-list"><img src="./assets/icon1.png"> <div class="echarts-title-repair-list"><img src="./assets/icon1.png">
<div class="echarts-title-repair-list-right"><span>达产率：一共有<span <div class="echarts-title-repair-list-right"><span>达产率：一共有<span
class="echarts-title-repair-list-right-red">880家</span>企业在<span class="echarts-title-repair-list-right-red">880家</span>企业在<span
class="echarts-title-repair-list-right-red">2023年5月</span>已达到往期正常生产水平，<span class="echarts-title-repair-list-right-red">2023年5月</span>已达到往期正常生产水平，<span
class="echarts-title-repair-list-right-red">占比61%</span></span></div> class="echarts-title-repair-list-right-red">占比61%</span></span></div>
</div> </div>
<div class="echarts-title-repair-list"><img src="./assets/icon1.png"> <div class="echarts-title-repair-list"><img src="./assets/icon1.png">
<div class="echarts-title-repair-list-right"><span>超产率：一共有<span <div class="echarts-title-repair-list-right"><span>超产率：一共有<span
class="echarts-title-repair-list-right-red">234家</span>企业<span class="echarts-title-repair-list-right-red">234家</span>企业<span
class="echarts-title-repair-list-right-red">2023年5月</span>用电量较以往三个月的平均值高出15%，生产势头旺盛，<span class="echarts-title-repair-list-right-red">2023年5月</span>用电量较以往三个月的平均值高出15%，生产势头旺盛，<span
class="echarts-title-repair-list-right-red">占比32%</span></span></div> class="echarts-title-repair-list-right-red">占比32%</span></span></div>
</div> </div>
<div class="echarts-title-repair-list"><img src="./assets/icon1.png"> <div class="echarts-title-repair-list"><img src="./assets/icon1.png">
<div class="echarts-title-repair-list-right"><span>不景气率：一共有<span <div class="echarts-title-repair-list-right"><span>不景气率：一共有<span
class="echarts-title-repair-list-right-red">120家</span>企业<span class="echarts-title-repair-list-right-red">120家</span>企业<span
class="echarts-title-repair-list-right-red">2023年5月</span>用电量较往前三个月的平均值减少15%，<span class="echarts-title-repair-list-right-red">2023年5月</span>用电量较往前三个月的平均值减少15%，<span
class="echarts-title-repair-list-right-red">占比6%</span>，需要重点关注其生产情况</span></div> class="echarts-title-repair-list-right-red">占比6%</span>，需要重点关注其生产情况</span></div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="echarts-box1"> <div class="echarts-box1 ">
<div class="echarts-title"><img src="./assets/pic11.png"></div> <div class="title">
<img src="./assets/title-arrow.png" alt="">
企业生产工作制分析
</div>
<div class="echarts-title-repair"> <div class="echarts-title-repair">
<div id="repair-require11" class="echarts-title-repair-top2"></div> <div id="repair-require11" class="echarts-title-repair-top2"></div>
<div class="echarts-title-repair-list"><img src="./assets/icon1.png"> <div class="echarts-title-repair-all">
<div class="echarts-title-repair-list-right"><span>白天8小时工作制的企业一共有<span <div class="echarts-title-repair-list echarts-title-repair-list-two"><img src="./assets/icon1.png">
class="echarts-title-repair-list-right-red">112家，占比25%。</span>这类企业一共用电量是<span <div class="echarts-title-repair-list-right"><span>白天8小时工作制的企业一共有<span
class="echarts-title-repair-list-right-red">894486KWh，占比34%。</span> </span></div> class="echarts-title-repair-list-right-red">112家，占比25%。</span>这类企业一共用电量是<span
</div> class="echarts-title-repair-list-right-red">894486KWh，占比34%。</span> </span></div>
<div class="echarts-title-repair-list"><img src="./assets/icon1.png"> </div>
<div class="echarts-title-repair-list-right"><span>24小时不间断生产的企业一共有<span <div class="echarts-title-repair-list"><img src="./assets/icon1.png">
class="echarts-title-repair-list-right-red">356家，占比3.5%。</span>这类企业一共用电量是<span <div class="echarts-title-repair-list-right"><span>24小时不间断生产的企业一共有<span
class="echarts-title-repair-list-right-red">578900KWh，占比11%。</span> </span></div> class="echarts-title-repair-list-right-red">356家，占比3.5%。</span>这类企业一共用电量是<span
</div> class="echarts-title-repair-list-right-red">578900KWh，占比11%。</span> </span></div>
<div class="echarts-title-repair-list"><img src="./assets/icon1.png"> </div>
<div class="echarts-title-repair-list-right"><span>非规律生产的企业一共有<span <div class="echarts-title-repair-list"><img src="./assets/icon1.png">
class="echarts-title-repair-list-right-red">45家，占比11%。</span>这类企业一共用电量是<span <div class="echarts-title-repair-list-right"><span>非规律生产的企业一共有<span
class="echarts-title-repair-list-right-red">905725KWh，占比54%。</span> </span></div> class="echarts-title-repair-list-right-red">45家，占比11%。</span>这类企业一共用电量是<span
class="echarts-title-repair-list-right-red">905725KWh，占比54%。</span> </span></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -397,7 +447,8 @@ ...@@ -397,7 +447,8 @@
window.onload = function () { window.onload = function () {
// 功率因数企业分布轮播 // 功率因数企业分布轮播
let speed = 2000 // let speed = 2000
let speed = 80
let slide = document.getElementById("slide"); let slide = document.getElementById("slide");
let slide2 = document.getElementById("slide2"); let slide2 = document.getElementById("slide2");
let slide1 = document.getElementById("slide1"); let slide1 = document.getElementById("slide1");
...@@ -409,7 +460,8 @@ ...@@ -409,7 +460,8 @@
if (slide2.offsetTop - slide.scrollTop <= 0) if (slide2.offsetTop - slide.scrollTop <= 0)
slide.scrollTop -= slide1.offsetHeight slide.scrollTop -= slide1.offsetHeight
else { else {
slide.scrollTop = slide.scrollTop + listH.offsetHeight // slide.scrollTop = slide.scrollTop + listH.offsetHeight
slide.scrollTop++
} }
} }
...@@ -884,6 +936,7 @@ ...@@ -884,6 +936,7 @@
text: '400', text: '400',
// subtext: 7789, // subtext: 7789,
subtext: 'KWh', subtext: 'KWh',
itemGap: 0,
textStyle: { textStyle: {
color: '#f2f2f2', color: '#f2f2f2',
fontSize: 23, fontSize: 23,
...@@ -892,8 +945,8 @@ ...@@ -892,8 +945,8 @@
// align: 'center' // align: 'center'
}, },
subtextStyle: { subtextStyle: {
fontSize: 20, fontSize: 18,
color: '#FFFFFF'
}, },
x: 'center', x: 'center',
y: 'center' y: 'center'
...@@ -925,7 +978,7 @@ ...@@ -925,7 +978,7 @@
} }
}, },
itemStyle: { itemStyle: {
borderColor: '#202F41', borderColor: '#111D2E',
borderWidth: 3, borderWidth: 3,
}, },
data: [ data: [
...@@ -933,7 +986,7 @@ ...@@ -933,7 +986,7 @@
{value: 5, name: "集中上产时间段"}, {value: 5, name: "集中上产时间段"},
] ]
}, },
// 边框的设置 // 内边框的设置
{ {
radius: ['40%', '47%'], radius: ['40%', '47%'],
center: ['50%', '50%'], center: ['50%', '50%'],
...@@ -954,6 +1007,8 @@ ...@@ -954,6 +1007,8 @@
show: false show: false
} }
}, },
hoverAnimation: false, //鼠标移入变大
animation: false, animation: false,
tooltip: { tooltip: {
show: false show: false
...@@ -963,12 +1018,16 @@ ...@@ -963,12 +1018,16 @@
borderWidth: 2, borderWidth: 2,
}, },
data: [ data: [
{value: 18, name: "非集中生产时段用电量占比", itemStyle: { {
color: 'rgba(250,250,250,0.4)' value: 18, name: "非集中生产时段用电量占比", itemStyle: {
}}, color: '#1E5A60'
{value: 5, name: "集中上产时间段", itemStyle: { }
color: 'rgba(250,250,250,0.4)' },
}}, {
value: 5, name: "集中上产时间段", itemStyle: {
color: '#58323E'
}
},
] ]
}, },
...@@ -979,9 +1038,23 @@ ...@@ -979,9 +1038,23 @@
hoverAnimation: false, //鼠标移入变大 hoverAnimation: false, //鼠标移入变大
center: ['50%', '50%'], center: ['50%', '50%'],
radius: ['65%', '65%'], radius: ['65%', '65%'],
tooltip: {
show: false
},
label: { label: {
normal: { normal: {
show: false show: false
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
},
emphasis: {
show: false
} }
}, },
data: [ data: [
...@@ -1000,52 +1073,7 @@ ...@@ -1000,52 +1073,7 @@
] ]
} }
// option7 = {
// title: {
// text: '集中生产时段用电量占比',
// left: 'center',
// textStyle:{
// color:"#fff"
// }
// },
// tooltip: {
// trigger: "item",
// },
// legend: false,
// color: ["#3DEBD5", "#E86265"],
// series: [
//
// {
// name: "",
// type: "pie",
// radius: ["40%", "60%"],
// hoverAnimation: false,
// itemStyle: {
// borderColor: '#202F41',
// borderWidth: 3,
// },
// avoidLabelOverlap: false,
// label: {
// show: false,
// position: "center",
// },
// emphasis: {
// label: {
// show: true,
// fontSize: 40,
// fontWeight: "bold",
// },
// },
// labelLine: {
// show: false,
// },
// data: [
// {value: 18, name: "非集中生产时段用电量占比"},
// {value: 5, name: "集中上产时间段"},
// ],
// },
// ],
// };
option7 && myChart7.setOption(option7); option7 && myChart7.setOption(option7);
//用电结构 //用电结构
...@@ -1053,9 +1081,7 @@ ...@@ -1053,9 +1081,7 @@
myChart9 = echarts.init(chartDom9) myChart9 = echarts.init(chartDom9)
var option9; var option9;
option9 = { option9 = {
tooltip: { tooltip: {},
trigger: "item",
},
legend: false, legend: false,
color: ["#F68500", "#3FF1D9", "#FF6464", "#00DDFF"], color: ["#F68500", "#3FF1D9", "#FF6464", "#00DDFF"],
series: [ series: [
...@@ -1072,18 +1098,22 @@ ...@@ -1072,18 +1098,22 @@
}, },
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
show: false, normal: {
position: "center", show: false,
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: "bold",
}, },
emphasis: {
show: false
}
}, },
labelLine: { labelLine: {
show: false, normal: {
show: false,
},
emphasis: {
show: false
}
}, },
data: [ data: [
{value: 18, name: "峰"}, {value: 18, name: "峰"},
...@@ -1092,6 +1122,61 @@ ...@@ -1092,6 +1122,61 @@
{value: 7, name: "谷"}, {value: 7, name: "谷"},
], ],
}, },
{
radius: ['40%', '47%'],
center: ['50%', '50%'],
type: 'pie',
label: {
normal: {
show: false
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
},
emphasis: {
show: false
}
},
hoverAnimation: false, //鼠标移入变大
animation: false,
tooltip: {
show: false
},
itemStyle: {
borderColor: 'rgba(33, 45, 63, 1)',
borderWidth: 2,
},
data: [
{
value: 18, name: "峰", itemStyle: {
color: '#614C32'
}
},
{
value: 5, name: "平", itemStyle: {
color: '#1E5A60'
}
},
{
value: 7, name: "尖", itemStyle: {
color: '#58323E'
}
},
{
value: 7, name: "谷", itemStyle: {
color: '#38638B'
}
},
]
},
], ],
}; };
option9 && myChart9.setOption(option9); option9 && myChart9.setOption(option9);
...@@ -1114,24 +1199,27 @@ ...@@ -1114,24 +1199,27 @@
radius: ["40%", "60%"], radius: ["40%", "60%"],
hoverAnimation: false, hoverAnimation: false,
itemStyle: { itemStyle: {
borderRadius: 10,
borderColor: '#202F41', borderColor: '#202F41',
borderWidth: 3, borderWidth: 3,
}, },
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
show: false, normal: {
position: "center", show: false,
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: "bold",
}, },
emphasis: {
show: false
}
}, },
labelLine: { labelLine: {
show: false, normal: {
show: false,
},
emphasis: {
show: false
}
}, },
data: [ data: [
{value: 18, name: "达产"}, {value: 18, name: "达产"},
...@@ -1139,6 +1227,57 @@ ...@@ -1139,6 +1227,57 @@
{value: 7, name: "不景气"}, {value: 7, name: "不景气"},
], ],
}, },
{
radius: ['40%', '47%'],
center: ['50%', '50%'],
type: 'pie',
label: {
normal: {
show: false
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
},
emphasis: {
show: false
}
},
hoverAnimation: false, //鼠标移入变大
animation: false,
tooltip: {
show: false
},
itemStyle: {
borderColor: 'rgba(33, 45, 63, 1)',
borderWidth: 2,
},
data: [
{
value: 18, name: "达产", itemStyle: {
color: '#38638B'
}
},
{
value: 5, name: "超产", itemStyle: {
color: '#58323E'
}
},
{
value: 7, name: "不景气", itemStyle: {
color: '#596977'
}
},
]
},
], ],
}; };
option10 && myChart10.setOption(option10); option10 && myChart10.setOption(option10);
...@@ -1161,11 +1300,19 @@ ...@@ -1161,11 +1300,19 @@
show: true, show: true,
textStyle: { textStyle: {
color: '#fff', color: '#fff',
fontSize: 16
}, },
itemHeight: 10, itemHeight: 10,
itemWidth: 14, itemWidth: 14,
}, },
grid: {
left: '1%',
right: '1%',
bottom: '6%',
top: 30,
padding: '0 0 10 0',
containLabel: true,
},
xAxis: [ xAxis: [
{ {
type: 'category', type: 'category',
...@@ -1189,7 +1336,7 @@ ...@@ -1189,7 +1336,7 @@
name: '企业数：个', name: '企业数：个',
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
fontSize: 16, top: -10, top: -10,
}, },
min: 0, min: 0,
max: 900, max: 900,
...@@ -1215,7 +1362,7 @@ ...@@ -1215,7 +1362,7 @@
name: '用电量：KWh', name: '用电量：KWh',
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
fontSize: 16
}, },
min: 0, min: 0,
max: 900, max: 900,
...@@ -1317,6 +1464,147 @@ ...@@ -1317,6 +1464,147 @@
}; };
option11 && myChart11.setOption(option11); option11 && myChart11.setOption(option11);
<!-- 分时段企业用电情况分析 --> <!-- 分时段企业用电情况分析 -->
const allTimeData = [
{
value: 25,
name: "尖峰时段",
},
{
value: 22,
name: "尖峰时段",
},
{
value: 21,
name: "尖峰时段",
},
{
value: 20,
name: "尖峰时段",
},
{
value: 15,
name: "平均时段",
},
{
value: 14,
name: "平均时段",
},
{
value: 15,
name: "平均时段",
},
{
value: 11,
name: "平均时段",
},
{
value: 11,
name: "平均时段",
},
{
value: 18,
name: "高峰时段",
},
{
value: 16,
name: "高峰时段",
},
{
value: 19,
name: "高峰时段",
},
{
value: 21,
name: "尖峰时段",
},
{
value: 11,
name: "高峰时段",
},
{
value: 11,
name: "高峰时段",
},
{
value: 4,
name: "低谷时段",
},
{
value: 4,
name: "低谷时段",
},
{
value: 5,
name: "低谷时段",
},
{
value: 7,
name: "低谷时段",
},
{
value: 8,
name: "低谷时段",
},
{
value: 14,
name: "高峰时段",
},
{
value: 3,
name: "高峰时段",
},
{
value: 1,
name: "低谷时段",
},
];
const newData = [];
if (allTimeData && allTimeData.length > 0) {
allTimeData.forEach((i) => {
if (i.name === "低谷时段") {
newData.push({
...i,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{offset: 0, color: `rgba(0, 221, 255, 0.2)`},
{offset: 1, color: "#00DDFF"},
]),
},
});
} else if (i.name === "平均时段") {
newData.push({
...i,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{offset: 0, color: `rgba(63, 241, 217, 0.2)`},
{offset: 1, color: "#3FF1D9"},
]),
},
});
} else if (i.name === "高峰时段") {
newData.push({
...i,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{offset: 0, color: `rgba(246, 133, 0, 0.2)`},
{offset: 1, color: "#F68500"},
]),
},
});
} else if (i.name === "尖峰时段") {
newData.push({
...i,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{offset: 0, color: `rgba(255, 100, 100, 0.2)`},
{offset: 1, color: "#FF6464"},
]),
},
});
}
});
}
console.log(newData);
//尖峰平谷各时段，进行生产的企业月度平均数 //尖峰平谷各时段，进行生产的企业月度平均数
const getBarEcharts = () => { const getBarEcharts = () => {
let option = { let option = {
...@@ -1330,12 +1618,12 @@ ...@@ -1330,12 +1618,12 @@
type: "category", type: "category",
data: [ data: [
1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19,
20, 21, 22, 23, 24, 20, 21, 22, 23,
], ],
axisLabel: { axisLabel: {
interval: 0, interval: 0,
textStyle: { textStyle: {
fontSize: 12, fontSize: 16,
color: "#fff", color: "#fff",
}, },
}, },
...@@ -1352,12 +1640,13 @@ ...@@ -1352,12 +1640,13 @@
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
align: "center", align: "center",
fontSize: 14, fontSize: 16,
lineHeight: 50,
}, },
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { textStyle: {
fontSize: 14, fontSize: 16,
color: "#fff", color: "#fff",
fontWeight: 400, fontWeight: 400,
}, },
...@@ -1382,158 +1671,8 @@ ...@@ -1382,158 +1671,8 @@
}, },
series: [ series: [
{ {
name: "低谷时段", data: newData,
stack: "one",
data: [
10,
20,
10,
20,
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
],
type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(0,221,255,0.2)` },
{ offset: 1, color: "#00DDFF" },
]),
},
barGap: "0%",
barWidth: 18,
},
{
name: "平均时段",
stack: "one",
data: [
"-",
"-",
"-",
"-",
13,
14,
16,
10,
21,
12,
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
],
type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(63,241,217,0.2)` },
{ offset: 1, color: "#3FF1D9" },
]),
},
barGap: "0%",
barWidth: 18,
},
{
name: "高峰时段",
stack: "one",
data: [
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
24,
13,
12,
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
],
type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(246,133,0,0.2)` },
{ offset: 1, color: "#F68500" },
]),
},
barGap: "0%",
barWidth: 18,
},
{
name: "尖峰时段",
stack: "one",
data: [
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
11,
12,
13,
11,
11,
11,
11,
11,
11,
11,
11,
],
type: "bar", type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(255,100,100,0.2)` },
{ offset: 1, color: "#FF6464" },
]),
},
barGap: "0%", barGap: "0%",
barWidth: 18, barWidth: 18,
}, },
...@@ -1555,12 +1694,12 @@ ...@@ -1555,12 +1694,12 @@
type: "category", type: "category",
data: [ data: [
1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19,
20, 21, 22, 23, 24, 20, 21, 22, 23,
], ],
axisLabel: { axisLabel: {
interval: 0, interval: 0,
textStyle: { textStyle: {
fontSize: 12, fontSize: 16,
color: "#fff", color: "#fff",
}, },
}, },
...@@ -1577,12 +1716,13 @@ ...@@ -1577,12 +1716,13 @@
nameTextStyle: { nameTextStyle: {
color: "#fff", color: "#fff",
align: "center", align: "center",
fontSize: 14, fontSize: 16,
lineHeight: 50,
}, },
type: "value", type: "value",
axisLabel: { axisLabel: {
textStyle: { textStyle: {
fontSize: 14, fontSize: 16,
color: "#fff", color: "#fff",
fontWeight: 400, fontWeight: 400,
}, },
...@@ -1607,166 +1747,92 @@ ...@@ -1607,166 +1747,92 @@
}, },
series: [ series: [
{ {
name: "低谷时段", data: newData,
stack: "one",
data: [
10,
20,
10,
20,
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
],
type: "bar", type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(0,221,255,0.2)` },
{ offset: 1, color: "#00DDFF" },
]),
},
barGap: "0%", barGap: "0%",
barWidth: 18, barWidth: 18,
}, },
{ ],
name: "平均时段", };
stack: "one", initEcharts("#timePeriod-barCharts-3", option);
data: [ };
"-", getBarEcharts3();
"-", //尖峰平谷各时段，集中生产的企业月度平均数
"-", const getBarEcharts4 = () => {
"-", let option = {
13, grid: {
14, left: "3%",
16, right: "1%",
10, bottom: "3%",
21, containLabel: true,
12, },
"-", xAxis: {
"-", type: "category",
"-", data: [
"-", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19,
"-", 20, 21, 22, 23,
"-", ],
"-", axisLabel: {
"-", interval: 0,
"-", textStyle: {
"-", fontSize: 16,
"-", color: "#fff",
"-",
"-",
"-",
],
type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(63,241,217,0.2)` },
{ offset: 1, color: "#3FF1D9" },
]),
}, },
barGap: "0%",
barWidth: 18,
}, },
axisTick: {
show: false,
},
axisLine: {
show: false,
},
},
yAxis: [
{ {
name: "高峰时段", name: "企业数：个",
stack: "one", nameTextStyle: {
data: [ color: "#fff",
"-", align: "center",
"-", fontSize: 16,
"-", lineHeight: 50,
"-", },
"-", type: "value",
"-", axisLabel: {
"-", textStyle: {
"-", fontSize: 16,
"-", color: "#fff",
"-", fontWeight: 400,
24, },
13,
12,
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
],
type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(246,133,0,0.2)` },
{ offset: 1, color: "#F68500" },
]),
}, },
barGap: "0%",
barWidth: 18,
}, },
],
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow",
},
},
legend: {
data: ["低谷时段", "平均时段", "高峰时段", "尖峰时段"],
x: "right",
y: "top",
itemWidth: 7,
itemHeight: 7,
textStyle: {
color: "#fff",
},
},
series: [
{ {
name: "尖峰时段", data: newData,
stack: "one",
data: [
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
"-",
11,
12,
13,
11,
11,
11,
11,
11,
11,
11,
11,
],
type: "bar", type: "bar",
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: `rgba(255,100,100,0.2)` },
{ offset: 1, color: "#FF6464" },
]),
},
barGap: "0%", barGap: "0%",
barWidth: 18, barWidth: 18,
}, },
], ],
}; };
initEcharts("#timePeriod-barCharts-3", option); initEcharts("#repair-require6", option);
}; };
getBarEcharts3(); getBarEcharts4();
window.onresize = function () { window.onresize = function () {
myChart8.resize(); myChart8.resize();
myChart9.resize(); myChart9.resize();
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论