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

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"> <div class="statistics-cont">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartPie ref="pie1" :chart-data="chartData1" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartPie ref="pie1" :chart-data="chartData3" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartBar ref="pie1" :chart-data="chartData4" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <el-col :span="8" class="statistics-echart-box">

View File

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

View File

@ -1,39 +1,39 @@
export const mockData = [ export const mockData = [
// 第一条:耿马县孟定镇咖啡示范基地 // 第一条:耿马县孟定镇咖啡示范基地
{ {
baseCode: 'JD5325262023KM01', // 耿马县+2023+咖啡(KM)+01 code: 'JD5325262023KM01', // 耿马县+2023+咖啡(KM)+01
baseName: '孟定精品咖啡示范园', name: '孟定精品咖啡示范园',
regionName: ' 耿马县孟定镇', regionName: ' 耿马县孟定镇',
gridName: '孟定镇河西片区第3网格', gridName: '孟定镇河西片区第3网格',
adress: '孟定镇河西村班幸组南汀河西岸', location: '孟定镇河西村班幸组南汀河西岸',
longitude: '99.0832°E', // 实际经纬度(孟定镇中心区域) longitude: '99.0832°E', // 实际经纬度(孟定镇中心区域)
latitude: '23.5521°N', latitude: '23.5521°N',
weather: '热带季风气候', // 年均温21.5℃年降水量1600mm climate: '热带季风气候', // 年均温21.5℃年降水量1600mm
altitude: 850, // 孟定坝区典型海拔 altitude: 850, // 孟定坝区典型海拔
area: 286.5, // 示范基地面积 area: 286.5, // 示范基地面积
status: '使用中', statusName: '使用中',
businessCode: 'QY532526001', // 统一社会信用代码前段 businessId: 'QY532526001', // 统一社会信用代码前段
businessType: '合作社', businessTypeName: '合作社',
businessSubjectName: '耿马滇咖农业科技有限公司', // 实际注册企业 businessName: '耿马滇咖农业科技有限公司', // 实际注册企业
createTime: '2021-03-15 09:00:00', createTime: '2021-03-15 09:00:00',
}, },
// 第二条:耿马县四排山乡坚果基地 // 第二条:耿马县四排山乡坚果基地
{ {
baseCode: 'JD5325262023JG02', // 耿马县+2023+坚果(JG)+02 code: 'JD5325262023JG02', // 耿马县+2023+坚果(JG)+02
baseName: '四排山澳洲坚果产业基地', name: '四排山澳洲坚果产业基地',
regionName: ' 耿马县四排山乡', regionName: ' 耿马县四排山乡',
gridName: '四排山乡翁达村第5网格', gridName: '四排山乡翁达村第5网格',
adress: '翁达村至芒关村公路东侧山坡地', location: '翁达村至芒关村公路东侧山坡地',
longitude: '99.2178°E', // 四排山乡中心区域坐标 longitude: '99.2178°E', // 四排山乡中心区域坐标
latitude: '23.7865°N', latitude: '23.7865°N',
weather: '南亚热带气候', // 年均温19.8℃年降水量1400mm climate: '南亚热带气候', // 年均温19.8℃年降水量1400mm
altitude: 1200, // 山地种植区典型海拔 altitude: 1200, // 山地种植区典型海拔
area: 580, // 连片种植面积 area: 580, // 连片种植面积
status: '使用中', statusName: '使用中',
businessCode: 'HZ532526001', // 合作社注册代码 businessId: 'HZ532526001', // 合作社注册代码
businessType: '合作社', businessTypeName: '合作社',
businessSubjectName: '耿马四排山坚果种植专业合作社', // 真实合作社 businessName: '耿马四排山坚果种植专业合作社', // 真实合作社
createTime: '2018-05-20 14:30:00', 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> <template>
<div class="app-container"> <div class="app-container">
<div class="container-custom"> <div class="container-custom">
@ -36,27 +19,27 @@ import { getAssetsFile } from '@/utils';
<div class="statistics-cont"> <div class="statistics-cont">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartPie ref="pie1" :chart-data="chartData1" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartPie ref="pie1" :chart-data="chartData2" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartPie ref="pie1" :chart-data="chartData3" :option="option" :width="'100%'" :height="'90%'"> </customEchartPie>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartBar ref="pie1" :chart-data="chartData4" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartBar ref="pie1" :chart-data="chartData5" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col> </el-col>
<el-col :span="8" class="statistics-echart-box"> <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> <customEchartBar ref="pie1" :chart-data="chartData6" :option="option2" :width="'100%'" :height="'100%'"> </customEchartBar>
</el-col> </el-col>
</el-row> </el-row>

File diff suppressed because it is too large Load Diff