fix 修改政治献金流向显示bug、修改法案首页新闻资讯间距

src/views/bill/billHome/OverviewCard.vue

@@ -34,10 +34,10 @@ defineProps({
 .overview-card {
 	height: 450px;
 	box-sizing: border-box;
-	border: 1px solid rgba(234, 236, 238, 1);
+	border: 1px solid var(--border-black-5);
 	border-radius: 10px;
 	box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
-	background: rgba(255, 255, 255, 1);
+	background: var(--bg-white-100);
 	overflow: hidden;
 
 	.overview-card-header {

src/views/bill/deepDig/poliContribution/index.vue

@@ -246,7 +246,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, watch, computed } from "vue";
+import { ref, onMounted, watch, computed, nextTick } from "vue";
 import { getBillPoliContribution, getBillMainPoliContribution, getBillPersonPoliContribution } from "@/api/deepdig";
 
 import setChart from "@/utils/setChart";
@@ -617,7 +617,7 @@ const getMainPoliContribution = async () => {
 const fullSourceList = ref([]);
 const showAllSankeyData = ref(false);
 
-const renderSankeyChart = () => {
+const renderSankeyChart = async () => {
 	const sourceList = showAllSankeyData.value ? fullSourceList.value : fullSourceList.value.slice(0, 5);
 
 	if (sourceList.length > 0) {
@@ -626,33 +626,39 @@ const renderSankeyChart = () => {
 
 		const totalAmount = sourceList.reduce((sum, item) => sum + (item.amount || 0), 0);
 
+		const orgNodes = sourceList.map((item, index) => ({
+			name: item.orgNameZh || item.orgName || `机构${index + 1}`,
+			value: item.amount,
+			itemStyle: {
+				color: sankeyColors[index % sankeyColors.length]
+			}
+		}));
+
 		const nodes = [
+			...orgNodes,
 			{
 				name: personName,
 				value: totalAmount,
-				label: { position: "left" },
-				itemStyle: {
-					color: "#FF1493"
-				}
-			},
-			...sourceList.map((item, index) => ({
-				name: item.orgNameZh,
-				value: item.amount,
 				itemStyle: {
-					color: sankeyColors[index % sankeyColors.length]
+					color: "#34C38F"
 				}
-			}))
+			}
 		];
 
-		const links = sourceList.map(item => ({
-			source: item.orgNameZhZh,
-			target: personName,
-			value: item.amount
-		}));
+		const links = sourceList
+			.map((item, index) => ({
+				source: item.orgNameZh || item.orgName || `机构${index + 1}`,
+				target: personName,
+				value: item.amount
+			}))
+			.filter(item => !!item.source && !!item.target);
 
+		// `chart1` 容器由 v-if/v-else 动态渲染，必须等 DOM 挂载后再 init
+		await nextTick();
 		let chart1 = getSankeyChart(nodes, links);
 		setChart(chart1, "chart1");
 	} else {
+		await nextTick();
 		let chart1 = getSankeyChart([], []);
 		setChart(chart1, "chart1");
 	}

src/views/bill/deepDig/poliContribution/utils/sankey.js

@@ -8,30 +8,87 @@ const getSankeyChart = (data = [], links = []) => {
     },
     series: {
       type: 'sankey',
-      layout: 'none',
-      left: '1%',
-      right: '1%',
-      top: '5%',
-      bottom: '5%',
+      // 禁止鼠标拖拽/缩放平移，避免图表被交互改变
+      draggable: false,
+      roam: false,
+      left: 16,
+      right: 16,
+      top: 14,
+      bottom: 14,
+      nodeAlign: 'right', // 目标效果：人名贴右侧
       emphasis: {
         focus: 'adjacency'
       },
-      nodeWidth: 50,
-      nodeGap: 2,
+      // 所有色块宽度增加三倍
+      nodeWidth: 54,
+      nodeGap: 10,
       layoutIterations: 32,
       lineStyle: {
-        color: 'source',
-        curveness: 0.5
+        color: 'rgba(0, 0, 0, 0.08)', // 浅灰“行背景带”的基色
+        opacity: 1,
+        curveness: 0.2
       },
       label: {
         show: true,
         formatter: function (params) {
-          return `${params.name} $${params.value.toLocaleString()}`;
+          return `${params.name}`;
         },
         position: 'right',
         fontSize: 16,
-        color: '#555'
+        color: '#303133',
+        overflow: 'truncate',
+        width: 140
       },
+      edgeLabel: {
+        show: true,
+        formatter: function (params) {
+          const val = params.value || 0;
+          return `$${Number(val).toLocaleString()}`;
+        },
+        color: '#303133',
+        fontSize: 16,
+        overflow: 'truncate',
+        width: 140,
+        align: 'center'
+      },
+      itemStyle: {
+        borderWidth: 0
+      },
+      nodeSort: 'descending',
+      levels: [
+        // depth = 0（机构节点）
+        {
+          depth: 0,
+          itemStyle: {
+            borderWidth: 0
+          },
+          label: {
+            position: 'right',
+            color: '#303133',
+            fontSize: 16,
+            overflow: 'truncate',
+            width: 140
+          }
+        },
+        // depth = 1（人物节点）
+        {
+          depth: 1,
+          itemStyle: {
+            color: '#34C38F'
+          },
+          label: {
+            // 人物名称移至色块左侧
+            position: 'left',
+            // 让文字最右侧紧贴绿色色块左侧
+            distance: 5,
+            color: '#303133',
+            fontSize: 16,
+            overflow: 'truncate',
+            width: 120,
+            align: 'right'
+          }
+        }
+      ],
       data: data,
       links: links
     }