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

原来背景去除

Browse Source
This commit is contained in:
13713575202 2025-04-25 09:05:27 +08:00
parent 91175aa8c1
commit 96b4812e47
6 changed files with 345 additions and 369 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

152
src/views/breed/index.vue
View File

@ -1,88 +1,84 @@
<template>
<div class="data-home-index">
<baseBg :name-val="'breed'" 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>
<InventoryCharts></InventoryCharts>
</template>
</customBack>
<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>
<InventoryCharts></InventoryCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="饲料与饮水量监测" :top-postion="'left'">
<template #back>
<waterIntakeCharts></waterIntakeCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="生长指标监测" :top-postion="'left'">
<template #back>
<growthIndexesCharts></growthIndexesCharts>
</template>
</customBack>
</div>
</el-col>
<el-col :span="12" style="height: 100%">
<el-row style="height: 67%">
<el-col :span="24" class="center-top" style="height: 100%">
<div class="notice">
<noticeBar :height="'40px'"></noticeBar>
</div>
<div class="left-charts-item">
<customBack top-title="饲料与饮水量监测" :top-postion="'left'">
<template #back>
<waterIntakeCharts></waterIntakeCharts>
</template>
</customBack>
<div class="top">
<environment></environment>
</div>
<div class="left-charts-item">
<customBack top-title="生长指标监测" :top-postion="'left'">
<template #back>
<growthIndexesCharts></growthIndexesCharts>
</template>
</customBack>
</div>
</el-col>
<el-col :span="12" style="height: 100%">
<el-row style="height: 67%">
<el-col :span="24" class="center-top" style="height: 100%">
<div class="notice">
<noticeBar :height="'40px'"></noticeBar>
</div>
<div class="top">
<environment></environment>
</div>
<div class="map-gis">
<plantgs></plantgs>
</div>
</el-col>
</el-row>
<el-row style="height: 33%" :gutter="30">
<el-col :span="12" style="height: 100%">
<customBack top-title="健康状况指标" :top-postion="'left'">
<template #back>
<healthStatusCharts></healthStatusCharts>
</template>
</customBack>
</el-col>
<el-col :span="12" style="height: 100%">
<customBack top-title="智慧投喂控制" :top-postion="'right'">
<template #back>
<irrigationCharts></irrigationCharts>
</template>
</customBack>
</el-col>
</el-row>
</el-col>
<el-col :span="6" class="right-charts">
<div class="right-charts-item">
<customBack top-title="智慧监控" :top-postion="'right'">
<template #back>
<monitoringScreen></monitoringScreen>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="生产性能与效益数额" :top-postion="'right'">
<template #back>
<benefitCharts></benefitCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="设备数据统计" :top-postion="'right'">
<template #back>
<deviceCharts></deviceCharts>
</template>
</customBack>
<div class="map-gis">
<plantgs></plantgs>
</div>
</el-col>
</el-row>
</template>
</baseBg>
<el-row style="height: 33%" :gutter="30">
<el-col :span="12" style="height: 100%">
<customBack top-title="健康状况指标" :top-postion="'left'">
<template #back>
<healthStatusCharts></healthStatusCharts>
</template>
</customBack>
</el-col>
<el-col :span="12" style="height: 100%">
<customBack top-title="智慧投喂控制" :top-postion="'right'">
<template #back>
<irrigationCharts></irrigationCharts>
</template>
</customBack>
</el-col>
</el-row>
</el-col>
<el-col :span="6" class="right-charts">
<div class="right-charts-item">
<customBack top-title="智慧监控" :top-postion="'right'">
<template #back>
<monitoringScreen></monitoringScreen>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="生产性能与效益数额" :top-postion="'right'">
<template #back>
<benefitCharts></benefitCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="设备数据统计" :top-postion="'right'">
<template #back>
<deviceCharts></deviceCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</div>
</template>
<script setup>

92
src/views/early/index.vue
View File

