<template>
    <div class="setion">
        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
        <div class="border">
            <detailDialog />
            <thermalChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
        </div>
    </div>
</template>

<script>
import lineChart from '../chart/lineChart.vue';
import barChart from '../chart/barChart.vue';
import tableShow from '../chart/tableShow.vue';
import detailDialog from '../chart/detailDialog.vue';
import thermalChart from '../chart/thermalChart.vue';
import regionTable from '../chart/regionTable.vue';
export default {
    name: 'lineUpChart', //排队数组件
    components: {
        lineChart,
        barChart,
        tableShow,
        detailDialog,
        thermalChart,
        regionTable
    },
    props: ['pageType', 'triggerType', 'data'],
    data() {
        return {
            title: 'OD组件'
        };
    },
    methods: {},
    mounted() {}
};
</script>
<style scoped>
.typeContent {
    box-sizing: border-box;
}

.border {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
</style>