合并分支 'yp-dev' 到 'pre'

src/router/index.js

@@ -147,7 +147,7 @@ const router = createRouter({
 // 2）登录成功回跳带 ?token=：先 setToken 并同步 bootId，再去掉 URL 中的 token（须先于 clearTokenIfNewDevBoot，避免误清刚写入的登录态）
 // 3）已有本地 token：正常走前端路由
 router.beforeEach((to, from, next) => {
-  // 【新增】在每次路由跳转开始前，取消上一个页面所有未完成的请求
+  // 在每次路由跳转开始前，取消上一个页面所有未完成的请求
   // 这能防止旧页面的数据回来覆盖新页面，也能减少服务器压力
   cancelAllRequests();
   if (import.meta.env.DEV) {

src/views/exportControl/components/ChartAiAnalysis.vue

+<template>
+	<div class="chart-ai-analysis" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave">
+		<!-- 触发按钮 -->
+		<div class="ai-button-wrapper">
+			<AiButton />
+		</div>
+
+		<!-- AI 内容面板 -->
+		<transition name="ai-fade">
+			<div v-if="isVisible" class="ai-pane-wrapper">
+				<div class="ai-pane-content">
+					<!-- 1. Loading 状态 -->
+					<div v-if="hookInstance.loading" class="ai-loading-text">智能总结生成中...</div>
+
+					<!-- 2. 错误状态 -->
+					<div v-else-if="hookInstance.error" class="ai-error-text">
+						{{ hookInstance.error }}
+					</div>
+
+					<!-- 3. 成功状态 -->
+					<div v-else-if="hookInstance.interpretation" class="ai-success-content">
+						<AiPane :aiContent="hookInstance.interpretation" />
+					</div>
+
+					<!-- 4. 初始空状态 (可选，防止闪烁) -->
+					<div v-else class="ai-empty-text">暂无数据</div>
+				</div>
+			</div>
+		</transition>
+	</div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import AiButton from "@/components/base/Ai/AiButton/index.vue";
+import AiPane from "@/components/base/Ai/AiPane/index.vue";
+
+const props = defineProps({
+	// 接收由 useChartInterpretation() 创建的实例对象
+	hookInstance: {
+		type: Object,
+		required: true
+	},
+	// 图表数据 Payload，用于首次请求
+	payload: {
+		type: Object,
+		required: true
+	}
+});
+
+const isVisible = ref(false);
+const hasRequested = ref(false);
+
+const handleMouseEnter = () => {
+	isVisible.value = true;
+
+	// 如果还没有请求过数据，则发起请求
+	if (!hasRequested.value && !props.hookInstance.loading) {
+		hasRequested.value = true;
+		// 调用 Hook 中的 interpret 方法
+		props.hookInstance.interpret(props.payload);
+	}
+};
+
+const handleMouseLeave = () => {
+	isVisible.value = false;
+};
+</script>
+
+<style lang="scss" scoped>
+.chart-ai-analysis {
+	position: absolute;
+	right: 0px;
+	bottom: 15px;
+	z-index: 999;
+	width: auto;
+	height: auto;
+
+	.ai-button-wrapper {
+		display: flex;
+		justify-content: flex-end;
+	}
+
+	.ai-pane-wrapper {
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		width: 100%;
+		// 确保面板出现在按钮上方或覆盖区域，根据原有 CSS 调整
+		// 原有 .ai-pane:hover 逻辑是宽度变宽，这里我们直接显示完整面板
+		background: #fff;
+		border-radius: 4px;
+		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
+		padding: 10px;
+		box-sizing: border-box;
+
+		.ai-pane-content {
+			min-height: 40px;
+
+			.ai-loading-text,
+			.ai-error-text,
+			.ai-empty-text {
+				font-size: 14px;
+				color: var(--text-primary-50-color);
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				min-height: 40px;
+			}
+
+			.ai-error-text {
+				color: var(--color-red-100);
+			}
+		}
+	}
+}
+
+// 复用原有的淡入淡出动画
+.ai-fade-enter-active,
+.ai-fade-leave-active {
+	transition: opacity 0.3s ease;
+}
+
+.ai-fade-enter-from,
+.ai-fade-leave-to {
+	opacity: 0;
+}
+</style>

src/views/exportControl/components/title.vue

@@ -43,8 +43,8 @@ defineProps({
 .title-text {
 	color: rgba(10, 18, 30, 1);
 	font-size: 32px;
-	font-family: $base-font-family;
-	font-weight: bold;
+	font-family: "Microsoft YaHei";
+	font-weight: 700;
 	margin-left: 20px;
 	white-space: nowrap;
 }

src/views/exportControl/v2.0SingleSanction/components/sanctionsOverview/index.vue

@@ -8,7 +8,7 @@
 							<div class="info-row">
 								<div class="label">发布机构：</div>
 								<div class="value link">
-									<img :src="title" alt="" class="icon" />
+									<img :src="formattedData.postOrgLogoUrl || title" alt="" class="icon" />
 									<span @click="handleClickDp">{{ formattedData.postOrgName }} ></span>
 								</div>
 							</div>
@@ -45,15 +45,22 @@
 						<div class="left-top-content">
 							<div class="content-title">制裁实体分布：</div>
 							<div class="distribution-list">
-								<div class="list-item" v-for="(item, index) in entityDistribution" :key="index"
-									@click="handleToDataLibrary(item)">
+								<div
+									class="list-item"
+									v-for="(item, index) in entityDistribution"
+									:key="index"
+									@click="handleToDataLibrary(item)"
+								>
 									<img :src="item.imageUrl || flag" alt="" class="flag" />
 									<div class="country-name">{{ item.name }}</div>
 									<div class="progress-bar-container">
-										<div class="progress-bar" :style="{
+										<div
+											class="progress-bar"
+											:style="{
 												width: item.width,
 												background: item.gradient
-										}"></div>
+											}"
+										></div>
 									</div>
 									<div class="count" :class="{ highlight: index === 0 }">{{ item.count }}家</div>
 								</div>
@@ -96,13 +103,25 @@
 							</div>
 							<div class="filter-right">
 								<el-checkbox v-model="onlyChina" label="只看中国实体" />
-								<el-select v-model="filterField" placeholder="选择领域" style="width: 150px; margin: 0 12px 0 16px">
+								<el-select
+									v-model="filterField"
+									placeholder="选择领域"
+									style="width: 150px; margin: 0 12px 0 16px"
+								>
 									<!-- <el-option label="全部领域" value="" /> -->
-									<el-option v-for="item in domainOptions" :key="item.value" :label="item.label" :value="item.value" />
+									<el-option
+										v-for="item in domainOptions"
+										:key="item.value"
+										:label="item.label"
+										:value="item.value"
+									/>
 								</el-select>
-								<el-input v-model="searchKeyword" placeholder="搜索实体"
+								<el-input
+									v-model="searchKeyword"
+									placeholder="搜索实体"
 									style="width: 150px; border: 1px solid rgba(170, 173, 177, 0.4); border-radius: 5px"
-									:suffix-icon="Search" />
+									:suffix-icon="Search"
+								/>
 							</div>
 						</div>
 						<div class="stats-row">
@@ -117,14 +136,21 @@
 							<div class="stats-info">
 								<div class="stat-item">
 									<span class="dot red"></span>
-									<span class="text">新增 <span class="num red">{{ addCount }}</span> 家 (50%规则涉及<span class="num red">{{
+									<span class="text"
+										>新增 <span class="num red">{{ addCount }}</span> 家 (50%规则涉及<span class="num red">{{
 											addRuleCount
-									}}</span>家)</span>
+										}}</span
+										>家)</span
+									>
 								</div>
 								<div class="stat-item">
 									<span class="dot green"></span>
-									<span class="text">移除 <span class="num green">{{ removeCount }}</span> 家 (50%规则涉及<span
-											class="num green">{{ removeRuleCount }}</span>家)</span>
+									<span class="text"
+										>移除 <span class="num green">{{ removeCount }}</span> 家 (50%规则涉及<span
+											class="num green"
+											>{{ removeRuleCount }}</span
+										>家)</span
+									>
 								</div>
 							</div>
 						</div>
@@ -156,7 +182,11 @@
 												>{{ item }}</span
 											> -->
 											<div class="domain-box">
-												<AreaTag v-for="(domain, index) in scope.row.fields" :key="index" :tagName="domain" />
+												<AreaTag
+													v-for="(domain, index) in scope.row.fields"
+													:key="index"
+													:tagName="domain"
+												/>
 											</div>
 										</template>
 									</el-table-column>
@@ -165,8 +195,11 @@
 									<el-table-column prop="revenue" label="营收(亿元)" width="110" align="center" />
 									<el-table-column label="50%规则子企业" width="180" align="center">
 										<template #default="scope">
-											<span v-if="scope.row.subsidiaryCount" class="subsidiary-link"
-												@click="handleSubsidiaryClick(scope.row)">
+											<span
+												v-if="scope.row.subsidiaryCount"
+												class="subsidiary-link"
+												@click="handleSubsidiaryClick(scope.row)"
+											>
 												{{ scope.row.subsidiaryText }}
 												<span class="blue-text">{{ scope.row.subsidiaryCount }}家 ></span>
 											</span>
@@ -184,8 +217,12 @@
 			</div>
 		</div>
 		<!-- 50%规则子企业弹框 -->
-		<RuleSubsidiaryDialog v-model="subsidiaryDialogVisible" :company-name="currentSubsidiaryCompanyName"
-			:total-count="currentSubsidiaryCount" :data-list="currentSubsidiaryList" />
+		<RuleSubsidiaryDialog
+			v-model="subsidiaryDialogVisible"
+			:company-name="currentSubsidiaryCompanyName"
+			:total-count="currentSubsidiaryCount"
+			:data-list="currentSubsidiaryList"
+		/>
 	</div>
 </template>
 
@@ -445,7 +482,8 @@ const formattedData = computed(() => {
 		administrativeOrderId: info.administrativeOrderId ? `No. ${info.administrativeOrderId}` : "",
 		postPersonName: info.postPersonName,
 		domains: info.domainNames,
-		avartar: info.postPersonAvatarUrl
+		avartar: info.postPersonAvatarUrl,
+		postOrgLogoUrl: info.postOrgLogoUrl
 	};
 });
 
@@ -525,23 +563,22 @@ const entityDistribution = ref([
 const sanTypeId = ref("");
 
 // 跳转到数据资源库
-const handleToDataLibrary = (item) => {
-	console.log('item', item);
-	const dateStr = formattedData.value.postDate.replace(/(\d{4})年(\d{1,2})月(\d{1,2})日/, (_, y, m, d) =>
-		`${y}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`
+const handleToDataLibrary = item => {
+	console.log("item", item);
+	const dateStr = formattedData.value.postDate.replace(
+		/(\d{4})年(\d{1,2})月(\d{1,2})日/,
+		(_, y, m, d) => `${y}-${m.padStart(2, "0")}-${d.padStart(2, "0")}`
 	);
 
 	const route = router.resolve({
 		path: "/dataLibrary/dataEntityList",
-		query:{
-			selectedDate: JSON.stringify([dateStr,dateStr]),
+		query: {
+			selectedDate: JSON.stringify([dateStr, dateStr]),
 			selectedCountryId: item.id
 		}
 	});
 	window.open(route.href, "_blank");
-
-
-}
+};
 
 onMounted(() => {
 	// 获取路由参数中的sanTypeId

src/views/exportControl/v2.0SingleSanction/originPage/index.vue

@@ -51,7 +51,7 @@
 									object-fit: contain;
 								" />
 						</div>
-						<div class="translate-text">{{ "显示原文" }}</div>
+						<div class="translate-text">{{ "显示译文" }}</div>
 					</div>
 					<div class="btn" @click="handleDownload">
 						<div class="icon">
@@ -62,13 +62,13 @@
 				</div>
 			</div>
 			<div class="report-box">
-				<div class="pdf-pane-wrap" v-if="valueSwitch && reportUrlEnWithPage">
-					<pdf ref="leftPdfRef" :pdfUrl="reportUrlEnWithPage" class="pdf-pane-inner" />
-				</div>
 				<div class="pdf-pane-wrap" :class="{ 'is-full': !valueSwitch }" v-if="reportUrlWithPage">
 					<pdf :key="`right-pdf-${valueSwitch ? 'split' : 'full'}`" ref="rightPdfRef" :pdfUrl="reportUrlWithPage"
 						class="pdf-pane-inner" />
 				</div>
+				<div class="pdf-pane-wrap" v-if="valueSwitch && reportUrlEnWithPage">
+					<pdf ref="leftPdfRef" :pdfUrl="reportUrlEnWithPage" class="pdf-pane-inner" />
+				</div>
 			</div>
 		</div>
 	</div>

src/views/finance/components/title.vue

@@ -43,8 +43,8 @@ defineProps({
 .title-text {
 	color: rgba(10, 18, 30, 1);
 	font-size: 32px;
-	font-family: $base-font-family;
-	font-weight: bold;
+	font-family: "Microsoft YaHei";
+	font-weight: 700;
 	margin-left: 20px;
 	white-space: nowrap;
 }

src/views/finance/index.vue

@@ -234,13 +234,17 @@
 										<div class="data-origin-icon">
 											<img :src="tipsIcon" alt="" />
 										</div>
-										<div class="data-origin-text">
-											美国商务部发布实体清单的频次，数据来源：美国财政部海外资产管理办公室官网
-										</div>
+										<div class="data-origin-text">数据来源：美国财政部海外资产管理办公室官网</div>
 									</div>
 									<div class="ai-pane">
-										<AiButton />
-										<AiPane :aiContent="entityListReleaseFreqChart.interpretation" />
+										<!-- <AiButton />
+										<AiPane :aiContent="entityListReleaseFreqChart.interpretation" /> -->
+										<AiButton @mouseenter="handleShowAiPane('entityListReleaseFreqChart')" />
+										<AiPane
+											v-if="aiPaneVisible?.entityListReleaseFreqChart"
+											:aiContent="overviewAiContent.entityListReleaseFreqChart"
+											@mouseleave="handleHideAiPane('entityListReleaseFreqChart')"
+										/>
 									</div>
 								</div>
 								<div class="box3-content">
@@ -280,13 +284,17 @@
 										<div class="data-origin-icon">
 											<img :src="tipsIcon" alt="" />
 										</div>
-										<div class="data-origin-text">
-											美国商务部发布商业管制清单的频次，数据来源：美国财政部海外资产管理办公室官网
-										</div>
+										<div class="data-origin-text">数据来源：美国财政部海外资产管理办公室官网</div>
 									</div>
 									<div class="ai-pane">
-										<AiButton />
-										<AiPane :aiContent="commerceControlListReleaseFreqChart.interpretation" />
+										<!-- <AiButton />
+										<AiPane :aiContent="commerceControlListReleaseFreqChart.interpretation" /> -->
+										<AiButton @mouseenter="handleShowAiPane('commerceControlListReleaseFreqChart')" />
+										<AiPane
+											v-if="aiPaneVisible?.commerceControlListReleaseFreqChart"
+											:aiContent="overviewAiContent.commerceControlListReleaseFreqChart"
+											@mouseleave="handleHideAiPane('commerceControlListReleaseFreqChart')"
+										/>
 									</div>
 								</div>
 								<div class="box3-content" style="display: none">
@@ -339,13 +347,13 @@
 								<div class="data-origin-icon">
 									<img :src="tipsIcon" alt="" />
 								</div>
-								<div class="data-origin-text">
-									进入SDN清单的中国实体领域分布情况，数据来源：美国财政部海外资产管理办公室官网
-								</div>
+								<div class="data-origin-text">数据来源：美国财政部海外资产管理办公室官网</div>
 							</div>
 							<div class="ai-pane">
-								<AiButton />
-								<AiPane :aiContent="radarChart.interpretation" />
+								<!-- <AiButton />
+								<AiPane :aiContent="radarChart.interpretation" /> -->
+								<AiButton @mouseenter="handleShowAiPane('radarChart')" />
+								<AiPane :aiContent="overviewAiContent.radarChart" @mouseleave="handleHideAiPane('radarChart')" />
 							</div>
 						</template>
 					</custom-container>
@@ -371,13 +379,17 @@
 								<div class="data-origin-icon">
 									<img :src="tipsIcon" alt="" />
 								</div>
-								<div class="data-origin-text">
-									进入SDN清单的中国实体数量变化趋势，数据来源：美国财政部海外资产管理办公室官网
-								</div>
+								<div class="data-origin-text">数据来源：美国财政部海外资产管理办公室官网</div>
 							</div>
 							<div class="ai-pane">
-								<AiButton />
-								<AiPane :aiContent="trendChart.interpretation" />
+								<!-- <AiButton />
+								<AiPane :aiContent="trendChart.interpretation" /> -->
+								<AiButton @mouseenter="handleShowAiPane('trendChart')" />
+								<AiPane
+									v-if="aiPaneVisible?.trendChart"
+									:aiContent="overviewAiContent.trendChart"
+									@mouseleave="handleHideAiPane('trendChart')"
+								/>
 							</div>
 						</template>
 					</custom-container>
@@ -705,6 +717,7 @@ import RiskSignal from "@/components/base/riskSignal/index.vue";
 import RiskSignalOverviewDetailDialog from "@/components/base/RiskSignalOverviewDetailDialog/index.vue";
 import { onMounted, ref, computed, reactive, shallowRef, watch, nextTick } from "vue";
 import { useContainerScroll } from "@/hooks/useScrollShow";
+import { getChartAnalysis } from "@/api/aiAnalysis/index";
 const homeMainRef = ref(null);
 const { isShow } = useContainerScroll(homeMainRef);
 import * as echarts from "echarts";
@@ -1265,7 +1278,8 @@ const fetchRadarData = async checked => {
 				};
 			});
 			console.log("图例 =>", radarOption.value);
-			radarChart.interpret({ type: "雷达图", name: "实体清单领域分布情况", data: data });
+			radarChartData.value = data;
+			// radarChart.interpret({ type: "雷达图", name: "实体清单领域分布情况", data: data });
 		}
 	} catch (error) {
 		console.error("获取雷达图数据失败:", error);
@@ -1824,6 +1838,128 @@ const handleToDataLibrary = item => {
 	window.open(route.href, "_blank");
 };
 
+const requestAiPaneContent = async key => {
+	if (!key || aiPaneLoading.value[key] || aiPaneFetched.value[key]) return;
+	aiPaneLoading.value = { ...aiPaneLoading.value, [key]: true };
+	overviewAiContent.value = { ...overviewAiContent.value, [key]: "智能总结生成中..." };
+
+	try {
+		const payload = buildAiChartPayload(key);
+		const res = await getChartAnalysis(
+			{ text: JSON.stringify(payload) },
+			{
+				onChunk: chunk => {
+					const current = overviewAiContent.value[key];
+					const base = current === "智能总结生成中..." ? "" : current;
+					overviewAiContent.value = {
+						...overviewAiContent.value,
+						[key]: base + chunk
+					};
+				}
+			}
+		);
+		const list = res?.data;
+		const first = Array.isArray(list) ? list[0] : null;
+		const interpretation = first?.解读 || first?.["解读"];
+		// 流式已渲染过内容，最终用解析出的解读覆盖（保证显示格式统一）
+		if (interpretation) {
+			overviewAiContent.value = {
+				...overviewAiContent.value,
+				[key]: interpretation
+			};
+		}
+		aiPaneFetched.value = { ...aiPaneFetched.value, [key]: true };
+	} catch (error) {
+		console.error("获取图表解读失败", error);
+		overviewAiContent.value = { ...overviewAiContent.value, [key]: "智能总结生成失败" };
+	} finally {
+		aiPaneLoading.value = { ...aiPaneLoading.value, [key]: false };
+	}
+};
+
+const trendChartData = ref([]);
+const radarChartData = ref([]);
+const entityListReleaseFreqChartData = ref([]);
+const commerceControlListReleaseFreqChartData = ref([]);
+
+const aiPaneVisible = ref({
+	trendChart: false,
+	radarChart: false,
+	entityListReleaseFreqChart: false,
+	commerceControlListReleaseFreqChart: false
+});
+
+const overviewAiContent = ref({
+	trendChart: "智能总结生成中...",
+	radarChart: "智能总结生成中...",
+	entityListReleaseFreqChart: "智能总结生成中...",
+	commerceControlListReleaseFreqChart: "智能总结生成中..."
+});
+
+const aiPaneFetched = ref({
+	trendChart: false,
+	radarChart: false,
+	entityListReleaseFreqChart: false,
+	commerceControlListReleaseFreqChart: false
+});
+
+const aiPaneLoading = ref({
+	trendChart: false,
+	radarChart: false,
+	entityListReleaseFreqChart: false,
+	commerceControlListReleaseFreqChart: false
+});
+
+const chartLoading = ref({
+	trendChart: false,
+	radarChart: false,
+	entityListReleaseFreqChart: false,
+	commerceControlListReleaseFreqChart: false
+});
+
+const buildAiChartPayload = key => {
+	if (key === "trendChart") {
+		return { type: "柱状图", name: "制裁清单数量增长趋势", data: trendChartData.value };
+	}
+
+	if (key === "radarChart") {
+		return { type: "雷达图", name: "实体清单领域分布情况", data: radarChartData.value };
+	}
+
+	if (key === "entityListReleaseFreqChart") {
+		return {
+			type: "柱状图",
+			name: "美国商务部发布实体清单的频次",
+			data: entityListReleaseFreqChartData.value
+		};
+	}
+
+	if (key === "commerceControlListReleaseFreqChart") {
+		return {
+			type: "柱状图",
+			name: "美国商务部发布商业管制清单的频次",
+			data: commerceControlListReleaseFreqChartData.value
+		};
+	}
+
+	return { type: "", name: "", data: [] };
+};
+
+const handleShowAiPane = key => {
+	aiPaneVisible.value = {
+		...aiPaneVisible.value,
+		[key]: true
+	};
+	requestAiPaneContent(key);
+};
+
+const handleHideAiPane = key => {
+	aiPaneVisible.value = {
+		...aiPaneVisible.value,
+		[key]: false
+	};
+};
+
 onMounted(async () => {
 	console.log("finance 页面 mounted");
 	try {
@@ -1886,11 +2022,12 @@ onMounted(async () => {
 		await fetchRadarData(domainChecked.value);
 		// 获取出口管制制裁措施
 		await fetchSanctionList();
-		entityListReleaseFreqChart.interpret({
-			type: "柱状图",
-			name: "美国商务部发布实体清单的频次",
-			data: entityListReleaseFreq.value
-		});
+		entityListReleaseFreqChartData.value = entityListReleaseFreq.value;
+		// entityListReleaseFreqChart.interpret({
+		// 	type: "柱状图",
+		// 	name: "美国商务部发布实体清单的频次",
+		// 	data: entityListReleaseFreq.value
+		// });
 		commerceControlListReleaseFreq.value = _.map(cclList1, item => {
 			return {
 				year: item.year,
@@ -1899,11 +2036,12 @@ onMounted(async () => {
 				tags: item.domain
 			};
 		});
-		commerceControlListReleaseFreqChart.interpret({
-			type: "柱状图",
-			name: "美国商务部发布商业管制清单的频次",
-			data: commerceControlListReleaseFreq.value
-		});
+		commerceControlListReleaseFreqChartData.value = commerceControlListReleaseFreq.value;
+		// commerceControlListReleaseFreqChart.interpret({
+		// 	type: "柱状图",
+		// 	name: "美国商务部发布商业管制清单的频次",
+		// 	data: commerceControlListReleaseFreq.value
+		// });
 	} catch (err) {
 		console.log("此处报错？");
 		console.log(err);

src/views/finance/singleSanction/components/sanctionsOverview/index.vue

@@ -8,7 +8,7 @@
 							<div class="info-row">
 								<div class="label">发布机构：</div>
 								<div class="value link">
-									<img :src="title" alt="" class="icon" />
+									<img :src="formattedData.postOrgLogoUrl || title" alt="" class="icon" />
 									<span @click="handleClickDp">{{ formattedData.postOrgName }} ></span>
 								</div>
 							</div>
@@ -46,17 +46,24 @@
 						<div class="left-top-content">
 							<div class="content-title">制裁实体分布：</div>
 							<div class="distribution-list">
-								<div class="list-item" v-for="(item, index) in entityDistribution" :key="index"
-									@click="handleToDataLibrary(item)">
+								<div
+									class="list-item"
+									v-for="(item, index) in entityDistribution"
+									:key="index"
+									@click="handleToDataLibrary(item)"
+								>
 									<img :src="item.imageUrl || flag" alt="" class="flag" />
 									<div class="country-name">{{ item.name }}</div>
 									<div class="progress-bar-container">
-										<div class="progress-bar" :style="{
+										<div
+											class="progress-bar"
+											:style="{
 												width: item.width,
 												background: item.gradient
-										}"></div>
+											}"
+										></div>
 									</div>
-									<div class="count" :class="{ highlight: index === 0 }">{{ item.count }}家</div>
+									<div class="count" :class="{ highlight: item.name === '中国' }">{{ item.count }}家</div>
 								</div>
 							</div>
 						</div>
@@ -97,13 +104,25 @@
 							</div>
 							<div class="filter-right">
 								<el-checkbox v-model="onlyChina" label="只看中国实体" />
-								<el-select v-model="filterField" placeholder="全部领域" style="width: 150px; margin: 0 12px 0 16px">
+								<el-select
+									v-model="filterField"
+									placeholder="全部领域"
+									style="width: 150px; margin: 0 12px 0 16px"
+								>
 									<el-option label="全部领域" value="" />
-									<el-option v-for="item in domainOptions" :key="item.value" :label="item.label" :value="item.value" />
+									<el-option
+										v-for="item in domainOptions"
+										:key="item.value"
+										:label="item.label"
+										:value="item.value"
+									/>
 								</el-select>
-								<el-input v-model="searchKeyword" placeholder="搜索实体"
+								<el-input
+									v-model="searchKeyword"
+									placeholder="搜索实体"
 									style="width: 150px; border: 1px solid rgba(170, 173, 177, 0.4); border-radius: 5px"
-									:suffix-icon="Search" />
+									:suffix-icon="Search"
+								/>
 							</div>
 						</div>
 						<div class="stats-row">
@@ -118,14 +137,21 @@
 							<div class="stats-info">
 								<div class="stat-item">
 									<span class="dot red"></span>
-									<span class="text">新增 <span class="num red">{{ addCount }}</span> 家 (50%规则涉及<span class="num red">{{
+									<span class="text"
+										>新增 <span class="num red">{{ addCount }}</span> 家 (50%规则涉及<span class="num red">{{
 											addRuleCount
-									}}</span>家)</span>
+										}}</span
+										>家)</span
+									>
 								</div>
 								<div class="stat-item">
 									<span class="dot green"></span>
-									<span class="text">移除 <span class="num green">{{ removeCount }}</span> 家 (50%规则涉及<span
-											class="num green">{{ removeRuleCount }}</span>家)</span>
+									<span class="text"
+										>移除 <span class="num green">{{ removeCount }}</span> 家 (50%规则涉及<span
+											class="num green"
+											>{{ removeRuleCount }}</span
+										>家)</span
+									>
 								</div>
 							</div>
 						</div>
@@ -157,7 +183,11 @@
 												>{{ item }}</span
 											> -->
 											<div class="domain-box">
-												<AreaTag v-for="(domain, index) in scope.row.fields" :key="index" :tagName="domain" />
+												<AreaTag
+													v-for="(domain, index) in scope.row.fields"
+													:key="index"
+													:tagName="domain"
+												/>
 											</div>
 										</template>
 									</el-table-column>
@@ -166,20 +196,26 @@
 									<el-table-column prop="entityTypeId" label="类型" width="120" align="center">
 										<template #default="scope">
 											<div style="display: flex; gap: 4px; justify-content: center">
-												<AreaTag :tagName="scope.row.entityType === 1
+												<AreaTag
+													:tagName="
+														scope.row.entityType === 1
 															? '个人'
 															: scope.row.entityType === 2
 																? '实体'
 																: '公司'
-													" />
+													"
+												/>
 											</div>
 										</template>
 									</el-table-column>
 									<!-- <el-table-column prop="revenue" label="营收(亿元)" width="110" align="center" /> -->
 									<el-table-column label="50%规则子企业" width="180" align="center">
 										<template #default="scope">
-											<span v-if="scope.row.subsidiaryCount" class="subsidiary-link"
-												@click="handleSubsidiaryClick(scope.row)">
+											<span
+												v-if="scope.row.subsidiaryCount"
+												class="subsidiary-link"
+												@click="handleSubsidiaryClick(scope.row)"
+											>
 												{{ scope.row.subsidiaryText }}
 												<span class="blue-text">{{ scope.row.subsidiaryCount }}家 ></span>
 											</span>
@@ -223,8 +259,12 @@
 			</div>
 		</div>
 		<!-- 50%规则子企业弹框 -->
-		<RuleSubsidiaryDialog v-model="subsidiaryDialogVisible" :company-name="currentSubsidiaryCompanyName"
-			:total-count="currentSubsidiaryCount" :data-list="currentSubsidiaryList" />
+		<RuleSubsidiaryDialog
+			v-model="subsidiaryDialogVisible"
+			:company-name="currentSubsidiaryCompanyName"
+			:total-count="currentSubsidiaryCount"
+			:data-list="currentSubsidiaryList"
+		/>
 	</div>
 </template>
 
@@ -481,7 +521,8 @@ const formattedData = computed(() => {
 		administrativeOrderId: info.administrativeOrderId ? `No. ${info.administrativeOrderId}` : "",
 		postPersonName: info.postPersonName,
 		domains: info.domainNames,
-		avartar: info.postPersonAvatarUrl
+		avartar: info.postPersonAvatarUrl,
+		postOrgLogoUrl: info.postOrgLogoUrl
 	};
 });
 
@@ -590,10 +631,11 @@ const getReasonHistoryList = async () => {
 const sanTypeId = ref("");
 
 // 跳转到数据资源库
-const handleToDataLibrary = (item) => {
-	console.log('item', item);
-	const dateStr = formattedData.value.postDate.replace(/(\d{4})年(\d{1,2})月(\d{1,2})日/, (_, y, m, d) =>
-		`${y}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`
+const handleToDataLibrary = item => {
+	console.log("item", item);
+	const dateStr = formattedData.value.postDate.replace(
+		/(\d{4})年(\d{1,2})月(\d{1,2})日/,
+		(_, y, m, d) => `${y}-${m.padStart(2, "0")}-${d.padStart(2, "0")}`
 	);
 
 	const route = router.resolve({
@@ -604,7 +646,7 @@ const handleToDataLibrary = (item) => {
 		}
 	});
 	window.open(route.href, "_blank");
-}
+};
 
 onMounted(() => {
 	// 获取路由参数中的sanTypeId

src/views/finance/singleSanction/index.vue

@@ -28,7 +28,7 @@
 				</div>
 				<div class="original-text-btn" @click="handleClickOriginalText">
 					<img :src="icon1" alt="" />
-					<span>实体清单原文</span>
+					<span>SDN清单原文</span>
 				</div>
 				<div class="btn3" @click="handleAnalysisClick">
 					<div class="icon">

src/views/finance/singleSanction/originPage/index.vue

@@ -68,7 +68,7 @@
 								"
 							/>
 						</div>
-						<div class="translate-text">{{ "显示原文" }}</div>
+						<div class="translate-text">{{ "显示译文" }}</div>
 					</div>
 					<div class="btn" @click="handleDownload">
 						<div class="icon">
@@ -79,9 +79,6 @@
 				</div>
 			</div>
 			<div class="report-box">
-				<div class="pdf-pane-wrap" v-if="valueSwitch && reportUrlEnWithPage">
-					<pdf ref="leftPdfRef" :pdfUrl="reportUrlEnWithPage" class="pdf-pane-inner" />
-				</div>
 				<div class="pdf-pane-wrap" :class="{ 'is-full': !valueSwitch }" v-if="reportUrlWithPage">
 					<pdf
 						:key="`right-pdf-${valueSwitch ? 'split' : 'full'}`"
@@ -90,6 +87,9 @@
 						class="pdf-pane-inner"
 					/>
 				</div>
+				<div class="pdf-pane-wrap" v-if="valueSwitch && reportUrlEnWithPage">
+					<pdf ref="leftPdfRef" :pdfUrl="reportUrlEnWithPage" class="pdf-pane-inner" />
+				</div>
 			</div>
 		</div>
 	</div>