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