From 9a821652f0d481a1d30beb9e18900bd088429dca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=9A=E4=BF=8A=E6=97=AD?= <398847134@qq.com>
Date: Mon, 23 Jun 2025 17:12:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=9C=E4=BA=8B=E6=9C=8D=E5=8A=A1=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/apis/farmingService.js                | 19 ++++++++
 .../farmingService/farmingConsult/index.vue   | 40 +++++++++++++++--
 .../farmingConsult/policyDetail.vue           | 45 ++++++++++++-------
 .../ruralFinance/integratedSector/detail.vue  |  4 --
 4 files changed, 85 insertions(+), 23 deletions(-)
 create mode 100644 sub-operation-service/src/apis/farmingService.js

diff --git a/sub-operation-service/src/apis/farmingService.js b/sub-operation-service/src/apis/farmingService.js
new file mode 100644
index 0000000..2a03f23
--- /dev/null
+++ b/sub-operation-service/src/apis/farmingService.js
@@ -0,0 +1,19 @@
+import request from '@/utils/axios';
+
+// 农事服务
+
+// 获取农事政策分类查询数据
+export function informationList(params = {}) {
+  return request('contentManage/information/informationPage', {
+    method: 'GET',
+    params,
+  });
+}
+
+// 获取农资分类查询数据
+export function informationDetail(id, params = {}) {
+  return request(`contentManage/information/informationInfo/${id}`, {
+    method: 'GET',
+    params,
+  });
+}
diff --git a/sub-operation-service/src/views/farmingService/farmingConsult/index.vue b/sub-operation-service/src/views/farmingService/farmingConsult/index.vue
index 11c0333..fd300c6 100644
--- a/sub-operation-service/src/views/farmingService/farmingConsult/index.vue
+++ b/sub-operation-service/src/views/farmingService/farmingConsult/index.vue
@@ -6,12 +6,12 @@
           <el-card shadow="hover" style="border-radius: 16px">
             <h2 style="text-align: left">农业政策</h2>
             <div v-for="(item, index) in tableData" :key="index" class="card-item">
-              <div style="width: 49%"><img :src="getAssetsFile(item.imgPath)" alt="" width="100%" /></div>
+              <div style="width: 49%; background-color: white"><img :src="item.coverUrl" alt="" width="100%" style="height: 250px" /></div>
               <div style="width: 49%; display: flex; flex-direction: column; justify-content: space-between">
                 <div>
                   <div style="font-size: 20px; font-weight: bold">{{ item.title }}</div>
                   <div style="font-size: 14px; margin-top: 20px">
-                    {{ item.desc }}
+                    {{ item.content }}
                   </div>
                 </div>
                 <div>
@@ -29,10 +29,11 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, onMounted } from 'vue';
 import common from '../components/common.vue';
 import { getAssetsFile } from '@/utils/index.js';
 import { useRouter } from 'vue-router';
+import { informationList } from '@/apis/farmingService.js';
 const router = useRouter();
 
 /* --------------- data --------------- */
@@ -59,10 +60,43 @@ const tableData = ref([
   },
 ]);
 
+const pagination = ref({
+  total: 0,
+  page: 1,
+  size: 10,
+});
+
 // #endregion
 
 /* --------------- methods --------------- */
 // #region
+onMounted(() => {
+  queryList();
+});
+
+const extractText = (htmlText, maxChars = 80) => {
+  // 去除 HTML 标签
+  const cleanText = htmlText.replace(/<[^>]+>/g, '');
+  // 去除多余空格和换行
+  const trimmedText = cleanText.replace(/\s+/g, ' ').trim();
+  // 取前 20 个字
+  return trimmedText.substring(0, maxChars);
+};
+
+const queryList = () => {
+  informationList({ current: pagination.value.page, size: pagination.value.size }).then((res) => {
+    if (res.code === 200) {
+      tableData.value = res.data.records;
+      for (let i in res.data.records) {
+        tableData.value[i].content = extractText(res.data.records[i].content);
+        if (tableData.value[i].content.length > 80) {
+          tableData.value[i].content += '...';
+        }
+      }
+    }
+  });
+};
+
 const goDetail = (id) => {
   router.push('/sub-operation-service/farmService/consult/policy/detail?id=' + id);
 };
