修改展示错误的标题;种植基地改为固定数据;

This commit is contained in:
2090205686@qq.com 2025-07-10 21:29:55 +08:00
parent 17645804dc
commit 7440077076
5 changed files with 497 additions and 326 deletions

View File

@ -19,7 +19,7 @@
<div class="statistics-cont">
<el-row :gutter="20">
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">产出品产量数据</p>
<p class="statistics-echart-title">种子种苗需求数据</p>
<customEchartPie ref="pie1" :chart-data="chartData1" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col>
<el-col :span="8" class="statistics-echart-box">
@ -31,7 +31,7 @@
<customEchartPie ref="pie1" :chart-data="chartData3" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col>
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">种苗需求排名前十</p>
<p class="statistics-echart-title">种苗需求排名前十</p>
<customEchartBar ref="pie1" :chart-data="chartData4" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col>
<el-col :span="8" class="statistics-echart-box">
@ -39,7 +39,7 @@
<customEchartBar ref="pie1" :chart-data="chartData5" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col>
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">农药 需求排名前十</p>
<p class="statistics-echart-title">农药需求排名前十</p>
<customEchartBar ref="pie1" :chart-data="chartData6" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col>
</el-row>

View File

@ -272,7 +272,7 @@ const columns = ref([
{
label: '经纬度',
prop: 'coordinate',
// formatter: (row) => `${row.longitude}, ${row.latitude}`,
formatter: (row) => `${row.longitude}, ${row.latitude}`,
},
{ label: '气候条件', prop: 'climate' },
{ label: '海拔(米)', prop: 'altitude' },
@ -325,19 +325,20 @@ const showAddButton = computed(() => {
// ==================== ====================
const getData = async () => {
loading.value = true;
try {
const res = await fetchBaseList({
...searchForm.value,
current: pageData.value.currentPage,
size: pageData.value.pageSize,
});
// loading.value = true;
// try {
// const res = await fetchBaseList({
// ...searchForm.value,
// current: pageData.value.currentPage,
// size: pageData.value.pageSize,
// });
tableData.value = res.data.records || [];
pageData.value.total = res.data.total || 0;
} finally {
loading.value = false;
}
// tableData.value = res.data.records || [];
// pageData.value.total = res.data.total || 0;
// } finally {
// loading.value = false;
// }
tableData.value = mockData;
};
// ==================== ====================

View File

@ -1,39 +1,39 @@
export const mockData = [
// 第一条:耿马县孟定镇咖啡示范基地
{
baseCode: 'JD5325262023KM01', // 耿马县+2023+咖啡(KM)+01
baseName: '孟定精品咖啡示范园',
code: 'JD5325262023KM01', // 耿马县+2023+咖啡(KM)+01
name: '孟定精品咖啡示范园',
regionName: ' 耿马县孟定镇',
gridName: '孟定镇河西片区第3网格',
adress: '孟定镇河西村班幸组南汀河西岸',
location: '孟定镇河西村班幸组南汀河西岸',
longitude: '99.0832°E', // 实际经纬度(孟定镇中心区域)
latitude: '23.5521°N',
weather: '热带季风气候', // 年均温21.5℃年降水量1600mm
climate: '热带季风气候', // 年均温21.5℃年降水量1600mm
altitude: 850, // 孟定坝区典型海拔
area: 286.5, // 示范基地面积
status: '使用中',
businessCode: 'QY532526001', // 统一社会信用代码前段
businessType: '合作社',
businessSubjectName: '耿马滇咖农业科技有限公司', // 实际注册企业
statusName: '使用中',
businessId: 'QY532526001', // 统一社会信用代码前段
businessTypeName: '合作社',
businessName: '耿马滇咖农业科技有限公司', // 实际注册企业
createTime: '2021-03-15 09:00:00',
},
// 第二条:耿马县四排山乡坚果基地
{
baseCode: 'JD5325262023JG02', // 耿马县+2023+坚果(JG)+02
baseName: '四排山澳洲坚果产业基地',
code: 'JD5325262023JG02', // 耿马县+2023+坚果(JG)+02
name: '四排山澳洲坚果产业基地',
regionName: ' 耿马县四排山乡',
gridName: '四排山乡翁达村第5网格',
adress: '翁达村至芒关村公路东侧山坡地',
location: '翁达村至芒关村公路东侧山坡地',
longitude: '99.2178°E', // 四排山乡中心区域坐标
latitude: '23.7865°N',
weather: '南亚热带气候', // 年均温19.8℃年降水量1400mm
climate: '南亚热带气候', // 年均温19.8℃年降水量1400mm
altitude: 1200, // 山地种植区典型海拔
area: 580, // 连片种植面积
status: '使用中',
businessCode: 'HZ532526001', // 合作社注册代码
businessType: '合作社',
businessSubjectName: '耿马四排山坚果种植专业合作社', // 真实合作社
statusName: '使用中',
businessId: 'HZ532526001', // 合作社注册代码
businessTypeName: '合作社',
businessName: '耿马四排山坚果种植专业合作社', // 真实合作社
createTime: '2018-05-20 14:30:00',
},
];

View File

@ -1,20 +1,3 @@
<!-- <template>
<div class="custom-page" :style="`background-image: url(${getAssetsFile('images/output/output.png')})`"></div>
</template>
<script setup>
import { ref, watch, onMounted, computed } from 'vue';
import { getAssetsFile } from '@/utils';
</script>
<style scoped lang="scss">
.custom-page {
height: calc(100vh - 150px);
background-size: cover;
background-repeat: no-repeat;
}
</style> -->
<template>
<div class="app-container">
<div class="container-custom">
@ -36,27 +19,27 @@ import { getAssetsFile } from '@/utils';
<div class="statistics-cont">
<el-row :gutter="20">
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">产出品产量数据</p>
<p class="statistics-echart-title">种子使用数据</p>
<customEchartPie ref="pie1" :chart-data="chartData1" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col>
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">肥料需求数据</p>
<p class="statistics-echart-title">肥料使用数据</p>
<customEchartPie ref="pie1" :chart-data="chartData2" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col>
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">农药需求数据</p>
<p class="statistics-echart-title">农药使用数据</p>
<customEchartPie ref="pie1" :chart-data="chartData3" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col>
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">植种苗需求排名前十</p>
<p class="statistics-echart-title">子使用排名前十</p>
<customEchartBar ref="pie1" :chart-data="chartData4" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col>
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">肥料需求排名前十</p>
<p class="statistics-echart-title">肥料使用排名前十</p>
<customEchartBar ref="pie1" :chart-data="chartData5" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col>
<el-col :span="8" class="statistics-echart-box">
<p class="statistics-echart-title">农药 需求排名前十</p>
<p class="statistics-echart-title">农药使用排名前十</p>
<customEchartBar ref="pie1" :chart-data="chartData6" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col>
</el-row>

File diff suppressed because it is too large Load Diff