You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.2 KiB
45 lines
1.2 KiB
<template>
|
|
<div class="flex-wrap">
|
|
<div style="width: 96%; height: auto; margin: 10px 2%">
|
|
<a-card title="病例统计" style="width: 100%; height: 400px">
|
|
<treemap />
|
|
</a-card>
|
|
</div>
|
|
<div style="width: 96%; height: auto; margin: 10px 2%">
|
|
<a-card title="各院病例分析" style="width: 100%; height: 400px">
|
|
<categorymap />
|
|
</a-card>
|
|
</div>
|
|
<div style="width: 96%; height: auto; margin: 10px 2%">
|
|
<a-card title="每日病例统计" style="width: 100%; height: 400px">
|
|
<cisualmap />
|
|
</a-card>
|
|
</div>
|
|
<div style="width: 96%; height: auto; margin: 10px 2%">
|
|
<a-card title="各医院生物样本统计" style="width: 100%; height: 400px">
|
|
<piemap />
|
|
</a-card>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Treemap from 'components/Echarts/Treemap.vue';
|
|
import Cisualmap from 'components/Echarts/Cisualmap.vue';
|
|
import Categorymap from 'components/Echarts/Categorymap.vue';
|
|
import Piemap from 'components/Echarts/Piemap.vue';
|
|
export default {
|
|
name: 'Index',
|
|
components: { Treemap, Cisualmap, Categorymap, Piemap },
|
|
data() {
|
|
return {
|
|
str: '',
|
|
showVideo: false,
|
|
};
|
|
},
|
|
|
|
methods: {},
|
|
};
|
|
</script>
|
|
|
|
<style lang="stylus" scoped></style>
|
|
|