@ -1,53 +1,49 @@
<template>
<div class="data-home-index">
<baseBg :name-val="'early'" 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>
<popularFeelings></popularFeelings>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯主体统计" :top-postion="'left'">
<template #back>
<backToCharts></backToCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯产品分类" :top-postion="'left'">
<template #back>
<productTypeWordClould></productTypeWordClould>
</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" style="height: 67%">
<customBack top-title="农场品实时价格" :top-postion="'right'">
<template #back>
<realTimePrice></realTimePrice>
</template>
</customBack>
</div>
<div class="right-charts-item" style="height: 33%">
<customBack top-title="农产品价格数据分析" :top-postion="'right'">
<template #back>
<priceCharts></priceCharts>
</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>
<popularFeelings></popularFeelings>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯主体统计" :top-postion="'left'">
<template #back>
<backToCharts></backToCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯产品分类" :top-postion="'left'">
<template #back>
<productTypeWordClould></productTypeWordClould>
</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" style="height: 67%">
<customBack top-title="农场品实时价格" :top-postion="'right'">
<template #back>
<realTimePrice></realTimePrice>
</template>
</customBack>
</div>
<div class="right-charts-item" style="height: 33%">
<customBack top-title="农产品价格数据分析" :top-postion="'right'">
<template #back>
<priceCharts></priceCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</div>
</template>
<script setup>

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

@ -1,60 +1,56 @@
<template>
<div class="data-home-index">
<baseBg :name-val="'entities'" 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>
<entitiesCategoryCharts></entitiesCategoryCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="各乡镇经营主体统计" :top-postion="'left'">
<template #back>
<entitiesStatistics></entitiesStatistics>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="生产经营主体信息" :top-postion="'left'">
<template #back>
<entitieslist></entitieslist>
</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>
<categoryCharts></categoryCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="类目效益统计(亿元)" :top-postion="'right'">
<template #back>
<benefitCharts></benefitCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="热门产品" :top-postion="'right'">
<template #back>
<hotCharts></hotCharts>
</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>
<entitiesCategoryCharts></entitiesCategoryCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="各乡镇经营主体统计" :top-postion="'left'">
<template #back>
<entitiesStatistics></entitiesStatistics>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="生产经营主体信息" :top-postion="'left'">
<template #back>
<entitieslist></entitieslist>
</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>
<categoryCharts></categoryCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="类目效益统计(亿元)" :top-postion="'right'">
<template #back>
<benefitCharts></benefitCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="热门产品" :top-postion="'right'">
<template #back>
<hotCharts></hotCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</div>
</template>
<script setup>

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

@ -1,60 +1,56 @@
<template>
<div class="data-home-index">
<baseBg :name-val="'inputs'" 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>
<inputsType></inputsType>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="投入品生产企业统计" :top-postion="'left'">
<template #back>
<inputsGmp></inputsGmp>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="种养殖数据统计" :top-postion="'left'">
<template #back>
<landbreedCharts></landbreedCharts>
</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>
<casesAlerts></casesAlerts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="投入品月度使用统计" :top-postion="'right'">
<template #back>
<monthlyuseCharts></monthlyuseCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="投入品经销商分布" :top-postion="'right'">
<template #back>
<dealerDistributionCharts></dealerDistributionCharts>
</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>
<inputsType></inputsType>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="投入品生产企业统计" :top-postion="'left'">
<template #back>
<inputsGmp></inputsGmp>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="种养殖数据统计" :top-postion="'left'">
<template #back>
<landbreedCharts></landbreedCharts>
</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>
<casesAlerts></casesAlerts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="投入品月度使用统计" :top-postion="'right'">
<template #back>
<monthlyuseCharts></monthlyuseCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="投入品经销商分布" :top-postion="'right'">
<template #back>
<dealerDistributionCharts></dealerDistributionCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</div>
</template>
<script setup>

152
src/views/plant/index.vue
View File

