查找合并后丢失的问题

src/views/exportControl/index.vue

@@ -368,19 +368,29 @@
 				</el-col>
 			</el-row>
 
-			<el-row :gutter="20" style="width: 1600px; margin: 0 auto; height: 505px; margin-top: 16px">
+			<el-row :gutter="20" style="width: 1600px; margin: 0 auto; height: 540px; margin-top: 16px">
 				<el-col :span="8">
-					<custom-container title="实体领域分布" :titleIcon="radarIcon" height="480px">
+					<custom-container title="实体领域分布" :titleIcon="radarIcon" height="540px">
 						<template #header-right>
 							<el-checkbox v-model="domainChecked" label="50%规则" size="large" />
 						</template>
 						<template #default>
-							<EChart :option="radarOption" autoresize :style="{ height: '460px' }" />
+							<EChart :option="radarOption" autoresize :style="{ height: '420px' }" />
+							<div class="data-origin-box">
+								<div class="data-origin-icon">
+									<img :src="tipsIcon" alt="" />
+								</div>
+								<div class="data-origin-text">实体领域分布情况，数据来源：美国各行政机构官网</div>
+							</div>
+							<div class="ai-pane">
+								<AiButton />
+								<AiPane :aiContent="radarChart.loading ? '解读生成中...' : radarChart.interpretation" />
+							</div>
 						</template>
 					</custom-container>
 				</el-col>
 				<el-col :span="16">
-					<custom-container title="实体清单数量增长趋势" :titleIcon="qushiIcon" height="480px">
+					<custom-container title="实体清单数量增长趋势" :titleIcon="qushiIcon" height="540px">
 						<template #header-right>
 							<div style="display: flex; align-items: center; gap: 16px">
 								<el-checkbox v-model="trendChecked" label="50%规则" size="large" />
@@ -390,7 +400,17 @@
 							</div>
 						</template>
 						<template #default>
-							<EChart :option="trendOption" autoresize :style="{ height: '400px' }" />
+							<EChart :option="trendOption" autoresize :style="{ height: '420px' }" />
+							<div class="data-origin-box">
+								<div class="data-origin-icon">
+									<img :src="tipsIcon" alt="" />
+								</div>
+								<div class="data-origin-text">实体清单数量增长趋势情况，数据来源：美国各行政机构官网</div>
+							</div>
+							<div class="ai-pane">
+								<AiButton />
+								<AiPane :aiContent="trendChart.loading ? '解读生成中...' : trendChart.interpretation" />
+							</div>
 						</template>
 					</custom-container>
 				</el-col>
@@ -714,11 +734,18 @@ import { ElMessage, ElMessageBox } from "element-plus";
 
 import { DArrowRight, Warning, Search } from "@element-plus/icons-vue";
 import EChart from "@/components/Chart/index.vue";
+import tipsIcon from "./assets/icons/info-icon.png";
+import AiButton from "@/components/base/Ai/AiButton/index.vue";
+import AiPane from "@/components/base/Ai/AiPane/index.vue";
+import { useChartInterpretation } from "@/views/exportControl/utils/common";
+const sanctionCountChart = useChartInterpretation();
 import { TAGTYPE } from "@/public/constant";
 import { useGotoCompanyPages } from "@/router/modules/company";
 import { useGotoNewsDetail } from "@/router/modules/news";
 const gotoCompanyPages = useGotoCompanyPages();
 const gotoNewsDetail = useGotoNewsDetail();
+const trendChart = useChartInterpretation();
+const radarChart = useChartInterpretation();
 
 import { useRouter } from "vue-router";
 
@@ -1026,6 +1053,7 @@ const fetchTrendData = async () => {
 		});
 		if (res && res[0] && res[0].yearDomainCount) {
 			trendOption.value = processYearDomainCountData(res[0].yearDomainCount);
+			trendChart.interpret({ type: "柱状图", name: "实体清单数量增长趋势", data: res[0].yearDomainCount });
 		}
 	} catch (error) {
 		console.error("获取趋势图数据失败:", error);
@@ -1297,6 +1325,7 @@ const fetchRadarData = async checked => {
 					}
 				};
 			});
+			radarChart.interpret({ type: "雷达图", name: "实体领域分布", data: data });
 		}
 	} catch (error) {
 		console.error("获取雷达图数据失败:", error);
@@ -3596,4 +3625,50 @@ const handleMediaClick = item => {
 		background: rgba(255, 255, 255, 1);
 	}
 }
+
+.data-origin-box {
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 22px 0;
+	.data-origin-icon {
+		width: 16px;
+		height: 16px;
+		font-size: 0px;
+		margin-right: 8px;
+		img {
+			width: 100%;
+			height: 100%;
+		}
+	}
+	.data-origin-text {
+		font-family: Source Han Sans CN;
+		font-size: 14px;
+		color: var(--text-primary-50-color);
+	}
+}
+
+.ai-pane {
+	position: absolute;
+	right: 0px;
+	bottom: 15px;
+	z-index: 2;
+	:deep(.ai-pane-wrapper) {
+		display: none;
+	}
+	:deep(.ai-button-wrapper) {
+		display: flex;
+	}
+	&:hover {
+		width: 100%;
+		bottom: 0px;
+		:deep(.ai-pane-wrapper) {
+			display: block;
+		}
+		:deep(.ai-button-wrapper) {
+			display: none;
+		}
+	}
+}
 </style>

src/views/exportControl/v2.0EntityList/components/dataStatistics/index.vue

@@ -252,7 +252,6 @@ import * as echarts from "echarts";
 import chinaJson from "../../../utils/China.json";
 import ai from "./assets/ai.png";
 import right from "./assets/right.png";
-import tipsIcon from "../../../assets/icons/info-icon.png";
 import {
 	getTotalCount,
 	getSanctionCountChange,
@@ -260,11 +259,12 @@ import {
 	getTechDomainCount,
 	getEntityTypeCount
 } from "@/api/exportControlV2.0";
+import EChart from "@/components/Chart/index.vue";
+import { useRoute } from "vue-router";
+import tipsIcon from "../../../assets/icons/info-icon.png";
 import AiButton from "@/components/base/Ai/AiButton/index.vue";
 import AiPane from "@/components/base/Ai/AiPane/index.vue";
-import { useRoute } from "vue-router";
 import { useChartInterpretation } from "@/views/exportControl/utils/common";
-import EChart from "@/components/Chart/index.vue";
 const sanctionCountChart = useChartInterpretation();
 const domainChart = useChartInterpretation();
 const typeChart = useChartInterpretation();