<!-- * @Description:隐患数量统计 * @Author: 王晓颖 * @Date: 2020-10-13 14:32:10 --> <template> <chart-layout title="" @click="getData"> <div class="block-container"> <div class="block" style="width:50%"> <trouble-line/> </div> <div class="block" style="width:50%"> <trouble-cloud/> </div> </div> <corner1 slot="corner"/> </chart-layout> </template> <script> import TroubleLine from './components/troubleLine' import TroubleCloud from './components/troubleCloud' export default { name: 'TroubleStatistic', components: {TroubleCloud, TroubleLine}, methods: { getData () { // this.$refs.parkIncomeCount.getData() // this.$refs.parkIncomeLine.getData() } } } </script> <style rel="stylesheet/scss" lang="scss" scoped> .block-container{ height: 100%; width: 100%; display: flex; justify-content: space-between; /*padding:0.1rem;*/ .block{ } } </style>