48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<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> |