admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

中建四局(政企联合):监督巡查模块样式调整

Browse Source
This commit is contained in:
骆乐 2022-08-30 16:23:45 +08:00
parent 69dba32755
commit 86db97ae7a
1 changed files with 26 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
View File

@ -46,20 +46,14 @@
<div class="echarts"> <div class="echarts">
<div class="checkChart" ref="checkChart"></div> <div class="checkChart" ref="checkChart"></div>
<div class="right"> <div class="right">
<div class="one"> <span class="point"></span>
<div class="point"></div> <span>监督检查<p class="num">(数)</p></span>
<div class="checkNum">
<span>监督检查</span> <span class="point point2"></span>
<p>(数)</p> <span>下发整改</span>
</div> <div class="num">(份)</div>
</div> </div>
<div class="two"> <div class="right">
<div class="point point2"></div>
<div class="checkNum">
<span>下发整改</span>
<p>(份)</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -82,7 +76,7 @@ export default {
const checkChart = echarts.init(this.$refs.checkChart); const checkChart = echarts.init(this.$refs.checkChart);
const option = { const option = {
grid: { grid: {
x: "8%",//x 偏移量 x: "6%",//x 偏移量
y: "10%", // y 偏移量 y: "10%", // y 偏移量
width: "86%", // 宽度 width: "86%", // 宽度
height: "60%"// 高度 height: "60%"// 高度
@ -220,34 +214,24 @@ export default {
height: 100%; height: 100%;
} }
.right { .right {
width: 30%; margin-top: 30px;
margin-top: 12%; font-size: 12px;
margin-left: 3%; .point {
font-size: 12px; width: 8px;
color: #9ea3ab; height: 8px;
.one, border-radius: 50%;
.two { display: inline-block;
margin-bottom: 10%; background-color: #fb6a2e;
.point { margin-right: 15px;
width: 7px;
height: 7px;
margin-right: 5%;
margin-bottom: 5%;
display: inline-block;
background-color: #f56c35;
border-radius: 50%;
}
.checkNum {
display: inline-block;
margin-bottom: 5%;
}
}
.two {
.point2 {
background-color: #66d4d9;
}
}
} }
.point2{
background-color: #65d3d8;
}
.num{
color: #d2a104;
margin: 5px 0px 30px 25px;
}
}
} }
} }
</style> </style>