67 lines
1.1 KiB
Vue
67 lines
1.1 KiB
Vue
<template>
|
|
<div style="flex: 1">
|
|
<div class="agvStatusContent">
|
|
<div class="title">任务状态占比 ·今日</div>
|
|
<pieChart :chartRef=" 'taskStatusRef' " />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import pieChart from './pieChartStatus.vue'
|
|
export default {
|
|
name: 'AGVStatus',
|
|
components: { pieChart },
|
|
props: {
|
|
energyObj: {
|
|
type: Object,
|
|
default: () => ({
|
|
electricComu: 0,
|
|
steamComu: 0
|
|
})
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
},
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang='scss' scoped>
|
|
.agvStatusContent {
|
|
width: 513px;
|
|
height: 213px;
|
|
background: #FFFFFF;
|
|
border-radius: 8px;
|
|
padding: 16px 18px 26px;
|
|
|
|
.title {
|
|
font-family: PingFangSC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
line-height: 16px;
|
|
letter-spacing: 1px;
|
|
text-align: left;
|
|
font-style: normal;
|
|
position: relative;
|
|
padding-left: 12px;
|
|
|
|
&::before {
|
|
content: '';
|
|
width: 4px;
|
|
height: 16px;
|
|
background: #0A4BFF;
|
|
border-radius: 1px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|