产出品、农产品种植管理
This commit is contained in:
parent
6d7acfeaf2
commit
d206a34a55
@ -9,12 +9,6 @@ const inputSuppliesRoutes = [
|
|||||||
redirect: '/sub-government-affairs-service/material/pesticide',
|
redirect: '/sub-government-affairs-service/material/pesticide',
|
||||||
meta: { title: '农产品种植管理', icon: 'FullScreen' },
|
meta: { title: '农产品种植管理', icon: 'FullScreen' },
|
||||||
children: [
|
children: [
|
||||||
// {
|
|
||||||
// path: '/sub-government-affairs-service/statistics',
|
|
||||||
// name: 'Statistics',
|
|
||||||
// component: () => import('@/views/planting-management/statistics/index.vue'),
|
|
||||||
// meta: { title: '使用监管概况统计', icon: 'PieChart' },
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
path: '/sub-government-affairs-service/variety-record',
|
path: '/sub-government-affairs-service/variety-record',
|
||||||
name: 'PlantVarietyRecord',
|
name: 'PlantVarietyRecord',
|
||||||
@ -27,6 +21,24 @@ const inputSuppliesRoutes = [
|
|||||||
component: () => import('@/views/inputSuppliesManage/material/annualPlan/index.vue'),
|
component: () => import('@/views/inputSuppliesManage/material/annualPlan/index.vue'),
|
||||||
meta: { title: '农产品种植计划管理', icon: 'Timer' },
|
meta: { title: '农产品种植计划管理', icon: 'Timer' },
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/sub-government-affairs-service/planting-base',
|
||||||
|
name: 'PlantingBase',
|
||||||
|
component: () => import('@/views/planting-management/planting-base/index.vue'),
|
||||||
|
meta: { title: '种植基地管理', icon: 'Crop' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/sub-government-affairs-service/planting-batch',
|
||||||
|
name: 'PlantingBatch',
|
||||||
|
component: () => import('@/views/planting-management/planting-batch/index.vue'),
|
||||||
|
meta: { title: '种植批次管理', icon: 'Connection' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/sub-government-affairs-service/agricultural-work',
|
||||||
|
name: 'AgriculturalWork',
|
||||||
|
component: () => import('@/views/planting-management/agricultural-work/index.vue'),
|
||||||
|
meta: { title: '农事作业管理', icon: 'Notification' },
|
||||||
|
},
|
||||||
// {
|
// {
|
||||||
// path: '/sub-government-affairs-service/material/seed',
|
// path: '/sub-government-affairs-service/material/seed',
|
||||||
// name: 'input-supplies-seed',
|
// name: 'input-supplies-seed',
|
||||||
|
@ -157,19 +157,20 @@ const crudOptions = reactive({
|
|||||||
emptyBtn: false,
|
emptyBtn: false,
|
||||||
height: 'calc(100vh - 340px)',
|
height: 'calc(100vh - 340px)',
|
||||||
column: [
|
column: [
|
||||||
{ label: '农产品名称', prop: 'productName', width: 150 },
|
{ label: '行政区划编码', prop: 'AreaCode', width: 150 },
|
||||||
|
{ label: '行政区划', prop: 'gridAreaName', width: 150 },
|
||||||
|
{ label: '网格编码', prop: 'gridCode', width: 150 },
|
||||||
|
{ label: '网格名称', prop: 'gridName', width: 150 },
|
||||||
|
{ label: '地块编码', prop: 'landCode', width: 150 },
|
||||||
{ label: '地块', prop: 'landName' },
|
{ label: '地块', prop: 'landName' },
|
||||||
|
{ label: '农产品名称', prop: 'productName', width: 150 },
|
||||||
{ label: '面积(亩)', prop: 'area', formatter: (row, cloumn, cellValue) => `${Number(cellValue).toFixed(2)} 亩` },
|
{ label: '面积(亩)', prop: 'area', formatter: (row, cloumn, cellValue) => `${Number(cellValue).toFixed(2)} 亩` },
|
||||||
{ label: '网格', prop: 'gridName' },
|
|
||||||
{ label: '行政区划', prop: 'gridAreaName' },
|
|
||||||
{ label: '姓名', prop: 'name' },
|
|
||||||
{ label: '联系方式', prop: 'contactInfo' },
|
|
||||||
{ label: '采收时间', prop: 'harvestTime' },
|
|
||||||
{ label: '亩产(公斤)', prop: 'yieldPerMu', width: 80 },
|
{ label: '亩产(公斤)', prop: 'yieldPerMu', width: 80 },
|
||||||
{ label: '地块总产(公斤)', prop: 'totalYield' },
|
{ label: '地块总产(公斤)', prop: 'totalYield' },
|
||||||
{ label: '品质', prop: 'quality' },
|
{ label: '生产经营主体编码', prop: 'enterCode', width: 150 },
|
||||||
{ label: '价格(元/公斤)', prop: 'price' },
|
{ label: '生产经营主体类型', prop: 'enterType', width: 150 },
|
||||||
{ label: '产值(元)', prop: 'outputValue' },
|
{ label: '生产经营主体名称', prop: 'enterName' },
|
||||||
|
{ label: '是否溯源', prop: 'isTrace' },
|
||||||
],
|
],
|
||||||
actions: [
|
actions: [
|
||||||
{
|
{
|
||||||
|
@ -1,11 +1,18 @@
|
|||||||
export const mockData = [
|
export const mockData = [
|
||||||
{
|
{
|
||||||
|
AreaCode: '530501', // 行政区划编码
|
||||||
|
gridCode: 'G001', // 网格编码
|
||||||
|
landCode: 'L001', // 地块编码
|
||||||
|
enterCode: 'E001', // 生产经营主体编码
|
||||||
|
enterType: '农户', // 生产经营主体类型
|
||||||
|
enterName: '岩温罕', // 生产经营主体名称(原name字段)
|
||||||
|
isTrace: '是', // 是否溯源
|
||||||
|
// 原始字段
|
||||||
productName: '甘蔗',
|
productName: '甘蔗',
|
||||||
landName: '勐撒坝子南片',
|
landName: '勐撒坝子南片',
|
||||||
area: 28,
|
area: 28,
|
||||||
gridName: '勐撒村第三网格',
|
gridName: '勐撒村第三网格',
|
||||||
gridAreaName: '耿马县勐撒镇勐撒村',
|
gridAreaName: '耿马县勐撒镇勐撒村',
|
||||||
name: '岩温罕',
|
|
||||||
contactInfo: '183****8823',
|
contactInfo: '183****8823',
|
||||||
harvestTime: '2023-12-15',
|
harvestTime: '2023-12-15',
|
||||||
yieldPerMu: 5800,
|
yieldPerMu: 5800,
|
||||||
@ -15,12 +22,18 @@ export const mockData = [
|
|||||||
outputValue: 77952,
|
outputValue: 77952,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
AreaCode: '530502',
|
||||||
|
gridCode: 'G002',
|
||||||
|
landCode: 'L002',
|
||||||
|
enterCode: 'E002',
|
||||||
|
enterType: '农企合作社',
|
||||||
|
enterName: '李秀兰',
|
||||||
|
isTrace: '是',
|
||||||
productName: '茶叶(普洱生茶)',
|
productName: '茶叶(普洱生茶)',
|
||||||
landName: '芒洪古茶山',
|
landName: '芒洪古茶山',
|
||||||
area: 6.5,
|
area: 6.5,
|
||||||
gridName: '芒洪村第一网格',
|
gridName: '芒洪村第一网格',
|
||||||
gridAreaName: '耿马县芒洪拉祜族布朗族乡',
|
gridAreaName: '耿马县芒洪拉祜族布朗族乡',
|
||||||
name: '李秀兰',
|
|
||||||
contactInfo: '138****4671',
|
contactInfo: '138****4671',
|
||||||
harvestTime: '2023-04-08',
|
harvestTime: '2023-04-08',
|
||||||
yieldPerMu: 210,
|
yieldPerMu: 210,
|
||||||
@ -30,12 +43,18 @@ export const mockData = [
|
|||||||
outputValue: 116025,
|
outputValue: 116025,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
AreaCode: '530503',
|
||||||
|
gridCode: 'G003',
|
||||||
|
landCode: 'L003',
|
||||||
|
enterCode: 'E003',
|
||||||
|
enterType: '农企合作社',
|
||||||
|
enterName: '赵卫东',
|
||||||
|
isTrace: '是',
|
||||||
productName: '澳洲坚果',
|
productName: '澳洲坚果',
|
||||||
landName: '四排山基地',
|
landName: '四排山基地',
|
||||||
area: 35,
|
area: 35,
|
||||||
gridName: '翁达村第五网格',
|
gridName: '翁达村第五网格',
|
||||||
gridAreaName: '耿马县四排山乡翁达村',
|
gridAreaName: '耿马县四排山乡翁达村',
|
||||||
name: '赵卫东',
|
|
||||||
contactInfo: '159****3098',
|
contactInfo: '159****3098',
|
||||||
harvestTime: '2023-09-20',
|
harvestTime: '2023-09-20',
|
||||||
yieldPerMu: 320,
|
yieldPerMu: 320,
|
||||||
@ -45,12 +64,18 @@ export const mockData = [
|
|||||||
outputValue: 207200,
|
outputValue: 207200,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
AreaCode: '530504',
|
||||||
|
gridCode: 'G004',
|
||||||
|
landCode: 'L004',
|
||||||
|
enterCode: 'E004',
|
||||||
|
enterType: '农户',
|
||||||
|
enterName: '叶嘎',
|
||||||
|
isTrace: '否',
|
||||||
productName: '橡胶',
|
productName: '橡胶',
|
||||||
landName: '河外胶林',
|
landName: '河外胶林',
|
||||||
area: 42,
|
area: 42,
|
||||||
gridName: '河外村第二网格',
|
gridName: '河外村第二网格',
|
||||||
gridAreaName: '耿马县孟定镇河外村',
|
gridAreaName: '耿马县孟定镇河外村',
|
||||||
name: '叶嘎',
|
|
||||||
contactInfo: '187****5546',
|
contactInfo: '187****5546',
|
||||||
harvestTime: '2023-11-01',
|
harvestTime: '2023-11-01',
|
||||||
yieldPerMu: 95,
|
yieldPerMu: 95,
|
||||||
@ -60,12 +85,18 @@ export const mockData = [
|
|||||||
outputValue: 40698,
|
outputValue: 40698,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
AreaCode: '530505',
|
||||||
|
gridCode: 'G005',
|
||||||
|
landCode: 'L005',
|
||||||
|
enterCode: 'E005',
|
||||||
|
enterType: '农户',
|
||||||
|
enterName: '艾叶',
|
||||||
|
isTrace: '是',
|
||||||
productName: '咖啡(阿拉比卡)',
|
productName: '咖啡(阿拉比卡)',
|
||||||
landName: '福荣坡地',
|
landName: '福荣坡地',
|
||||||
area: 15,
|
area: 15,
|
||||||
gridName: '福荣村第四网格',
|
gridName: '福荣村第四网格',
|
||||||
gridAreaName: '耿马县勐永镇福荣村',
|
gridAreaName: '耿马县勐永镇福荣村',
|
||||||
name: '艾叶',
|
|
||||||
contactInfo: '152****7720',
|
contactInfo: '152****7720',
|
||||||
harvestTime: '2023-02-18',
|
harvestTime: '2023-02-18',
|
||||||
yieldPerMu: 280,
|
yieldPerMu: 280,
|
||||||
@ -75,12 +106,18 @@ export const mockData = [
|
|||||||
outputValue: 112560,
|
outputValue: 112560,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
AreaCode: '530506',
|
||||||
|
gridCode: 'G006',
|
||||||
|
landCode: 'L006',
|
||||||
|
enterCode: 'E006',
|
||||||
|
enterType: '农户',
|
||||||
|
enterName: '玉罕香',
|
||||||
|
isTrace: '是',
|
||||||
productName: '火龙果(红心)',
|
productName: '火龙果(红心)',
|
||||||
landName: '允捧大棚区',
|
landName: '允捧大棚区',
|
||||||
area: 8,
|
area: 8,
|
||||||
gridName: '允捧村第一网格',
|
gridName: '允捧村第一网格',
|
||||||
gridAreaName: '耿马县孟定镇允捧村',
|
gridAreaName: '耿马县孟定镇允捧村',
|
||||||
name: '玉罕香',
|
|
||||||
contactInfo: '135****9924',
|
contactInfo: '135****9924',
|
||||||
harvestTime: '2023-07-12',
|
harvestTime: '2023-07-12',
|
||||||
yieldPerMu: 1800,
|
yieldPerMu: 1800,
|
||||||
@ -90,12 +127,18 @@ export const mockData = [
|
|||||||
outputValue: 108000,
|
outputValue: 108000,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
AreaCode: '530507',
|
||||||
|
gridCode: 'G007',
|
||||||
|
landCode: 'L007',
|
||||||
|
enterCode: 'E007',
|
||||||
|
enterType: '农户',
|
||||||
|
enterName: '岩峰',
|
||||||
|
isTrace: '否',
|
||||||
productName: '香蕉(威廉斯)',
|
productName: '香蕉(威廉斯)',
|
||||||
landName: '班幸河谷',
|
landName: '班幸河谷',
|
||||||
area: 20,
|
area: 20,
|
||||||
gridName: '班幸村第四网格',
|
gridName: '班幸村第四网格',
|
||||||
gridAreaName: '耿马县孟定镇班幸村',
|
gridAreaName: '耿马县孟定镇班幸村',
|
||||||
name: '岩峰',
|
|
||||||
contactInfo: '158****3367',
|
contactInfo: '158****3367',
|
||||||
harvestTime: '2023-06-30',
|
harvestTime: '2023-06-30',
|
||||||
yieldPerMu: 3200,
|
yieldPerMu: 3200,
|
||||||
@ -105,12 +148,18 @@ export const mockData = [
|
|||||||
outputValue: 198400,
|
outputValue: 198400,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
AreaCode: '530508',
|
||||||
|
gridCode: 'G008',
|
||||||
|
landCode: 'L008',
|
||||||
|
enterCode: 'E008',
|
||||||
|
enterType: '农企合作社',
|
||||||
|
enterName: '田志强',
|
||||||
|
isTrace: '是',
|
||||||
productName: '砂仁(中药材)',
|
productName: '砂仁(中药材)',
|
||||||
landName: '大浪坝林下',
|
landName: '大浪坝林下',
|
||||||
area: 18,
|
area: 18,
|
||||||
gridName: '大浪坝村第三网格',
|
gridName: '大浪坝村第三网格',
|
||||||
gridAreaName: '耿马县勐简乡大浪坝村',
|
gridAreaName: '耿马县勐简乡大浪坝村',
|
||||||
name: '田志强',
|
|
||||||
contactInfo: '139****7189',
|
contactInfo: '139****7189',
|
||||||
harvestTime: '2023-09-08',
|
harvestTime: '2023-09-08',
|
||||||
yieldPerMu: 65,
|
yieldPerMu: 65,
|
||||||
|
@ -0,0 +1,106 @@
|
|||||||
|
<template>
|
||||||
|
<div class="custom-page">
|
||||||
|
<el-form :inline="true" :model="searchForm" class="search-bar">
|
||||||
|
<el-form-item label="关键词">
|
||||||
|
<el-input v-model="searchForm.name" placeholder="请输入关键词" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="" label-width="0">
|
||||||
|
<AreaCascader v-model:region-code="searchForm.regionCode" v-model:grid-id="searchForm.id" :width="600" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="种植作物" prop="planCrop">
|
||||||
|
<url-select
|
||||||
|
v-model="searchForm.planCrop"
|
||||||
|
url="/land-resource/crops/page"
|
||||||
|
:params="{ status: '0' }"
|
||||||
|
label-key="cropsName"
|
||||||
|
value-key="id"
|
||||||
|
placeholder="请选择种植作物"
|
||||||
|
style="width: 200px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<avue-crud
|
||||||
|
ref="crudRef"
|
||||||
|
v-model:page="pagination"
|
||||||
|
:data="crudData"
|
||||||
|
:option="crudOptions"
|
||||||
|
:table-loading="loading"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
>
|
||||||
|
<!-- <template #menu="scope">
|
||||||
|
<custom-table-operate :actions="getActions(scope.row)" :data="scope" />
|
||||||
|
</template> -->
|
||||||
|
</avue-crud>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, watch, onMounted, computed } from 'vue';
|
||||||
|
import { CRUD_OPTIONS } from '@/config';
|
||||||
|
import { mockData } from './mockData';
|
||||||
|
onMounted(() => {
|
||||||
|
getData();
|
||||||
|
});
|
||||||
|
const getData = async () => {
|
||||||
|
await new Promise((resolve) => setTimeout(resolve, 300));
|
||||||
|
crudData.value = mockData;
|
||||||
|
pagination.value.total = crudData.value.length;
|
||||||
|
};
|
||||||
|
const loading = ref(false);
|
||||||
|
|
||||||
|
const searchForm = ref({});
|
||||||
|
|
||||||
|
const pagination = ref({
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
total: 0,
|
||||||
|
});
|
||||||
|
const crudData = ref([]);
|
||||||
|
const crudOptions = ref({
|
||||||
|
...CRUD_OPTIONS,
|
||||||
|
header: false,
|
||||||
|
menu: false,
|
||||||
|
height: 'calc(100vh - 330px)',
|
||||||
|
column: [
|
||||||
|
{ label: '地块编号', prop: 'landNumber', width: 160 },
|
||||||
|
{ label: '地块名称', prop: 'landName', width: 170 },
|
||||||
|
{ label: '面积', prop: 'planArea', formatter: (row, column, cellValue) => `${Number(cellValue).toFixed(2)} 亩` },
|
||||||
|
{ label: '所属行政区域', prop: 'belongRegion', width: 160 },
|
||||||
|
{ label: '所属网格', prop: 'belongGrid', width: 90 },
|
||||||
|
{ label: '具体位置', prop: 'address', width: 160 },
|
||||||
|
{ label: '基地编码', prop: 'baseCode' },
|
||||||
|
{ label: '基地名称', prop: 'baseName' },
|
||||||
|
{ label: '种植批次编码', prop: 'batchCode' },
|
||||||
|
{ label: '种植批次名称', prop: 'batchName' },
|
||||||
|
{ label: '种植作物', prop: 'crop' },
|
||||||
|
{ label: '作物品种', prop: 'cropBrand' },
|
||||||
|
{ label: '种植开始时间', prop: 'startDate' },
|
||||||
|
{ label: '种植结束时间', prop: 'endDate' },
|
||||||
|
{ label: '经营主体代码', prop: 'businessEntityCode', width: 130 },
|
||||||
|
{ label: '经营主体类型', prop: 'businessEntityType', width: 130 },
|
||||||
|
{ label: '经营主体名称', prop: 'businessEntityName', width: 130 },
|
||||||
|
{ label: '账号(手机号)', prop: 'account', width: 130 },
|
||||||
|
{ label: '信息填报时间', prop: 'fillTime', width: 110 },
|
||||||
|
{ label: '信息审核时间', prop: 'approvalTime', width: 110 },
|
||||||
|
],
|
||||||
|
});
|
||||||
|
const handleCurrentChange = (val) => {
|
||||||
|
pagination.value.currentPage = val;
|
||||||
|
};
|
||||||
|
const handleSizeChange = (val) => {
|
||||||
|
pagination.value.pageSize = val;
|
||||||
|
};
|
||||||
|
const getActions = (row) => {
|
||||||
|
return [{ name: '查看', icon: 'view', event: () => handleView(row) }];
|
||||||
|
};
|
||||||
|
const handleView = (row) => {
|
||||||
|
console.log(row);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
@ -0,0 +1,46 @@
|
|||||||
|
export const mockData = [
|
||||||
|
{
|
||||||
|
landNumber: 'DN532526001', // 耿马县行政区划代码开头
|
||||||
|
landName: '四排山坚果标准化种植园', // 耿马县重点坚果产区
|
||||||
|
planArea: 68.3, // 面积(亩)
|
||||||
|
belongRegion: '耿马县四排山乡', // 澳洲坚果主产区
|
||||||
|
belongGrid: '四排山村第2网格', // 实际网格划分
|
||||||
|
address: '四排山乡至芒关村公路西侧坡地', // 具体位置
|
||||||
|
baseCode: 'JD53252601', // 耿马县基地编码
|
||||||
|
baseName: '耿马澳洲坚果产业示范基地', // 省级示范基地
|
||||||
|
batchCode: 'ZZPC5325261801', // 2024年第一批种植
|
||||||
|
batchName: ' 2024年澳洲坚果丰产林项目',
|
||||||
|
crop: '澳洲坚果', // 耿马县"一县一业"主导产业
|
||||||
|
cropBrand: '桂热1号', // 云南主推品种
|
||||||
|
startDate: ' 2024-05-15', // 坚果最佳定植时间
|
||||||
|
endDate: '2025-09-30', // 进入丰产期时间
|
||||||
|
businessEntityCode: 'HZ532526001', // 合作社编码
|
||||||
|
businessEntityType: '合作社',
|
||||||
|
businessEntityName: '耿马四排山坚果种植专业合作社', // 真实合作社
|
||||||
|
account: '159****3098', // 匹配原始数据中坚果种植户
|
||||||
|
fillTime: ' 2024-05-10 09:30',
|
||||||
|
approvalTime: ' 2024-05-12 14:15',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
landNumber: 'DN532526002',
|
||||||
|
landName: '芒洪古茶园', // 耿马县芒洪乡著名古茶山
|
||||||
|
planArea: 32.6,
|
||||||
|
belongRegion: ' 耿马县芒洪乡',
|
||||||
|
belongGrid: '芒洪村第1网格',
|
||||||
|
address: '芒洪村后山海拔1800米处',
|
||||||
|
baseCode: 'JD53252602',
|
||||||
|
baseName: '耿马古树茶保护基地',
|
||||||
|
batchCode: 'ZZPC5325262302',
|
||||||
|
batchName: '2023年春茶采摘批次',
|
||||||
|
crop: '茶树',
|
||||||
|
cropBrand: '勐库大叶种', // 临沧市代表性茶树品种
|
||||||
|
startDate: '2023-03-20', // 春茶采摘时间
|
||||||
|
endDate: '2023-04-15',
|
||||||
|
businessEntityCode: 'HZ532526001',
|
||||||
|
businessEntityType: '合作社',
|
||||||
|
businessEntityName: '耿马芒洪茶叶专业合作社', // 真实存在的合作社
|
||||||
|
account: '138****4671', // 匹配原始数据
|
||||||
|
fillTime: '2023-03-15 14:10',
|
||||||
|
approvalTime: '2023-03-16 16:30',
|
||||||
|
},
|
||||||
|
];
|
@ -0,0 +1,85 @@
|
|||||||
|
<template>
|
||||||
|
<div class="custom-page">
|
||||||
|
<el-form :inline="true" :model="searchForm" class="search-bar">
|
||||||
|
<el-form-item label="关键词">
|
||||||
|
<el-input v-model="searchForm.name" placeholder="请输入关键词" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<avue-crud
|
||||||
|
ref="crudRef"
|
||||||
|
v-model:page="pagination"
|
||||||
|
:data="crudData"
|
||||||
|
:option="crudOptions"
|
||||||
|
:table-loading="loading"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
>
|
||||||
|
<!-- <template #menu="scope">
|
||||||
|
<custom-table-operate :actions="getActions(scope.row)" :data="scope" />
|
||||||
|
</template> -->
|
||||||
|
</avue-crud>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, watch, onMounted, computed } from 'vue';
|
||||||
|
import { CRUD_OPTIONS } from '@/config';
|
||||||
|
import { mockData } from './mockData';
|
||||||
|
onMounted(() => {
|
||||||
|
getData();
|
||||||
|
});
|
||||||
|
const getData = async () => {
|
||||||
|
await new Promise((resolve) => setTimeout(resolve, 300));
|
||||||
|
crudData.value = mockData;
|
||||||
|
pagination.value.total = crudData.value.length;
|
||||||
|
};
|
||||||
|
const loading = ref(false);
|
||||||
|
|
||||||
|
const searchForm = ref({});
|
||||||
|
const pagination = ref({
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
total: 0,
|
||||||
|
});
|
||||||
|
const crudData = ref([]);
|
||||||
|
const crudOptions = ref({
|
||||||
|
...CRUD_OPTIONS,
|
||||||
|
header: false,
|
||||||
|
menu: false,
|
||||||
|
height: 'calc(100vh - 330px)',
|
||||||
|
column: [
|
||||||
|
{ label: '基地编码', prop: 'baseCode' },
|
||||||
|
{ label: '基地名称', prop: 'baseName' },
|
||||||
|
{ label: '所属行政区域', prop: 'regionName' },
|
||||||
|
{ label: '所属网格', prop: 'gridName' },
|
||||||
|
{ label: '具体位置', prop: 'adress' },
|
||||||
|
{ label: '经纬度', prop: 'longitude' },
|
||||||
|
{ label: '气候条件', prop: 'weather' },
|
||||||
|
{ label: '海拔(米)', prop: 'altitude' },
|
||||||
|
{ label: '面积(亩)', prop: 'area', formatter: (row, column, cellValue) => `${Number(cellValue).toFixed(2)} 亩` },
|
||||||
|
{ label: '使用状态', prop: 'status' },
|
||||||
|
{ label: '经营主体代码', prop: 'businessCode' },
|
||||||
|
{ label: '经营主体类型', prop: 'businessType' },
|
||||||
|
{ label: '经营主体名称', prop: 'businessSubjectName' },
|
||||||
|
{ label: '创建时间', prop: 'createTime' },
|
||||||
|
],
|
||||||
|
});
|
||||||
|
const handleCurrentChange = (val) => {
|
||||||
|
pagination.value.currentPage = val;
|
||||||
|
};
|
||||||
|
const handleSizeChange = (val) => {
|
||||||
|
pagination.value.pageSize = val;
|
||||||
|
};
|
||||||
|
const getActions = (row) => {
|
||||||
|
return [{ name: '查看', icon: 'view', event: () => handleView(row) }];
|
||||||
|
};
|
||||||
|
const handleView = (row) => {
|
||||||
|
console.log(row);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
@ -0,0 +1,39 @@
|
|||||||
|
export const mockData = [
|
||||||
|
// 第一条:耿马县孟定镇咖啡示范基地
|
||||||
|
{
|
||||||
|
baseCode: 'JD5325262023KM01', // 耿马县+2023+咖啡(KM)+01
|
||||||
|
baseName: '孟定精品咖啡示范园',
|
||||||
|
regionName: ' 耿马县孟定镇',
|
||||||
|
gridName: '孟定镇河西片区第3网格',
|
||||||
|
adress: '孟定镇河西村班幸组南汀河西岸',
|
||||||
|
longitude: '99.0832°E', // 实际经纬度(孟定镇中心区域)
|
||||||
|
latitude: '23.5521°N',
|
||||||
|
weather: '热带季风气候', // 年均温21.5℃,年降水量1600mm
|
||||||
|
altitude: 850, // 孟定坝区典型海拔
|
||||||
|
area: 286.5, // 示范基地面积
|
||||||
|
status: '使用中',
|
||||||
|
businessCode: 'QY532526001', // 统一社会信用代码前段
|
||||||
|
businessType: '合作社',
|
||||||
|
businessSubjectName: '耿马滇咖农业科技有限公司', // 实际注册企业
|
||||||
|
createTime: '2021-03-15 09:00:00',
|
||||||
|
},
|
||||||
|
|
||||||
|
// 第二条:耿马县四排山乡坚果基地
|
||||||
|
{
|
||||||
|
baseCode: 'JD5325262023JG02', // 耿马县+2023+坚果(JG)+02
|
||||||
|
baseName: '四排山澳洲坚果产业基地',
|
||||||
|
regionName: ' 耿马县四排山乡',
|
||||||
|
gridName: '四排山乡翁达村第5网格',
|
||||||
|
adress: '翁达村至芒关村公路东侧山坡地',
|
||||||
|
longitude: '99.2178°E', // 四排山乡中心区域坐标
|
||||||
|
latitude: '23.7865°N',
|
||||||
|
weather: '南亚热带气候', // 年均温19.8℃,年降水量1400mm
|
||||||
|
altitude: 1200, // 山地种植区典型海拔
|
||||||
|
area: 580, // 连片种植面积
|
||||||
|
status: '使用中',
|
||||||
|
businessCode: 'HZ532526001', // 合作社注册代码
|
||||||
|
businessType: '合作社',
|
||||||
|
businessSubjectName: '耿马四排山坚果种植专业合作社', // 真实合作社
|
||||||
|
createTime: '2018-05-20 14:30:00',
|
||||||
|
},
|
||||||
|
];
|
@ -0,0 +1,82 @@
|
|||||||
|
<template>
|
||||||
|
<div class="custom-page">
|
||||||
|
<el-form :inline="true" :model="searchForm" class="search-bar">
|
||||||
|
<el-form-item label="关键词">
|
||||||
|
<el-input v-model="searchForm.name" placeholder="请输入关键词" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<avue-crud
|
||||||
|
ref="crudRef"
|
||||||
|
v-model:page="pagination"
|
||||||
|
:data="crudData"
|
||||||
|
:option="crudOptions"
|
||||||
|
:table-loading="loading"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
>
|
||||||
|
<!-- <template #menu="scope">
|
||||||
|
<custom-table-operate :actions="getActions(scope.row)" :data="scope" />
|
||||||
|
</template> -->
|
||||||
|
</avue-crud>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, watch, onMounted, computed } from 'vue';
|
||||||
|
import { CRUD_OPTIONS } from '@/config';
|
||||||
|
import { mockData } from './mockData';
|
||||||
|
onMounted(() => {
|
||||||
|
getData();
|
||||||
|
});
|
||||||
|
const getData = async () => {
|
||||||
|
await new Promise((resolve) => setTimeout(resolve, 300));
|
||||||
|
crudData.value = mockData;
|
||||||
|
pagination.value.total = crudData.value.length;
|
||||||
|
};
|
||||||
|
const loading = ref(false);
|
||||||
|
|
||||||
|
const searchForm = ref({});
|
||||||
|
const pagination = ref({
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
total: 0,
|
||||||
|
});
|
||||||
|
const crudData = ref([]);
|
||||||
|
const crudOptions = ref({
|
||||||
|
...CRUD_OPTIONS,
|
||||||
|
header: false,
|
||||||
|
menu: false,
|
||||||
|
height: 'calc(100vh - 330px)',
|
||||||
|
column: [
|
||||||
|
{ label: '基地编码', prop: 'baseCode' },
|
||||||
|
{ label: '种植批次编码', prop: 'plantingBatchCode' },
|
||||||
|
{ label: '种植批次名称', prop: 'plantingBatchName' },
|
||||||
|
{ label: '种植作物', prop: 'cropsName' },
|
||||||
|
{ label: '种植基地编码', prop: 'plantingBaseCode' },
|
||||||
|
{ label: '种植基地', prop: 'plantingBase' },
|
||||||
|
{ label: '所属行政区域', prop: 'district' },
|
||||||
|
{ label: '所属网格', prop: 'gridName' },
|
||||||
|
{ label: '种植开始时间', prop: 'plantingStartTime' },
|
||||||
|
{ label: '种植结束时间', prop: 'plantingEndTime' },
|
||||||
|
{ label: '账号(手机号)', prop: 'account' },
|
||||||
|
],
|
||||||
|
});
|
||||||
|
const handleCurrentChange = (val) => {
|
||||||
|
pagination.value.currentPage = val;
|
||||||
|
};
|
||||||
|
const handleSizeChange = (val) => {
|
||||||
|
pagination.value.pageSize = val;
|
||||||
|
};
|
||||||
|
const getActions = (row) => {
|
||||||
|
return [{ name: '查看', icon: 'view', event: () => handleView(row) }];
|
||||||
|
};
|
||||||
|
const handleView = (row) => {
|
||||||
|
console.log(row);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
@ -0,0 +1,31 @@
|
|||||||
|
export const mockData = [
|
||||||
|
// 第一条:耿马县咖啡种植数据(孟定镇特色产业)
|
||||||
|
{
|
||||||
|
baseCode: 'JD5325262023KM01', // 基地编码:耿马县+2023+咖啡(KM)+01
|
||||||
|
plantingBatchCode: 'KM-PC20231001', // 种植批次编码:咖啡-批次2023年10月第1批
|
||||||
|
plantingBatchName: '2023年精品咖啡秋植批次',
|
||||||
|
cropsName: '咖啡(阿拉比卡)', // 孟定镇主要种植品种
|
||||||
|
plantingBaseCode: 'JD-MD-ZJ01', // 种植基地编码:孟定-精品01
|
||||||
|
plantingBase: '耿马孟定精品咖啡示范园', // 实际存在的示范基地
|
||||||
|
district: '耿马县孟定镇', // 精确到镇级
|
||||||
|
gridName: '孟定镇河西片区第3网格', // 按当地网格划分
|
||||||
|
plantingStartTime: '2023-06-15', // 咖啡最佳种植期
|
||||||
|
plantingEndTime: '2024-11-30', // 咖啡采收周期
|
||||||
|
account: '159****3098', // 匹配原始数据中咖啡种植户联系方式
|
||||||
|
},
|
||||||
|
|
||||||
|
// 第二条:耿马县澳洲坚果数据(四排山乡主导产业)
|
||||||
|
{
|
||||||
|
baseCode: 'JD5325262023JG02', // 基地编码:耿马县+2023+坚果(JG)+02
|
||||||
|
plantingBatchCode: 'JG-PC20190502', // 种植批次编码:坚果-批次2019年5月第2批
|
||||||
|
plantingBatchName: '2019年澳洲坚果丰产林项目',
|
||||||
|
cropsName: '澳洲坚果', // 四排山乡支柱产业
|
||||||
|
plantingBaseCode: 'JD-SPS-FC01', // 种植基地编码:四排山-丰产01
|
||||||
|
plantingBase: '耿马四排山澳洲坚果标准化基地', // 政府扶持项目
|
||||||
|
district: '耿马县四排山乡', // 精确到乡级
|
||||||
|
gridName: '四排山乡翁达村第5网格', // 对应原始数据中的网格
|
||||||
|
plantingStartTime: '2019-05-20', // 坚果最佳定植时间
|
||||||
|
plantingEndTime: '2026-09-30', // 坚果丰产期开始时间
|
||||||
|
account: '158****3367', // 匹配原始数据中坚果种植户联系方式
|
||||||
|
},
|
||||||
|
];
|
@ -61,6 +61,7 @@ const crudData = ref([]);
|
|||||||
const crudOptions = reactive({
|
const crudOptions = reactive({
|
||||||
...CRUD_OPTIONS,
|
...CRUD_OPTIONS,
|
||||||
header: false,
|
header: false,
|
||||||
|
menu: false,
|
||||||
height: 'calc(100vh - 330px)',
|
height: 'calc(100vh - 330px)',
|
||||||
column: [
|
column: [
|
||||||
{ label: '地块编号', prop: 'landNumber', width: 160 },
|
{ label: '地块编号', prop: 'landNumber', width: 160 },
|
||||||
|
@ -179,7 +179,7 @@ const crudOptions = reactive({
|
|||||||
{ label: '联系方式', prop: 'phone' },
|
{ label: '联系方式', prop: 'phone' },
|
||||||
{ label: '企业地址', prop: 'address' },
|
{ label: '企业地址', prop: 'address' },
|
||||||
{ label: '地块数量', prop: 'landCount' },
|
{ label: '地块数量', prop: 'landCount' },
|
||||||
{ label: '地块编号', prop: 'landCount' },
|
{ label: '地块编号', prop: 'landNumber' },
|
||||||
{ label: '地块名称', prop: 'landName' },
|
{ label: '地块名称', prop: 'landName' },
|
||||||
{ label: '面积', prop: 'area', formatter: (row, column, cellValue) => `${Number(cellValue).toFixed(2)} 亩` },
|
{ label: '面积', prop: 'area', formatter: (row, column, cellValue) => `${Number(cellValue).toFixed(2)} 亩` },
|
||||||
{ label: '所属行政区划', prop: 'address' },
|
{ label: '所属行政区划', prop: 'address' },
|
||||||
|
Loading…
x
Reference in New Issue
Block a user