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

50
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>
</div>
</div>
<div class="two">
<div class="point point2"></div>
<div class="checkNum">
<span>下发整改</span> <span>下发整改</span>
<p>(份)</p> <div class="num">(份)</div>
</div>
</div> </div>
<div class="right">
</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,32 +214,22 @@ export default {
height: 100%; height: 100%;
} }
.right { .right {
width: 30%; margin-top: 30px;
margin-top: 12%;
margin-left: 3%;
font-size: 12px; font-size: 12px;
color: #9ea3ab;
.one,
.two {
margin-bottom: 10%;
.point { .point {
width: 7px; width: 8px;
height: 7px; height: 8px;
margin-right: 5%;
margin-bottom: 5%;
display: inline-block;
background-color: #f56c35;
border-radius: 50%; border-radius: 50%;
}
.checkNum {
display: inline-block; display: inline-block;
margin-bottom: 5%; background-color: #fb6a2e;
margin-right: 15px;
} }
.point2{
background-color: #65d3d8;
} }
.two { .num{
.point2 { color: #d2a104;
background-color: #66d4d9; margin: 5px 0px 30px 25px;
}
} }
} }
} }