@ -1,88 +1,84 @@
<template>
<div class="data-plant-index">
<baseBg :name-val="'plant'" 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>
<plantTypeCharts></plantTypeCharts>
</template>
</customBack>
<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>
<plantTypeCharts></plantTypeCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="昆虫害监测" :top-postion="'left'">
<template #back>
<insectPestsCharts></insectPestsCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="病理害监测" :top-postion="'left'">
<template #back>
<pathologyCharts></pathologyCharts>
</template>
</customBack>
</div>
</el-col>
<el-col :span="12" style="height: 100%">
<el-row style="height: 67%">
<el-col :span="24" class="center-top" style="height: 100%">
<div class="notice">
<noticeBar :height="'40px'"></noticeBar>
</div>
<div class="left-charts-item">
<customBack top-title="昆虫害监测" :top-postion="'left'">
<template #back>
<insectPestsCharts></insectPestsCharts>
</template>
</customBack>
<div class="top">
<environment></environment>
</div>
<div class="left-charts-item">
<customBack top-title="病理害监测" :top-postion="'left'">
<template #back>
<pathologyCharts></pathologyCharts>
</template>
</customBack>
</div>
</el-col>
<el-col :span="12" style="height: 100%">
<el-row style="height: 67%">
<el-col :span="24" class="center-top" style="height: 100%">
<div class="notice">
<noticeBar :height="'40px'"></noticeBar>
</div>
<div class="top">
<environment></environment>
</div>
<div class="map-gis">
<plantgs></plantgs>
</div>
</el-col>
</el-row>
<el-row style="height: 33%" :gutter="30">
<el-col :span="12" style="height: 100%">
<customBack top-title="水肥检测分析" :top-postion="'left'">
<template #back>
<waterfertilizerCharts></waterfertilizerCharts>
</template>
</customBack>
</el-col>
<el-col :span="12" style="height: 100%">
<customBack top-title="智慧水肥灌溉" :top-postion="'right'">
<template #back>
<irrigationCharts></irrigationCharts>
</template>
</customBack>
</el-col>
</el-row>
</el-col>
<el-col :span="6" class="right-charts">
<div class="right-charts-item">
<customBack top-title="智慧监控 A区 QQI" :top-postion="'right'">
<template #back>
<monitoringScreen></monitoringScreen>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="种植产量分析" :top-postion="'right'">
<template #back>
<yieldCharts></yieldCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="水质检测分析" :top-postion="'right'">
<template #back>
<waterdetectionCharts></waterdetectionCharts>
</template>
</customBack>
<div class="map-gis">
<plantgs></plantgs>
</div>
</el-col>
</el-row>
</template>
</baseBg>
<el-row style="height: 33%" :gutter="30">
<el-col :span="12" style="height: 100%">
<customBack top-title="水肥检测分析" :top-postion="'left'">
<template #back>
<waterfertilizerCharts></waterfertilizerCharts>
</template>
</customBack>
</el-col>
<el-col :span="12" style="height: 100%">
<customBack top-title="智慧水肥灌溉" :top-postion="'right'">
<template #back>
<irrigationCharts></irrigationCharts>
</template>
</customBack>
</el-col>
</el-row>
</el-col>
<el-col :span="6" class="right-charts">
<div class="right-charts-item">
<customBack top-title="智慧监控 A区 QQI" :top-postion="'right'">
<template #back>
<monitoringScreen></monitoringScreen>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="种植产量分析" :top-postion="'right'">
<template #back>
<yieldCharts></yieldCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="水质检测分析" :top-postion="'right'">
<template #back>
<waterdetectionCharts></waterdetectionCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</div>
</template>
<script setup>

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

@ -1,60 +1,56 @@
<template>
<div class="data-home-index">
<baseBg :name-val="'trace'" 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>
<codeNumCharts></codeNumCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯主体类型统计" :top-postion="'left'">
<template #back>
<principalTypeCharts></principalTypeCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯产品分类" :top-postion="'left'">
<template #back>
<productTypeCharts></productTypeCharts>
</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>
<mainPartCharts></mainPartCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="溯源码数据统计" :top-postion="'right'">
<template #back>
<traceBarCharts></traceBarCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="最新溯源检测信息" :top-postion="'right'">
<template #back>
<detectionCharts></detectionCharts>
</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>
<codeNumCharts></codeNumCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯主体类型统计" :top-postion="'left'">
<template #back>
<principalTypeCharts></principalTypeCharts>
</template>
</customBack>
</div>
<div class="left-charts-item">
<customBack top-title="追溯产品分类" :top-postion="'left'">
<template #back>
<productTypeCharts></productTypeCharts>
</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>
<mainPartCharts></mainPartCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="溯源码数据统计" :top-postion="'right'">
<template #back>
<traceBarCharts></traceBarCharts>
</template>
</customBack>
</div>
<div class="right-charts-item">
<customBack top-title="最新溯源检测信息" :top-postion="'right'">
<template #back>
<detectionCharts></detectionCharts>
</template>
</customBack>
</div>
</el-col>
</el-row>
</div>
</template>
<script setup>