123

ruoyi-screen/src/views/home/chartOptions.js

@@ -739,7 +739,7 @@ export function buildFarmerHouseholdClassificationOption(structure) {
     },
     series: [
       {
-        name: '农牧户分类',
+        name: '补助奖励资金',
         type: 'bar',
         barWidth: '36%',
         itemStyle: {

ruoyi-screen/src/views/home/index.vue

@@ -261,16 +261,26 @@
             @click="farmerHouseholdDialogVisible = true"
             @keyup.enter="farmerHouseholdDialogVisible = true"
           >
-            农牧户分类 ཞིང་འབྲོག་ཁྱིམ་ཚང་དབྱེ་བ།
+            补助奖励资金 རོགས་དངུལ་བྱ་དགའི་མ་དངུལ།
           </div>
           <div
-            class="flex_content flex_content--clickable"
+            class="flex_content flex_content--subsidy"
             role="button"
             tabindex="0"
             @click="farmerHouseholdDialogVisible = true"
             @keyup.enter="farmerHouseholdDialogVisible = true"
           >
-            <ScreenChart :option="farmerHouseholdClassificationOption" />
+            <div v-if="!townSubsidyTotals.length" class="imbalance-empty">暂无补助数据</div>
+            <div v-else class="subsidy-list">
+              <div
+                v-for="(row, idx) in townSubsidyTotals"
+                :key="`${row.townName || ''}-${idx}`"
+                class="subsidy-item"
+              >
+                <span class="subsidy-item__town" :title="row.townName">{{ row.townName || '—' }}</span>
+                <span class="subsidy-item__amount">{{ formatSubsidy(row.subsidyTotal) }}元</span>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -398,7 +408,6 @@ import { useStatYear } from '@/stores/statYear'
 import {
   buildCooperativeBusinessModelOption,
   buildEnterpriseFinanceOption,
-  buildFarmerHouseholdClassificationOption,
   buildHerdInventoryStructureOption,
   buildLivestockOutboundStructureOption,
   buildPerCapitaIncomeTrendOption,
@@ -417,7 +426,7 @@ const herdInventoryStructure = ref([])
 const familyRanchFinance = ref(null)
 const largeLivestockFarmerFinance = ref(null)
 const cooperativeBusinessModel = ref([])
-const farmerHouseholdClassification = ref([])
+const townSubsidyTotals = ref([])
 const perCapitaIncomeTrend = ref([])
 const imbalanceWarnings = ref([])
 const imbalanceWarningLoading = ref(false)
@@ -457,9 +466,6 @@ const largeLivestockFarmerFinanceOption = computed(() =>
 const cooperativeBusinessModelOption = computed(() =>
   buildCooperativeBusinessModelOption(cooperativeBusinessModel.value)
 )
-const farmerHouseholdClassificationOption = computed(() =>
-  buildFarmerHouseholdClassificationOption(farmerHouseholdClassification.value)
-)
 const perCapitaIncomeTrendOption = computed(() =>
   buildPerCapitaIncomeTrendOption(perCapitaIncomeTrend.value)
 )
@@ -489,6 +495,18 @@ function display(val) {
   return formatNum(val)
 }
 
+/** 补助金额：空为 —，数字带千分位 */
+function formatSubsidy(val) {
+  if (val === null || val === undefined || val === '') {
+    return '—'
+  }
+  const n = Number(val)
+  if (Number.isNaN(n)) {
+    return '—'
+  }
+  return n.toLocaleString('zh-CN', { maximumFractionDigits: 2 })
+}
+
 /** 预警日期：所属年-月 */
 function formatWarningDate(row) {
   if (!row) {
@@ -533,7 +551,7 @@ function applyDashboard(data) {
   familyRanchFinance.value = data.familyRanchFinance || null
   largeLivestockFarmerFinance.value = data.largeLivestockFarmerFinance || null
   cooperativeBusinessModel.value = data.cooperativeBusinessModel || []
-  farmerHouseholdClassification.value = data.farmerHouseholdClassification || []
+  townSubsidyTotals.value = data.townSubsidyTotals || []
   perCapitaIncomeTrend.value = data.perCapitaIncomeTrend || []
 }
 
@@ -834,7 +852,8 @@ onMounted(() => {
   height: 100%;
 }
 
-.flex_content--imbalance {
+.flex_content--imbalance,
+.flex_content--subsidy {
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -921,4 +940,57 @@ onMounted(() => {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+.subsidy-list {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-right: 2px;
+}
+
+.subsidy-list::-webkit-scrollbar {
+  width: 4px;
+}
+
+.subsidy-list::-webkit-scrollbar-thumb {
+  background: rgba(61, 217, 176, 0.35);
+  border-radius: 2px;
+}
+
+.subsidy-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 6px 8px;
+  background: linear-gradient(
+    90deg,
+    rgba(12, 48, 40, 0.75) 0%,
+    rgba(6, 28, 24, 0.4) 100%
+  );
+  border: 1px solid rgba(61, 217, 176, 0.22);
+  border-radius: 2px;
+}
+
+.subsidy-item__town {
+  flex: 1;
+  min-width: 0;
+  font-size: 12px;
+  color: #e8eef5;
+  line-height: 18px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.subsidy-item__amount {
+  flex-shrink: 0;
+  font-size: 12px;
+  color: #5ef0c8;
+  line-height: 18px;
+  font-variant-numeric: tabular-nums;
+}
 </style>