williamet/vis389
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改dataZoom

Browse Source
This commit is contained in:
熊丽君
2022-02-16 11:17:07 +08:00
parent ab732693ff
commit 1ab5269ae5
27 changed files with 3952 additions and 3394 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/bigScreen/drivingCabin/center.vue
View File

@ -22,15 +22,16 @@
>
</div>
<div class="box">
<i>{{ handleMillion(val.completedIncome) }}/</i
<!-- <i>{{ handleMillion(val.completedIncome) }}/</i
><i class="num">{{ handleMillion(val.targetIncome) }}</i
><span class="num2">亿元</span>
><span class="num2">亿元</span> -->
<i>99.99/</i><i class="num">99.99</i><span class="num2">亿元</span>
</div>
<div style="width: 100%">
<!-- <div style="width: 100%">
<progressBar
:percentage="(val.completedIncome / val.targetIncome) * 100"
/>
</div>
</div> -->
</div>
<div class="data-item">
<div>
@ -39,15 +40,16 @@
>
</div>
<div class="box">
<i>{{ handleMillion(val.completedProfit) }}/</i
<!-- <i>{{ handleMillion(val.completedProfit) }}/</i
><i class="num">{{ handleMillion(val.targetProfit) }}</i
><span class="num2">亿元</span>
><span class="num2">亿元</span> -->
<i>99.99/</i><i class="num">99.99</i><span class="num2">亿元</span>
</div>
<div style="width: 100%">
<!-- <div style="width: 100%">
<progressBar
:percentage="(val.completedProfit / val.targetProfit) * 100"
/>
</div>
</div> -->
</div>
<div class="data-item">
<div>
@ -56,17 +58,18 @@
>
</div>
<div class="box">
<i>{{ handleMillion(val.completedChargeQuantity) }}/</i
<!-- <i>{{ handleMillion(val.completedChargeQuantity) }}/</i
><i class="num">{{ handleMillion(val.targetChargeQuantity) }}</i
><span class="num2">亿件</span>
><span class="num2">亿件</span> -->
<i>99.99/</i><i class="num">99.99</i><span class="num2">亿件</span>
</div>
<div style="width: 100%">
<!-- <div style="width: 100%">
<progressBar
:percentage="
(val.completedChargeQuantity / val.targetChargeQuantity) * 100
"
/>
</div>
</div> -->
</div>
<div class="data-item">
<div>
@ -75,18 +78,19 @@
>
</div>
<div class="box">
<i>{{ handleMillion(val.completedDeliveryQuantity) }}/</i
<!-- <i>{{ handleMillion(val.completedDeliveryQuantity) }}/</i
><i class="num">{{ handleMillion(val.targetDeliveryQuantity) }}</i
><span class="num2">亿件</span>
><span class="num2">亿件</span> -->
<i>99.99/</i><i class="num">99.99</i><span class="num2">亿件</span>
</div>
<div style="width: 100%">
<!-- <div style="width: 100%">
<progressBar
:percentage="
(val.completedDeliveryQuantity / val.targetDeliveryQuantity) *
100
"
/>
</div>
</div> -->
</div>
</div>
</container3>
@ -168,8 +172,8 @@ export default {
color: #ffffff;
font-size: 18px;
.data-item {
// flex: 1;
width: 20%;
flex: 1;
// width: 20%;
display: flex;
flex-direction: column;
align-items: flex-start;