63 lines
1.4 KiB
Vue
63 lines
1.4 KiB
Vue
<template>
|
|
<div>
|
|
<LayOut :bg="bg" :title="title">
|
|
<template #one>
|
|
<map-chart></map-chart>
|
|
</template>
|
|
<template #two>
|
|
<home-count></home-count>
|
|
</template>
|
|
<template #three>
|
|
<area-count></area-count>
|
|
</template>
|
|
<template #four>
|
|
<green-industry></green-industry>
|
|
</template>
|
|
<template #five>
|
|
<money-industry></money-industry>
|
|
</template>
|
|
<template #six>
|
|
<industry-percent></industry-percent>
|
|
</template>
|
|
</LayOut>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import LayOut from '../layOut.vue';
|
|
import MapChart from './MapChart.vue';
|
|
import HomeCount from './HomeCount.vue';
|
|
import AreaCount from './AreaCount.vue';
|
|
import greenIndustry from './greenIndustry.vue';
|
|
import moneyIndustry from './moneyIndustry.vue';
|
|
import industryPercent from './industrypercent.vue';
|
|
|
|
export default {
|
|
props: {
|
|
baseId: Number,
|
|
},
|
|
components: {
|
|
LayOut,
|
|
MapChart,
|
|
HomeCount,
|
|
AreaCount,
|
|
greenIndustry,
|
|
moneyIndustry,
|
|
industryPercent,
|
|
},
|
|
data() {
|
|
return {
|
|
bg: require('../img/bg.png'),
|
|
title: ['经营主体数据统计', '溯源赋码与扫码数据统计', '使用投入品数据统计', '土地分布数据', '种养殖数据统计'],
|
|
};
|
|
},
|
|
watch: {
|
|
baseId(n) {
|
|
console.log('page1', n);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|