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
正在显示 包含 195 行增加 和 33 行删除
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/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;
} }
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论