问题修复

src/router/modules/finance.js

@@ -33,7 +33,7 @@ const financeRoutes = [
 	},
 	// V2.0单条制裁详情-实体清单原文
 	{
-		path: "/exportControl/origin",
+		path: "/finance/origin",
 		name: "financeEntityListOrigin",
 		component: () => import("@/views/finance/singleSanction/originPage/index.vue")
 		// meta: {

src/views/exportControl/index.vue

@@ -476,12 +476,6 @@
 										header-row-class-name="table-header"
 										row-class-name="table-row"
 									>
-										<!-- <el-table-column prop="index" label="序号" width="80" align="center">
-										<template #default="scope">
-											{{ scope.$index + 1 + (currentPage - 1) * pageSize }}
-										</template>
-			</el-table-column> -->
-
 										<el-table-column prop="name" label="实体名称" min-width="200">
 											<template #default="scope">
 												<div class="tableName" @click="handleCompClick(scope.row)">
@@ -970,7 +964,7 @@ onMounted(async () => {
 			label: item.nameZh,
 			value: tabMap[item.id],
 			id: [item.id],
-			disabled: item.id == "13" // 商业管制清单不展示
+			disabled: false
 		}));
 		resourceTabs.value.unshift({ label: "全部制裁", value: "all", id: "", disabled: false });
 		console.log("返回的数据结构 infoList =》", infoList.value);
