2022-08-02 09:10:00 +08:00
|
|
|
<template>
|
|
|
|
|
<!-- 质量问题 -->
|
2022-08-05 18:54:53 +08:00
|
|
|
<Card :title="title">
|
|
|
|
|
<JNestedRingChart :title="{ y:'30%' , subTitle: '隐患类别' }" :series="series" />
|
|
|
|
|
</Card>
|
2022-08-02 09:10:00 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2022-08-05 18:54:53 +08:00
|
|
|
import Card from '../components/Card.vue'
|
|
|
|
|
import JNestedRingChart from '../jChart/pie/JNestedRingChart.vue'
|
2022-08-02 09:10:00 +08:00
|
|
|
export default {
|
2022-08-05 18:54:53 +08:00
|
|
|
components: { Card, JNestedRingChart },
|
2022-08-02 09:10:00 +08:00
|
|
|
props: {
|
|
|
|
|
title: {
|
|
|
|
|
type: String,
|
2022-08-05 18:54:53 +08:00
|
|
|
default: ''
|
2022-08-02 09:10:00 +08:00
|
|
|
}
|
|
|
|
|
},
|
2022-08-05 18:54:53 +08:00
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
color: ['#3cabfd', '#58ec72', '#f43a8d', '#f294c6', '#6ee4f0',],
|
|
|
|
|
data: [
|
|
|
|
|
{ value: 45, name: '文明施工' },
|
|
|
|
|
{ value: 5, name: '未分类' },
|
|
|
|
|
{ value: 15, name: '安全管理' },
|
|
|
|
|
{ value: 10, name: '施工安全' },
|
|
|
|
|
{ value: 45, name: '基础工程' },
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
roseType: 'area',
|
|
|
|
|
radius: ['58%', '54%'],
|
|
|
|
|
color: ['#0B1B35', '#244D8F'],
|
|
|
|
|
data: [30, 40, 30, 40]
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-08-02 09:10:00 +08:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
2022-08-05 18:54:53 +08:00
|
|
|
<style lang="less" scoped></style>
|