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

up2

Browse Source
This commit is contained in:
熊丽君
2021-12-09 10:41:42 +08:00
parent 61cdce82f1
commit 04a1ec0231
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,28 +7,28 @@
<div class="data-item"> <div class="data-item">
<div><img src="./icon1.png" alt="" /><span style="font-weight: bold">收入</span></div> <div><img src="./icon1.png" alt="" /><span style="font-weight: bold">收入</span></div>
<div class="box"><i>3380/</i><i class="num">12342</i><span class="num2">万</span></div> <div class="box"><i>3380/</i><i class="num">12342</i><span class="num2">万</span></div>
<div> <div style="width: 100%">
<progressBar :percentage="70" /> <progressBar :percentage="70" />
</div> </div>
</div> </div>
<div class="data-item"> <div class="data-item">
<div><img src="./icon2.png" alt="" /><span style="font-weight: bold">利润</span></div> <div><img src="./icon2.png" alt="" /><span style="font-weight: bold">利润</span></div>
<div class="box"><i>380/</i><i class="num">12342</i><span class="num2">万</span></div> <div class="box"><i>380/</i><i class="num">12342</i><span class="num2">万</span></div>
<div> <div style="width: 100%">
<progressBar :percentage="70" /> <progressBar :percentage="70" />
</div> </div>
</div> </div>
<div class="data-item"> <div class="data-item">
<div><img src="./icon3.png" alt="" /><span style="font-weight: bold">装药量</span></div> <div><img src="./icon3.png" alt="" /><span style="font-weight: bold">装药量</span></div>
<div class="box"><i>999/</i><i class="num">12342</i><span class="num2">万件</span></div> <div class="box"><i>999/</i><i class="num">12342</i><span class="num2">万件</span></div>
<div> <div style="width: 100%">
<progressBar :percentage="70" /> <progressBar :percentage="70" />
</div> </div>
</div> </div>
<div class="data-item"> <div class="data-item">
<div><img src="./icon4.png" alt="" /><span style="font-weight: bold">交付数量</span></div> <div><img src="./icon4.png" alt="" /><span style="font-weight: bold">交付数量</span></div>
<div class="box"><i>999/</i><i class="num">12342</i><span class="num2">万件</span></div> <div class="box"><i>999/</i><i class="num">12342</i><span class="num2">万件</span></div>
<div> <div style="width: 100%">
<progressBar :percentage="70" /> <progressBar :percentage="70" />
</div> </div>
</div> </div>

16
src/views/bigScreen/drivingCabin/right1.vue
View File

@ -9,7 +9,7 @@
</el-row> </el-row>
<div class="box"> <div class="box">
<span style="font-size: 25px; margin-right: 3px">·</span> <span style="font-size: 25px; margin-right: 3px">·</span>
<span>总完成任务/完成率</span> <span>已完成任务/完成率</span>
<i class="num">55/80%</i> <i class="num">55/80%</i>
<progressBar :percentage="70" /> <progressBar :percentage="70" />
<el-progress :show-text="false" :stroke-width="6" :percentage="70"></el-progress> <el-progress :show-text="false" :stroke-width="6" :percentage="70"></el-progress>
@ -157,6 +157,14 @@ export default {
'型号十', '型号十',
'型号十一', '型号十一',
'型号十二', '型号十二',
'型号十三',
'型号十四',
'型号十五',
'型号十六',
'型号十七',
'型号十八',
'型号十九',
'型号二十',
], ],
axisLine: { axisLine: {
lineStyle: { lineStyle: {
@ -221,7 +229,7 @@ export default {
itemStyle: { itemStyle: {
color: 'rgba(85, 197, 162, .3)', color: 'rgba(85, 197, 162, .3)',
}, },
data: [80, 80, 95, 95, 95, 95, 80, 80, 95, 95, 95, 95], data: [80, 80, 95, 95, 95, 95, 80, 80, 95, 95, 95, 95, 60, 70, 80, 70, 60, 50, 40, 30],
}, },
{ {
name: '实际', name: '实际',
@ -231,7 +239,7 @@ export default {
itemStyle: { itemStyle: {
color: 'rgba(90, 216, 166, 0.85)', color: 'rgba(90, 216, 166, 0.85)',
}, },
data: [5, 20, 36, 10, 10, 20, 80, 80, 95, 95, 95, 95], data: [5, 20, 36, 10, 10, 20, 80, 80, 95, 95, 95, 95, 50, 60, 70, 80, 70, 40, 30, 30],
}, },
{ {
name: '目标', name: '目标',
@ -243,7 +251,7 @@ export default {
itemStyle: { itemStyle: {
color: '#F6D97E', color: '#F6D97E',
}, },
data: [10, 20, 36, 10, 10, 20, 10, 20, 36, 10, 10, 20], data: [10, 20, 36, 10, 10, 20, 10, 20, 36, 10, 10, 20, 90, 80, 90, 80, 90, 90, 90, 90],
}, },
], ],
}) })