monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit e592a0381e1178e8fdc72563bc2e84873949ff47 1 parent 75a05288

故障诊断中的正常占比的位置调整为垂直居中，进度条上的文字居中与进度条

Inline Side-by-side
Showing 5 changed files with 26 additions and 11 deletions
... ... @@ -58,6 +58,7 @@
.progress-con{
width:80%;
margin:0 20px;
position: relative;
}
.program-text{
color:#666666;
... ... @@ -134,3 +135,13 @@
right:0;
top:0;
}
.progress-con-text{
text-align: center;
position: absolute;
z-index: 9;
left: 0;
right: 0;
color: #fff;
font-size: 14px;
line-height: 28px;
}
\ No newline at end of file
... ...
... ... @@ -44,10 +44,11 @@
</div>
</div>
</div>
<div class="d-flex" style="flex: 1">
<div class="d-flex" style="flex: 1;align-items: center;">
<div style="color: #666666;font-size: 16px;margin-left:30px;min-width: 80px">正常占比</div>
<div class="progress-con">
<el-progress :text-inside="true" :stroke-width="26"
<div class="progress-con-text">{{dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0}}%</div>
<el-progress :show-text="false" :stroke-width="26"
:percentage="dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0"
color="#64A64C"/>
</div>
... ...
... ... @@ -54,11 +54,12 @@
</div>
</div>
</div>
<div class="d-flex" style="flex: 1">
<div class="d-flex" style="flex: 1;align-items: center;">
<div style="color: #666666;font-size: 16px;margin-left:30px;min-width: 80px">正常占比</div>
<div class="progress-con">
<el-progress :text-inside="true" :stroke-width="26"
:percentage="dialTest && dialTest.normalProportion?dialTest.normalProportion*100:0"
<div class="progress-con-text">{{dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0}}%</div>
<el-progress :show-text="false" :stroke-width="26"
:percentage="dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0"
color="#64A64C"/>
</div>
</div>
... ...
... ... @@ -54,11 +54,12 @@
</div>
</div>
</div>
<div class="d-flex" style="flex: 1">
<div class="d-flex" style="flex: 1;align-items: center;">
<div style="color: #666666;font-size: 16px;margin-left:30px;min-width: 80px">正常占比</div>
<div class="progress-con">
<el-progress :text-inside="true" :stroke-width="26"
:percentage="dialTest && dialTest.normalProportion?dialTest.normalProportion*100:0"
<div class="progress-con-text">{{dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0}}%</div>
<el-progress :show-text="false" :stroke-width="26"
:percentage="dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0"
color="#64A64C"/>
</div>
</div>
... ...
... ... @@ -54,11 +54,12 @@
</div>
</div>
</div>
<div class="d-flex" style="flex: 1">
<div class="d-flex" style="flex: 1;align-items: center;">
<div style="color: #666666;font-size: 16px;margin-left:30px;min-width: 80px">正常占比</div>
<div class="progress-con">
<el-progress :text-inside="true" :stroke-width="26"
:percentage="dialTest && dialTest.normalProportion?dialTest.normalProportion*100:0"
<div class="progress-con-text">{{dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0}}%</div>
<el-progress :show-text="false" :stroke-width="26"
:percentage="dialTest && dialTest.normalProportion ? dialTest.normalProportion*100 : 0"
color="#64A64C"/>
</div>
</div>
... ...