diff --git a/sub-operation-service/src/views/farmingService/farmingConsult/policyDetail.vue b/sub-operation-service/src/views/farmingService/farmingConsult/policyDetail.vue
index 4af8d82..e6aa96f 100644
--- a/sub-operation-service/src/views/farmingService/farmingConsult/policyDetail.vue
+++ b/sub-operation-service/src/views/farmingService/farmingConsult/policyDetail.vue
@@ -6,8 +6,8 @@
           <el-card shadow="hover" style="border-radius: 16px">
             <h1>{{ detailInfo.title }}</h1>
             <div class="subTitle" style="margin: 30px 0; font-weight: bold; font-size: 18px">
-              <span>日期： {{ detailInfo.date }}</span
-              ><span>|</span> <span>浏览量：{{ detailInfo.flow }}</span> <span>|</span> <span>来源： {{ detailInfo.source }}</span
+              <span>日期： {{ detailInfo.createTime ? detailInfo.createTime.split(' ')[0] : '' }}</span
+              ><span>|</span> <span>浏览量：{{ detailInfo.views }}</span> <span>|</span> <span>来源： {{ detailInfo.source }}</span
               ><span>|</span>
               <span class="fontSize">
                 【字号：
@@ -16,15 +16,7 @@
                 <span @click="changeSize('small')">小</span>】
               </span>
             </div>
