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

fix

Browse Source
This commit is contained in:
wangzenghua 2025-04-25 02:45:53 +01:00
parent b30874fa48
commit 13936b8b5b
1 changed files with 54 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
src/views/inputs/index.vue
View File

@ -1,57 +1,55 @@
<template> <template>
<div class="data-home-index"> <el-row 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> <inputsType></inputsType>
<inputsType></inputsType> </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> <inputsGmp></inputsGmp>
<inputsGmp></inputsGmp> </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> <landbreedCharts></landbreedCharts>
<landbreedCharts></landbreedCharts> </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> <casesAlerts></casesAlerts>
<casesAlerts></casesAlerts> </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> <monthlyuseCharts></monthlyuseCharts>
<monthlyuseCharts></monthlyuseCharts> </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> <dealerDistributionCharts></dealerDistributionCharts>
<dealerDistributionCharts></dealerDistributionCharts> </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';
@ -64,6 +62,9 @@ import inputsType from './components/inputsType.vue';
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.data-home-index { .data-home-index {
width: 100%;
height: 100%;
.left-charts { .left-charts {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;