数据修改

This commit is contained in:
Wjl
2022-01-11 16:41:48 +08:00
parent 37c93d07d0
commit eeff59e481
10 changed files with 490 additions and 94 deletions

View File

@@ -0,0 +1,150 @@
.baozhang {
position: absolute;
top: 73px;
height: 720px;
left: 20px;
right: 240px;
visibility: hidden;
background: #ffffff;
padding: 10px 20px;
}
.baozhang h3 {
text-align: left;
padding: 10px;
padding-left: 20px;
border-bottom: 1px solid #e1e1e1;
}
.baozhang b {
font-size: 26px;
margin-right: 10px;
color: black;
}
.baozhang .top {
display: flex;
justify-content: space-between;
}
.baozhang .top > div {
width: 49%;
box-shadow: 0 0 1px 1px #e1e1e1;
}
.baozhang .top .flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.baozhang .top .flex span {
padding: 10px 20px;
color: #797979;
}
.baozhang .bottom {
box-shadow: 0 0 1px 1px #e1e1e1;
margin-top: 10px;
}
.baozhang .bottom > .flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 20px 10px;
}
.baozhang .bottom > .flex .left {
width: 30%;
color: #797979;
}
.baozhang .bottom > .flex .left > div {
height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 10px 0;
width: 100%;
background: #ffffff;
box-shadow: 0 0 1px 1px #e1e1e1;
padding-bottom: 10px;
}
.baozhang .bottom > .flex .left > div img {
width: 40px;
margin: 10px 0;
}
.baozhang .bottom > .flex .right {
width: 68%;
height: 480px;
box-shadow: 0 0 1px 1px #e1e1e1;
padding-bottom: 20px;
}
.baozhang .bottom > .flex .right > :nth-child(1) {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 40px 0px 20px;
}
.baozhang .bottom > .flex .right > :nth-child(1) > :nth-child(1) {
display: flex;
align-items: center;
font-weight: bold;
font-size: 18px;
}
.baozhang .bottom > .flex .right > :nth-child(1) > :nth-child(1) img {
height: 25px;
}
.baozhang .bottom > .flex .right > :nth-child(1) > :nth-child(2) span {
padding: 5px 10px;
border: 1px solid #b1afaf;
border-radius: 3px;
margin-left: -4px;
}
.baozhang .bottom > .flex .right > :nth-child(1) .mapButtonColor {
color: #198eff;
border: 1px solid #198eff !important;
box-shadow: 0 0 1px 1px #c2e3ff;
}
.baozhang .bottom > .flex .right p {
margin-left: 70%;
margin-top: 20px;
margin-bottom: 5px;
}
.baozhang .bottom > .flex .right .peizu {
display: flex;
justify-content: left;
position: relative;
}
.baozhang .bottom > .flex .right .peizu .echart2 {
width: 37%;
height: 400px;
margin-left: 20%;
}
.baozhang .bottom > .flex .right .peizu table {
position: absolute;
left: 70%;
text-align: left;
}
.baozhang .bottom > .flex .right .peizu table tbody td {
padding: 7px 0;
padding-right: 20px;
}
.baozhang .bottom > .flex .right .peizu table tbody tr > :nth-child(2) {
color: #198eff;
}
.baozhang .bottom > .flex .right .zulin {
display: flex;
justify-content: left;
display: none;
position: relative;
}
.baozhang .bottom > .flex .right .zulin .echart3 {
width: 37%;
height: 400px;
margin-left: 20%;
}
.baozhang .bottom > .flex .right .zulin table {
position: absolute;
left: 70%;
text-align: left;
}
.baozhang .bottom > .flex .right .zulin table tbody td {
padding: 7px 0;
padding-right: 20px;
}
.baozhang .bottom > .flex .right .zulin table tbody tr > :nth-child(2) {
color: #198eff;
}

View File

