Skip to content

R
report-html-template
Commit 7ce8c29e by wangmin
Options

Merge remote-tracking branch 'origin/main' into feature/branch_wm 

# Conflicts:
#	energy-report/index.css
#	energy-report/index.html
parents 57af594b c2e217e2
正在显示 包含 1159 行增加 和 613 行删除
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
* {
margin: 0;
padding: 0;
list-style: none;
margin: 0;
padding: 0;
list-style: none;
}
html,
body {
height: 100%;
height: 100%;
}
.energy-wrap {
height: 100%;
background-color: #152235;
padding: 0 4vw 0 4vw;
box-sizing: border-box;
overflow: auto;
height: 100%;
background-color: #152235;
padding: 0 4vw 0 4vw;
box-sizing: border-box;
overflow: auto;
}
@media screen and (max-width: 768px) {
.energy-wrap .flex {
display: block;
}
.energy-wrap .flex .right {
width: 100%;
}
.energy-wrap .header {
height: 4vh;
font-size: 18px;
}
.top-15-wrap > .items {
height: 56px;
}
.top-15-wrap > .items .company-name {
flex: 1;
}
.top-15-wrap > .items .process {
position: absolute !important;
left: 50px;
height: 20px;
top: 44px;
width: calc(100% - 70px);
margin-right: 0 !important;
}
.production-portrait .popup {
width: 100%;
}
.energy-wrap .flex {
display: block;
}
.energy-wrap .flex .right {
width: 100%;
}
.energy-wrap .header {
height: 4vh;
font-size: 18px;
}
.top-15-wrap > .items {
height: 56px;
}
.top-15-wrap > .items .company-name {
flex: 1;
}
.top-15-wrap > .items .process {
position: absolute !important;
left: 50px;
height: 20px;
top: 44px;
width: calc(100% - 70px);
margin-right: 0 !important;
}
.production-portrait .popup {
width: 100%;
}
}
.flex {
display: flex;
display: flex;
}
.block-bg {
background: rgba(8, 16, 24, 0.27);
background: rgba(8, 16, 24, 0.27);
}
.header {
height: 6vh;
width: 60vw;
max-width: 766px;
background: url("./assets/top-bg.png") no-repeat;
background-size: 100% 100%;
position: relative;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 30px;
padding-bottom: 10px;
height: 6vh;
width: 60vw;
max-width: 766px;
background: url('./assets/top-bg.png') no-repeat;
background-size: 100% 100%;
position: relative;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 30px;
padding-bottom: 10px;
}
.time {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.month-check {
position: relative;
background-color: #152235;
outline: none;
border: 1px solid #fff;
color: #fff;
width: 100px;
padding: 6px 0;
position: relative;
background-color: #152235;
outline: none;
border: 1px solid #fff;
color: #fff;
width: 100px;
padding: 6px 0;
}
.month-check::-webkit-calendar-picker-indicator {
position: absolute;
right: 0;
padding-left: 100%;
position: absolute;
right: 0;
padding-left: 100%;
}
.title {
color: #fff;
margin: 20px 0;
display: flex;
align-items: center;
color: #fff;
margin: 20px 0;
display: flex;
align-items: center;
}
.title > img {
width: 18px;
height: 18px;
margin-right: 10px;
width: 18px;
height: 18px;
margin-right: 4px;
}
.chart-wrap {
}
.echarts-box {
width: 100%;
height: 400px;
/* height: 30vh; */
width: 100%;
height: 400px;
/* height: 30vh; */
}
.gonglv {
height: 30vh;
height: 30vh;
}
.echarts-box1 {
flex: 1;
flex: 1;
}
.echarts-box2 {
flex: 2;
}
.echarts-box1#distribution-charts {
height: 30vh;
height: 380px;
flex: 2;
background: rgba(8, 16, 24, 0.27);
padding: 15px;
margin-right: 30px;
}
.right {
width: 40vw;
height: 30vh;
width: 40vw;
height: 30vh;
}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.top-15-wrap {
max-height: 500px;
overflow-y: auto;
max-height: 500px;
overflow-y: auto;
}
.top-15-wrap > .items {
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 4px;
display: flex;
padding: 12px 20px;
color: #fff;
position: relative;
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 4px;
display: flex;
padding: 12px 20px;
color: #fff;
position: relative;
}
.top-15-wrap > .items .index {
width: 22px;
height: 18px;
flex-shrink: 0;
width: 22px;
height: 18px;
flex-shrink: 0;
}
.top-15-wrap > .items .company-name {
margin: 0 20px 0 10px;
width: 300px;
margin: 0 20px 0 10px;
width: 300px;
}
.top-15-wrap > .items .process {
flex: 1;
margin-right: 20px;
position: relative;
flex: 1;
margin-right: 20px;
position: relative;
}
.top-15-wrap > .items .process > span {
width: 100%;
height: 100%;
content: "";
display: flex;
width: 70%;
position: absolute;
background: linear-gradient(
to right,
rgba(0, 216, 255, 1),
rgba(0, 182, 255, 1)
);
width: 100%;
height: 100%;
content: '';
display: flex;
width: 70%;
position: absolute;
background: linear-gradient(to right, rgba(0, 216, 255, 1), rgba(0, 182, 255, 1));
}
.top-15-wrap > .items .process::after {
width: 100%;
height: 100%;
content: "";
display: flex;
background-color: rgba(255, 255, 255, 0.1);
width: 100%;
height: 100%;
content: '';
display: flex;
background-color: rgba(255, 255, 255, 0.1);
}
.top-15-wrap .items .unit {
width: 140px;
text-align: right;
width: 140px;
text-align: right;
}
.top-15-wrap .items .unit > span {
/* font-size: 14px; */
/* font-size: 14px; */
}
.distribution-wrap {
display: flex;
}
.distribution-right {
flex: 1;
position: relative;
}
.distribution-right-top {
}
#slide {
position: absolute;
height: 270px;
overflow: hidden;
margin-bottom: 21px;
width: 100%;
}
.distribution-right-bottom {
position: absolute;
bottom: 0;
}
::-webkit-scrollbar {
display: none;
}
.distribution-right-top-list {
background: rgba(255, 255, 255, 0.1);
padding: 12px;
display: flex;
justify-content: space-between;
font-size: 18px;
font-family: PingFang TC-Regular, PingFang TC;
font-weight: 400;
color: #FFFFFF;
margin-bottom: 4px;
}
.distribution-right-top-two {
font-weight: 600;
}
.production-portrait {
display: flex;
justify-content: space-between;
}
.production-portrait-bottom {
background: rgba(8, 16, 24, 0.27);
padding: 10px 0 25px 55px;
margin-top:30px;
}
.production-portrait > div {
width: calc(100% / 2 - 10px);
height: 300px;
display: inline-flex;
width: calc(100% / 2 - 10px);
height: 300px;
display: inline-flex;
}
.popup {
position: relative;
display: flex;
align-items: center;
justify-content: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: rgba(8, 16, 24, 0.27);
}
.popup > span {
position: absolute;
background-color: rgba(52, 69, 94, 1);
border: 1px solid rgba(103, 120, 144, 1);
border-radius: 50%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 10px;
box-sizing: border-box;
white-space: wrap;
text-align: center;
position: absolute;
background-color: rgba(52, 69, 94, 1);
border: 1px solid rgba(103, 120, 144, 1);
border-radius: 50%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 10px;
box-sizing: border-box;
white-space: wrap;
text-align: center;
}
.popup > span:nth-of-type(1) {
left: 20%;
top: 38%;
width: 22px;
height: 22px;
left: 20%;
top: 38%;
width: 22px;
height: 22px;
}
.popup > span:nth-of-type(2) {
left: 55%;
top: 5%;
width: 22px;
height: 22px;
left: 55%;
top: 5%;
width: 22px;
height: 22px;
}
.popup > span:nth-of-type(3) {
left: 70%;
top: 26%;
width: 72px;
height: 72px;
left: 70%;
top: 26%;
width: 72px;
height: 72px;
}
.popup > div:nth-of-type(1) {
position: relative;
width: 110px;
height: 110px;
position: relative;
width: 110px;
height: 110px;
}
.popup > div:nth-of-type(1) > span {
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(92, 179, 255, 1),
rgba(8, 86, 155, 1)
);
position: absolute;
border-radius: 50%;
z-index: 1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 20px;
box-sizing: border-box;
white-space: wrap;
text-align: center;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(92, 179, 255, 1), rgba(8, 86, 155, 1));
position: absolute;
border-radius: 50%;
z-index: 1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
padding: 20px;
box-sizing: border-box;
white-space: wrap;
text-align: center;
}
.popup > div:nth-of-type(1)::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(52, 69, 94, 1);
left: -10px;
top: -10px;
border-radius: 50%;
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(52, 69, 94, 1);
left: -10px;
top: -10px;
border-radius: 50%;
}
.popup > div:nth-of-type(1)::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(52, 69, 94, 1);
left: 10px;
top: 10px;
border-radius: 50%;
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(52, 69, 94, 1);
left: 10px;
top: 10px;
border-radius: 50%;
}
.popup.right > div:nth-of-type(1) > span {
background: linear-gradient(
to bottom,
rgba(246, 133, 0, 1),
rgba(168, 91, 0, 1)
);
background: linear-gradient(to bottom, rgba(246, 133, 0, 1), rgba(168, 91, 0, 1));
}
.popup.right > div:nth-of-type(1)::before {
background: rgba(246, 133, 0, 0.3);
background: rgba(246, 133, 0, 0.3);
}
.right.popup > div:nth-of-type(1)::after {
background: rgba(246, 133, 0, 0.3);
background: rgba(246, 133, 0, 0.3);
}
.popup > span:nth-of-type(4) {
left: 62%;
top: 68%;
width: 42px;
height: 42px;
left: 62%;
top: 68%;
width: 42px;
height: 42px;
}
.popup > span:nth-of-type(5) {
left: 18%;
top: 68%;
width: 72px;
height: 72px;
left: 18%;
top: 68%;
width: 72px;
height: 72px;
}
.echarts-title {
width: 211px;
height: 25px;
width: 211px;
height: 25px;
}
.echarts-title img {
width: 100%;
width: 100%;
}
.echarts-title-repair {
padding: 3%;
background: rgba(255, 255, 255, 0.05);
padding: 3%;
background: rgba(255, 255, 255, 0.05);
height: 400px;
margin-bottom: 30px;
}
.echarts-title-content {
display: flex;
align-items: center;
display: flex;
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 {
background: url("../assets/contract-bg.png") no-repeat;
width: 208px;
height: 208px;
background-size: cover;
background: url('./assets/contract-bg.png') no-repeat;
width: 208px;
height: 208px;
background-size: cover;
}
.echarts-title-repair-top {
width: 208px;
height: 208px;
width: 208px;
height: 208px;
}
.echarts-title-repair-top2 {
height: 228px;
height: 228px;
width: 100%;
width: 100%;
}
.echarts-title-repair-left {
margin-right: 3%;
margin-right: 3%;
}
.echarts-title-repair-all{
margin-top: 20px;
}
.echarts-title-repair-list {
display: flex;
margin-top: 13px;
display: flex;
margin-top: 13px;
}
.echarts-title-repair-list img {
width: 20px;
height: 20px;
margin-top: 3px;
width: 20px;
height: 20px;
margin-top: 3px;
}
.echarts-title-repair-list-two {
margin-top: -15px;
}
.echarts-title-repair-list-right {
margin-left: 13px;
font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
margin-left: 13px;
font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
}
.echarts-title-repair-list-right-red {
color: rgba(255, 100, 100, 1);
color: rgba(255, 100, 100, 1);
}
.chart-desc {
position: relative;
margin-top: -15px;
position: relative;
margin-top: -15px;
margin-left: 20px;
width: 60%;
}
.chart-desc-two {
position: relative;
width: 70%;
margin-top: -30px;
}
.chart-desc img {
width: 165px;
height: 18px;
position: absolute;
bottom: 0;
left: 0;
width: 165px;
height: 18px;
position: absolute;
bottom: 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 {
position: relative;
display: flex;
margin-top: 10px;
position: relative;
display: flex;
margin-top: 10px;
text-align: right;
width: 100%;
}
.chart-desc-text {
color: #fff;
font-size: 18px;
margin-left: 8px;
margin-top: 4px;
color: #fff;
font-size: 18px;
margin-left: 8px;
margin-top: 4px;
}
.chart-desc-value {
margin-left: 30px;
color: #fff;
font-size: 22px;
font-weight: 700;
font-family: DIN Alternate-Bold;
text-align: right;
color: #fff;
font-size: 22px;
font-weight: 700;
font-family: DIN Alternate-Bold;
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 {
margin-top: 10px;
margin-top: 20px;
}
.chart-desc-unfinished-value {
color: #fff;
font-size: 22px;
font-weight: 700;
margin-left: auto;
margin-right: 10px;
font-family: DIN Alternate-Bold;
color: #fff;
font-size: 22px;
font-weight: 700;
margin-left: auto;
margin-right: 10px;
font-family: DIN Alternate-Bold;
}
.chart-desc-daily-legend {
width: 8px;
height: 8px;
background: rgba(92, 179, 255, 0.302);
opacity: 1;
border: 2px solid #5cb3ff;
margin-top: 12px;
margin-left: 20px;
width: 8px;
height: 8px;
background: rgba(92, 179, 255, 0.302);
opacity: 1;
border: 2px solid #5cb3ff;
margin-top: 12px;
margin-left: 20px;
}
.chart-desc-handle-legend {
width: 8px;
height: 8px;
background: rgba(255, 100, 100, 0.302);
opacity: 1;
border: 2px solid #ff6464;
margin-top: 12px;
margin-left: 20px;
width: 8px;
height: 8px;
background: rgba(255, 100, 100, 0.302);
opacity: 1;
border: 2px solid #ff6464;
margin-top: 12px;
margin-left: 20px;
}
.will-finished {
background: rgba(237, 241, 243, 0.302);
opacity: 1;
border: 2px solid #e9eff2;
margin-top: 12px;
margin-left: 20px;
width: 8px;
height: 8px;
background: rgba(237, 241, 243, 0.302);
opacity: 1;
border: 2px solid #e9eff2;
margin-top: 12px;
margin-left: 20px;
width: 8px;
height: 8px;
}
.electricity-content {
height: 236px;
background: rgba(255, 255, 255, 0.05);
margin-bottom: 36px;
height: 236px;
background: rgba(255, 255, 255, 0.05);
}
.electricity-content-title {
font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
padding: 16px 0 0 24px;
font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
padding: 16px 0 0 24px;
}
.chart-desc-icon {
width: 8px;
height: 8px;
background: rgba(246, 133, 0, 0.302);
opacity: 1;
border: 2px solid #f68500;
margin-top: 12px;
margin-left: 20px;
width: 8px;
height: 8px;
background: rgba(246, 133, 0, 0.302);
opacity: 1;
border: 2px solid #f68500;
margin-top: 12px;
margin-left: 20px;
}
.chart-desc-icon2 {
background: rgba(63, 241, 217, 0.302);
border: 2px solid #3ff1d9;
background: rgba(63, 241, 217, 0.302);
border: 2px solid #3ff1d9;
}
.chart-desc-icon3 {
background: rgba(255, 100, 100, 0.302);
border: 2px solid #ff6464;
background: rgba(255, 100, 100, 0.302);
border: 2px solid #ff6464;
}
.chart-desc-icon4 {
background: rgba(92, 179, 255, 0.302);
border: 2px solid #5cb3ff;
background: rgba(92, 179, 255, 0.302);
border: 2px solid #5cb3ff;
}
.echarts-box1-right {
display: flex;
align-items: center;
justify-content: center;
padding: 50px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
padding-right: 50px;;
flex: 1;
}
.invest-wrapper-content {
display: flex;
height: 68px;
align-items: center;
justify-content: center;
display: flex;
height: 68px;
align-items: center;
justify-content: center;
}
.invest-wrapper-content1 {
height: 108px;
}
.invest-wrapper-content-first {
font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
font-size: 18px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
}
.invest-wrapper-left-bracket img {
width: 100%;
height: 68px;
}
.invest-wrapper-right-bracket img {
width: 100%;
height: 68px;
}
.invest-wrapper-left-bracket1 img {
height: 108px;
}
.invest-wrapper-content-customers {
color: #c8565b;
color: #c8565b;
}
.analysis-content {
height: 380px;
background: rgba(8, 16, 24, 0.27);
border-radius: 0px 0px 0px 0px;
margin: 27px 0 37px;
height: 380px;
background: rgba(8, 16, 24, 0.27);
border-radius: 0px 0px 0px 0px;
margin: 27px 0 37px;
}
.centerPro {
display: flex;
margin-bottom: 30px;
}
.centerPro-left {
flex: 2;
background: rgba(8, 16, 24, 0.27);
padding: 15px;
margin-right: 30px;
height: 304px;
}
#repair-require6 {
height: 304px;
margin-top: -5px
}
.centerPro-right {
flex: 1;
background: rgba(8, 16, 24, 0.27);
padding: 15px;
height: 304px;
}
#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-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
text-align: center;
}
.timePeriod {
margin-bottom: 19px;
margin-bottom: 19px;
}
.timePeriod-textBox {
width: 100%;
height: 40px;
background: linear-gradient(
-90deg,
rgba(92, 179, 255, 0) 0%,
rgba(92, 179, 255, 0.2) 100%
);
background-size: cover;
border-radius: 20px;
margin-bottom: 30px;
width: 100%;
height: 40px;
background: linear-gradient(
-90deg,
rgba(92, 179, 255, 0) 0%,
rgba(92, 179, 255, 0.2) 100%
);
background-size: cover;
border-radius: 20px;
margin-bottom: 30px;
}
.timePeriod-textBox-text {
font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 12px;
display: inline-block;
margin-left: 20px;
margin-top: 13px;
font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 12px;
display: inline-block;
margin-left: 20px;
margin-top: 13px;
}
.echarts-timePeriod1{
padding: 0 20px 20px 0;
background: rgba(8, 16, 24, 0.27);
margin-bottom: 24px;
}
.echarts-timePeriod {
width: 100%;
height: 380px;
background: rgba(8, 16, 24, 0.27);
padding: 0 20px 20px 0;
margin-bottom: 24px;
height: 360px;
}
.avgMonthlyBox {
background: rgba(255, 255, 255, 0.05);
height: 200px;
width: calc(100% - 2.4vw);
margin-bottom: 24px;
padding: 16px 30px 0 30px;
background: rgba(255, 255, 255, 0.05);
height: 200px;
width: calc(100% - 2.4vw);
margin-bottom: 24px;
padding: 16px 0px 0 30px;
}
.avgMonthlyBox-title {
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 22px;
letter-spacing: 1px;
margin-bottom: 39px;
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 22px;
letter-spacing: 1px;
margin-bottom: 39px;
}
.avgMonthlyBox-content {
display: flex;
width: 100%;
display: flex;
width: 100%;
}
.content-item {
width: 15%;
padding-top: 17px;
text-align: center;
width: 15%;
padding-top: 17px;
text-align: center;
}
.item-text1 {
font-size: 14px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 22px;
letter-spacing: 2px;
margin-bottom: 10px;
font-size: 14px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 22px;
letter-spacing: 2px;
margin-bottom: 10px;
}
.item-text2 {
font-size: 24px;
font-family: DINAlternate-Bold-Regular, DINAlternate-Bold;
font-weight: 400;
color: #ffffff;
line-height: 27px;
margin-bottom: 10px;
font-size: 24px;
font-family: DINAlternate-Bold-Regular, DINAlternate-Bold;
font-weight: 400;
color: #ffffff;
line-height: 27px;
margin-bottom: 10px;
}
.content-item-r {
width: 26%;
display: flex;
margin-left: 5%;
width: 26%;
display: flex;
margin-left: 5%;
padding-right: 30px;
}
.item-r-text {
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 25px;
letter-spacing: 2px;
margin: 22px 1% 0 4%;
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 25px;
letter-spacing: 2px;
margin: 22px 1% 0 4%;
}
.item-r-text-red {
color: #ff6464;
color: #ff6464;
}
.timePeriod-legend {
width: 100%;
height: 20px;
background: rgba(8, 16, 24, 0.27);
padding-right: 20px;
padding-top: 20px;
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%;
float: right;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
padding-right: 20px;
}
energy-report/index.html
This source diff could not be displayed because it is too large. You can view the blob instead.
energyPredict/assets/Rectangle 292.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="876" height="408" viewBox="0 0 876 408"><g><g style="opacity:0.4000000059604645;"><path d="M0,0L9.10672,0L6.07115,3.03557L3.03557,3.03557L3.03557,6.07115L0,9.10672L0,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(-1,0,0,1,1752,0)" style="opacity:0.4000000059604645;"><path d="M876,0L885.10672,0L882.07115,3.03557L879.03557,3.03557L879.03557,6.07115L876,9.10672L876,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(1,0,0,-1,0,816)" style="opacity:0.4000000059604645;"><path d="M0,408L9.10672,408L6.07115,411.03557L3.03557,411.03557L3.03557,414.07115L0,417.10672L0,408Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(-1,0,0,-1,1752,816)" style="opacity:0.4000000059604645;"><path d="M876,408L885.10672,408L882.07115,411.03557L879.03557,411.03557L879.03557,414.07115L876,417.10672L876,408Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
energyPredict/assets/dian.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="224.6484375" height="38" viewBox="0 0 224.6484375 38"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_18916_65591"><stop offset="0%" stop-color="#37F1E7" stop-opacity="1"/><stop offset="100%" stop-color="#37F1E7" stop-opacity="0"/></linearGradient></defs><g><g><path d="M53.74023125,16.56956875L53.74023125,21.39376875L60.80078125,21.39376875L60.80078125,16.56956875L53.74023125,16.56956875ZM53.59375125,24.03046875Q53.05664125,29.62616875,50.26367125,33.25896875L48.07617125,31.305868750000002Q50.77148125,27.39956875,50.85937125,21.39376875L50.85937125,6.530468750000001L73.92578125,6.530468750000001L73.92578125,29.35276875Q73.92578125,32.78046875,70.49808125,32.78046875L67.08008125,32.78046875L66.34768125,29.98746875Q68.27148125,30.13396875,69.56058125,30.13396875Q71.01558125,30.13396875,71.01558125,28.40546875L71.01558125,24.03046875L63.68168125,24.03046875L63.68168125,32.44846875L60.80078125,32.44846875L60.80078125,24.03046875L53.59375125,24.03046875ZM71.01558125,21.39376875L71.01558125,16.56956875L63.68168125,16.56956875L63.68168125,21.39376875L71.01558125,21.39376875ZM71.01558125,13.96206875L71.01558125,9.29416875L63.68168125,9.29416875L63.68168125,13.96206875L71.01558125,13.96206875ZM60.80078125,9.29416875L53.74023125,9.29416875L53.74023125,13.96206875L60.80078125,13.96206875L60.80078125,9.29416875ZM83.30078125,18.51286875L83.30078125,22.60466875L89.82418125000001,22.60466875L89.82418125000001,18.51286875L83.30078125,18.51286875ZM89.82418125000001,25.28046875L83.30078125,25.28046875L83.30078125,27.55586875L80.45898125,27.55586875L80.45898125,9.60666875L89.82418125000001,9.60666875L89.82418125000001,5.73944875L92.67578125,5.73944875L92.67578125,9.60666875L102.36328125,9.60666875L102.36328125,25.28046875L92.67578125,25.28046875L92.67578125,28.19066875Q92.67578125,30.24136875,94.60938125,30.24136875L101.28908125000001,30.24136875Q102.21678125,30.24136875,102.70508125,29.78246875Q103.07618124999999,29.32346875,103.22268125,26.63786875L105.95698125,27.52656875Q105.68358125,31.28636875,104.86328125,32.14566875Q103.98438125,32.90746875,101.75778125,32.90746875L93.96488124999999,32.90746875Q89.82418125000001,32.90746875,89.82418125000001,28.63986875L89.82418125000001,25.28046875ZM92.67578125,22.60466875L99.55078125,22.60466875L99.55078125,18.51286875L92.67578125,18.51286875L92.67578125,22.60466875ZM99.55078125,15.90546875L99.55078125,12.31166875L92.67578125,12.31166875L92.67578125,15.90546875L99.55078125,15.90546875ZM89.82418125000001,12.31166875L83.30078125,12.31166875L83.30078125,15.90546875L89.82418125000001,15.90546875L89.82418125000001,12.31166875ZM134.57028125,28.40546875L121.61128125,28.40546875L121.61128125,25.76876875L131.84568124999998,25.76876875L131.84568124999998,22.59496875L122.62698125,22.59496875L122.62698125,20.08516875L131.84568124999998,20.08516875L131.84568124999998,16.96016875L121.94338125,16.96016875L121.94338125,14.596868749999999Q121.85548125,14.65546875,121.70898125,14.811668749999999Q121.56248125,14.958168749999999,121.48438125,15.01676875L119.92188125,13.08316875Q123.29098125,10.38786875,125.69338125,5.73944875L128.48628125,6.33515875Q127.70508125,7.80976875,127.25588125,8.53246875L132.98828125,8.53246875L132.98828125,10.68086875Q131.69918124999998,12.79996875,130.31248125000002,14.36246875L134.57028125,14.36246875L134.57028125,28.40546875ZM127.01168125,14.36246875Q128.38868125,12.85856875,129.68748125000002,11.10076875L125.44918125,11.10076875Q124.01368125,12.85856875,122.23628125,14.36246875L127.01168125,14.36246875ZM109.16988125,9.63596875L113.57418125,9.63596875L113.57418125,5.76874875L116.32808125,5.76874875L116.32808125,9.63596875L120.13668125,9.63596875L120.13668125,12.15546875L116.32808125,12.15546875L116.32808125,15.876168750000001L120.85938125,15.876168750000001L120.85938125,18.46406875L116.99218125,18.46406875L116.99218125,22.08706875L120.61528125,22.08706875L120.61528125,24.67496875L116.99218125,24.67496875L116.99218125,29.47966875Q119.67778125,30.25116875,128.43748125000002,30.25116875Q133.34958125,30.25116875,135.77148125,30.07536875L135.29298125,32.88786875L129.06248125000002,32.88786875Q118.05668125,32.88786875,115.21488125,31.686668750000003Q113.05668125,30.73946875,111.46488125,28.61056875Q110.88868124999999,31.03246875,109.95118124999999,33.36636875L107.92968125,31.569568750000002Q109.77538125000001,26.41326875,109.98048125,20.11446875L112.49028125,20.38786875Q112.40238125,23.21016875,112.07028125,25.40746875Q113.02738125,26.94066875,114.23828125,27.95626875L114.23828125,18.46406875L108.92578125,18.46406875L108.92578125,15.876168750000001L113.57418125,15.876168750000001L113.57418125,12.15546875L109.16988125,12.15546875L109.16988125,9.63596875ZM138.92578125,8.40546875L142.93948125,8.40546875L142.93948125,5.67108875L145.70308125,5.67108875L145.70308125,8.40546875L149.09178125,8.40546875L149.09178125,11.07146875L145.70308125,11.07146875L145.70308125,13.28826875Q147.92978125000002,12.87816875,149.03278125,12.64376875L149.03278125,15.21206875L145.70308125,15.827368750000002L145.70308125,18.86446875Q145.70308125,21.53046875,142.97848125000002,21.53046875L140.18558124999998,21.53046875L139.58008125,18.86446875Q140.83988125000002,19.04026875,142.00198125,19.04026875Q142.93948125,19.04026875,142.93948125,18.16136875L142.93948125,16.23746875L139.16988125,16.76486875L138.53518125,14.19646875Q140.54688125,14.04996875,142.93948125,13.69846875L142.93948125,11.07146875L138.92578125,11.07146875L138.92578125,8.40546875ZM150.90778125,12.59496875Q151.96278125,13.01486875,153.11478125,13.58126875Q153.51578125,12.27266875,153.63278125,11.07146875L150.30278125,11.07146875L150.30278125,8.40546875L153.69178125000002,8.40546875L153.69178125000002,5.64179875L156.42578125,5.64179875L156.42578125,8.40546875L162.02178125,8.40546875L162.02178125,14.51876875Q162.07978125,18.45426875,162.91978125,18.45426875Q163.39878125,18.45426875,163.84778125,15.153468749999998L166.10378125,16.23746875Q165.74178125,19.09886875,164.93178125,20.32926875Q164.00378125,21.46206875,162.83178125,21.46206875Q161.42578125,21.46206875,160.42978125000002,20.06566875Q159.47278125,18.65936875,159.47278125,14.61636875L159.47278125,11.07146875L156.36678125,11.07146875Q156.18178125,13.20036875,155.61478125,14.889868750000002Q157.41178125,15.83706875,158.80878124999998,16.82346875L157.30478125000002,18.98166875Q155.72278125,17.84886875,154.53078125000002,17.17496875Q153.17378125,19.65546875,150.96678125,21.31566875L152.75378125,21.31566875Q152.63678125,22.15546875,152.42178124999998,23.18086875L163.28078125000002,23.18086875Q163.28078125000002,29.75316875,162.24578125,31.637868750000003Q161.14278124999998,33.46406875,158.36878124999998,33.46406875Q156.65978124999998,33.46406875,154.77578125,33.34686875L154.02378125,30.612468749999998Q156.47478125,30.856668749999997,158.25178125,30.856668749999997Q159.91178125,30.75896875,160.19578124999998,29.27456875Q160.40078125,27.42886875,160.40078125,25.90546875L151.48478125,25.90546875Q150.58578125,27.86836875,149.14078125,29.27456875Q146.28908124999998,31.96016875,139.64848125,33.52266875L138.50588125000002,30.856668749999997Q144.23828125,29.64566875,146.78708125,27.48746875Q147.56878125,26.77456875,148.16378125,25.90546875L138.98438125,25.90546875L138.98438125,23.18086875L149.48278125000002,23.18086875Q149.63878125,22.57536875,149.88278125,21.31566875L150.75178125,21.31566875L148.70078125,19.07926875Q150.90778125,17.72186875,152.11878124999998,15.827368750000002Q151.02578125,15.24136875,149.48278125000002,14.63596875L150.90778125,12.59496875ZM180.80078125,6.530468750000001L195.74178125,6.530468750000001L195.74178125,9.20626875L189.86278125,9.20626875Q189.74578125,10.32926875,189.38478125,12.13596875L194.87278125,12.13596875L194.87278125,26.65746875L192.19678125,26.65746875L192.19678125,14.65546875L184.30678125,14.65546875L184.30678125,26.65746875L181.64078125,26.65746875L181.64078125,12.13596875L186.65078125,12.13596875Q186.83578125,11.11056875,187.07078125,9.20626875L180.80078125,9.20626875L180.80078125,6.530468750000001ZM190.71278125,26.56956875Q193.91578125,29.09886875,196.04478125,31.540268750000003L194.06278125,33.52266875Q192.19678125,31.07146875,188.90578125,28.33706875L190.71278125,26.56956875ZM186.79678125,16.05196875L189.56078125,16.05196875L189.56078125,21.44256875Q189.38478125,26.33516875,187.34378125,29.29416875Q185.39078125,32.00896875,180.91778125,33.52266875L179.38478125,31.090968750000002Q183.63278125,29.65546875,185.18578125,27.48746875Q186.67978125,25.13396875,186.79678125,21.45236875L186.79678125,16.05196875ZM171.82578125,10.62226875Q173.24178125,12.02846875,173.83778125,12.70236875Q175.09778125,11.23746875,176.32778125,9.17696875L169.12078125,9.17696875L169.12078125,6.530468750000001L179.35578125,6.530468750000001L179.35578125,8.75706875Q177.54878125,12.14566875,175.48878125,14.53826875L176.65978125,15.90546875L180.19578125,15.90546875L180.19578125,17.64376875Q179.44378125,21.30586875,178.51578125,23.22966875L176.18178125,22.31166875Q176.96278125,20.69066875,177.52978125,18.54216875L175.06878125,18.54216875L175.06878125,30.632068750000002Q175.06878125,33.40546875,172.54878125,33.40546875L169.59978125,33.40546875L169.03278125,30.81756875Q170.38078124999998,31.00316875,171.61178125,31.00316875Q172.36278125,31.00316875,172.36278125,29.99726875L172.36278125,18.54216875L168.28078125000002,18.54216875L168.28078125000002,15.90546875L173.56478125,15.90546875Q171.78678125,13.91326875,169.71678125,11.94066875L171.82578125,10.62226875ZM200.28278125,6.24726875Q202.74378125,8.25897875,204.48278125,10.32926875L202.62678125,12.18476875Q201.03478125,10.21206875,198.36878125,8.07343875L200.28278125,6.24726875ZM199.80478125,13.60076875Q202.29478125,15.846868749999999,203.88678125,17.97576875L202.06078125,19.84096875Q200.49778125,17.74136875,197.89078125,15.42696875L199.80478125,13.60076875ZM204.27778125,22.77066875Q202.68578125,28.22966875,200.61478125,33.28826875L198.03678125,32.17496875Q200.31278125,26.95036875,201.87478125,21.78436875L204.27778125,22.77066875ZM215.82078125,7.17499875L215.82078125,25.71996875L213.30078125,25.71996875L213.30078125,9.60666875L207.69578125,9.60666875L207.69578125,25.89566875L205.17578125,25.89566875L205.17578125,7.17499875L215.82078125,7.17499875ZM212.50978125,27.02846875Q215.18578125,29.35276875,217.05078125,31.78436875L215.09778125,33.63986875Q213.56478125,31.374168750000003,210.74178125,28.67886875L212.50978125,27.02846875ZM209.17978125,11.34496875L211.52378125,11.34496875L211.52378125,20.84686875Q211.36678125,26.11056875,209.91178125,29.19646875Q208.47678125,32.04806875,205.20478125,33.70816875L203.73978125,31.33516875Q206.81678125,29.79216875,207.95878125,27.42886875Q209.06278125,24.88986875,209.17978125,20.85666875L209.17978125,11.34496875ZM218.75978125,33.40546875L218.15478125,30.75896875Q219.65778125,30.944568750000002,221.06478125,30.944568750000002Q221.97278125,30.944568750000002,221.97278125,29.82146875L221.97278125,5.94452875L224.64878125,5.94452875L224.64878125,30.47576875Q224.64878125,33.40546875,222.01178125,33.40546875L218.75978125,33.40546875ZM217.67578125,8.40546875L220.16578125,8.40546875L220.16578125,26.95036875L217.67578125,26.95036875L217.67578125,8.40546875Z" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(0,1,-1,0,27.3212890625,-12.1416015625)"><path d="M21.4847553125,21.87494375C20.7550753125,22.87814375,21.4717053125,24.28554375,22.7121953125,24.28554375L41.0356453125,24.28554375C42.2760453125,24.28554375,42.9926453125,22.87824375,42.2631453125,21.87504375L33.1023453125,9.277693750000001C32.4962453125,8.44424675,31.253545312500002,8.44418875,30.6473453125,9.27758375L21.4847553125,21.87494375Z" fill="#37F1E7" fill-opacity="1"/></g><g><path d="M13.97271825,29.09134375L25.99725625,20.347043749999997C26.41395625,20.04394375,26.41405625,19.42264375,25.99735625,19.11954375L13.97266125,10.37347375C13.77631925,10.23066375,13.66015625,10.00253375,13.66015625,9.75974375L13.66015625,9.08022375C13.66015625,8.45997175,14.36383625,8.10166075,14.86543625,8.46649775L29.51195625,19.11954375C29.92865625,19.42264375,29.92855625,20.04394375,29.51185625,20.347043749999997L14.86537625,30.99794375C14.36377125,31.36274375,13.66015625,31.00444375,13.66015625,30.38424375L13.66015625,29.70504375C13.66015625,29.46224375,13.77634225,29.23414375,13.97271825,29.09134375" fill-rule="evenodd" fill="url(#master_svg0_18916_65591)" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
energyPredict/assets/shui.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="224.6484375" height="38" viewBox="0 0 224.6484375 38"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_18916_65591"><stop offset="0%" stop-color="#37F1E7" stop-opacity="1"/><stop offset="100%" stop-color="#37F1E7" stop-opacity="0"/></linearGradient></defs><g><g><path d="M53.74023125,16.56956875L53.74023125,21.39376875L60.80078125,21.39376875L60.80078125,16.56956875L53.74023125,16.56956875ZM53.59375125,24.03046875Q53.05664125,29.62616875,50.26367125,33.25896875L48.07617125,31.305868750000002Q50.77148125,27.39956875,50.85937125,21.39376875L50.85937125,6.530468750000001L73.92578125,6.530468750000001L73.92578125,29.35276875Q73.92578125,32.78046875,70.49808125,32.78046875L67.08008125,32.78046875L66.34768125,29.98746875Q68.27148125,30.13396875,69.56058125,30.13396875Q71.01558125,30.13396875,71.01558125,28.40546875L71.01558125,24.03046875L63.68168125,24.03046875L63.68168125,32.44846875L60.80078125,32.44846875L60.80078125,24.03046875L53.59375125,24.03046875ZM71.01558125,21.39376875L71.01558125,16.56956875L63.68168125,16.56956875L63.68168125,21.39376875L71.01558125,21.39376875ZM71.01558125,13.96206875L71.01558125,9.29416875L63.68168125,9.29416875L63.68168125,13.96206875L71.01558125,13.96206875ZM60.80078125,9.29416875L53.74023125,9.29416875L53.74023125,13.96206875L60.80078125,13.96206875L60.80078125,9.29416875ZM79.05278125000001,13.15156875L88.92578125,13.15156875L88.92578125,15.397668750000001Q86.75778125,25.43666875,79.86328125,30.58316875L78.05668125,28.23946875Q83.87698125,23.92306875,86.10348125,15.90546875L79.05278125000001,15.90546875L79.05278125000001,13.15156875ZM104.30668125,12.03826875Q100.97658125000001,16.15936875,97.15818125,19.18666875Q100.64458125,24.70426875,106.07418125000001,28.32736875L104.26758125,30.944568750000002Q96.98238125,25.00706875,93.68168125,17.86836875L93.68168125,30.21206875Q93.68168125,33.40546875,90.76168125000001,33.40546875L86.82618124999999,33.40546875L86.19138125,30.612468749999998Q88.05668125,30.79806875,89.76558125,30.79806875Q90.80078125,30.79806875,90.80078125,29.50896875L90.80078125,5.71015875L93.68168125,5.71015875L93.68168125,11.92106875Q94.52148125,14.44066875,95.86918125,16.98946875Q99.25778125,14.02066875,101.99218125,10.32926875L104.30668125,12.03826875ZM134.57028125,28.40546875L121.61128125,28.40546875L121.61128125,25.76876875L131.84568124999998,25.76876875L131.84568124999998,22.59496875L122.62698125,22.59496875L122.62698125,20.08516875L131.84568124999998,20.08516875L131.84568124999998,16.96016875L121.94338125,16.96016875L121.94338125,14.596868749999999Q121.85548125,14.65546875,121.70898125,14.811668749999999Q121.56248125,14.958168749999999,121.48438125,15.01676875L119.92188125,13.08316875Q123.29098125,10.38786875,125.69338125,5.73944875L128.48628125,6.33515875Q127.70508125,7.80976875,127.25588125,8.53246875L132.98828125,8.53246875L132.98828125,10.68086875Q131.69918124999998,12.79996875,130.31248125000002,14.36246875L134.57028125,14.36246875L134.57028125,28.40546875ZM127.01168125,14.36246875Q128.38868125,12.85856875,129.68748125000002,11.10076875L125.44918125,11.10076875Q124.01368125,12.85856875,122.23628125,14.36246875L127.01168125,14.36246875ZM109.16988125,9.63596875L113.57418125,9.63596875L113.57418125,5.76874875L116.32808125,5.76874875L116.32808125,9.63596875L120.13668125,9.63596875L120.13668125,12.15546875L116.32808125,12.15546875L116.32808125,15.876168750000001L120.85938125,15.876168750000001L120.85938125,18.46406875L116.99218125,18.46406875L116.99218125,22.08706875L120.61528125,22.08706875L120.61528125,24.67496875L116.99218125,24.67496875L116.99218125,29.47966875Q119.67778125,30.25116875,128.43748125000002,30.25116875Q133.34958125,30.25116875,135.77148125,30.07536875L135.29298125,32.88786875L129.06248125000002,32.88786875Q118.05668125,32.88786875,115.21488125,31.686668750000003Q113.05668125,30.73946875,111.46488125,28.61056875Q110.88868124999999,31.03246875,109.95118124999999,33.36636875L107.92968125,31.569568750000002Q109.77538125000001,26.41326875,109.98048125,20.11446875L112.49028125,20.38786875Q112.40238125,23.21016875,112.07028125,25.40746875Q113.02738125,26.94066875,114.23828125,27.95626875L114.23828125,18.46406875L108.92578125,18.46406875L108.92578125,15.876168750000001L113.57418125,15.876168750000001L113.57418125,12.15546875L109.16988125,12.15546875L109.16988125,9.63596875ZM138.92578125,8.40546875L142.93948125,8.40546875L142.93948125,5.67108875L145.70308125,5.67108875L145.70308125,8.40546875L149.09178125,8.40546875L149.09178125,11.07146875L145.70308125,11.07146875L145.70308125,13.28826875Q147.92978125000002,12.87816875,149.03278125,12.64376875L149.03278125,15.21206875L145.70308125,15.827368750000002L145.70308125,18.86446875Q145.70308125,21.53046875,142.97848125000002,21.53046875L140.18558124999998,21.53046875L139.58008125,18.86446875Q140.83988125000002,19.04026875,142.00198125,19.04026875Q142.93948125,19.04026875,142.93948125,18.16136875L142.93948125,16.23746875L139.16988125,16.76486875L138.53518125,14.19646875Q140.54688125,14.04996875,142.93948125,13.69846875L142.93948125,11.07146875L138.92578125,11.07146875L138.92578125,8.40546875ZM150.90778125,12.59496875Q151.96278125,13.01486875,153.11478125,13.58126875Q153.51578125,12.27266875,153.63278125,11.07146875L150.30278125,11.07146875L150.30278125,8.40546875L153.69178125000002,8.40546875L153.69178125000002,5.64179875L156.42578125,5.64179875L156.42578125,8.40546875L162.02178125,8.40546875L162.02178125,14.51876875Q162.07978125,18.45426875,162.91978125,18.45426875Q163.39878125,18.45426875,163.84778125,15.153468749999998L166.10378125,16.23746875Q165.74178125,19.09886875,164.93178125,20.32926875Q164.00378125,21.46206875,162.83178125,21.46206875Q161.42578125,21.46206875,160.42978125000002,20.06566875Q159.47278125,18.65936875,159.47278125,14.61636875L159.47278125,11.07146875L156.36678125,11.07146875Q156.18178125,13.20036875,155.61478125,14.889868750000002Q157.41178125,15.83706875,158.80878124999998,16.82346875L157.30478125000002,18.98166875Q155.72278125,17.84886875,154.53078125000002,17.17496875Q153.17378125,19.65546875,150.96678125,21.31566875L152.75378125,21.31566875Q152.63678125,22.15546875,152.42178124999998,23.18086875L163.28078125000002,23.18086875Q163.28078125000002,29.75316875,162.24578125,31.637868750000003Q161.14278124999998,33.46406875,158.36878124999998,33.46406875Q156.65978124999998,33.46406875,154.77578125,33.34686875L154.02378125,30.612468749999998Q156.47478125,30.856668749999997,158.25178125,30.856668749999997Q159.91178125,30.75896875,160.19578124999998,29.27456875Q160.40078125,27.42886875,160.40078125,25.90546875L151.48478125,25.90546875Q150.58578125,27.86836875,149.14078125,29.27456875Q146.28908124999998,31.96016875,139.64848125,33.52266875L138.50588125000002,30.856668749999997Q144.23828125,29.64566875,146.78708125,27.48746875Q147.56878125,26.77456875,148.16378125,25.90546875L138.98438125,25.90546875L138.98438125,23.18086875L149.48278125000002,23.18086875Q149.63878125,22.57536875,149.88278125,21.31566875L150.75178125,21.31566875L148.70078125,19.07926875Q150.90778125,17.72186875,152.11878124999998,15.827368750000002Q151.02578125,15.24136875,149.48278125000002,14.63596875L150.90778125,12.59496875ZM180.80078125,6.530468750000001L195.74178125,6.530468750000001L195.74178125,9.20626875L189.86278125,9.20626875Q189.74578125,10.32926875,189.38478125,12.13596875L194.87278125,12.13596875L194.87278125,26.65746875L192.19678125,26.65746875L192.19678125,14.65546875L184.30678125,14.65546875L184.30678125,26.65746875L181.64078125,26.65746875L181.64078125,12.13596875L186.65078125,12.13596875Q186.83578125,11.11056875,187.07078125,9.20626875L180.80078125,9.20626875L180.80078125,6.530468750000001ZM190.71278125,26.56956875Q193.91578125,29.09886875,196.04478125,31.540268750000003L194.06278125,33.52266875Q192.19678125,31.07146875,188.90578125,28.33706875L190.71278125,26.56956875ZM186.79678125,16.05196875L189.56078125,16.05196875L189.56078125,21.44256875Q189.38478125,26.33516875,187.34378125,29.29416875Q185.39078125,32.00896875,180.91778125,33.52266875L179.38478125,31.090968750000002Q183.63278125,29.65546875,185.18578125,27.48746875Q186.67978125,25.13396875,186.79678125,21.45236875L186.79678125,16.05196875ZM171.82578125,10.62226875Q173.24178125,12.02846875,173.83778125,12.70236875Q175.09778125,11.23746875,176.32778125,9.17696875L169.12078125,9.17696875L169.12078125,6.530468750000001L179.35578125,6.530468750000001L179.35578125,8.75706875Q177.54878125,12.14566875,175.48878125,14.53826875L176.65978125,15.90546875L180.19578125,15.90546875L180.19578125,17.64376875Q179.44378125,21.30586875,178.51578125,23.22966875L176.18178125,22.31166875Q176.96278125,20.69066875,177.52978125,18.54216875L175.06878125,18.54216875L175.06878125,30.632068750000002Q175.06878125,33.40546875,172.54878125,33.40546875L169.59978125,33.40546875L169.03278125,30.81756875Q170.38078124999998,31.00316875,171.61178125,31.00316875Q172.36278125,31.00316875,172.36278125,29.99726875L172.36278125,18.54216875L168.28078125000002,18.54216875L168.28078125000002,15.90546875L173.56478125,15.90546875Q171.78678125,13.91326875,169.71678125,11.94066875L171.82578125,10.62226875ZM200.28278125,6.24726875Q202.74378125,8.25897875,204.48278125,10.32926875L202.62678125,12.18476875Q201.03478125,10.21206875,198.36878125,8.07343875L200.28278125,6.24726875ZM199.80478125,13.60076875Q202.29478125,15.846868749999999,203.88678125,17.97576875L202.06078125,19.84096875Q200.49778125,17.74136875,197.89078125,15.42696875L199.80478125,13.60076875ZM204.27778125,22.77066875Q202.68578125,28.22966875,200.61478125,33.28826875L198.03678125,32.17496875Q200.31278125,26.95036875,201.87478125,21.78436875L204.27778125,22.77066875ZM215.82078125,7.17499875L215.82078125,25.71996875L213.30078125,25.71996875L213.30078125,9.60666875L207.69578125,9.60666875L207.69578125,25.89566875L205.17578125,25.89566875L205.17578125,7.17499875L215.82078125,7.17499875ZM212.50978125,27.02846875Q215.18578125,29.35276875,217.05078125,31.78436875L215.09778125,33.63986875Q213.56478125,31.374168750000003,210.74178125,28.67886875L212.50978125,27.02846875ZM209.17978125,11.34496875L211.52378125,11.34496875L211.52378125,20.84686875Q211.36678125,26.11056875,209.91178125,29.19646875Q208.47678125,32.04806875,205.20478125,33.70816875L203.73978125,31.33516875Q206.81678125,29.79216875,207.95878125,27.42886875Q209.06278125,24.88986875,209.17978125,20.85666875L209.17978125,11.34496875ZM218.75978125,33.40546875L218.15478125,30.75896875Q219.65778125,30.944568750000002,221.06478125,30.944568750000002Q221.97278125,30.944568750000002,221.97278125,29.82146875L221.97278125,5.94452875L224.64878125,5.94452875L224.64878125,30.47576875Q224.64878125,33.40546875,222.01178125,33.40546875L218.75978125,33.40546875ZM217.67578125,8.40546875L220.16578125,8.40546875L220.16578125,26.95036875L217.67578125,26.95036875L217.67578125,8.40546875Z" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(0,1,-1,0,27.3212890625,-12.1416015625)"><path d="M21.4847553125,21.87494375C20.7550753125,22.87814375,21.4717053125,24.28554375,22.7121953125,24.28554375L41.0356453125,24.28554375C42.2760453125,24.28554375,42.9926453125,22.87824375,42.2631453125,21.87504375L33.1023453125,9.277693750000001C32.4962453125,8.44424675,31.253545312500002,8.44418875,30.6473453125,9.27758375L21.4847553125,21.87494375Z" fill="#37F1E7" fill-opacity="1"/></g><g><path d="M13.97271825,29.09134375L25.99725625,20.347043749999997C26.41395625,20.04394375,26.41405625,19.42264375,25.99735625,19.11954375L13.97266125,10.37347375C13.77631925,10.23066375,13.66015625,10.00253375,13.66015625,9.75974375L13.66015625,9.08022375C13.66015625,8.45997175,14.36383625,8.10166075,14.86543625,8.46649775L29.51195625,19.11954375C29.92865625,19.42264375,29.92855625,20.04394375,29.51185625,20.347043749999997L14.86537625,30.99794375C14.36377125,31.36274375,13.66015625,31.00444375,13.66015625,30.38424375L13.66015625,29.70504375C13.66015625,29.46224375,13.77634225,29.23414375,13.97271825,29.09134375" fill-rule="evenodd" fill="url(#master_svg0_18916_65591)" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
energyPredict/assets/ys.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="9" height="9" viewBox="0 0 9 9"><g transform="matrix(-1,0,0,1,18,0)" style="opacity:0.4000000059604645;"><path d="M9,0L18,0L14.96443,3.03557L12.03557,3.03557L12.03557,5.96443L9,9L9,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
energyPredict/assets/yuny.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="257" height="38" viewBox="0 0 257 38"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_18916_65591"><stop offset="0%" stop-color="#37F1E7" stop-opacity="1"/><stop offset="100%" stop-color="#37F1E7" stop-opacity="0"/></linearGradient></defs><g><g><path d="M59.03366953125,6.530468750000001L72.68606953125,6.530468750000001L72.68606953125,9.17696875L59.03366953125,9.17696875L59.03366953125,6.530468750000001ZM57.05126953125,13.75706875L74.81496953125,13.75706875L74.81496953125,16.48166875L65.54736953125,16.48166875Q63.477069531249995,21.82346875,61.58246953125,24.67496875Q66.83646953125,24.12816875,70.43996953125,23.31756875Q69.32666953125,20.76876875,68.33056953125,18.97186875L70.64506953125,18.21996875Q73.04736953125,22.30196875,74.90286953125,27.67306875L72.35396953125,28.32736875Q71.90476953125,27.00896875,71.45556953125,25.80776875Q66.38716953125,26.83316875,58.49656953125,27.48746875L57.74466953125,25.02656875Q59.45356953125,24.48946875,62.69576953125,16.48166875L57.05126953125,16.48166875L57.05126953125,13.75706875ZM50.99657953125,5.81757875Q53.96532953125,8.15155875,56.03564953125,10.52456875L53.99462953125,12.62416875Q52.28564953125,10.39766875,49.01415953125,7.702338749999999L50.99657953125,5.81757875ZM68.18406953125,32.85856875Q66.68996953125,32.85856875,62.90086953125,32.79996875Q60.08836953125,32.77066875,58.16456953125,32.29216875Q56.42626953125,31.78436875,55.07860953125,30.19256875Q54.44384953125,29.44066875,53.93603953125,29.44066875Q53.00829953125,29.44066875,50.69384953125,33.49336875L48.59423953125,31.540268750000003Q50.85009953125,27.87816875,52.67626953125,26.97966875L52.67626953125,18.49336875L48.62353953125,18.49336875L48.62353953125,15.846868749999999L55.34228953125,15.846868749999999L55.34228953125,27.22386875L55.76220953125,27.64376875Q56.75829953125,28.84496875,57.89106953125,29.44066875Q59.27786953125,30.10466875,61.79736953125,30.19256875Q65.15676953125,30.25116875,67.76416953125,30.25116875Q69.23876953125,30.25116875,72.23676953125,30.19256875Q74.21926953125,30.16326875,75.71336953125,30.04606875L75.02976953125,32.85856875L68.18406953125,32.85856875ZM84.20946953125,16.53046875L99.77586953125001,16.53046875L99.77586953125001,22.95626875L84.20946953125,22.95626875L84.20946953125,16.53046875ZM97.16846953125,20.85666875L97.16846953125,18.68866875L86.84616953125,18.68866875L86.84616953125,20.85666875L97.16846953125,20.85666875ZM102.55906953125,24.65546875L102.55906953125,33.40546875L99.83446953125,33.40546875L99.83446953125,32.15546875L84.26806953125,32.15546875L84.26806953125,33.40546875L81.50436953125,33.40546875L81.50436953125,24.65546875L102.55906953125,24.65546875ZM84.26806953125,29.78246875L99.83446953125,29.78246875L99.83446953125,26.99916875L84.26806953125,26.99916875L84.26806953125,29.78246875ZM78.92626953125,7.536328749999999L85.43996953125,7.536328749999999L85.43996953125,5.73944875L88.25246953125,5.73944875L88.25246953125,7.536328749999999L95.57666953124999,7.536328749999999L95.57666953124999,5.73944875L98.38916953124999,5.73944875L98.38916953124999,7.536328749999999L104.90286953124999,7.536328749999999L104.90286953124999,10.02656875L98.38916953124999,10.02656875L98.38916953124999,11.55976875L95.57666953124999,11.55976875L95.57666953124999,10.02656875L88.25246953125,10.02656875L88.25246953125,11.55976875L85.43996953125,11.55976875L85.43996953125,10.02656875L78.92626953125,10.02656875L78.92626953125,7.536328749999999ZM104.30716953125,12.25316875L104.30716953125,18.22966875L101.57276953125,18.22966875L101.57276953125,14.65546875L82.25636953125,14.65546875L82.25636953125,18.60076875L79.52196953125,18.60076875L79.52196953125,12.25316875L104.30716953125,12.25316875ZM117.47116953125,12.36056875Q119.87356953125,15.368368749999998,121.88526953125,18.13206875Q123.43796953125,15.124168749999999,124.46336953125,11.41326875L127.28566953125,11.90156875Q125.92826953125,16.85276875,123.77976953125,20.77846875Q126.47506953125,24.79216875,128.24266953125,27.86836875L125.66456953125,29.67496875Q123.89696953125,26.45236875,122.00246953125,23.60076875Q119.26806953125,27.46796875,115.70356953125,30.19256875L113.78956953125,27.71206875Q117.65676953125,24.73356875,120.23486953125,20.89566875Q117.58836953125,17.05776875,115.13716953125,13.80586875L117.47116953125,12.36056875ZM111.48486953125,6.530468750000001L131.42626953125,6.530468750000001L131.42626953125,19.05976875Q131.42626953125,26.21796875,131.84616953124998,28.05386875Q132.19776953125,30.01676875,132.74466953125,30.01676875Q133.16456953124998,30.01676875,133.42826953125,26.36446875L135.98676953125,27.62416875Q135.38136953125002,31.10076875,134.72706953124998,32.28246875Q133.94576953125,33.40546875,133.04736953125,33.40546875Q130.70356953125,33.40546875,129.61966953125,30.49526875Q128.51606953125,27.68276875,128.51606953125,18.99136875L128.51606953125,9.29416875L114.33646953125,9.29416875L114.33646953125,18.59096875Q114.23876953125,27.58516875,110.67426953124999,33.69846875L108.27196953125,31.75506875Q111.35786953125,26.49136875,111.48486953125,18.63986875L111.48486953125,6.530468750000001ZM139.28756953125,6.530468750000001L148.71126953125,6.530468750000001L148.71126953125,8.68866875Q147.33426953125002,12.78046875,145.62546953125002,16.97966875Q148.32126953124998,21.17886875,148.59426953125,24.31366875Q148.59426953125,26.40346875,147.70526953125,27.30196875Q146.42626953125,28.42496875,143.26216953124998,28.48356875L142.40286953125002,25.62226875Q143.37936953125,25.77846875,143.84816953125,25.77846875Q145.02976953125,25.69066875,145.42036953125,25.37816875Q145.80126953125,25.04606875,145.80126953125,24.32346875Q145.80126953125,21.23746875,142.88136953125002,17.40936875Q144.77586953125,12.91716875,145.91846953125,9.10856875L142.05126953125,9.10856875L142.05126953125,33.40546875L139.28756953125,33.40546875L139.28756953125,6.530468750000001ZM151.95326953125,14.96796875Q150.30326953125,16.58906875,148.65326953125,17.71206875L147.20726953125,15.446468750000001Q152.53026953124998,11.65746875,155.40126953125,5.47577875L157.92026953125,5.47577875Q160.38126953124998,11.17886875,166.26026953125,15.35856875L164.72726953125,17.71206875Q162.84226953125,16.38396875,161.49426953124998,15.02656875L161.49426953124998,16.61836875L151.95326953125,16.61836875L151.95326953125,14.96796875ZM160.53726953125,14.03046875Q158.16426953125,11.40346875,156.66026953124998,8.26874875Q154.92226953124998,11.65746875,152.82226953125002,14.03046875L160.53726953125,14.03046875ZM147.56926953125,29.65546875L158.19426953125,29.65546875Q160.04926953125,24.93866875,161.46526953125,18.08316875L164.24826953125,18.83516875Q162.90126953125,24.93866875,160.98726953125,29.65546875L165.59626953125002,29.65546875L165.59626953125002,32.38006875L147.56926953125,32.38006875L147.56926953125,29.65546875ZM151.44626953124998,19.03046875Q152.90126953125,22.75116875,154.11226953125,27.84886875L151.65126953125,28.45426875Q150.57626953125,23.90346875,148.98526953125,19.87026875L151.44626953124998,19.03046875ZM156.25026953125,17.94646875Q157.51026953125,21.63786875,158.49626953125,26.44256875L156.06526953125,27.06756875Q155.18626953125,22.79026875,153.80926953124998,18.71796875L156.25026953125,17.94646875ZM175.64526953125,9.65546875L170.71326953125,9.65546875L170.71326953125,6.87226875L189.07226953125,6.87226875L189.07226953125,8.72776875Q188.35026953125,12.01876875,187.42226953125,15.173068749999999L193.38926953125,15.173068749999999L193.38926953125,16.85276875Q192.07126953125,22.85856875,187.98926953125,26.99916875Q191.23126953125,29.27456875,195.54726953125,31.13006875L193.66226953125,33.68866875Q188.98526953125,31.52066875,185.77226953125,28.97186875Q181.83626953125,32.00896875,176.21126953125,33.83516875L174.56126953125,31.198468750000004Q179.84426953125,29.42106875,183.40826953125,26.93086875Q179.87326953125,23.45426875,177.92026953125,19.28436875Q176.29926953125,28.58126875,170.44026953125,33.56166875L168.25226953125,31.64766875Q175.48926953125,25.54416875,175.64526953125,12.10666875L175.64526953125,9.65546875ZM185.62526953125,25.13396875Q189.04326953125,21.95036875,190.39126953125,17.78046875L183.88726953125,17.78046875Q184.82426953125,15.007068749999998,185.95726953125,9.65546875L178.52626953125,9.65546875L178.52626953125,12.95626875L178.48726953125,13.75706875Q180.10826953125,20.31956875,185.62526953125,25.13396875ZM223.67226953125,18.20036875L217.30526953125,18.20036875L217.30526953125,20.03636875L224.09226953125,20.03636875L224.09226953125,22.37026875L217.30526953125,22.37026875L217.30526953125,24.23556875L224.96126953125,24.23556875L224.96126953125,26.59886875L217.30526953125,26.59886875L217.30526953125,29.03046875L214.55126953125,29.03046875L214.55126953125,26.59886875L207.97926953125,26.59886875L207.97926953125,24.23556875L214.55126953125,24.23556875L214.55126953125,22.37026875L208.90626953125,22.37026875L208.90626953125,20.03636875L214.55126953125,20.03636875L214.55126953125,18.20036875L209.54126953125,18.20036875L209.54126953125,15.83706875L214.55126953125,15.83706875L214.55126953125,13.97186875L208.06726953125,13.97186875L208.06726953125,11.66716875L214.55126953125,11.66716875L214.55126953125,9.86056875L209.54126953125,9.86056875L209.54126953125,7.5265587499999995L214.55126953125,7.5265587499999995L214.55126953125,5.51483875L217.30526953125,5.51483875L217.30526953125,7.5265587499999995L223.67226953125,7.5265587499999995L223.67226953125,11.66716875L225.46926953125,11.66716875L225.46926953125,13.97186875L223.67226953125,13.97186875L223.67226953125,18.20036875ZM217.30526953125,9.86056875L217.30526953125,11.66716875L220.93826953125,11.66716875L220.93826953125,9.86056875L217.30526953125,9.86056875ZM217.30526953125,13.97186875L217.30526953125,15.83706875L220.93826953125,15.83706875L220.93826953125,13.97186875L217.30526953125,13.97186875ZM215.29326953125,30.26096875Q219.50226953125,30.26096875,225.80126953125,30.04606875L225.32226953125,32.78046875L216.52426953125,32.78046875Q208.31126953125,32.78046875,204.70726953125,30.33906875Q204.31726953125,30.05586875,203.98526953125,29.72386875Q202.57826953125,31.715968750000002,200.66426953125,33.25896875L198.79926953125,30.827368749999998Q200.75226953125,29.42106875,202.07126953125,27.38006875Q200.42026953125,24.88986875,199.33626953125,21.16916875L201.73926953125,20.30976875Q202.52026953125,23.09296875,203.47726953125,24.86056875Q204.67826953125,22.07736875,204.95126953125,18.41526875L199.55126953125,18.41526875L199.55126953125,16.25706875Q201.86526953125,13.27846875,204.02426953125,9.59686875L199.55126953125,9.59686875L199.55126953125,6.8917987499999995L207.19726953125,6.8917987499999995L207.19726953125,9.23556875Q205.16626953125,13.04416875,203.21326953125,15.83706875L207.55926953125,15.83706875L207.55926953125,17.54606875Q207.37326953125,23.30776875,205.31326953125,27.43866875Q205.85026953125,28.03436875,206.47526953125,28.42496875Q209.41426953125,30.16326875,215.29326953125,30.26096875ZM244.51226953125,5.50507875Q247.30526953125,9.18666875,248.77026953125,11.95036875L246.52426953125,13.51286875Q244.99026953125,10.66136875,242.38326953125,7.0578087499999995L244.51226953125,5.50507875ZM254.38526953125,7.692578749999999Q252.94026953125,18.19066875,248.43826953125,24.76286875Q251.86526953125,28.65936875,256.29926953125,31.00316875L254.61926953125,33.46406875Q250.21526953125,31.090968750000002,246.72926953125,27.03826875Q243.13526953125,31.237468749999998,238.18426953125,33.46406875L236.62126953125,31.03246875Q241.57226953125,28.74726875,244.87326953125,24.70426875Q240.67426953125,18.85466875,238.18426953125,10.24136875L240.64526953125,8.86446875Q242.71526953125,16.87226875,246.58226953125,22.36056875Q250.42026953125,16.33516875,251.68026953125,7.11640875L254.38526953125,7.692578749999999ZM232.36326953125,5.92499875Q235.30326953125,8.25897875,237.18826953125,10.35856875L235.24426953125,12.34096875Q233.53526953125,10.21206875,230.38126953125,7.80976875L232.36326953125,5.92499875ZM228.28126953125,14.61636875L235.21526953125,14.61636875L235.21526953125,26.92106875Q236.28926953125,25.96406875,237.76426953125,24.48946875L238.54526953125,27.51676875Q235.89926953125,30.06566875,232.78326953125,32.23356875L231.69926953125,29.61636875Q232.48126953125,29.02066875,232.48126953125,28.12226875L232.48126953125,17.35076875L228.28126953125,17.35076875L228.28126953125,14.61636875Z" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(0,1,-1,0,27.3212890625,-12.1416015625)"><path d="M21.4847553125,21.87494375C20.7550753125,22.87814375,21.4717053125,24.28554375,22.7121953125,24.28554375L41.0356453125,24.28554375C42.2760453125,24.28554375,42.9926453125,22.87824375,42.2631453125,21.87504375L33.1023453125,9.277693750000001C32.4962453125,8.44424675,31.253545312500002,8.44418875,30.6473453125,9.27758375L21.4847553125,21.87494375Z" fill="#37F1E7" fill-opacity="1"/></g><g><path d="M13.97271825,29.09134375L25.99725625,20.347043749999997C26.41395625,20.04394375,26.41405625,19.42264375,25.99735625,19.11954375L13.97266125,10.37347375C13.77631925,10.23066375,13.66015625,10.00253375,13.66015625,9.75974375L13.66015625,9.08022375C13.66015625,8.45997175,14.36383625,8.10166075,14.86543625,8.46649775L29.51195625,19.11954375C29.92865625,19.42264375,29.92855625,20.04394375,29.51185625,20.347043749999997L14.86537625,30.99794375C14.36377125,31.36274375,13.66015625,31.00444375,13.66015625,30.38424375L13.66015625,29.70504375C13.66015625,29.46224375,13.77634225,29.23414375,13.97271825,29.09134375" fill-rule="evenodd" fill="url(#master_svg0_18916_65591)" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
energyPredict/assets/yx.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="9" height="9" viewBox="0 0 9 9"><g transform="matrix(-1,0,0,-1,18,18)" style="opacity:0.4000000059604645;"><path d="M9,9L18,9L14.96443,12.03557L12.03557,12.03557L12.03557,14.96443L9,18L9,9Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
energyPredict/assets/zs.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="9" height="9" viewBox="0 0 9 9"><g style="opacity:0.4000000059604645;"><path d="M0,0L9,0L5.96443,3.03557L3.03557,3.03557L3.03557,5.96443L0,9L0,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
energyPredict/assets/zx.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="9" height="9" viewBox="0 0 9 9"><g transform="matrix(1,0,0,-1,0,18)" style="opacity:0.4000000059604645;"><path d="M0,9L9,9L5.96443,12.03557L3.03557,12.03557L3.03557,14.96443L0,18L0,9Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
report-ioc.css → period-report/report-ioc.css
......@@ -254,7 +254,27 @@ body {
color: #fff;
font-size: 16px;
/* margin-bottom: 10px; */
margin-left: 28px;
/* margin-left: 28px; */
}
.circle-title {
width: 125px;
text-align: center;
}
.repair-title {
width: 130px;
text-align: center;
}
.contract-title {
width: 105px;
text-align: center;
}
.repair-title-2 {
width: 90px;
text-align: center;
}
.ele-title {
width: 90px;
text-align: center;
}
.operator-wrapper-content-box-chart {
/* width: 472px; */
......@@ -312,10 +332,9 @@ body {
opacity: 0.7;
}
.chart-area {
width: 102px;
height: 102px;
width: 90px;
height: 90px;
margin: 12px 10px 14px 19px;
padding: 14px 14px;
box-sizing: border-box;
background: url("./assets/chart-bg.png") no-repeat;
......@@ -325,10 +344,12 @@ body {
font-size: 200px;
width: 76px;
height: 76px;
position: relative;
/* position: relative; */
/* background-color: #333; */
background: linear-gradient(#35e5cd, #15e9ee);
position: absolute;
top: 23px;
left: 26px;
}
.circle-bar-left,
.circle-bar-right {
......@@ -404,8 +425,11 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
font-size: 200px;
width: 76px;
height: 76px;
position: relative;
background: #f3be28;
/* position: relative; */
background: #f3be28 !important;
position: absolute;
top: 23px;
left: 26px;
}
/*所有的后代都水平垂直居中，这样就是同心圆了*/
......@@ -468,10 +492,11 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
}
.percent {
font-family: DIN Alternate-Bold;
font-size: 20px !important;
}
.percent-text {
color: #fff;
font-size: 18px;
font-size: 16px;
margin-top: 30px;
opacity: 0.7;
......@@ -490,13 +515,13 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
left: 0;
}
.chart-desc-other {
width: 175px !important;
width: 172px !important;
height: 18px;
}
.chart-desc-task {
position: relative;
display: flex;
margin-top: 10px;
margin-top: 26px;
width: 160px;
}
.chart-desc-text {
......@@ -514,7 +539,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
font-family: DIN Alternate-Bold;
}
.chart-desc-unfinished {
margin-top: 10px;
margin-top: 6px;
}
.chart-desc-unfinished-value {
color: #ff6464;
......@@ -552,28 +577,63 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
height: 8px;
}
.desc-contract {
margin-top: 4px;
margin-top: -6px;
}
.repair-require-chart {
background: url("./assets/repair-require-bg.png") no-repeat;
width: 115px;
height: 115px;
background-size: cover;
/* background: url("./assets/repair-require-bg.png") no-repeat; */
/* width: 115px;
height: 115px; */
width: 100px;
height: 100px;
position: relative;
margin-left: 16px;
margin-right: 3px;
/* background-size: cover; */
}
.repair-require-chart img {
width: 145px;
height: 145px;
position: absolute;
top: -22px;
left: -23px;
}
.repair-require-chart-wrapper {
width: 115px;
height: 115px;
/* width: 115px;
height: 115px; */
width: 100px;
height: 100px;
}
.contract-chart {
background: url("./assets/contract-bg.png") no-repeat;
width: 115px;
height: 115px;
background-size: cover;
/* background: url("./assets/contract-bg.png") no-repeat; */
/* width: 115px;
height: 115px; */
width: 100px;
height: 100px;
position: relative;
margin-left: 4px;
margin-right: 3px;
/* background-size: cover; */
}
.contract-chart-first {
margin-left: 16px !important;
margin-right: 3px;
}
.contract-title-first {
width: 130px;
text-align: center;
}
.contract-chart img {
width: 145px;
height: 145px;
position: absolute;
top: -22px;
left: -23px;
}
.contract-chart-wrapper {
width: 115px;
height: 115px;
/* width: 115px;
height: 115px; */
width: 100px;
height: 100px;
}
.top-left {
......@@ -619,9 +679,12 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
}
.repair-require-info-text {
color: #fff;
margin-left: 8px;
/* margin-left: 8px; */
/* margin: 0 auto; */
display: flex;
justify-content: center;
}
.repair-require-info-text span {
.repair-require-info-text > div:first-child {
font-weight: 700;
font-size: 18px;
text-align: center;
......@@ -629,10 +692,12 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
}
.electricity-info-text {
color: #ff6464;
margin-left: 8px;
/* margin-left: 8px; */
display: flex;
/* margin: 0 auto; */
justify-content: center;
}
.electricity-info-text div {
.electricity-info-text > div:first-child {
font-weight: 700;
font-size: 18px;
text-align: center;
......@@ -644,20 +709,20 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
}
.chart-data {
position: relative;
margin-top: 20px;
margin-top: 10px;
width: 180px;
margin-left: 20px;
}
.bar-data {
position: relative;
margin-left: 20px;
margin-top: -20px;
margin-top: -26px;
width: 180px;
}
.bar-data-2 {
position: relative;
margin-left: 20px;
margin-top: 10px;
margin-top: 4px;
width: 180px;
}
.chart-data-text {
......@@ -692,7 +757,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
}
.g-progress {
margin: auto;
width: 167px;
width: 145px;
height: 9px;
border-radius: 25px;
......@@ -708,7 +773,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
}
.assign-progress {
margin: auto;
width: 166px;
width: 145px;
height: 9px;
border-radius: 25px;
......
report-ioc.html → period-report/report-ioc.html
......@@ -144,11 +144,13 @@
</div>
<div class="operator-wrapper-content">
<div class="operator-wrapper-content-box">
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">秩序维护部</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title circle-title">
秩序维护部
</div>
<div class="operator-wrapper-content-box-chart">
<div class="chart-area">
<div class="circle-bar">
......@@ -176,11 +178,13 @@
</div>
</div>
<div class="operator-wrapper-content-box">
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">安防部</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title circle-title">
安防部
</div>
<div class="operator-wrapper-content-box-chart">
<div class="chart-area">
<div class="circle-bar">
......@@ -188,7 +192,7 @@
<div class="circle-bar-right-2"></div>
<!-- 遮罩层，显示百分比 -->
<div class="second-mask">
<span class="percent">10%</span>
<span class="percent">100%</span>
<span class="percent-text">完成率</span>
</div>
</div>
......@@ -208,11 +212,13 @@
</div>
</div>
<div class="operator-wrapper-content-box">
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">设备告警工单</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title circle-title">
设备告警工单
</div>
<div class="operator-wrapper-content-box-chart">
<div class="chart-area">
<div class="circle-bar-3">
......@@ -220,7 +226,7 @@
<div class="circle-bar-right-3"></div>
<!-- 遮罩层，显示百分比 -->
<div class="third-mask">
<span class="percent">30%</span>
<span class="percent">100%</span>
<span class="percent-text">完成率</span>
</div>
</div>
......@@ -241,13 +247,16 @@
</div>
<div class="operator-wrapper-content-box">
<!--日报， 周报， -->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">报事报修</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title repair-title">
报事报修
</div>
<div class="operator-wrapper-content-box-chart">
<div class="pie-chart-area repair-require-chart">
<img src="./assets/repair-require-bg.png" />
<div
id="repair-require"
class="repair-require-chart-wrapper"
......@@ -271,14 +280,19 @@
</div>
<div class="operator-wrapper-content-box">
<!--日报， 周报，月报， 半年报，年报-->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">合同</div>
<div class="bottom-right"></div> -->
<div
class="operator-wrapper-content-box-title contract-title contract-title-first"
>
合同
</div>
<div class="operator-wrapper-content-box-chart">
<div class="pie-chart-area contract-chart">
<div class="pie-chart-area contract-chart contract-chart-first">
<img src="./assets/contract-bg.png" />
<div id="contract" class="contract-chart-wrapper"></div>
</div>
<div class="chart-desc chart-desc-other">
......@@ -295,7 +309,7 @@
<img src="./assets/desc-line.png" />
</div>
<div class="chart-desc-task chart-desc-unfinished">
<div class="chart-desc-handle-legend"></div>
<div class="will-finished"></div>
<div class="chart-desc-text">即将到期</div>
<div class="chart-desc-unfinished-value">7</div>
<img src="./assets/desc-line.png" />
......@@ -305,16 +319,21 @@
</div>
<div class="operator-wrapper-content-box">
<!--月报，季报， 半年报，年报-->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">报事报修</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title repair-title-2">
报事报修
</div>
<div class="operator-wrapper-content-box-progress">
<div class="pie-chart-area repair-require-info">
<img src="./assets/repair-requir-icon.png" />
<div class="repair-require-info-text"><span>389</span>个</div>
<div class="repair-require-info-text">
<div>389</div>
<div>个</div>
</div>
</div>
<div class="chart-desc">
<div class="chart-data">
......@@ -352,18 +371,20 @@
</div>
<div class="operator-wrapper-content-box">
<!--月报，季报，半年报，年报-->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">水电费单</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title ele-title">
水电费单
</div>
<div class="electricity-box-progress">
<div class="pie-chart-area repair-require-info">
<img src="./assets/electricity-icon.png" />
<div class="electricity-info-text">
<div>3.09</div>
万元
<div>万元</div>
</div>
</div>
<div class="chart-desc">
......@@ -475,7 +496,7 @@
}
var percent3 = parseInt($(".third-mask :first-child").text());
var baseColor = $(".circle-bar").css("background");
var baseColor = $(".circle-bar-3").css("background");
console.log("percent3==", percent3);
if (percent3 <= 50) {
$(".circle-bar-right-3").css(
......@@ -511,7 +532,7 @@
{
name: "",
type: "pie",
radius: ["50%", "60%"],
radius: ["75%", "88%"],
hoverAnimation: false,
itemStyle: {
borderRadius: 10,
......@@ -558,7 +579,7 @@
{
name: "",
type: "pie",
radius: ["50%", "60%"],
radius: ["75%", "88%"],
hoverAnimation: false,
itemStyle: {
borderRadius: 10,
......
report.css → period-report/report.css
......@@ -4,10 +4,10 @@
height: 2.8rem;
}
.report-title-time {
font-size: 0.86rem;
font-size: 1.29rem;
}
.report-title-info {
font-size: 0.86rem;
font-size: 1.29rem;
}
.invest-wrapper {
margin-top: 3.75rem !important;
......@@ -42,6 +42,9 @@
.invest-wrapper-content-last-text {
margin-right: 0.14rem;
}
br {
display: none;
}
.invest-wrapper-content-customers {
font-size: 1.5rem;
}
......@@ -52,12 +55,12 @@
margin-bottom: 0.14rem;
}
.invest-wrapper-content-left-item-img {
width: 9.21rem;
height: 1.68rem;
width: 9rem;
height: 1.6rem;
margin-right: 0.82rem;
}
.invest-wrapper-content-left-item-line {
width: 4.54rem;
width: 3.8rem;
height: 0.5rem;
margin-top: 0.64rem;
margin-right: 0.71rem;
......@@ -77,10 +80,12 @@
.invest-wrapper-left-bracket-big img {
width: 0.36rem;
height: 4.07rem;
margin-right: 0.07rem;
}
.invest-wrapper-right-bracket-big img {
width: 0.21rem;
height: 2.61rem;
width: 0.36rem;
height: 4.07rem;
margin-left: 0.07rem;
}
.invest-wrapper-left-bracket-middle img {
......@@ -104,13 +109,38 @@
}
.operator-wrapper-content-box {
margin-right: 1.07rem;
margin-bottom: 0.64rem;
margin-bottom: 1.79rem;
}
.operator-wrapper-content-box-title {
font-size: 0.57rem;
font-size: 0.86rem;
}
.circle-title {
/* width: 136px; */
width: 7rem;
text-align: center;
}
.repair-title {
/* width: 136px; */
width: 7rem;
text-align: center;
}
.contract-title {
/* width: 140px; */
width: 7rem;
text-align: center;
}
.repair-title-2 {
/* width: 100px; */
width: 7rem;
text-align: center;
}
.ele-title {
/* width: 100px; */
width: 7rem;
text-align: center;
}
.operator-wrapper-content-box-chart {
height: 7.43rem;
/* height: 7.43rem; */
}
.operator-wrapper-content-box-progress {
height: 12rem;
......@@ -123,7 +153,8 @@
}
.advise-wrapper {
margin-left: 1.6rem !important;
margin-top: 0.5rem !important;
margin-top: 0 !important;
margin-bottom: 3.57rem !important;
}
.advise-wrapper-title img {
width: 9.18rem;
......@@ -142,92 +173,118 @@
font-size: 1rem;
}
.chart-area {
/* width: 5rem;
width: 5rem;
height: 5rem;
margin: 0.43rem 0.86rem 0.71rem 1rem; */
width: 100px;
margin: 0.43rem 0.86rem 0.71rem 1rem;
/* width: 100px;
height: 100px;
margin: 12px 10px 14px 19px;
margin: 12px 10px 14px 19px; */
}
.circle-bar {
/* width: 4rem;
height: 4rem; */
width: 72px;
height: 72px;
width: 4rem;
height: 4rem;
/* width: 72px;
height: 72px; */
position: absolute;
top: -0.38rem;
left: -0.38rem;
}
.circle-bar-left,
.circle-bar-right {
/* width: 4rem;
height: 4rem; */
width: 72px;
height: 72px;
width: 4rem;
height: 4rem;
/* width: 72px;
height: 72px; */
}
.circle-bar-right {
/* clip: rect(0, auto, auto, 2rem); */
clip: rect(0, auto, auto, 35px);
clip: rect(0, auto, auto, 2rem);
/* clip: rect(0, auto, auto, 35px); */
}
.circle-bar-left {
/* clip: rect(0, 2rem, auto, 0); */
clip: rect(0, 35px, auto, 0);
clip: rect(0, 2rem, auto, 0);
/* clip: rect(0, 35px, auto, 0); */
}
.mask {
/* width: 3.2rem;
height: 3.2rem; */
width: 60px;
height: 60px;
width: 3.2rem;
height: 3.2rem;
/* width: 60px;
height: 60px; */
position: relative;
}
.mask :first-child {
/* font-size: 1.2rem;
font-size: 1.2rem;
height: 3.2rem;
line-height: 2.5rem; */
font-size: 22px;
line-height: 2.5rem;
/* font-size: 22px;
height: 30px;
line-height: 10px;
line-height: 10px; */
}
.circle-bar-left-2,
.circle-bar-right-2 {
width: 72px;
height: 72px;
/* width: 72px;
height: 72px; */
width: 4rem;
height: 4rem;
}
.circle-bar-right-2 {
clip: rect(0, auto, auto, 35px);
/* clip: rect(0, auto, auto, 35px); */
clip: rect(0, auto, auto, 2rem);
}
.circle-bar-left-2 {
clip: rect(0, 35px, auto, 0);
/* clip: rect(0, 35px, auto, 0); */
clip: rect(0, 2rem, auto, 0);
}
.second-mask {
width: 60px;
height: 60px;
/* width: 60px;
height: 60px; */
width: 3.2rem;
height: 3.2rem;
}
.second-mask :first-child {
font-size: 22px;
/* font-size: 22px;
height: 30px;
line-height: 10px;
line-height: 10px; */
font-size: 1.2rem;
height: 3.2rem;
line-height: 2.5rem;
}
.circle-bar-3 {
width: 72px;
height: 72px;
/* width: 72px;
height: 72px; */
width: 4rem;
height: 4rem;
position: absolute;
top: -0.38rem;
left: -0.38rem;
}
.circle-bar-left-3,
.circle-bar-right-3 {
width: 72px;
height: 72px;
/* width: 72px;
height: 72px; */
width: 4rem;
height: 4rem;
}
.circle-bar-right-3 {
clip: rect(0, auto, auto, 35px);
/* clip: rect(0, auto, auto, 35px); */
clip: rect(0, auto, auto, 2rem);
}
.circle-bar-left-3 {
clip: rect(0, 35px, auto, 0);
/* clip: rect(0, 35px, auto, 0); */
clip: rect(0, 2rem, auto, 0);
}
.third-mask {
width: 60px;
height: 60px;
/* width: 60px;
height: 60px; */
width: 3.2rem;
height: 3.2rem;
}
.third-mask :first-child {
font-size: 22px;
/* font-size: 22px;
height: 30px;
line-height: 10px;
line-height: 10px; */
font-size: 1.2rem;
height: 3.2rem;
line-height: 2.5rem;
}
.percent-text {
font-size: 0.79rem;
......@@ -247,13 +304,24 @@
margin-top: 1.07rem;
width: 9.29rem;
}
.echart-desc {
/* margin-left: 0.2rem; */
margin-top: 0.45rem !important;
}
.chart-desc-text {
font-size: 1rem;
margin-left: 0.71rem;
margin-top: 0.3rem;
}
.chart-desc-value {
font-size: 1.21rem;
}
.contract-new {
margin-top: -0.8rem !important;
}
.contract-unfinished {
margin-top: 0 !important;
}
.chart-desc-unfinished-value {
font-size: 1.21rem;
}
......@@ -272,26 +340,52 @@
.repair-require-chart {
/* width: 4.11rem;
height: 4.11rem; */
/* width: 7rem;
height: 7rem; */
width: 5rem;
height: 5rem;
position: relative;
margin-left: 1rem;
margin-right: 0.9rem;
/* width: 10rem;
height: 10rem; */
}
.repair-require-chart img {
width: 7rem;
height: 7rem;
position: absolute;
top: -1rem;
left: -1rem;
}
.repair-require-chart-wrapper {
/* width: 4.11rem;
height: 4.11rem; */
width: 7rem;
height: 7rem;
/* width: 7rem;
height: 7rem; */
width: 5rem;
height: 5rem;
}
.contract-chart {
/* width: 4.11rem;
height: 4.11rem; */
width: 5rem;
height: 5rem;
position: relative;
margin-left: 1rem;
margin-right: 0.9rem;
}
.contract-chart img {
width: 7rem;
height: 7rem;
position: absolute;
top: -1rem;
left: -1rem;
}
.contract-chart-wrapper {
/* width: 4.11rem;
height: 4.11rem; */
width: 7rem;
height: 7rem;
width: 5rem;
height: 5rem;
}
.repair-require-info {
margin-left: 0.71rem;
......@@ -312,33 +406,39 @@
.electricity-info-text span {
font-size: 1.21rem;
font-family: DIN Alternate-Bold;
margin-left: 0.5rem;
margin-top: -0.1rem;
}
.chart-data {
width: 10.55rem;
width: 10rem;
margin-left: 1.39rem;
margin-top: 0.36rem;
margin-bottom: 0.8rem;
}
.chart-data img {
width: 11rem;
width: 10rem;
height: 0.96rem;
}
.bar-data {
margin-left: 1.96rem;
margin-left: 1.45rem;
margin-top: -1.25rem;
width: 10.1rem;
}
.bar-data-2 {
margin-left: 1.96rem;
margin-left: 1.45rem;
margin-top: 0.35rem;
width: 10.1rem;
}
.chart-data-text-title {
font-size: 1rem;
width: 6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chart-data-text-num {
font-size: 1.21rem;
margin-right: 2rem;
margin-right: 0.9rem;
}
.g-progress {
margin: 0;
......@@ -395,6 +495,9 @@
.invest-wrapper-content-last-text {
margin-right: 10px;
}
br {
display: block;
}
.invest-wrapper-content-customers {
font-size: 24px;
}
......@@ -460,6 +563,26 @@
.operator-wrapper-content-box-title {
font-size: 16px;
}
.circle-title {
width: 125px;
text-align: center;
}
.repair-title {
width: 130px;
text-align: center;
}
.contract-title {
width: 105px;
text-align: center;
}
.repair-title-2 {
width: 90px;
text-align: center;
}
.ele-title {
width: 90px;
text-align: center;
}
.operator-wrapper-content-box-chart {
height: 120px;
}
......@@ -574,7 +697,7 @@
height: 18px;
}
.chart-desc-other {
width: 175px !important;
width: 172px !important;
height: 18px;
}
.chart-desc-task {
......@@ -607,6 +730,15 @@
.repair-require-chart {
width: 115px;
height: 115px;
position: relative;
margin-left: 15px;
}
.repair-require-chart img {
width: 160px;
height: 160px;
position: absolute;
top: -23px;
left: -23px;
}
.repair-require-chart-wrapper {
width: 115px;
......@@ -615,6 +747,15 @@
.contract-chart {
width: 115px;
height: 115px;
position: relative;
margin-left: 15px;
}
.contract-chart img {
width: 160px;
height: 160px;
position: absolute;
top: -23px;
left: -23px;
}
.contract-chart-wrapper {
width: 115px;
......@@ -628,16 +769,17 @@
height: 60px;
}
.repair-require-info-text {
margin-left: 8px;
/* margin-left: 8px; */
}
.repair-require-info-text span {
font-size: 18px;
}
.electricity-info-text {
margin-left: 8px;
/* margin-left: 8px; */
}
.electricity-info-text span {
font-size: 18px;
margin-top: -4px;
}
.chart-data {
width: 180px;
......@@ -685,6 +827,9 @@
.report-title-info {
font-size: 36px;
}
.report-title {
margin-top: 4px;
}
.invest-wrapper {
margin-top: 120px;
margin-left: 72px;
......@@ -717,6 +862,9 @@
.invest-wrapper-content-last-text {
margin-right: 20px;
}
br {
display: block;
}
.invest-wrapper-content-customers {
font-size: 42px;
}
......@@ -782,6 +930,30 @@
.operator-wrapper-content-box-title {
font-size: 24px;
}
.circle-title {
width: 200px;
text-align: center;
}
.repair-title {
width: 200px;
text-align: center;
}
.contract-title {
width: 160px;
text-align: center;
}
.contract-title-first {
width: 200px;
text-align: center;
}
.repair-title-2 {
width: 150px;
text-align: center;
}
.ele-title {
width: 140px;
text-align: center;
}
.operator-wrapper-content-box-chart {
height: 170px;
}
......@@ -902,6 +1074,7 @@
.chart-desc-task {
margin-top: 30px;
width: 260px;
height: 42px;
}
.chart-desc-text {
font-size: 28px;
......@@ -928,6 +1101,15 @@
.repair-require-chart {
width: 160px;
height: 160px;
position: relative;
margin-left: 20px;
}
.repair-require-chart img {
width: 220px;
height: 220px;
position: absolute;
top: -30px;
left: -30px;
}
.repair-require-chart-wrapper {
width: 160px;
......@@ -936,6 +1118,19 @@
.contract-chart {
width: 160px;
height: 160px;
position: relative;
/* margin-left: 20px; */
margin-right: 10px;
}
.contract-chart img {
width: 220px;
height: 220px;
position: absolute;
top: -30px;
left: -30px;
}
.contract-chart-first {
margin-left: 20px !important;
}
.contract-chart-wrapper {
width: 160px;
......@@ -949,16 +1144,18 @@
height: 92px;
}
.repair-require-info-text {
margin-left: 20px;
/* margin-left: 20px; */
}
.repair-require-info-text span {
font-size: 34px;
}
.electricity-info-text {
margin-left: 20px;
/* margin-left: 10px; */
margin: 0 auto;
}
.electricity-info-text span {
font-size: 34px;
margin-top: -4px;
}
.chart-data {
width: 260px;
......@@ -1044,7 +1241,8 @@ body {
top: 0;
left: 50%;
transform: translateX(-50%);
margin-top: 4px;
width: 100%;
text-align: center;
}
.report-title-time {
color: #5cb3ff;
......@@ -1187,7 +1385,7 @@ body {
}
.operator-wrapper-content-box-title {
color: #fff;
margin-left: 28px;
/* margin-left: 28px; */
}
.operator-wrapper-content-box-chart {
position: relative;
......@@ -1411,11 +1609,11 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
margin-top: 4px;
}
.repair-require-chart {
background: url("./assets/repair-require-bg.png") no-repeat;
/* background: url("./assets/repair-require-bg.png") no-repeat; */
background-size: cover;
}
.contract-chart {
background: url("./assets/contract-bg.png") no-repeat;
/* background: url("./assets/contract-bg.png") no-repeat; */
background-size: cover;
}
......@@ -1457,6 +1655,8 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
.repair-require-info-text {
color: #fff;
text-align: center;
margin: 0 auto !important;
}
.repair-require-info-text span {
font-weight: 700;
......@@ -1466,8 +1666,10 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
.electricity-info-text {
color: #ff6464;
display: flex;
text-align: center;
margin: 0 auto !important;
}
.electricity-info-text div {
.electricity-info-text span {
font-weight: 700;
text-align: center;
font-family: DIN Alternate-Bold;
......@@ -1475,6 +1677,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* margin-top: -5px; */
}
.chart-data {
......
report.html → period-report/report.html
......@@ -148,11 +148,13 @@
</div>
<div class="operator-wrapper-content">
<div class="operator-wrapper-content-box">
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">秩序维护部</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title circle-title">
秩序维护部
</div>
<div class="operator-wrapper-content-box-chart">
<div class="chart-area">
<div class="circle-bar">
......@@ -180,11 +182,13 @@
</div>
</div>
<div class="operator-wrapper-content-box">
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">安防部</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title circle-title">
安防部
</div>
<div class="operator-wrapper-content-box-chart">
<div class="chart-area">
<div class="circle-bar">
......@@ -212,11 +216,13 @@
</div>
</div>
<div class="operator-wrapper-content-box">
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">设备告警工单</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title circle-title">
设备告警工单
</div>
<div class="operator-wrapper-content-box-chart">
<div class="chart-area">
<div class="circle-bar-3">
......@@ -245,26 +251,29 @@
</div>
<div class="operator-wrapper-content-box">
<!--日报， 周报， -->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">报事报修</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title repair-title">
报事报修
</div>
<div class="operator-wrapper-content-box-chart">
<div class="pie-chart-area repair-require-chart">
<image src="./assets/repair-require-bg.png" />
<div
id="repair-require"
class="repair-require-chart-wrapper"
></div>
</div>
<div class="chart-desc chart-desc-other">
<div class="chart-desc-task">
<div class="chart-desc-task echart-desc">
<div class="chart-desc-daily-legend"></div>
<div class="chart-desc-text">今日新增</div>
<div class="chart-desc-value">18</div>
<img src="./assets/desc-line.png" />
</div>
<div class="chart-desc-task chart-desc-unfinished">
<div class="chart-desc-task chart-desc-unfinished echart-desc">
<div class="chart-desc-handle-legend"></div>
<div class="chart-desc-text">处理中</div>
<div class="chart-desc-unfinished-value">5</div>
......@@ -275,33 +284,42 @@
</div>
<div class="operator-wrapper-content-box">
<!--日报， 周报，月报， 半年报，年报-->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">合同</div>
<div class="bottom-right"></div> -->
<div
class="operator-wrapper-content-box-title contract-title contract-title-first"
>
合同
</div>
<div class="operator-wrapper-content-box-chart">
<!-- <div class="pie-chart-area contract-chart">
<div id="contract" class="contract-chart-wrapper"></div>
</div> -->
<div class="pie-chart-area contract-chart">
<div id="contract" class="repair-require-chart-wrapper"></div>
<div class="pie-chart-area contract-chart contract-chart-first">
<img src="./assets/contract-bg.png" />
<div id="contract" class="contract-chart-wrapper"></div>
</div>
<div class="chart-desc chart-desc-other">
<div class="chart-desc chart-desc-other contract-new">
<div class="chart-desc-task desc-contract">
<div class="chart-desc-daily-legend"></div>
<div class="chart-desc-text">新增合同</div>
<div class="chart-desc-value">18</div>
<img src="./assets/desc-line.png" />
</div>
<div class="chart-desc-task chart-desc-unfinished">
<div
class="chart-desc-task chart-desc-unfinished contract-unfinished"
>
<div class="chart-desc-handle-legend"></div>
<div class="chart-desc-text">到期合同</div>
<div class="chart-desc-unfinished-value">5</div>
<img src="./assets/desc-line.png" />
</div>
<div class="chart-desc-task chart-desc-unfinished">
<div
class="chart-desc-task chart-desc-unfinished contract-unfinished"
>
<div class="will-finished"></div>
<div class="chart-desc-text">即将到期</div>
<div class="chart-desc-unfinished-value">7</div>
......@@ -312,11 +330,13 @@
</div>
<div class="operator-wrapper-content-box">
<!--月报，季报， 半年报，年报-->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">报事报修</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title repair-title-2">
报事报修
</div>
<div class="operator-wrapper-content-box-progress">
<div class="pie-chart-area repair-require-info">
......@@ -361,17 +381,19 @@
</div>
<div class="operator-wrapper-content-box">
<!--月报，季报，半年报，年报-->
<div class="top-left"></div>
<!-- <div class="top-left"></div>
<div class="top-right"></div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
<div class="operator-wrapper-content-box-title">水电费单</div>
<div class="bottom-right"></div> -->
<div class="operator-wrapper-content-box-title ele-title">
水电费单
</div>
<div class="electricity-box-progress">
<div class="pie-chart-area repair-require-info">
<img src="./assets/electricity-icon.png" />
<div class="electricity-info-text">
<div>3.09</div>
<span>3.09</span>
万元
</div>
</div>
......@@ -485,7 +507,7 @@
}
var percent3 = parseInt($(".third-mask :first-child").text());
var baseColor = $(".circle-bar").css("background");
var baseColor = $(".circle-bar-3").css("background");
console.log("percent3==", percent3);
if (percent3 <= 50) {
$(".circle-bar-right-3").css(
......@@ -512,13 +534,16 @@
tooltip: {
trigger: "item",
},
grid: {
left: 30,
},
legend: false,
color: ["#5CB3FF", "#FF6464"],
series: [
{
name: "",
type: "pie",
radius: ["50%", "60%"],
radius: ["75%", "88%"],
hoverAnimation: false,
itemStyle: {
borderRadius: 10,
......@@ -565,7 +590,7 @@
{
name: "",
type: "pie",
radius: ["50%", "60%"],
radius: ["75%", "88%"],
hoverAnimation: false,
itemStyle: {
borderRadius: 10,
......
test.html deleted 100644 → 0
<html>
<head>
<style>
body {
width: 100vw;
height: 100vh;
}
.wrapper {
width: 100%;
height: 100vh;
display: flex;
justify-content: space-between;
}
.a {
width: 460px;
height: 100px;
background: red;
}
.b {
width: 1000px;
height: 100px;
background: green;
}
.c {
width: 460px;
height: 100px;
background: blue;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="a">
<div>
22222222点击咖啡店了解到了考虑到封疆大吏房间里的克劳福德劳动纪律
</div>
</div>
<div class="b">b</div>
<div class="c">
<div>
22222222点击咖啡店了解到了考虑到封疆大吏房间里的克劳福德劳动纪律
</div>
</div>
</div>
</body>
</html>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论