Web/digital-agriculture-screen
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of http://47.109.205.240:3000/Web/digital-agriculture-screen

Browse Source
This commit is contained in:
13713575202 2025-04-24 11:59:07 +08:00
commit 123493202c
3 changed files with 54 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/custom-scroll-title/index.vue
View File

@ -39,7 +39,7 @@ const router = useRouter();
onMounted(() => { onMounted(() => {
handleWidth(); handleWidth();
}); });
const emit = defineEmits(['changeTitle']); // const emit = defineEmits(['changeTitle']);
const props = defineProps({ const props = defineProps({
titles: { titles: {
type: Array, type: Array,
@ -109,7 +109,7 @@ function handleTitleBtn(t = -1) {
} }
function handleTitleClick(val) { function handleTitleClick(val) {
activeTitle.value = val; activeTitle.value = val;
emit('changeTitle', val); // emit('changeTitle', val);
router.push({ name: val }); router.push({ name: val });
} }
</script> </script>

2
src/layouts/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<section class="_contaioner"> <section class="_contaioner">
<custom-scroll-title class="header_titles" @change-title="handleChangeTitle" /> <custom-scroll-title class="header_titles" />
<section class="_content"> <section class="_content">
<router-view /> <router-view />
</section> </section>

105
src/views/land/index.vue
View File

@ -1,57 +1,55 @@
<template> <template>
<div class="data-home-index"> <el-row style="width: 100%; height: 100%" class="data-home-index">
<el-row style="width: 100%; height: 100%"> <el-col :span="6" class="left-charts">
<el-col :span="6" class="left-charts"> <div class="left-charts-item">
<div class="left-charts-item"> <customBack top-title="耕地面积统计" :top-postion="'left'">
<customBack top-title="耕地面积统计" :top-postion="'left'"> <template #back>
<template #back> <distributionCharts></distributionCharts>
<distributionCharts></distributionCharts> </template>
</template> </customBack>
</customBack> </div>
</div> <div class="left-charts-item">
<div class="left-charts-item"> <customBack top-title="农村土地资源" :top-postion="'left'">
<customBack top-title="农村土地资源" :top-postion="'left'"> <template #back>
<template #back> <landCirculation></landCirculation>
<landCirculation></landCirculation> </template>
</template> </customBack>
</customBack> </div>
</div> <div class="left-charts-item">
<div class="left-charts-item"> <customBack top-title="项目效益分析" :top-postion="'left'">
<customBack top-title="项目效益分析" :top-postion="'left'"> <template #back>
<template #back> <landPatrol></landPatrol>
<landPatrol></landPatrol> </template>
</template> </customBack>
</customBack> </div>
</div> </el-col>
</el-col> <el-col :span="12">
<el-col :span="12"> <centerMap></centerMap>
<centerMap></centerMap> </el-col>
</el-col> <el-col :span="6" class="right-charts">
<el-col :span="6" class="right-charts"> <div class="right-charts-item">
<div class="right-charts-item"> <customBack top-title="农用地数据统计" :top-postion="'right'">
<customBack top-title="农用地数据统计" :top-postion="'right'"> <template #back>
<template #back> <landuseCharts></landuseCharts>
<landuseCharts></landuseCharts> </template>
</template> </customBack>
</customBack> </div>
</div> <div class="right-charts-item">
<div class="right-charts-item"> <customBack top-title="年度农用地规划面积" :top-postion="'right'">
<customBack top-title="年度农用地规划面积" :top-postion="'right'"> <template #back>
<template #back> <landPlan></landPlan>
<landPlan></landPlan> </template>
</template> </customBack>
</customBack> </div>
</div> <div class="right-charts-item">
<div class="right-charts-item"> <customBack top-title="各地农用地利用面积" :top-postion="'right'">
<customBack top-title="各地农用地利用面积" :top-postion="'right'"> <template #back>
<template #back> <landareaCharts></landareaCharts>
<landareaCharts></landareaCharts> </template>
</template> </customBack>
</customBack> </div>
</div> </el-col>
</el-col> </el-row>
</el-row>
</div>
</template> </template>
<script setup> <script setup>
import centerMap from '@/components/centerMap.vue'; import centerMap from '@/components/centerMap.vue';
@ -61,7 +59,6 @@ import landareaCharts from './components/landareaCharts.vue';
import landCirculation from './components/landCirculation.vue'; import landCirculation from './components/landCirculation.vue';
import landPlan from './components/landPlan.vue'; import landPlan from './components/landPlan.vue';
import landPatrol from './components/landPatrol.vue'; import landPatrol from './components/landPatrol.vue';
import { reactive } from 'vue';
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.data-home-index { .data-home-index {