|
|
|
@ -26,7 +26,7 @@
|
|
|
|
|
<span class="ranking_span">各产品合格率(%)</span>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div v-for="item in productOKRateList" :key="item.ProductName" class="ranking1">
|
|
|
|
|
<dv-water-level-pond :config="item.config" style="width:100px;height:70px" />
|
|
|
|
|
<dv-water-level-pond :config="item.config" style="width:105px;height:60px" />
|
|
|
|
|
<span class="item_span">{{ item.ProductName }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -130,7 +130,7 @@ export default {
|
|
|
|
|
for (const item of rData) {
|
|
|
|
|
var n = {
|
|
|
|
|
data: [item.OKRate],
|
|
|
|
|
shape: 'round',
|
|
|
|
|
shape: 'roundRect',
|
|
|
|
|
formatter: '{value}%',
|
|
|
|
|
waveNum: 2,
|
|
|
|
|
waveHeight: 10,
|
|
|
|
@ -199,12 +199,12 @@ export default {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.item_span{
|
|
|
|
|
margin:25px;
|
|
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 5px 25px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ranking1{
|
|
|
|
|
margin-left:20px;
|
|
|
|
|
margin-left:15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.percent {
|
|
|
|
|