59 lines
1.1 KiB
Vue
59 lines
1.1 KiB
Vue
<template>
|
|
<!-- 质量问题 -->
|
|
<div class="containerBox">
|
|
<div class="titleTxt">{{ title }}</div>
|
|
<div class="myChart">
|
|
<problemChart
|
|
:title="{ text: 654, subTitle: '本周总任务' ,y:'35%'}"
|
|
:color="['#3cabfd','#57ec72','#f294c6','#f43a8d','#6ee4f0']"
|
|
:data="[
|
|
{ value: 45, name: '未开始' },
|
|
{ value: 5, name: '未开始延期' },
|
|
{ value: 15, name: '进行中' },
|
|
{ value: 10, name: '执行中延期' },
|
|
{ value: 45, name: '完成' }
|
|
]" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import problemChart from '../jChart/pie/JProblemChart'
|
|
export default {
|
|
components:{problemChart},
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: "default title"
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
},
|
|
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.containerBox {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 1px solid #0081c3;
|
|
|
|
.titleTxt {
|
|
font-size: 18px;
|
|
color: #6ee4f0;
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
.myChart{
|
|
width: 100%;
|
|
height: 90%;
|
|
}
|
|
}
|
|
</style>
|
|
|