-            <div class="content" :class="currentSizeClass">
-              <div>
-                近日，2024年中央一号文件发布，主题为：学习运用"千村示范、万村整治"工程经验，有力有效推进乡村全面振兴。这是党的十八大以来，中央连续出台的第12个指导"三农"工作的一号文件，持续对"三农"工作进行擘画。在这12个一号文件里，始终贯穿了重农强农惠农富农的主线。在政策创设上，既有一以贯之的守正，例如2013年的"加快发展现代农业"，又有与时俱进的创新，例如2019年的"坚持农业农村优先发展"；既有针对阶段性情况的应对之策，例如2017年的"深入推进农业供给侧结构性改革"，又有打基础管长远的战略规划，例如2018年的"实施乡村振兴战略"。
-              </div>
-              <img :src="getAssetsFile('images/mockPic/policyDetail.png')" alt="" style="width: 100%" />
-              <div>
-                同时，这12个文件既始终观照“三农”的整体、长远和根本，又精准针对“三农”的局部、眼前和具体，既有对国家大局“保供”的念兹在兹，也有对农村民生福利、农民增收的“时时放心不下”，是“经济上保障农民的物质利益，政治上尊重农民的民主权利”一以贯之扛在肩上，是毫不放松抓粮保供“首要任务”和千方百计增加农民收入“中心任务”的始终如一抓在手上，十分具有系统性、前瞻性、针对性、精准性和民生性，可以称得上是解决“三农”问题的施工图和说明书。特别是党的十九大提出乡村振兴战略以后，2018年中央一号文件对乡村振兴战略进行了框架性的顶层设计。从此，围绕这一长期的历史性任务、新时代“三农”工作的总抓手，这7年的一号文件中，除了脱贫攻坚决胜期立足阶段性任务、补足短板中的短板，其他都在主题中聚焦乡村振兴这一重大历史任务，一张蓝图绘到底。如果我们再往前回顾，从2004年至今，本世纪已经有21年中央一号文件连续聚焦“三农”，这使得我们可以从一个较长时间段来观察，特别是从这些政策文件中，分析经济社会发展的外部环境是怎样影响着“三农”，以及“三农”又对宏观大势作出怎样坚如磐石而又不易为人察觉的支撑与贡献，从中可以管窥“三农”的历史脉动和政策的匠心独运。粮食政策与三次全球粮食危机在现代社会，“三农”发展的方向和路径越来越与外部大势紧密相连，联结越紧密，外部性就越强，受宏观经济形势、地方发展驱动、社会治理结构以及国内外合作与博弈等的影响也就越大。在这一点上，粮食是最为典型的例证。农业的首要任务是保供，保供的首要任务是保粮食安全。在这些年的一号文件中，粮食政策十分稳定，目标始终是确保国家粮食安全；但在不同的时间阶段，针对不同阶段特征，“运筹之手”也相应在“手法”上予以调适。而2014年可能是这二十多年中央一号文件中关于粮食政策的一个节点，文件中再次强调并阐释了2013年底中央经济工作会议上提出的国家粮食安全新战略，一锤定音奠定了新时代重农抓粮的主基调，一直延续至今。让我们从二十多年前开始回顾，沿着时间线来看一号文件中的粮食政策与背景。2004年面临的情况是粮食总产量已经连续下滑了5年，而且速度很快、幅度很大。在1996年粮食产量首次突破10000亿斤大关后，从1999年开始下滑，到2003年只有8614亿斤。而且从结构上分析，这种形势更加严峻。粮食产量从上世纪80年代迈上7000亿斤台阶，之后的几次千亿级跨越，据专家分析主要与杂交水稻、紧凑型玉米等突破性品种以及化肥等技术推广，单产快速提高有关。但在本世纪初的连续5年下滑中，主要因素却是粮食播种面积大幅减少。据统计，1998年粮食播种面积11379万公顷，到2003年仅为9941万公顷。靠科技提高单产不是一蹴而就的事，是大方向，但急不来。而种粮面积的下降却如此之快，背后涉及一些地方政府的占地冲动、产粮大县和种粮农民积极性的问题，这些都需要中央政府采取措施，出手强力纠偏。面对这种严峻局面，2004年中央一号文件中的第一章就首先明确“集中力量支持粮食主产区发展粮食产业，促进种粮农民增加收入”，并提出一系列解决办法。而正是从2004年开始，农业生产出现重要转机，粮食获得大丰收；2005年在丰收基础上继续增产，总产量已经接近万亿斤高点，达到9680亿斤。值得一提的是，次年我们就遭遇本世纪第一次全球性粮食危机，而在此期间我国粮食产量已经重回万亿斤台阶，有效防御了外部冲击。第二次全球粮食危机发生在2010年前后，而此前几年的中央一号文件中，“提高农业综合生产能力”“加强农业基础建设”等都写入主题，对粮食的重视也转化为现实综合生产能力，粮食产量持续上涨，2011年迈上11000亿斤台阶。这期间，粮食的稳定发展为我们有效应对全球粮食危机和国际金融危机的冲击发挥了“压舱石”的作用。不过，平稳度过粮食危机后，连年丰收伴随的资源约束、环境压力开始进入人们视野，对此予以理性考量是必要的，但一些地方的思考却慢慢“变味”，甚至出现“粮食是不是太多了”的疑问，一时众说纷纭，杂音频现。针对这样的疑虑，2013年底的中央经济工作会议再次强调了粮食安全这个“首要任务”，2014年一号文件将“以我为主、立足国内、确保产能、适度进口、科技支撑”的国家粮食安全新战略在第一章第一节突出强调。而这些年里，国际粮食市场并不太平，来来回回在“贵了贱了、多了少了”之间拉锯，我们能顶住双向冲击，就是国家粮食安全新战略科学性的最好验证。如今回头来看，如果我们紧随那些头脑发热的“杂音”，在政策创设上对粮食安全有所松动，那在面对后来国际高强度博弈和复杂地缘矛盾、面对极端气候频发重发、面对新冠疫情全球爆发的情况，我们还能有今日的游刃有余和坚定从容吗？2015年前后，国际粮价持续走低，一时间国内出现生产量、进口量、库存量“三量齐增”怪象。这个阶段一号文件在粮食政策中体现了国家粮食安全新战略中“放”的理念。例如要“统筹用好国际国内两个市场、两种资源”——国际粮价低迷时，可以“适度进口”；再如要“藏粮于地、藏粮于技”“轮作休耕”——库存量足够，可以让资源环境绷得过紧的弦放松休养一下。不过有一点要清醒地看到，“放”是有选择地“放”、有条件地“放”、有能力地“放”，特别值得深思的是，越是在“放”的同时，“收”的部分反而是收得更紧了。这个阶段的一号文件同时反复强调“口粮绝对安全”，在中央文件里，罕有“绝对”这样的表述方式，但是在口粮安全上，我们强调的就是“绝对”。这就是党的十八大以来我们的粮食政策中所蕴含的哲学理念：抓主要矛盾，关键口粮要掌握在自己手里，结构性调节品种可以统筹用好两个市场；看变化趋势，遇到波折要树立自信，居安时又要思危。事物发展变化如此之快，那些年主张粮食多了的人可能想象不到，短短几年时间国内外粮食市场就发生逆转，国际粮价迅速回升；更让人意想不到的是，紧接着新冠疫情席卷全球，发生了本世纪第三次全球粮食危机，多个国家甚至出现限制粮食出口的“国家级囤粮”现象。事实再一次作出检验、给出答案。近三年的一号文件仍然把粮食问题放在第一章去讲，确保国家粮食安全也将是未来不可动摇的国策。现代文明为“三农”注入新动力“三农”要顺应经济社会的发展，同时，现代化进程也为传统“三农”注入新动力，激活新业态。这一点在农产品流通方面表现得十分明显。2004年一号文件提出“发挥市场机制作用，搞活农产品流通”“进一步加强产地和销地批发市场建设”；2006年提出“积极推进农产品批发市场升级改造，促进入市农产品质量等级化、包装规格化”。
-              </div>
-            </div>
+            <div class="content" :class="currentSizeClass" v-html="detailInfo.content"></div>
           </el-card>
         </div>
       </template>