@@ -0,0 +1,192 @@
.baozhang {
position: absolute;
top: 73px;
height: 720px;
left: 20px;
right: 240px;
visibility: hidden;
// display: none;
background: #ffffff;
padding: 10px 20px;
h3 {
text-align: left;
padding: 10px;
padding-left: 20px;
// padding-left: 20px;
border-bottom: 1px solid #e1e1e1;
}
b {
font-size: 26px;
margin-right: 10px;
color: black;
}
.top {
display: flex;
justify-content: space-between;
> div {
width: 49%;
box-shadow: 0 0 1px 1px #e1e1e1;
}
.flex {
display: flex;
justify-content: space-between;
align-items: center;
span {
padding: 10px 20px;
color: #797979;
}
}
}
.bottom {
box-shadow: 0 0 1px 1px #e1e1e1;
margin-top: 10px;
> .flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 20px 10px;
.left {
// height: 500px;
width: 30%;
color: #797979;
> div {
height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 10px 0;
width: 100%;
background: #ffffff;
box-shadow: 0 0 1px 1px #e1e1e1;
padding-bottom: 10px;
span {
// margin-top: 10px;
}
img {
width: 40px;
margin: 10px 0;
}
// img:nth-child(2) {
// width: 18px;
// }
}
}
.right {
width: 68%;
height: 480px;
box-shadow: 0 0 1px 1px #e1e1e1;
padding-bottom: 20px;
> :nth-child(1) {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 40px 0px 20px;
> :nth-child(1) {
display: flex;
align-items: center;
font-weight: bold;
font-size: 18px;
img {
height: 25px;
}
}
> :nth-child(2) {
span {
padding: 5px 10px;
border: 1px solid rgb(177, 175, 175);
border-radius: 3px;
margin-left: -4px;
}
}
.mapButtonColor {
color: #198eff;
border: 1px solid #198eff !important;
box-shadow: 0 0 1px 1px #c2e3ff;
}
}
p {
// text-align: right;
margin-left: 70%;
margin-top: 20px;
margin-bottom: 5px;
}
.peizu {
display: flex;
justify-content: left;
position: relative;
.echart2 {
width: 37%;
height: 400px;
margin-left: 20%;
// max-width: 200px;
// margin: 0 auto;
}
table {
// width: 40%;
position: absolute;
left: 70%;
text-align: left;
// td {
// width: 100px;
// }
tbody {
td {
padding: 7px 0;
padding-right: 20px;
}
tr {
// line-height: 20px;
> :nth-child(2) {
color: #198eff;
}
}
}
}
}
.zulin {
display: flex;
justify-content: left;
display: none;
position: relative;
.echart3 {
width: 37%;
height: 400px;
// max-width: 200px;
// margin: 0 auto;
margin-left: 20%;
}
table {
position: absolute;
left: 70%;
text-align: left;
tbody {
td {
padding: 7px 0;
padding-right: 20px;
}
tr {
// line-height: 20px;
> :nth-child(2) {
color: #198eff;
}
}
}
}
}
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1635144801845" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3535" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M1000.7 903.4h-46.5V350.8c0-50.6-41.9-92.1-93.1-92.1H674.9v644.7h-46.6V120.5c0-50.6-41.9-92.1-93.1-92.1H162.9c-51.2 0-93.1 41.5-93.1 92.1v782.9H23.3c-14 0-23.3 9.2-23.3 23.1v46.1c0 13.8 9.2 23.1 23.3 23.1h977.4c14 0 23.3-9.2 23.3-23.1v-46.1c0-13.8-9.3-23.1-23.3-23.1zM302.6 696.2c0 13.8-9.3 23.1-23.3 23.1h-93.1c-14 0-23.3-9.2-23.3-23.1v-46.1c0-13.8 9.3-23.1 23.3-23.1h93.1c14 0 23.3 9.2 23.3 23.1v46.1z m0-184.2c0 13.8-9.3 23.1-23.3 23.1h-93.1c-14 0-23.3-9.2-23.3-23.1v-46.1c0-13.8 9.3-23.1 23.3-23.1h93.1c14 0 23.3 9.2 23.3 23.1V512z m0-184.3c0 13.8-9.3 23.1-23.3 23.1h-93.1c-14 0-23.3-9.2-23.3-23.1v-46.1c0-13.8 9.3-23.1 23.3-23.1h93.1c14 0 23.3 9.2 23.3 23.1v46.1z m232.7 368.5c0 13.8-9.3 23.1-23.3 23.1h-93.1c-14 0-23.3-9.2-23.3-23.1v-46.1c0-13.8 9.3-23.1 23.3-23.1H512c14 0 23.3 9.2 23.3 23.1v46.1z m0-184.2c0 13.8-9.3 23.1-23.3 23.1h-93.1c-14 0-23.3-9.2-23.3-23.1v-46.1c0-13.8 9.3-23.1 23.3-23.1H512c14 0 23.3 9.2 23.3 23.1V512z m0-184.3c0 13.8-9.3 23.1-23.3 23.1h-93.1c-14 0-23.3-9.2-23.3-23.1v-46.1c0-13.8 9.3-23.1 23.3-23.1H512c14 0 23.3 9.2 23.3 23.1v46.1zM864 465.9V512c0 13.8-6.6 23.1-16.5 23.1h-65.9c-9.9 0-16.5-9.2-16.5-23.1v-46.1c0-13.8 6.6-23.1 16.5-23.1h65.9c9.9 0 16.5 9.2 16.5 23.1z m-98.9 184.2c0-13.8 6.6-23.1 16.5-23.1h65.9c9.9 0 16.5 9.2 16.5 23.1v46.1c0 13.8-6.6 23.1-16.5 23.1h-65.9c-9.9 0-16.5-9.2-16.5-23.1v-46.1z" p-id="3536" fill="#269BFF"></path></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB