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

背景修改

Browse Source
This commit is contained in:
13713575202 2025-04-24 11:35:21 +08:00
parent 4833c1e9bd
commit 5ed2cf5a8e
2 changed files with 52 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/style.scss
View File

@ -8,7 +8,7 @@
font-family: Avenir, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #f5f5f5;
background-color: #000;
}
.el-dialog__body {
overflow: hidden auto;

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

@ -1,60 +1,56 @@
<template>
<div class="data-home-index">
<baseBg :name-val="'land'" top-title="土地资源管理系统">
<template #center>
<el-row style="width: 100%; height: 100%">
<el-col :span="6" class="left-charts">
<div class="left-charts-item">
<customBack top-title="耕地面积统计" :top-postion="'left'">
<template #back>
<distributionCharts></distributionCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="农村土地资源" :top-postion="'left'">
<template #back>
<landCirculation></landCirculation>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="项目效益分析" :top-postion="'left'">
<template #back>
<landPatrol></landPatrol>
</template>
</customBack>
</div>
</el-col>
<el-col :span="12">
<centerMap></centerMap>
</el-col>
<el-col :span="6" class="right-charts">
<div class="right-charts-item">
<customBack top-title="农用地数据统计" :top-postion="'right'">
<template #back>
<landuseCharts></landuseCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="年度农用地规划面积" :top-postion="'right'">
<template #back>
<landPlan></landPlan>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="各地农用地利用面积" :top-postion="'right'">
<template #back>
<landareaCharts></landareaCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</template>
</baseBg>
<el-row style="width: 100%; height: 100%">
<el-col :span="6" class="left-charts">
<div class="left-charts-item">
<customBack top-title="耕地面积统计" :top-postion="'left'">
<template #back>
<distributionCharts></distributionCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="农村土地资源" :top-postion="'left'">
<template #back>
<landCirculation></landCirculation>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="项目效益分析" :top-postion="'left'">
<template #back>
<landPatrol></landPatrol>
</template>
</customBack>
</div>
</el-col>
<el-col :span="12">
<centerMap></centerMap>
</el-col>
<el-col :span="6" class="right-charts">
<div class="right-charts-item">
<customBack top-title="农用地数据统计" :top-postion="'right'">
<template #back>
<landuseCharts></landuseCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="年度农用地规划面积" :top-postion="'right'">
<template #back>
<landPlan></landPlan>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="各地农用地利用面积" :top-postion="'right'">
<template #back>
<landareaCharts></landareaCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</div>
</template>
<script setup>