@@ -1108,7 +1102,7 @@ const processYearDomainCountData = yearDomainCountData => {
 const handleEntityClick = item => {
 	console.log("item", item);
 	window.sessionStorage.setItem("curTabName", item.name || item.entityNameZh);
-	gotoCompanyPages(item.entityId);
+	gotoCompanyPages(item.id);
 	// const route = router.resolve({
 	// 	name: "companyPages",
 	// 	params: {
@@ -1494,7 +1488,7 @@ watch(
 const fetchEntitiesList = async (page = 1, size = 10) => {
 	try {
 		console.log("activeResourceTabItem.value.id", activeResourceTabItem.value.id);
-		const res = await getEntitiesList(activeResourceTabItem.value.id, page, size);
+		const res = await getEntitiesList(activeResourceTabItem.value.id.join(","), page, size);
 		if (res) {
 			entitiesList.value = res.content.map(item => ({
 				...item,
@@ -1630,6 +1624,7 @@ const fetchSocialMediaInfo = async () => {
 		if (data && Array.isArray(data)) {
 			// console.log(data);
 			socialMediaList.value = data.map(item => ({
+				...item,
 				avatar: item.personImage,
 				name: item.personName,
 				time: formatTime(item.time),
@@ -1662,7 +1657,7 @@ const fetchNewsInfo = async () => {
 };
 
 const handlePerClick = item => {
-	// console.log("点击了社交媒体消息:", item);
+	console.log("点击了社交媒体消息:", item);
 	window.sessionStorage.setItem("curTabName", item.name);
 	const route = router.resolve({
 		path: "/characterPage",

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

@@ -75,7 +75,7 @@
 					</template>
 					<div class="right-main">
 						<div class="right-main-content">
-							<div class="hintWrap">
+							<!-- <div class="hintWrap">
 								<div class="icon1"></div>
 								<div class="title">
 									2025年实体清单制裁范围扩大至芯片制造环节，为中国的芯片制造能力划定“技术天花板”，阻止其向更先进水平发展。制裁范围向上游设备和材料、下游先进封装以及关键工具（如EDA软件）延伸，意图瓦解中国构建自主可控产业链的努力。
@@ -83,7 +83,7 @@
 								<div class="icon2Wrap">
 									<div class="icon2"></div>
 								</div>
-							</div>
+							</div> -->
 							<div class="right-main-content-main">
 								<div class="fishbone-wrapper">
 									<div class="fishbone-scroll-container" ref="scrollContainerRef">

src/views/exportControl/v2.0EntityList/components/sanctionsOverview/components/introductionPage/index.vue

@@ -433,11 +433,6 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-* {
-	margin: 0;
-	padding: 0;
-}
-
 .introduction-page {
 	width: 1601px;
 	margin: 0 auto;

src/views/exportControl/v2.0EntityList/components/sanctionsOverview/components/listPage/RuleSubsidiaryDialog.vue

@@ -155,15 +155,8 @@ const getTagStyle = tag => {
 // 跳转公司详情页
 const handleCompClick = item => {
 	console.log("item", item);
-	window.sessionStorage.setItem("curTabName", item.entityNameZh || item.entityName);
+	window.sessionStorage.setItem("curTabName", item.name || item.orgName);
 	gotoCompanyPages(item.id);
-	// const route = router.resolve({
-	// 	name: "companyPages",
-	// 	params: {
-	// 		id: item.id
-	// 	}
-	// });
-	// window.open(route.href, "_blank");
 };
 </script>
 

src/views/exportControl/v2.0EntityList/components/sanctionsOverview/components/listPage/index.vue

@@ -540,10 +540,13 @@ watch(customDateRange, () => {
 				border: 1px solid rgba(170, 173, 177, 1);
 				background-color: #fff;
 				border-radius: 3px;
+				border: 1px solid #ddd;
+				border-radius: 4px;
+				height: 32px;
 			}
 
 			:deep(.el-input__inner) {
-				font-size: 16px;
+				font-size: 14px;
 				font-weight: 400;
 				font-family: "Microsoft YaHei";
 				line-height: 24px;
@@ -552,8 +555,8 @@ watch(customDateRange, () => {
 		}
 
 		.filters {
-			display: flex;
-			align-items: center;
+			// display: flex;
+			// align-items: center;
 
 			.el-checkbox {
 				margin-right: 20px;
@@ -565,8 +568,9 @@ watch(customDateRange, () => {
 				height: 32px;
 			}
 			:deep(.el-checkbox__label) {
-				font-size: 16px;
+				font-size: 14px;
 				color: rgb(95, 101, 108);
+				margin-top: 3px;
 			}
 		}
 	}
@@ -596,9 +600,10 @@ watch(customDateRange, () => {
 				padding-left: 20px;
 
 				.el-checkbox {
-					width: 50%;
-					margin-right: 0;
-					margin-bottom: 4px;
+					// width: 50%;
+					// margin-right: 0;
+					// margin-bottom: 4px;
+					height: 24px;
 					font-size: 16px;
 					font-weight: 400;
 					font-family: "Microsoft YaHei";

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

@@ -537,26 +537,30 @@ const domainChartOption = ref({
 					width: 1.1
 				}
 			},
+			// labelLayout: function (params) {
+			// 	const isLeft = params.labelRect.x < params.viewWidth / 2;
+			// 	const points = params.labelLinePoints;
+			// 	// Update the end point.
+			// 	points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width;
+			// 	return {
+			// 		labelLinePoints: points
+			// 	};
+			// },
 			labelLayout: function (params) {
-				const isLeft = params.labelRect.x < params.viewWidth / 2;
+				// hideOverlap: true
 				const points = params.labelLinePoints;
-				// Update the end point.
+				const isLeft = params.labelRect.x < params.rect.x + params.rect.width / 2;
+
+				// 调整指示线终点到 label 垂直中心
+				const labelCenterY = params.labelRect.y + params.labelRect.height / 2;
+				points[2][1] = labelCenterY;
+
+				// 调整指示线终点到 label 水平边缘
 				points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width;
+
 				return {
 					labelLinePoints: points
 				};
-
-				// if (isLeft) {
-				// 	// 左侧：终点对齐到标签左边界
-				// 	points[2][0] = 0;
-				// } else {
-				// 	// 右侧：终点对齐到标签右边界
-				// 	points[2][0] = params.labelRect.x + params.labelRect.width;
-				// }
-
-				// return {
-				// 	labelLinePoints: points
-				// };
 			},
 			itemStyle: {
 				borderWidth: 0
@@ -714,11 +718,27 @@ const typeChartOption = ref({
 					width: 1
 				}
 			},
+			// labelLayout: function (params) {
+			// 	const isLeft = params.labelRect.x < params.viewWidth / 2;
+			// 	const points = params.labelLinePoints;
+			// 	// Update the end point.
+			// 	points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width;
+			// 	return {
+			// 		labelLinePoints: points
+			// 	};
+			// },
 			labelLayout: function (params) {
-				const isLeft = params.labelRect.x < params.viewWidth / 2;
+				// hideOverlap: true
 				const points = params.labelLinePoints;
-				// Update the end point.
+				const isLeft = params.labelRect.x < params.rect.x + params.rect.width / 2;
+
+				// 调整指示线终点到 label 垂直中心
+				const labelCenterY = params.labelRect.y + params.labelRect.height / 2;
+				points[2][1] = labelCenterY;
+
+				// 调整指示线终点到 label 水平边缘
 				points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width;
+
 				return {
 					labelLinePoints: points
 				};

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

@@ -540,11 +540,6 @@ onMounted(async () => {
 </script>
 
 <style scoped lang="scss">
-* {
-	margin: 0;
-	padding: 0;
-}
-
 .deepMiningChartmode {
 	height: calc(100vh - 220px) !important;
 	// overflow: hidden;
@@ -628,6 +623,9 @@ onMounted(async () => {
 
 					.search-input {
 						flex: 1;
+						border: 1px solid #ddd;
+						border-radius: 4px;
+						height: 32px;
 					}
 				}
 

src/views/exportControl/v2.0SingleSanction/components/impactAnalysis/components/industrialImpact/index.vue

@@ -51,7 +51,7 @@
 					<div class="left-main">
 						<div class="top-bar">
 							<el-select v-model="searchDomain" placeholder="全部领域" class="domain-select">
-								<el-option label="全部领域" value="" />
+								<el-option label="全部领域" value="0" />
 								<el-option label="人工智能" value="1" />
 								<el-option label="生物科技" value="2" />
 								<el-option label="新一代信息技术" value="3" />
@@ -515,7 +515,7 @@ const getNetProfitData = async () => {
 
 // 单次制裁-影响分析-制裁企业列表
 const entityList = ref([]);
-const searchDomain = ref("");
+const searchDomain = ref("0");
 const searchKeyword = ref("");
 const selectedCompanyId = ref(null);
 const sanRecordId = ref("");
@@ -584,7 +584,7 @@ const getEntityList = async () => {
 		const res = await getSingleSanctionEntityList({
 			sanRecordId: sanRecordId.value,
 			isOnlyCn: false,
-			domainId: searchDomain.value || undefined,
+			domainId: searchDomain.value == 0 ? undefined : searchDomain.value || undefined,
 			searchText: searchKeyword.value || undefined
 		});
 		if (res.code === 200) {
@@ -990,11 +990,6 @@ onMounted(async () => {
 </script>
 
 <style scoped lang="scss">
-* {
-	margin: 0;
-	padding: 0;
-}
-
 .industrial-impact {
 	width: 100%;
 	padding-top: 16px;
@@ -1056,7 +1051,8 @@ onMounted(async () => {
 
 						:deep(.el-input__wrapper) {
 							height: 32px;
-							border-radius: 4px;
+							border: 1px solid rgba(170, 173, 177, 0.4);
+							border-radius: 5px;
 						}
 					}
 				}

src/views/exportControl/v2.0SingleSanction/components/impactAnalysis/components/researchImpact/index.vue

@@ -1118,11 +1118,6 @@ onBeforeUnmount(() => {
 </script>
 
 <style scoped lang="scss">
-* {
-	margin: 0;
-	padding: 0;
-}
-
 .industrial-impact {
 	width: 100%;
 	padding-top: 16px;

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

@@ -28,10 +28,6 @@ const activeIndex = ref(0);
 </script>
 
 <style scoped lang="scss">
-* {
-	margin: 0;
-	padding: 0;
-}
 .impact-analysis {
 	width: 1601px;
 	margin: 0 auto;

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

@@ -100,10 +100,10 @@
 								<el-checkbox v-model="onlyChina" label="只看中国实体" />
 								<el-select
 									v-model="filterField"
-									placeholder="全部领域"
+									placeholder="选择领域"
 									style="width: 150px; margin: 0 12px 0 16px"
 								>
-									<el-option label="全部领域" value="" />
+									<!-- <el-option label="全部领域" value="" /> -->
 									<el-option
 										v-for="item in domainOptions"
 										:key="item.value"
@@ -243,6 +243,24 @@ import { useGotoCompanyPages } from "@/router/modules/company";
 const gotoCompanyPages = useGotoCompanyPages();
 
 const route = useRoute();
+
+const domainOptions = ref([
+	{ label: "全部领域", value: "0" },
+	{ label: "人工智能", value: "1" },
+	{ label: "生物科技", value: "2" },
+	{ label: "新一代信息技术", value: "3" },
+	{ label: "量子科技", value: "4" },
+	{ label: "新能源", value: "5" },
+	{ label: "集成电路", value: "6" },
+	{ label: "海洋", value: "7" },
+	{ label: "先进制造", value: "8" },
+	{ label: "新材料", value: "9" },
+	{ label: "航空航天", value: "10" },
+	{ label: "深海", value: "11" },
+	{ label: "极地", value: "12" },
+	{ label: "太空", value: "13" },
+	{ label: "核", value: "14" }
+]);
 // 跳转公司详情页
 const handleCompClick = item => {
 	if (!item.entityId) {
@@ -297,7 +315,7 @@ const getSanctionOverviewList = async () => {
 		const res = await getSingleSanctionOverviewList({
 			sanRecordId: sanRecordId.value,
 			isOnlyCn: onlyChina.value,
-			domainId: filterField.value || undefined,
+			domainId: filterField.value == 0 ? undefined : filterField.value || undefined,
 			searchText: searchKeyword.value || undefined,
 			searchType: searchType.value,
 			entityTypeId: filterEntity.value || undefined
@@ -465,7 +483,7 @@ const formattedData = computed(() => {
 
 const filterEntity = ref("2");
 const onlyChina = ref(false);
-const filterField = ref("");
+const filterField = ref(domainOptions.value[0].value);
 const searchKeyword = ref("");
 const activeTab = ref("add");
 const searchType = computed(() => activeTab.value);
@@ -484,23 +502,6 @@ watch(searchKeyword, () => {
 	debouncedSearch();
 });
 
-const domainOptions = ref([
-	{ label: "人工智能", value: "1" },
-	{ label: "生物科技", value: "2" },
-	{ label: "新一代信息技术", value: "3" },
-	{ label: "量子科技", value: "4" },
-	{ label: "新能源", value: "5" },
-	{ label: "集成电路", value: "6" },
-	{ label: "海洋", value: "7" },
-	{ label: "先进制造", value: "8" },
-	{ label: "新材料", value: "9" },
-	{ label: "航空航天", value: "10" },
-	{ label: "深海", value: "11" },
-	{ label: "极地", value: "12" },
-	{ label: "太空", value: "13" },
-	{ label: "核", value: "14" }
-]);
-
 const tagColors = [
 	{ bg: "rgb(242, 235, 255)", border: "rgb(211, 190, 255)", text: "rgb(114, 46, 209)" }, // Purple
 	{ bg: "rgb(225, 250, 248)", border: "rgb(178, 242, 238)", text: "rgb(16, 178, 166)" }, // Cyan
@@ -570,11 +571,6 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-// * {
-// 	margin: 0;
-// 	padding: 0;
-// }
-
 .sanctions-overview {
 	width: 1601px;
 	margin: 0 auto;
@@ -888,19 +884,19 @@ onMounted(() => {
 					margin-bottom: 20px;
 
 					:deep(.el-input__inner) {
-						font-size: 16px;
+						font-size: 14px;
 						font-weight: 400;
 						font-family: "Microsoft YaHei";
 						line-height: 24px;
-						color: rgb(95, 101, 108);
+						color: #606266;
 
 						&::placeholder {
-							color: rgb(95, 101, 108);
+							color: rgb(95, 101, 108, 0.8);
 						}
 					}
 
 					:deep(.el-checkbox__label) {
-						font-size: 16px;
+						font-size: 14px;
 						font-weight: 400;
 						font-family: "Microsoft YaHei";
 						line-height: 24px;

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

@@ -60,7 +60,9 @@
 					:class="{ active: selectedSanctionId === item.id }"
 					@click="selectSanction(item)"
 				>
+					<div class="sanction-name">
 						{{ item.name }}
+					</div>
 					<div class="sanction-type">{{ item.postDate }}</div>
 				</div>
 			</div>
@@ -108,6 +110,7 @@ import router from "@/router";
 // 处理点击实体清单原文按钮
 const handleClickOriginalText = () => {
 	// 打开新标签页
+
 	window.open(`/exportControl/origin?id=${sanRecordId.value}`, "_blank");
 };
 
@@ -206,13 +209,14 @@ const totalElements = ref(0);
 const openSanctionModal = async () => {
 	sanctionModalVisible.value = true;
 	console.log("制裁事件列表11:", sanctionList.value);
-	loading.value = true;
+
 	await fetchSanctionData();
 };
 
 // ========== 获取制裁数据 ==========
 const fetchSanctionData = async () => {
 	try {
+		loading.value = true;
 		const res = await getSanctionProcess([1], currentPage.value, 10);
 		loading.value = false;
 		if (res && !!res.content) {
@@ -254,6 +258,7 @@ const selectSanction = async item => {
 	sanctionModalVisible.value = false;
 	console.log("跳转URL:", window.location.href);
 	// 根据最新URL参数刷新当前页面
+	window.sessionStorage.setItem("curTabName", item.postDate + " 《实体清单新增条目》");
 
 	window.open(`${window.location.pathname}?id=${item.id}&sanTypeId=${item.sanTypeId}`, "_self");
 };
@@ -274,15 +279,11 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-* {
-	margin: 0;
-	padding: 0;
-}
 .entity-list {
 	width: 100%;
 	height: 100%;
 	overflow-y: auto;
-	padding-bottom: 50px;
+	padding-bottom: 0px;
 	.header {
 		width: 100%;
 		height: 148px;
@@ -464,8 +465,15 @@ onMounted(() => {
 
 .sanction-list {
 	max-height: 400px;
+	min-height: 400px;
 	overflow-y: auto;
 	padding: 0 10px;
+	.sanction-name {
+		max-width: 85%;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
 }
 
 .sanction-item {

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

@@ -15,26 +15,21 @@
 				<div class="header-right">
 					<!-- 中英文切换开关 -->
 					<div class="toggle-group">
-						<span :class="{ active: !showChinese }">英文</span>
-						<el-switch
-							v-model="showChinese"
-							active-text="中"
-							inactive-text="英"
-							:inline-prompt="true"
-							@change="handleToggleChange"
-						/>
-						<span :class="{ active: showChinese }">中文</span>
+						<!-- <span :class="{ active: !showChinese }">英文</span> -->
+						<el-switch v-model="showChinese" @change="handleToggleChange" />
+						<img :src="transIcon" alt="" />
+						<span :class="{ active: showChinese }">显示原文</span>
 					</div>
 					<!-- 下载按钮 -->
-					<el-button type="primary" :icon="Download" @click="handleDownload"> 下载 </el-button>
+					<el-button plain :icon="Download" @click="handleDownload"> 下载 </el-button>
 				</div>
 			</div>
 			<!-- 外层滚动容器，统一控制两侧滚动 -->
 			<div class="report-box" ref="reportBoxRef">
-				<div class="pdf-pane-wrap" :class="{ 'center-mode': !showChinese }">
+				<div class="pdf-pane-wrap" v-if="showChinese" :class="{ 'center-mode': !showChinese }">
 					<pdf ref="leftPdfRef" :pdfUrl="headerTitle.srcUrl" class="pdf-pane-inner" />
 				</div>
-				<div class="pdf-pane-wrap" v-if="showChinese">
+				<div class="pdf-pane-wrap">
 					<pdf ref="rightPdfRef" :pdfUrl="headerTitle.transUrl" class="pdf-pane-inner" />
 				</div>
 			</div>
@@ -47,6 +42,7 @@ import { ref, onMounted, watch, computed } from "vue";
 import { Download } from "@element-plus/icons-vue";
 import { getSingleSanctionOverview } from "@/api/exportControlV2.0.js";
 import title from "../assets/title.png";
+import transIcon from "../assets/icon-translation.png";
 import pdf from "./pdf.vue";
 
 const leftPdfRef = ref(null);
@@ -299,15 +295,15 @@ onMounted(() => {
 					}
 				}
 
-				:deep(.el-button) {
-					--el-button-bg-color: #055fc2;
-					--el-button-border-color: #055fc2;
-					--el-button-hover-bg-color: #044c9b;
-					--el-button-hover-border-color: #044c9b;
+				// :deep(.el-button) {
+				// 	--el-button-bg-color: #055fc2;
+				// 	--el-button-border-color: #055fc2;
+				// 	--el-button-hover-bg-color: #044c9b;
+				// 	--el-button-hover-border-color: #044c9b;
 
-					font-size: 14px;
-					padding: 10px 20px;
-				}
+				// 	font-size: 14px;
+				// 	padding: 10px 20px;
+				// }
 			}
 		}
 
@@ -318,6 +314,8 @@ onMounted(() => {
 			display: flex;
 			overflow-y: auto;
 			overflow-x: hidden;
+			// ✅ 添加居中对齐
+			justify-content: center;
 		}
 
 		.pdf-pane-wrap {
@@ -330,6 +328,8 @@ onMounted(() => {
 			&.center-mode {
 				flex: 0 0 100%;
 				max-width: 100%;
+				// ✅ 添加居中样式
+				width: 728px; // 约一半宽度，保持单栏时美观
 				margin: 0 auto;
 			}
 		}

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

@@ -17,7 +17,6 @@ import PdfWorker from "pdfjs-dist/legacy/build/pdf.worker.min?worker";
 
 // 使用 Vite 的 ?worker 直接注入 Worker，避免线上 mjs MIME 类型问题
 pdfjsLib.GlobalWorkerOptions.workerPort = new PdfWorker();
-
 export default {
 	name: "PdfViewer",
 	props: {
@@ -33,7 +32,6 @@ export default {
 		const loading = ref(true);
 		const renderedPageCount = ref(0);
 		let resolveRenderAll = null;
-
 		const waitAllPagesRendered = () => {
 			if (pageCount.value > 0 && renderedPageCount.value >= pageCount.value) {
 				return Promise.resolve();
@@ -42,12 +40,14 @@ export default {
 				resolveRenderAll = resolve;
 			});
 		};
-
-		// pdfjs 的 document 对象内部使用 #private 字段，用 shallowRef 保持为原始对象引用
+		// pdfjs 的 document 对象内部使用 #private 字段，
+		// 若被 Vue 响应式深度代理会触发 "Cannot read from private field"。
+		// 因此用 shallowRef 保持为原始对象引用。
 		const pdfDocRef = shallowRef(null);
 		const searchKey = ref("");
 		const matchList = ref([]);
 		const matchIdx = ref(0);
+		// pdfjs 3.x 的 renderTextLayer 在不同入口下导出不一致，这里做一次缓存 + 兜底加载
 		const pdfjsApiRef = shallowRef(pdfjsLib);
 
 		// 保存 canvas
@@ -69,7 +69,7 @@ export default {
 			return urlPart;
 		};
 
-		// 清空所有高亮
+		// 清空所有高亮（不销毁 textLayer）
 		const clearHighlights = () => {
 			Object.values(overlayMap).forEach(layer => {
 				if (!layer) return;
@@ -78,7 +78,7 @@ export default {
 			});
 		};
 
-		// 重置搜索状态
+		// 重置搜索状态：清空关键词、匹配列表与高亮
 		const clearSearch = () => {
 			searchKey.value = "";
 			matchList.value = [];
@@ -86,7 +86,7 @@ export default {
 			clearHighlights();
 		};
 
-		// 渲染单页 PDF
+		// 渲染单页 PDF（canvas + textLayer）
 		const renderPage = async (pdf, pageNum) => {
 			const pdfPage = await pdf.getPage(pageNum);
 			const canvas = canvasMap[pageNum];
@@ -94,6 +94,7 @@ export default {
 
 			if (!canvas || !textLayer) return;
 
+			// 以画布的可视宽度为基准自适应缩放，避免 CSS 强行拉伸导致 textLayer/高亮错位
 			const baseViewport = pdfPage.getViewport({ scale: 1 });
 			const desiredWidth = canvas.clientWidth || 726;
 			const scale = desiredWidth / baseViewport.width;
@@ -102,19 +103,23 @@ export default {
 			const context = canvas.getContext("2d");
 			canvas.width = viewport.width;
 			canvas.height = viewport.height;
+			// 保证 canvas 不再被 CSS 拉伸，和 textLayer 共享同一坐标系
 			canvas.style.width = `${viewport.width}px`;
 			canvas.style.height = `${viewport.height}px`;
 			textLayer.style.width = canvas.width + "px";
 			textLayer.style.height = canvas.height + "px";
 			textLayer.innerHTML = "";
+			// pdf.js v5 text layer 依赖 scale-factor 参与定位计算
 			textLayer.style.setProperty("--scale-factor", String(viewport.scale || 1));
 
 			await pdfPage.render({ canvasContext: context, viewport }).promise;
 
+			// 渲染 textLayer（pdfjs-dist 3.x）：使用 renderTextLayer（不要用 TextLayer 构造器）
 			try {
 				const textContent = await pdfPage.getTextContent();
 				let api = pdfjsApiRef.value || pdfjsLib;
 				let rt = api?.renderTextLayer;
+				// 兜底：某些入口下 renderTextLayer 不在 pdfjsLib 上，尝试 legacy 入口
 				if (typeof rt !== "function") {
 					try {
 						const legacy = await import("pdfjs-dist/legacy/build/pdf");
@@ -128,6 +133,7 @@ export default {
 						textContent,
 						container: textLayer,
 						viewport,
+						// pdfjs 3.x 需要传入 textDivs 数组
 						textDivs: [],
 						enhanceTextSelection: false
 					}).promise;
@@ -175,7 +181,7 @@ export default {
 			}
 		};
 
-		// 搜索关键词 + 高亮
+		// 搜索关键词 + 高亮（记录每个命中的子串范围）
 		const doSearch = async () => {
 			const doc = pdfDocRef.value;
 			const key = searchKey.value.trim();
@@ -184,6 +190,7 @@ export default {
 			matchIdx.value = 0;
 
 			if (!doc || !key) return;
+			// 首次搜索时确保所有页的 textLayer 已渲染完成，避免“越搜越多”
 			await waitAllPagesRendered();
 
 			for (let pageNum = 1; pageNum <= doc.numPages; pageNum++) {
@@ -214,7 +221,7 @@ export default {
 			const el = m?.el;
 			if (!el) return;
 			clearHighlights();
-
+			// 用 Range 精确计算“子串”在页面上的矩形位置，再画黄色块，避免把整段 span 都标黄
 			const textNode = el.firstChild;
 			if (textNode && textNode.nodeType === Node.TEXT_NODE) {
 				try {
@@ -242,7 +249,7 @@ export default {
 				}
 			}
 
-			// 滚动到匹配位置
+			// 优先只滚动右侧 report-box，避免触发整页滚动导致 header 遮挡
 			const container = el.closest(".report-box");
 			if (container) {
 				const TOP_OFFSET = 72;
@@ -285,12 +292,6 @@ export default {
 			}
 		};
 
-		// 获取容器元素（用于同步滚动）
-		const getContainer = () => {
-			const firstCanvas = canvasMap[1];
-			return firstCanvas ? firstCanvas.closest(".report-box") : null;
-		};
-
 		watch(
 			() => props.pdfUrl,
 			newVal => {
@@ -313,8 +314,7 @@ export default {
 			matchIdx,
 			searchKeyword,
 			clearSearch,
-			goToPage,
-			getContainer
+			goToPage
 		};
 	}
 };
@@ -349,11 +349,13 @@ canvas {
 	line-height: 1;
 }
 
+/* 不展示整页“文字层”，只在命中时显示黄色背景 */
 .textLayer :deep(span) {
 	position: absolute;
 	transform-origin: 0% 0%;
 	white-space: pre;
 	line-height: 1;
+	/* pdf.js v5 TextLayer：用变量计算真实字形盒子尺寸，否则背景宽高会不准 */
 	font-size: calc(var(--font-height, 0px) * var(--scale-factor, 1));
 	transform: scaleX(var(--scale-x, 1));
 	color: transparent;

src/views/finance/index.vue

@@ -6,7 +6,7 @@
 				<SearchContainer
 					style="margin-bottom: 0; margin-top: 48px; height: fit-content"
 					v-if="homeMainRef"
-					placeholder="搜索出口管制"
+					placeholder="搜索投融资限制"
 					:containerRef="homeMainRef"
 					areaName="实体清单"
 				/>

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

@@ -628,6 +628,9 @@ onMounted(async () => {
 
 					.search-input {
 						flex: 1;
+						border: 1px solid #ddd;
+						border-radius: 4px;
+						height: 32px;
 					}
 				}
 

src/views/finance/singleSanction/components/impactAnalysis/components/industrialImpact/index.vue

@@ -1053,6 +1053,9 @@ onMounted(async () => {
 
 					.search-input {
 						width: 288px;
+						border: 1px solid #ddd;
+						border-radius: 4px;
+						height: 32px;
 
 						:deep(.el-input__wrapper) {
 							height: 32px;

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

@@ -613,11 +613,6 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-// * {
-// 	margin: 0;
-// 	padding: 0;
-// }
-
 .sanctions-overview {
 	width: 1601px;
 	margin: 0 auto;
@@ -960,7 +955,7 @@ onMounted(() => {
 					margin-bottom: 20px;
 
 					:deep(.el-input__inner) {
-						font-size: 16px;
+						font-size: 14px;
 						font-weight: 400;
 						font-family: "Microsoft YaHei";
 						line-height: 24px;