From 74aa210c5f8c11f600d7e6b1fc549e7b3dce3736 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=9A=E4=BF=8A=E6=97=AD?= <398847134@qq.com>
Date: Fri, 23 May 2025 16:42:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=BF=E5=8A=A1=E5=A4=A7=E5=B1=8F=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=A4=84=E7=90=86=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/custom-scroll-title/index.vue  |   5 +
 .../views/inputs/components/inputsFive.vue    |   8 +-
 .../views/inputs/components/inputsFour.vue    |  85 ++++++-
 .../src/views/inputs/components/inputsMap.vue |   2 +-
 .../src/views/inputs/components/inputsOne.vue |   4 +-
 .../src/views/inputs/components/inputsSix.vue |  11 +-
 .../views/inputs/components/inputsThere.vue   |  50 ++--
 .../src/views/inputs/index.vue                |  19 +-
 .../src/views/land/components/landMap.vue     |  12 +-
 .../src/views/land/index.vue                  | 237 +++++++++++++++---
 .../src/apis/agricultural.js                  |  10 +-
 .../views/ecommerce/agriculturalDetail.vue    |   3 +-
 .../views/ecommerce/components/evaluate.vue   |  29 +++
 13 files changed, 383 insertions(+), 92 deletions(-)

diff --git a/new-digital-agriculture-screen/src/components/custom-scroll-title/index.vue b/new-digital-agriculture-screen/src/components/custom-scroll-title/index.vue
index 86d8906..885e74c 100644
--- a/new-digital-agriculture-screen/src/components/custom-scroll-title/index.vue
+++ b/new-digital-agriculture-screen/src/components/custom-scroll-title/index.vue
@@ -55,6 +55,7 @@ const props = defineProps({
     default() {
       return [
         // { label: '首页', value: '/new-digital-agriculture-screen/v2/home' },
+        { label: '首页', value: 'home' },
         { label: '土地资源', value: '/new-digital-agriculture-screen/v2/land' },
         { label: '投入品监管', value: '/new-digital-agriculture-screen/v2/inputs' },
         { label: '产出品管理', value: '/new-digital-agriculture-screen/v2/entities' },
@@ -120,6 +121,10 @@ function handleTitleBtn(t = -1) {
   }
 }
 function handleTitleClick(val) {
+  if (val === 'home') {
+    window.location.href = 'http://47.109.205.240/platform';
+    return;
+  }
   activeTitle.value = val;
   // emit('changeTitle', val);
   router.push({ path: val });
diff --git a/new-digital-agriculture-screen/src/views/inputs/components/inputsFive.vue b/new-digital-agriculture-screen/src/views/inputs/components/inputsFive.vue
index dc549af..b8df1a9 100644
--- a/new-digital-agriculture-screen/src/views/inputs/components/inputsFive.vue
+++ b/new-digital-agriculture-screen/src/views/inputs/components/inputsFive.vue
@@ -27,9 +27,9 @@ const chartData = ref(
 
     // 各品类基础值
     return [
-      { type: '种子种苗', values: generateWaveData(15) },
+      { type: '种子', values: generateWaveData(1) },
       { type: '化肥', values: generateWaveData(20) },
-      { type: '农药', values: generateWaveData(10) },
+      { type: '农药', values: generateWaveData(2) },
     ].flatMap(({ type, values }) =>
       values.map((value, i) => ({
         type,
@@ -50,7 +50,7 @@ function hexToRGBA(hex, alpha = 1) {
 const chartOption = ref({
   color: ['#02FD94', '#FEF906', '#01FEFD'],
   legend: {
-    data: ['种子种苗', '化肥', '农药'],
+    data: ['种子', '化肥', '农药'],
     top: 8,
     itemWidth: 12, // 矩形宽度
     itemHeight: 12, // 矩形高度
@@ -104,7 +104,7 @@ const chartOption = ref({
   },
   series: [
     {
-      name: '种子种苗',
+      name: '种子',
       type: 'line',
       smooth: true,
       symbol: 'none',
diff --git a/new-digital-agriculture-screen/src/views/inputs/components/inputsFour.vue b/new-digital-agriculture-screen/src/views/inputs/components/inputsFour.vue
index f06f6e1..79a60ec 100644
--- a/new-digital-agriculture-screen/src/views/inputs/components/inputsFour.vue
+++ b/new-digital-agriculture-screen/src/views/inputs/components/inputsFour.vue
@@ -1,12 +1,20 @@
 <template>
   <div class="order-stats">
     <el-row :gutter="20">
-      <el-col v-for="item in state.list" :key="item.label" :span="12">
+      <el-col :span="12">
         <div class="order-stats-item flex-column">
           <div class="order-stats-value">
-            {{ item.value }}<span>{{ item.unit }}</span>
+            {{ currentChoose[0].value }}<span>{{ currentChoose[0].unit }}</span>
           </div>
-          <div class="order-stats-label">{{ item.label }}</div>
+          <div class="order-stats-label">{{ currentChoose[0].label }}</div>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="order-stats-item flex-column">
+          <div class="order-stats-value">
+            {{ currentChoose[1].value }}<span>{{ currentChoose[1].unit }}</span>
+          </div>
+          <div class="order-stats-label">{{ currentChoose[1].label }}</div>
         </div>
       </el-col>
     </el-row>
@@ -14,10 +22,18 @@
 </template>
 
 <script setup>
-import { reactive } from 'vue';
+import { reactive, onMounted, watch, ref } from 'vue';
+import { isEmpty } from '@/utils/index.js';
+
+const props = defineProps({
+  data: {
+    type: String,
+    default: () => '3',
+  },
+});
 
 const state = reactive({
-  list: [
+  year: [
     {
       label: '订单金额',
       value: '548.86',
@@ -29,7 +45,66 @@ const state = reactive({
       unit: '笔',
     },
   ],
+  day: [
+    {
+      label: '订单金额',
+      value: '0.95',
+      unit: '万元',
+    },
+    {
+      label: '订单数量',
+      value: '583',
+      unit: '笔',
+    },
+  ],
+  month: [
+    {
+      label: '订单金额',
+      value: '34.85',
+      unit: '万元',
+    },
+    {
+      label: '订单数量',
+      value: '16517',
+      unit: '笔',
+    },
+  ],
+  quarter: [
+    {
+      label: '订单金额',
+      value: '117.51',
+      unit: '万元',
+    },
+    {
+      label: '订单数量',
+      value: '46120',
+      unit: '笔',
+    },
+  ],
 });
+
+const currentChoose = ref(state.year);
+
+watch(
+  () => props.data,
+  (val) => {
+    if (!isEmpty(val)) {
+      if (val === '3') {
+        currentChoose.value = state.year;
+      } else if (val === '2') {
+        currentChoose.value = state.quarter;
+      } else if (val === '1') {
+        currentChoose.value = state.month;
+      } else if (val === '0') {
+        currentChoose.value = state.day;
+      }
+    }
+  },
+  {
+    deep: true,
+    immediate: true,
+  }
+);
 </script>
 
 <style lang="scss" scoped>
diff --git a/new-digital-agriculture-screen/src/views/inputs/components/inputsMap.vue b/new-digital-agriculture-screen/src/views/inputs/components/inputsMap.vue
index 6e89930..c8a4dcc 100644
--- a/new-digital-agriculture-screen/src/views/inputs/components/inputsMap.vue
+++ b/new-digital-agriculture-screen/src/views/inputs/components/inputsMap.vue
@@ -3,7 +3,7 @@
     <template #header>
       <div class="land-map-pop-header">
         <div class="title">{{ currentRegion?.name || '投入品' }}</div>
-        <a class="view-case" @click.prevent="handleViewCase">查看案件 &gt;</a>
+        <!--        <a class="view-case" @click.prevent="handleViewCase">查看案件 &gt;</a>-->
       </div>
     </template>
     <template #dialogContent>
diff --git a/new-digital-agriculture-screen/src/views/inputs/components/inputsOne.vue b/new-digital-agriculture-screen/src/views/inputs/components/inputsOne.vue
index f06b245..13fbb4a 100644
--- a/new-digital-agriculture-screen/src/views/inputs/components/inputsOne.vue
+++ b/new-digital-agriculture-screen/src/views/inputs/components/inputsOne.vue
@@ -83,8 +83,8 @@ const state = reactive({
     },
   },
   data: [
-    { value: 221.8, name: '产业运营平台' },
-    { value: 70.01, name: '其它', floatZ: 1 },
+    { value: 221.8, name: '合资公司' },
+    { value: 70.01, name: '其它实体', floatZ: 1 },
   ],
 });
 </script>
diff --git a/new-digital-agriculture-screen/src/views/inputs/components/inputsSix.vue b/new-digital-agriculture-screen/src/views/inputs/components/inputsSix.vue
index bb88299..6f55a85 100644
--- a/new-digital-agriculture-screen/src/views/inputs/components/inputsSix.vue
+++ b/new-digital-agriculture-screen/src/views/inputs/components/inputsSix.vue
@@ -40,11 +40,12 @@ const chartConfig = ref({
   option: {
     header: ['投入品种类', '平台价格', '市场价格'],
     dataset: [
-      ['圆茄种苗', '0.3元/棵', '0.4元/棵'],
-      ['高氮复合肥', '1850元/吨', '1980元/吨'],
-      ['硫酸钾', '1250元/吨', '1380元/吨'],
-      ['高氮复合肥', '1850元/吨', '1980元/吨'],
-      ['西红柿种苗', '0.3元/棵', '0.4元/棵'],
+      ['西红柿种苗', '0.45元/株', '0.6元/株'],
+      ['美玉27号甜糯玉米种子', '102元/kg', '126元/kg'],
+      ['磷酸二氢钾99% 全水溶叶面肥磷钾肥', '6750元/吨', '8400元/吨'],
+      ['大量元素水溶肥 平衡，高钾，高氮', '6550元/吨', '7980元/吨'],
+      ['20%氯虫苯甲酰胺', '69885元/吨', '76880元/吨'],
+      ['21.9%精草铵膦铵盐高浓度除草剂', '2748元/吨', '3416元/吨'],
     ],
     // 样式配置
     headerBGC: 'rgba(53, 208, 192, 0.4)', // 表头背景
diff --git a/new-digital-agriculture-screen/src/views/inputs/components/inputsThere.vue b/new-digital-agriculture-screen/src/views/inputs/components/inputsThere.vue
index 5edbd44..349aebb 100644
--- a/new-digital-agriculture-screen/src/views/inputs/components/inputsThere.vue
+++ b/new-digital-agriculture-screen/src/views/inputs/components/inputsThere.vue
@@ -6,34 +6,34 @@
 import { reactive } from 'vue';
 
 const rawData = [
-  { name: '勐撒镇', type: '种子农药', value: 15 },
-  { name: '勐撒镇', type: '化肥', value: 30 },
-  { name: '勐撒镇', type: '农药', value: 22 },
-  { name: '勐永镇', type: '种子农药', value: 18 },
-  { name: '勐永镇', type: '化肥', value: 28 },
-  { name: '勐永镇', type: '农药', value: 20 },
-  { name: '孟定镇', type: '种子农药', value: 21 },
-  { name: '孟定镇', type: '化肥', value: 25 },
-  { name: '孟定镇', type: '农药', value: 24 },
-  { name: '勐简乡', type: '种子农药', value: 13 },
-  { name: '勐简乡', type: '化肥', value: 20 },
-  { name: '勐简乡', type: '农药', value: 15 },
-  { name: '贺派乡', type: '种子农药', value: 17 },
-  { name: '贺派乡', type: '化肥', value: 18 },
-  { name: '贺派乡', type: '农药', value: 16 },
-  { name: '芒洪乡', type: '种子农药', value: 14 },
-  { name: '芒洪乡', type: '化肥', value: 23 },
-  { name: '芒洪乡', type: '农药', value: 21 },
-  { name: '大兴乡', type: '种子农药', value: 12 },
-  { name: '大兴乡', type: '化肥', value: 17 },
-  { name: '大兴乡', type: '农药', value: 14 },
-  { name: '耿马镇', type: '种子农药', value: 19 },
-  { name: '耿马镇', type: '化肥', value: 26 },
-  { name: '耿马镇', type: '农药', value: 23 },
+  { name: '勐撒镇', type: '种子', value: 0.15 },
+  { name: '勐撒镇', type: '化肥', value: 3.0 },
+  { name: '勐撒镇', type: '农药', value: 2.2 },
+  { name: '勐永镇', type: '种子', value: 0.18 },
+  { name: '勐永镇', type: '化肥', value: 2.8 },
+  { name: '勐永镇', type: '农药', value: 2.0 },
+  { name: '孟定镇', type: '种子', value: 0.21 },
+  { name: '孟定镇', type: '化肥', value: 2.5 },
+  { name: '孟定镇', type: '农药', value: 2.4 },
+  { name: '勐简乡', type: '种子', value: 0.13 },
+  { name: '勐简乡', type: '化肥', value: 2.0 },
+  { name: '勐简乡', type: '农药', value: 1.5 },
+  { name: '贺派乡', type: '种子', value: 0.17 },
+  { name: '贺派乡', type: '化肥', value: 1.8 },
+  { name: '贺派乡', type: '农药', value: 1.6 },
+  { name: '芒洪乡', type: '种子', value: 0.14 },
+  { name: '芒洪乡', type: '化肥', value: 2.3 },
+  { name: '芒洪乡', type: '农药', value: 2.1 },
+  { name: '大兴乡', type: '种子', value: 0.2 },
+  { name: '大兴乡', type: '化肥', value: 3 },
+  { name: '大兴乡', type: '农药', value: 1.14 },
+  { name: '耿马镇', type: '种子', value: 0.5 },
+  { name: '耿马镇', type: '化肥', value: 4 },
+  { name: '耿马镇', type: '农药', value: 2.3 },
 ];
 
 const towns = ['勐撒镇', '勐永镇', '孟定镇', '勐简乡', '贺派乡', '芒洪乡', '大兴乡', '耿马镇'];
-const types = ['种子农药', '化肥', '农药'];
+const types = ['种子', '化肥', '农药'];
 const colors = ['#15EB90', '#F3F70F', '#08DFE4'];
 
 const series = types.map((type, idx) => {
diff --git a/new-digital-agriculture-screen/src/views/inputs/index.vue b/new-digital-agriculture-screen/src/views/inputs/index.vue
index 3f7b135..640ca4f 100644
--- a/new-digital-agriculture-screen/src/views/inputs/index.vue
+++ b/new-digital-agriculture-screen/src/views/inputs/index.vue
@@ -51,13 +51,13 @@
           :value-field="'value'"
           :down-width="'100px'"
           :options="[
-            { label: '按日', value: '0' },
-            { label: '按月', value: '1' },
-            { label: '按季度', value: '2' },
             { label: '按年', value: '3' },
+            { label: '按季度', value: '2' },
+            { label: '按月', value: '1' },
+            { label: '按日', value: '0' },
           ]"
           :is-down="true"
-          command="handleCommand"
+          @command="handleCommand"
         >
           <template #back>
             <inputsFour :data="state.data.ProductEntity" />
@@ -135,7 +135,7 @@ const loadData = async () => {
         unit: '家',
       },
     ],
-    InputDetector: [{ JCFGL: 33.33, JCYPPC: 15684, zero_count: 13, JCHGL: 86.67, counts: 45 }],
+    InputDetector: [{ JCFGL: 49.58, JCYPPC: 15684, zero_count: 13, JCHGL: 86.67, counts: 45 }],
     there: [
       { value: 530, name: '种子' },
       { value: 1215, name: '化肥' },
@@ -143,11 +143,7 @@ const loadData = async () => {
       { value: 916, name: '地膜' },
       { value: 108, name: '水' },
     ],
-    ProductEntity: [
-      { manufacturerCount: 2, percentage: 16.67, category: '种源企业' },
-      { manufacturerCount: 5, percentage: 41.67, category: '农药厂家' },
-      { manufacturerCount: 5, percentage: 41.67, category: '肥料厂家' },
-    ],
+    ProductEntity: '3',
     five: [
       { value: 10, name: '2020' },
       { value: 66, name: '2021' },
@@ -365,7 +361,8 @@ const loadData = async () => {
 loadData();
 
 const handleCommand = (data) => {
-  state.queryCode = data.value;
+  console.log(data);
+  state.data.ProductEntity = data.value;
   // console.info('data=', data);
   // nextTick(() => {
   //   fiveRef.value && fiveRef.value.refresData();
diff --git a/new-digital-agriculture-screen/src/views/land/components/landMap.vue b/new-digital-agriculture-screen/src/views/land/components/landMap.vue
index 34511a3..14fd4f6 100644
--- a/new-digital-agriculture-screen/src/views/land/components/landMap.vue
+++ b/new-digital-agriculture-screen/src/views/land/components/landMap.vue
@@ -27,12 +27,14 @@ import { ref, reactive, computed } from 'vue';
 
 const unit = ref('万亩');
 const list = reactive([
-  { title: '望天田', value: '60.8', color: '#01FEFD' },
-  { title: '菜地', value: '60.8', color: '#FEF906' },
+  { title: '水田', value: '60.8', color: '#01FEFD' },
+  { title: '旱地', value: '60.8', color: '#FEF906' },
   { title: '水浇地', value: '60.8', color: '#02FD94' },
-  { title: '果园', value: '60.8', color: '#FE7F03' },
-  { title: '灌溉水田', value: '60.8', color: '#41BDFC' },
-  { title: '旱地', value: '60.8', color: '#FC0003' },
+  { title: '灌木林地', value: '60.8', color: '#FE7F03' },
+  { title: '竹林地', value: '60.8', color: '#41BDFC' },
+  { title: '果园', value: '60.8', color: '#FC0003' },
+  { title: '茶园', value: '60.8', color: '#9C27B0' },
+  { title: '人工牧草地', value: '60.8', color: '#4CAF50' },
 ]);
 function doMapclick() {
   list.forEach((v) => {
diff --git a/new-digital-agriculture-screen/src/views/land/index.vue b/new-digital-agriculture-screen/src/views/land/index.vue
index 98be3c9..8bbbe07 100644
--- a/new-digital-agriculture-screen/src/views/land/index.vue
+++ b/new-digital-agriculture-screen/src/views/land/index.vue
@@ -31,24 +31,25 @@
       <div class="right-charts-item">
         <customBack
           top-title="管理需求分类"
-          :down-title="'永久基本农田'"
+          :down-title="'所有类型'"
           :top-postion="'right'"
           :down-width="'140px'"
           :options="[
-            { label: '永久基本农田', value: '530926' },
-            { label: '耿马镇', value: '42611' },
-            { label: '勐撒镇', value: '9259' },
-            { label: '勐永镇', value: '17787' },
-            { label: '孟定镇', value: '42610' },
-            { label: '勐简乡', value: '17788' },
-            { label: '贺派乡', value: '40161' },
-            { label: '四排山乡', value: '40163' },
-            { label: '大兴乡', value: '40159' },
+            { label: '所有类型', value: '530926' },
+            { label: '水田', value: '42611' },
+            { label: '灌溉水田', value: '9259' },
+            { label: '水浇地', value: '17787' },
+            { label: '灌木林地', value: '42610' },
+            { label: '竹林地', value: '17788' },
+            { label: '果园', value: '40161' },
+            { label: '茶园', value: '40163' },
+            { label: '人工牧草地', value: '40159' },
           ]"
           :is-down="true"
+          @command="handleContrast"
         >
           <template #back>
-            <landFive :data="state.data.five" />
+            <land-five :data="state.data.five"></land-five>
           </template>
         </customBack>
       </div>
@@ -64,7 +65,7 @@
   </el-row>
 </template>
 <script setup>
-import { nextTick, reactive } from 'vue';
+import { nextTick, reactive, onMounted } from 'vue';
 import landMap from './components/landMap.vue';
 import landOne from './components/landOne.vue';
 import landTwo from './components/landTwo.vue';
@@ -84,6 +85,153 @@ const state = reactive({
   queryCode: '',
 });
 
+const landData = [
+  {
+    area: '耿马镇',
+    land: [
+      { type: '水田', value: 15.2 },
+      { type: '菜地', value: 12.5 },
+      { type: '水浇地', value: 8.3 },
+      { type: '果园', value: 5.1 },
+      { type: '灌溉水田', value: 10.8 },
+      { type: '旱地', value: 28.6 },
+      { type: '竹林地', value: 1.2 },
+      { type: '茶园', value: 0.8 },
+      { type: '人工牧草地', value: 0.5 },
+      { type: '灌木林地', value: 6.7 },
+    ],
+    total: 89.7, // 15.2 + 12.5 + 8.3 + 5.1 + 10.8 + 28.6 + 1.2 + 0.8 + 0.5 + 6.7
+  },
+  {
+    area: '勐永镇',
+    land: [
+      { type: '水田', value: 8.5 },
+      { type: '菜地', value: 9.2 },
+      { type: '水浇地', value: 6.7 },
+      { type: '果园', value: 4.3 },
+      { type: '灌溉水田', value: 7.9 },
+      { type: '旱地', value: 22.4 },
+      { type: '竹林地', value: 0.9 },
+      { type: '茶园', value: 0.6 },
+      { type: '人工牧草地', value: 0.3 },
+      { type: '灌木林地', value: 5.2 },
+    ],
+    total: 66.0, // 8.5 + 9.2 + 6.7 + 4.3 + 7.9 + 22.4 + 0.9 + 0.6 + 0.3 + 5.2
+  },
+  {
+    area: '勐撒镇',
+    land: [
+      { type: '水田', value: 12.1 },
+      { type: '菜地', value: 15.3 },
+      { type: '水浇地', value: 10.2 },
+      { type: '果园', value: 7.8 },
+      { type: '灌溉水田', value: 14.5 },
+      { type: '旱地', value: 18.9 },
+      { type: '竹林地', value: 1.5 },
+      { type: '茶园', value: 1.2 },
+      { type: '人工牧草地', value: 0.7 },
+      { type: '灌木林地', value: 8.4 },
+    ],
+    total: 91.6, // 12.1 + 15.3 + 10.2 + 7.8 + 14.5 + 18.9 + 1.5 + 1.2 + 0.7 + 8.4
+  },
+  {
+    area: '孟定镇',
+    land: [
+      { type: '水田', value: 5.8 },
+      { type: '菜地', value: 7.0 },
+      { type: '水浇地', value: 4.5 },
+      { type: '果园', value: 3.2 },
+      { type: '灌溉水田', value: 6.7 },
+      { type: '旱地', value: 12.3 },
+      { type: '竹林地', value: 0.7 },
+      { type: '茶园', value: 0.4 },
+      { type: '人工牧草地', value: 0.2 },
+      { type: '灌木林地', value: 3.9 },
+    ],
+    total: 44.7, // 5.8 + 7.0 + 4.5 + 3.2 + 6.7 + 12.3 + 0.7 + 0.4 + 0.2 + 3.9
+  },
+  {
+    area: '大兴乡',
+    land: [
+      { type: '水田', value: 6.3 },
+      { type: '菜地', value: 8.1 },
+      { type: '水浇地', value: 5.4 },
+      { type: '果园', value: 3.9 },
+      { type: '灌溉水田', value: 7.2 },
+      { type: '旱地', value: 15.6 },
+      { type: '竹林地', value: 1.1 },
+      { type: '茶园', value: 0.9 },
+      { type: '人工牧草地', value: 0.4 },
+      { type: '灌木林地', value: 4.8 },
+    ],
+    total: 53.7, // 6.3 + 8.1 + 5.4 + 3.9 + 7.2 + 15.6 + 1.1 + 0.9 + 0.4 + 4.8
+  },
+  {
+    area: '芒洪乡',
+    land: [
+      { type: '水田', value: 4.2 },
+      { type: '菜地', value: 5.6 },
+      { type: '水浇地', value: 3.8 },
+      { type: '果园', value: 2.5 },
+      { type: '灌溉水田', value: 5.1 },
+      { type: '旱地', value: 11.5 },
+      { type: '竹林地', value: 0.5 },
+      { type: '茶园', value: 0.3 },
+      { type: '人工牧草地', value: 0.1 },
+      { type: '灌木林地', value: 3.2 },
+    ],
+    total: 36.8, // 4.2 + 5.6 + 3.8 + 2.5 + 5.1 + 11.5 + 0.5 + 0.3 + 0.1 + 3.2
+  },
+  {
+    area: '四排山乡',
+    land: [
+      { type: '水田', value: 3.7 },
+      { type: '菜地', value: 4.8 },
+      { type: '水浇地', value: 3.2 },
+      { type: '果园', value: 2.1 },
+      { type: '灌溉水田', value: 4.6 },
+      { type: '旱地', value: 9.8 },
+      { type: '竹林地', value: 0.4 },
+      { type: '茶园', value: 0.2 },
+      { type: '人工牧草地', value: 0.1 },
+      { type: '灌木林地', value: 2.7 },
+    ],
+    total: 31.6, // 3.7 + 4.8 + 3.2 + 2.1 + 4.6 + 9.8 + 0.4 + 0.2 + 0.1 + 2.7
+  },
+  {
+    area: '贺派乡',
+    land: [
+      { type: '水田', value: 7.9 },
+      { type: '菜地', value: 10.4 },
+      { type: '水浇地', value: 7.1 },
+      { type: '果园', value: 5.6 },
+      { type: '灌溉水田', value: 9.3 },
+      { type: '旱地', value: 20.1 },
+      { type: '竹林地', value: 1.3 },
+      { type: '茶园', value: 1 },
+      { type: '人工牧草地', value: 0.6 },
+      { type: '灌木林地', value: 7.1 },
+    ],
+    total: 70.4, // 7.9 + 10.4 + 7.1 + 5.6 + 9.3 + 20.1 + 1.3 + 1 + 0.6 + 7.1
+  },
+  {
+    area: '勐简乡',
+    land: [
+      { type: '水田', value: 5.1 },
+      { type: '菜地', value: 6.7 },
+      { type: '水浇地', value: 4.6 },
+      { type: '果园', value: 3.4 },
+      { type: '灌溉水田', value: 6.2 },
+      { type: '旱地', value: 13.8 },
+      { type: '竹林地', value: 0.8 },
+      { type: '茶园', value: 0.5 },
+      { type: '人工牧草地', value: 0.3 },
+      { type: '灌木林地', value: 4.3 },
+    ],
+    total: 45.7, // 5.1 + 6.7 + 4.6 + 3.4 + 6.2 + 13.8 + 0.8 + 0.5 + 0.3 + 4.3
+  },
+];
+
 // 加载
 const loadData = async () => {
   state.loading = true;
@@ -130,27 +278,27 @@ const loadData = async () => {
     ],
     four: [
       { value: 58.9, label: '灌溉水田' },
-      { value: 56.1, label: '基地地' },
-      { value: 60.8, label: '望天田' },
+      { value: 56.1, label: '基地' },
+      { value: 60.8, label: '水田' },
       { value: 60.6, label: '水浇地' },
-      { value: 32.6, label: '林地' },
+      { value: 32.6, label: '竹林地' },
       { value: 25.8, label: '育苗地' },
       { value: 56.0, label: '果园' },
       { value: 52.4, label: '草地' },
       { value: 6.3, label: '观测用地' },
       { value: 6.1, label: '监测用地' },
     ],
-    five: [
-      { value: 20, name: '耿马镇' },
-      { value: 15, name: '勐撒镇' },
-      { value: 12, name: '勐永镇' },
-      { value: 16, name: '孟定镇' },
-      { value: 8, name: '勐简乡' },
-      { value: 12, name: '贺派乡' },
-      { value: 10, name: '四排山乡' },
-      { value: 9, name: '芒洪乡' },
-      { value: 8, name: '大兴乡' },
-    ],
+    // five: [
+    //   { value: 20, name: '耿马镇' },
+    //   { value: 15, name: '勐撒镇' },
+    //   { value: 12, name: '勐永镇' },
+    //   { value: 16, name: '孟定镇' },
+    //   { value: 8, name: '勐简乡' },
+    //   { value: 12, name: '贺派乡' },
+    //   { value: 10, name: '四排山乡' },
+    //   { value: 9, name: '芒洪乡' },
+    //   { value: 8, name: '大兴乡' },
+    // ],
     six: [
       {
         name: '小麦',
@@ -195,12 +343,37 @@ const loadData = async () => {
 
 loadData();
 
-const handleCommand = (data) => {
-  state.queryCode = data.value;
-  // console.info('data=', data);
-  // nextTick(() => {
-  //   fiveRef.value && fiveRef.value.refresData();
-  // });
+onMounted(() => {
+  state.data.five = [];
+  for (let i in landData) {
+    state.data.five.push({ name: landData[i].area, value: landData[i].total });
+  }
+});
+
+const handleContrast = (data) => {
+  state.data.five = [];
+  if (data.label === '所有类型') {
+    for (let i in landData) {
+      let obj = {
+        name: landData[i].area,
+        value: landData[i].total,
+      };
+      state.data.five.push(obj);
+    }
+  } else {
+    for (let i in landData) {
+      let obj = {
+        name: landData[i].area,
+        value: 0,
+      };
+      for (let k in landData[i].land) {
+        if (landData[i].land[k].type === data.label) {
+          obj.value = landData[i].land[k].value;
+        }
+      }
+      state.data.five.push(obj);
+    }
+  }
 };
 </script>
 <style lang="scss" scoped>
diff --git a/sub-operation-service/src/apis/agricultural.js b/sub-operation-service/src/apis/agricultural.js
index ff83237..11489ea 100644
--- a/sub-operation-service/src/apis/agricultural.js
+++ b/sub-operation-service/src/apis/agricultural.js
@@ -16,4 +16,12 @@ export function agriculturalList(params) {
     method: 'GET',
     params,
   });
-}
\ No newline at end of file
+}
+
+// 获取用户评价列表
+export function agriculturalContent(params) {
+  return request('goods/business/category/contentPage', {
+    method: 'POST',
+    params,
+  });
+}
diff --git a/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue b/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue
index 65e929a..4e47552 100644
--- a/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue
+++ b/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue
@@ -168,7 +168,7 @@
                   </div>
                 </div>
                 <div v-if="tabVal == 'evaluate'" class="content-evaluate">
-                  <evaluate></evaluate>
+                  <evaluate :good-id="goodId"></evaluate>
                 </div>
               </div>
             </div>
@@ -188,6 +188,7 @@ import evaluate from './components/evaluate.vue';
 import { useRoute, useRouter } from 'vue-router';
 const route = useRoute();
 const router = useRouter();
+const goodId = route.params.id; // 获取参数
 
 let bannerList = reactive(['images/ecommerce/' + 'banner.png', 'images/ecommerce/' + 'banner.png']);
 const tabList = reactive([
diff --git a/sub-operation-service/src/views/ecommerce/components/evaluate.vue b/sub-operation-service/src/views/ecommerce/components/evaluate.vue
index 00ec3ce..5420321 100644
--- a/sub-operation-service/src/views/ecommerce/components/evaluate.vue
+++ b/sub-operation-service/src/views/ecommerce/components/evaluate.vue
@@ -81,10 +81,26 @@ import { isEmpty, getAssetsFile } from '@/utils';
 import { useRoute, useRouter } from 'vue-router';
 import { ref, reactive, onMounted, watch } from 'vue';
 import upImg from '@/components/upImg.vue';
+import { agriculturalContent } from '@/apis/agricultural.js';
 const route = useRoute();
 const router = useRouter();
 
 let score = ref(4.5);
+
+const props = defineProps({
+  goodId: {
+    type: Number,
+    default: () => 0,
+  },
+});
+
+const data = reactive({
+  type: 1,
+  current: 1,
+  size: 20,
+  goodId: 0,
+});
+
 const colors = ref(['#99A9BF', '#25BF82', '#25BF82']);
 const totalList = reactive([
   { title: '全部', name: 'all', num: 912 },
@@ -106,6 +122,19 @@ const doAnonymous = () => {
   isAnonymous.value = !isAnonymous.value;
 };
 
+onMounted(() => {
+  data.goodId = props.goodId;
+  getContentList();
+});
+
+const getContentList = (type) => {
+  agriculturalContent(data).then((res) => {
+    if (res.code === '200') {
+      console.log(res);
+    }
+  });
+};
+
 const submitEvaluate = () => {};
 </script>
 <style lang="scss" scoped>