@@ -33,10 +25,16 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import common from '../components/common.vue';
-import { getAssetsFile } from '../../../utils/index.js';
+import { getAssetsFile } from '@/utils/index.js';
+import { informationDetail } from '@/apis/farmingService.js';
+import { useRoute, useRouter } from 'vue-router';
 
+const router = useRouter();
+const route = useRoute();
+
+const detailId = route.query.id;
 const currentSize = ref('medium');
 
 const detailInfo = ref({
@@ -53,11 +51,23 @@ const sizeClasses = {
   small: 'smallSize',
 };
 
+const queryDetail = () => {
+  informationDetail(detailId).then((res) => {
+    if (res.code === 200) {
+      detailInfo.value = res.data;
+    }
+  });
+};
+
 const currentSizeClass = computed(() => sizeClasses[currentSize.value]);
 
 const changeSize = (size) => {
   currentSize.value = size;
 };
+
+onMounted(() => {
+  queryDetail();
+});
 </script>
 
 <style lang="scss" scoped>
@@ -71,11 +81,14 @@ const changeSize = (size) => {
     PingFang SC,
     PingFang SC-Regular;
   font-weight: 400;
-  text-indent: 2em;
   text-align: left;
   color: #5a5a5a;
-  div {
-    margin: 10px 0;
+}
+
+.content :deep(p:has(img)) {
+  text-indent: 0;
+  img {
+    width: 100%;
   }
 }
 
diff --git a/sub-operation-service/src/views/ruralFinance/integratedSector/detail.vue b/sub-operation-service/src/views/ruralFinance/integratedSector/detail.vue
index eb43182..1ac2ea3 100644
--- a/sub-operation-service/src/views/ruralFinance/integratedSector/detail.vue
+++ b/sub-operation-service/src/views/ruralFinance/integratedSector/detail.vue
@@ -145,10 +145,6 @@ const mockData = ref([
         content:
           '适用对象：农户。<p>授信额度：单户贷款最高1000万元。</p><p>贷款期限：最长10年。</p><p>担保方式：信用、保证、抵押、质押。</p><p>利率：以各地实际利率为准。</p>',
       },
-      {
-        title: '三、办理渠道',
-        content: '邮储银行各大开办信贷业务的网点。客户服务热线：95580。',
-      },
     ],
   },
 ]);