“update”

src/api/companyPages/index.js

@@ -83,3 +83,12 @@ export function getEnterprisPatentField(params) {
 }
 
 
+//被制裁情况:事件
+export function getSanctionList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/enterprisePage/getSanctionList/${params}`,
+  })
+}
+
+

src/router/index.js

@@ -22,7 +22,7 @@ const router = createRouter({
 // 路由守卫 - 设置页面标题
 router.beforeEach((to, from, next) => {
   if (to.meta.title) {
-    // document.title = `${to.meta.title} - Think Tank`
+    document.title = to.meta.title
   }
   next();
 });

src/router/modules/company.js

@@ -4,7 +4,7 @@ import companyPages from "@/views/companyPages/index.vue";
 const companyPagesRoutes = [
   // 智库系统的主要路由
   {
-    path: "/companyPages:id",
+    path: "/companyPages/:id",
     name: "companyPages",
     component: companyPages,
     meta: {
@@ -14,4 +14,4 @@ const companyPagesRoutes = [
 
 ]
 
-export default companyPagesRoutes
\ No newline at end of file
+export default companyPagesRoutes 
\ No newline at end of file

src/views/bill/billHome/index.vue

@@ -192,17 +192,17 @@
 												</div>
 											</div>
 											<div class="box1-main-right">
-												<img src="./assets/images/box1-main-right-img.png" alt="" />
+												<img :src="bill.news?.newsImage" alt="" />
 												<div class="inner-box">
 													<div class="inner-box-header">
 														<div class="inner-box-title">
-															{{ "大而美法案涉险通过参议院表决，众议院将继续..." }}
+															{{ bill.news?.newsTitle }}
 														</div>
-														<div class="inner-box-time">{{ "1小时前" }}</div>
+														<div class="inner-box-time">{{ bill.news?.newsTime.replace('T', ' ') }}</div>
 													</div>
 													<div class="inner-box-content">
 														{{
-															"三名美国共和党众议员(2025年7月21日)致函几家美国科技巨头公司的负责人，询问他们是否已经采取了充分的安全保障措施以有效解..."
+															bill.news?.newsContent
 														}}
 													</div>
 												</div>
@@ -841,11 +841,7 @@ const formatMessageTime = timeStr => {
 
 // 跳转人物主页
 const handleClcikToCharacter = async (id) => {
-	window.sessionStorage.setItem("memberId", id);
-
-
 	const personTypeList = JSON.parse(window.sessionStorage.getItem("personTypeList"));
-	console.log("personTypeList", personTypeList);
 
 	let type = 0;
 	let personTypeName = "";

src/views/companyPages/component/SanctionsSituation‌.vue

@@ -30,9 +30,12 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
+import { ref, onMounted } from 'vue';
 import Timeline from './Timeline.vue';
 import process from './process.vue';
+import { useRouter } from "vue-router";
+import { getSanctionList } from "@/api/companyPages/index.js";
+const router = useRouter();
 const sanctionTimeData = ref([
   {
     "title": "初步限制与“实体清单”",
@@ -60,6 +63,24 @@ const sanctionTimeData = ref([
     "time": "2025年10月"
   }
 ])
+
+// 获取制裁事件
+const handleGetSanctionList = async () => {
+  try {
+    const res = await getSanctionList(router.currentRoute._value.params.id);
+    console.log("获取制裁事件", res);
+    if (res.code === 200 && res.data) {
+      sanctionTimeData.value = res.data
+    }
+  } catch (error) {
+    console.error("获取制裁事件error", error);
+  }
+};
+
+onMounted(async () => {
+  handleGetSanctionList()
+
+});
 </script>
 
 <style scoped>

src/views/companyPages/component/Timeline.vue

@@ -15,13 +15,13 @@
         <div class="node" :style="leftOffset(i)">
           <!-- 圆环 -->
           <div class="dot" :class="linePos(i, flip)" :style="{
-            marginTop: linePos(i, flip) === 'down' ? '-5px' : '35px'
+            marginTop: linePos(i, flip) === 'down' ? '-5px' : '-5px'
           }"></div>
 
           <div class="time" :style="{
             marginTop: linePos(i, flip) === 'down' ? '-50px' : '10px'
           }" v-if="type === 'normal'">
-            {{ item.time }}
+            {{ item.sanctionDate }}
           </div>
           <!-- 卡片：放到线右侧 -->
           <div class="card" :class="[cardPos(i, flip), 'right-side']" @click="$emit('click-card', item)" :style="{
@@ -31,7 +31,7 @@
             <div class="time" :style="{
               marginLeft: 0
             }" v-if="type !== 'normal'">
-              {{ item.time }}
+              {{ item.sanctionDate }}
             </div>
             <div class="title">
               {{ item.title }}

src/views/comprehensiveSearch/chat/index.vue

@@ -67,14 +67,14 @@
 											class="content ai-content"
 											v-html="renderMarkdown(message.content)"
 										></div>
-										<div v-if="message.raw_data" class="answer-title">完整实体列表</div>
-										<div v-if="message.raw_data" class="content row-content">
+										<div v-if="message.raw_data?.length" class="answer-title">完整实体列表</div>
+										<div v-if="message.raw_data?.length" class="content row-content">
 											<div class="row-header">
-												<div class="row-header-item1">{{ message.raw_data.columns.name_zhs }}</div>
-												<div class="row-header-item">{{ message.raw_data.columns.date }}</div>
-												<div class="row-header-item">{{ message.raw_data.columns.industry }}</div>
-												<div class="row-header-item">{{ message.raw_data.columns.category }}</div>
-												<div class="row-header-item2">{{ message.raw_data.columns.sanction_reason }}</div>
+												<div class="row-header-item1">{{ message.raw_data.columns?.name_zhs }}</div>
+												<div class="row-header-item">{{ message.raw_data.columns?.date }}</div>
+												<div class="row-header-item">{{ message.raw_data.columns?.industry }}</div>
+												<div class="row-header-item">{{ message.raw_data.columns?.category }}</div>
+												<div class="row-header-item2">{{ message.raw_data.columns?.sanction_reason }}</div>
 											</div>
 											<div class="row-main">
 												<div
@@ -644,7 +644,7 @@ const handleBillChat = async question => {
 			}
 		}
 
-		if (data.detail.error) {
+		if (data.detail && data.detail.error) {
 			console.log(data.detail.error.message);
 			// ElMessage.error(data.detail.error.message);
 			isCurAnswerMessage.value = true;

src/views/comprehensiveSearch/searchResults/index.vue

@@ -121,7 +121,7 @@ import { ref, onMounted } from "vue";
 import router from "@/router";
 import { useRoute } from "vue-router";
 import { search } from "@/api/comprehensiveSearch/index";
-
+import { getPersonSummaryInfo } from "@/api/common/index";
 import Img1 from "./assets/images/img1.png";
 import Img2 from "./assets/images/img2.png";
 import Img3 from "./assets/images/img3.png";
@@ -167,10 +167,10 @@ const tabList = ref([
 		name: "新闻",
 		id: 8
 	},
-	{
-		name: "社媒",
-		id: 9
-	}
+	// {
+	// 	name: "社媒",
+	// 	id: 9
+	// }
 ]);
 
 const activeTabId = ref(0);
@@ -304,7 +304,58 @@ const handleSearch = async () => {
 	} catch (error) {}
 };
 
-const handleToPage = item => {
+const handleToPage = async (item) => {
+	if(item.typeStr === '人物') {
+			const personTypeList = JSON.parse(window.sessionStorage.getItem("personTypeList"));
+	let type = 0;
+	let personTypeName = "";
+
+	const params = {
+		personId: item.id
+	};
+	try {
+		const res = await getPersonSummaryInfo(params);
+		console.log("人物全局信息", res);
+		if (res.code === 200 && res.data) {
+			const arr = personTypeList.filter(item => {
+				return item.typeId === res.data.personType;
+			});
+			console.log("arr", arr);
+
+			if (arr && arr.length > 0) {
+				personTypeName = arr[0].typeName;
+				console.log("personTypeName", personTypeName);
+
+				if (personTypeName === "科技企业领袖") {
+					type = 1;
+				} else if (personTypeName === "国会议员") {
+					type = 2;
+				} else if (personTypeName === "智库研究人员") {
+					type = 3;
+				} else {
+					personTypeName = "";
+					ElMessage.warning("找不到当前人员的类型值！");
+					return;
+				}
+				const route = router.resolve({
+					path: "/characterPage",
+					query: {
+						type: type, // type=1为科技企业领袖，2为国会议员，3为智库研究人员
+						personId: id
+					}
+				});
+				window.open(route.href, "_blank");
+			} else {
+				personTypeName = "";
+				ElMessage.warning("找不到当前人员的类型值！");
+				return;
+			}
+		} else {
+			ElMessage.warning("获取人物全局信息错误");
+			return;
+		}
+	} catch (error) {}
+	}
 	let curRoute;
 	switch (item.typeStr) {
 		case "法案":

src/views/decree/decreeLayout/overview/background/index.vue

@@ -246,8 +246,12 @@ const handleMouseMove = event => {
 };
 
 const handleToBillDetail = item => {
-	window.sessionStorage.setItem("billId", item.billId);
-	const route = router.resolve("/billLayout");
+	const route = router.resolve({
+		path: "/billLayout",
+		query: {
+			billId: item.billId
+		}
+	});
 	window.open(route.href, "_blank");
 };
 

src/views/exportControl/analysis/components/influencePanel2.vue

@@ -156,8 +156,8 @@ const horizontalBarOptions = shallowRef({});
 
 const handleEttClick = item => {
 	const route = router.resolve({
-		path: "/companyPages",
-		query: {
+		name: "companyPages",
+		params: {
 			id: item.id
 		}
 	});

src/views/exportControl/analysis/components/panel1.vue

@@ -342,8 +342,8 @@ const handleDomainChange = async domain => {
 const handleOrgClick = item => {
 	console.log(item);
 	const route = router.resolve({
-		path: "/companyPages",
-		query: {
+		name: "companyPages",
+		params: {
 			id: item.id
 		}
 	});

src/views/exportControl/analysis/components/panel2.vue

@@ -305,8 +305,8 @@ watch(
 const handleOrgClick = item => {
 	console.log(item);
 	const route = router.resolve({
-		path: "/companyPages",
-		query: {
+		name: "companyPages",
+		params: {
 			id: item.id
 		}
 	});

src/views/exportControl/analysis/content/overview.vue

@@ -411,8 +411,8 @@ const handleOrgClick = item => {
 	console.log(item);
 	if (item.entityType != 2) return;
 	const route = router.resolve({
-		path: "/companyPages",
-		query: {
+		name: "companyPages",
+		params: {
 			id: item.id
 		}
 	});

src/views/exportControl/index.vue

@@ -82,17 +82,9 @@
 					</div>
 				</div>
 				<div class="home-main-header-footer-info">
-					<InfoCard
-						v-for="(item, index) in infoList"
-						:key="item.id"
-						:title="item.nameZh"
-						:subtitle="item.nameAbbr"
-						:description="item.description"
-						:quantity="item.postCount"
-						unit="次"
-						:color="infoListColor[index]"
-						@click="handleToEntityListNoId(item)"
-					/>
+					<InfoCard v-for="(item, index) in infoList" :key="item.id" :title="item.nameZh" :subtitle="item.nameAbbr"
+						:description="item.description" :quantity="item.postCount" unit="次" :color="infoListColor[index]"
+						@click="handleToEntityListNoId(item)" />
 				</div>
 			</div>
 
@@ -118,15 +110,8 @@
 										<img src="./assets/images/box1-right.png" alt="" />
 									</div>
 								</div>
-								<el-carousel
-									ref="carouselRef"
-									height="350px"
-									:autoplay="true"
-									:interval="3000"
-									arrow="never"
-									indicator-position="none"
-									@change="handleCarouselChange"
-								>
+								<el-carousel ref="carouselRef" height="350px" :autoplay="true" :interval="3000" arrow="never"
+									indicator-position="none" @change="handleCarouselChange">
 									<el-carousel-item v-for="(item, index) in entitiesDataInfoList" :key="item.id + index">
 										<div>
 											<div class="box1-top">
@@ -144,11 +129,8 @@
 													</div>
 													<div class="box1-top-content-item">
 														<span class="box1-top-content-item-title">· 涉及领域：</span>
-														<div
-															class="box1-top-content-item-tags"
-															v-for="(domainItem, index) in item.domains"
-															:key="index"
-														>
+														<div class="box1-top-content-item-tags" v-for="(domainItem, index) in item.domains"
+															:key="index">
 															<el-tag :type="getTagType(domainItem)">{{ domainItem }}</el-tag>
 														</div>
 													</div>
@@ -157,18 +139,10 @@
 											<div class="box1-bottom">
 												<div class="box1-bottom-title">· 涉及主要实体：</div>
 												<div class="box1-bottom-content">
-													<div
-														class="box1-bottom-content-item"
-														v-for="(ett, index) in item.sanEntities"
-														:key="index"
-														@click="handleEntityClick(ett)"
-													>
-														<el-image
-															v-if="ett.img"
-															class="box1-bottom-content-item-img"
-															:src="ett.img"
-															alt=""
-														></el-image>
+													<div class="box1-bottom-content-item" v-for="(ett, index) in item.sanEntities" :key="index"
+														@click="handleEntityClick(ett)">
+														<el-image v-if="ett.img" class="box1-bottom-content-item-img" :src="ett.img"
+															alt=""></el-image>
 														<div v-else class="box1-bottom-content-item-imgUndefined">
 															{{
 																(ett.entityNameZh || ett.enName)?.match(
@@ -184,7 +158,9 @@
 											</div>
 											<div class="box1-absolute">
 												<div class="box1-absolute-des">
-													<el-icon><Warning color="rgba(206, 79, 81, 1)" /></el-icon>
+													<el-icon>
+														<Warning color="rgba(206, 79, 81, 1)" />
+													</el-icon>
 													<span>新增中国实体</span>
 												</div>
 												<div class="box1-absolute-num">{{ item.cnEntityCount }}家</div>
@@ -197,23 +173,16 @@
 					</custom-container>
 				</el-col>
 				<el-col :span="8">
-					<custom-container
-						titleType="danger"
-						title="风险信号"
-						:headerNum="warningList.length"
-						:titleIcon="dangerIcon"
-						height="450px"
-					>
+					<custom-container titleType="danger" title="风险信号" :headerNum="warningList.length" :titleIcon="dangerIcon"
+						height="450px">
 						<template #default>
 							<div class="box2-main">
-								<div class="box2-main-item" v-for="(item, index) in warningList" :key="index" @click="handleToRiskSignalDetail(item)">
-									<div
-										class="item-left"
-										:class="{
-											itemLeftStatus1: item.status === '一般风险',
-											itemLeftStatus2: item.status === '重大风险'
-										}"
-									>
+								<div class="box2-main-item" v-for="(item, index) in warningList" :key="index"
+									@click="handleToRiskSignalDetail(item)">
+									<div class="item-left" :class="{
+										itemLeftStatus1: item.status === '一般风险',
+										itemLeftStatus2: item.status === '重大风险'
+									}">
 										{{ item.status }}
 									</div>
 									<div class="item-right">
@@ -258,17 +227,9 @@
 					<custom-container title="社交媒体" :titleIcon="dialogIcon" height="450px">
 						<template #default>
 							<div class="dialog-list">
-								<MessageBubble
-									v-for="(item, index) in socialMediaList"
-									@click="handlePerClick(item)"
-									@info-click="handleMediaClick(item)"
-									:key="index"
-									:avatar="item.avatar"
-									:name="item.name"
-									:time="item.time"
-									:source="item.source"
-									:content="item.content"
-								/>
+								<MessageBubble v-for="(item, index) in socialMediaList" @click="handlePerClick(item)"
+									@info-click="handleMediaClick(item)" :key="index" :avatar="item.avatar" :name="item.name"
+									:time="item.time" :source="item.source" :content="item.content" />
 								<!-- <MessageBubble
 									:avatar="customMessage.avatar"
 									:name="customMessage.name"
@@ -320,19 +281,14 @@
 											<template #default="scope">
 												<div style="display: flex; align-items: center">
 													<span style="margin-right: 10px; width: 40px">{{ scope.row.num }}次</span>
-													<el-progress
-														:percentage="scope.row.percent * 100"
-														:show-text="false"
-														:status="getStatus(scope.row.percent)"
-													/>
+													<el-progress :percentage="scope.row.percent * 100" :show-text="false"
+														:status="getStatus(scope.row.percent)" />
 												</div>
 											</template>
 										</el-table-column>
 										<el-table-column label="重点领域" width="280" align="center">
 											<template #default="scope">
-												<div
-													style="display: flex; justify-content: center; align-items: center; gap: 5px"
-												>
+												<div style="display: flex; justify-content: center; align-items: center; gap: 5px">
 													<el-tag v-for="tag in scope.row.tags" :key="tag" :type="getTagType(tag)">{{
 														tag
 													}}</el-tag>
@@ -349,19 +305,14 @@
 											<template #default="scope">
 												<div style="display: flex; align-items: center">
 													<span style="margin-right: 10px; width: 40px">{{ scope.row.num }}次</span>
-													<el-progress
-														:percentage="scope.row.percent * 100"
-														:show-text="false"
-														:status="getStatus(scope.row.percent)"
-													/>
+													<el-progress :percentage="scope.row.percent * 100" :show-text="false"
+														:status="getStatus(scope.row.percent)" />
 												</div>
 											</template>
 										</el-table-column>
 										<el-table-column label="重点领域" width="280" align="center">
 											<template #default="scope">
-												<div
-													style="display: flex; justify-content: center; align-items: center; gap: 5px"
-												>
+												<div style="display: flex; justify-content: center; align-items: center; gap: 5px">
 													<el-tag v-for="tag in scope.row.tags" :key="tag" :type="getTagType(tag)">{{
 														tag
 													}}</el-tag>
@@ -378,11 +329,8 @@
 											<template #default="scope">
 												<div style="display: flex; align-items: center">
 													<span style="margin-right: 10px; width: 40px">{{ scope.row.num }}次</span>
-													<el-progress
-														:percentage="scope.row.percent * 100"
-														:show-text="false"
-														:status="getStatus(scope.row.percent)"
-													/>
+													<el-progress :percentage="scope.row.percent * 100" :show-text="false"
+														:status="getStatus(scope.row.percent)" />
 												</div>
 											</template>
 										</el-table-column>
@@ -429,13 +377,9 @@
 			<el-row :gutter="20" style="width: 1600px; margin: 0 auto">
 				<CustomTitle id="position4" title="资源库" style="margin-top: 54px" />
 				<div class="resource-tabs">
-					<div
-						v-for="tab in resourceTabs"
-						:key="tab.value"
-						class="resource-tab-item"
+					<div v-for="tab in resourceTabs" :key="tab.value" class="resource-tab-item"
 						:class="{ active: activeResourceTab === tab.value, disabled: tab.disabled }"
-						@click="handleResourceTabClick(tab)"
-					>
+						@click="handleResourceTabClick(tab)">
 						{{ tab.label }}
 					</div>
 				</div>
@@ -448,25 +392,15 @@
 										<div class="box4-item" v-for="(item, idx) in sanctionProcessList" :key="item.title">
 											<div class="box4-item-left">
 												<el-image :src="dotIcon" alt="图片" class="box4-item-left-icon" />
-												<div
-													class="box4-item-left-line"
-													v-if="idx + 1 != sanctionProcessList.length"
-												></div>
+												<div class="box4-item-left-line" v-if="idx + 1 != sanctionProcessList.length"></div>
 											</div>
 											<div class="box4-item-right">
 												<div class="box4-item-right-header" @click="handleSanc(item)">
-													<span class="box4-item-right-header-title"
-														>{{ item.postDate }}—{{ item.title }}</span
-													>
+													<span class="box4-item-right-header-title">{{ item.postDate }}—{{ item.title }}</span>
 													<span class="box4-item-right-header-desc">{{ item.desc }}</span>
 												</div>
-												<el-tooltip
-													effect="dark"
-													:content="item.content"
-													popper-class="common-prompt-popper"
-													placement="top"
-													:show-after="500"
-												>
+												<el-tooltip effect="dark" :content="item.content" popper-class="common-prompt-popper"
+													placement="top" :show-after="500">
 													<div class="box4-item-right-content">
 														{{ item.content }}
 													</div>
@@ -474,13 +408,11 @@
 											</div>
 										</div>
 									</div>
-									<div
-										class="box4-footer"
-										:style="{ marginTop: sanctionProcessList.length > 0 ? '0px' : 'auto' }"
-									>
-										<el-button type="primary" link @click="handleGetMore"
-											>查看更多
-											<el-icon><DArrowRight /></el-icon>
+									<div class="box4-footer" :style="{ marginTop: sanctionProcessList.length > 0 ? '0px' : 'auto' }">
+										<el-button type="primary" link @click="handleGetMore">查看更多
+											<el-icon>
+												<DArrowRight />
+											</el-icon>
 										</el-button>
 									</div>
 								</div>
@@ -494,30 +426,19 @@
 							</template>
 							<template #default>
 								<div class="box5">
-									<el-table
-										:data="entitiesList"
-										class="sanction-table"
-										stripe
-										empty-text="暂无数据"
-										height="700px"
-										header-row-class-name="table-header"
-										row-class-name="table-row"
-									>
+									<el-table :data="entitiesList" class="sanction-table" stripe empty-text="暂无数据" height="700px"
+										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> -->
 
 										<el-table-column prop="name" label="实体名称" min-width="200">
 											<template #default="scope">
 												<div class="tableName" @click="handleCompClick(scope.row)">
-													<el-image
-														v-if="scope.row.img"
-														class="box1-bottom-content-item-img"
-														:src="scope.row.img"
-														alt=""
-													></el-image>
+													<el-image v-if="scope.row.img" class="box1-bottom-content-item-img" :src="scope.row.img"
+														alt=""></el-image>
 													<div v-else class="box1-bottom-content-item-imgUndefined">
 														{{
 															(scope.row.name || scope.row.enName)?.match(
@@ -568,19 +489,13 @@
 										<el-table-column prop="revenue" label="50%规则子企业" width="280" align="right">
 											<template #default="scope">
 												<div class="num-item" v-if="scope.row.ruleOrgCount > 0">
-													<div
-														class="name-item"
-														:class="[
-															'revenue-cell',
-															scope.row.revenue === '无营收数据' ? 'no-revenue' : ''
-														]"
-													>
+													<div class="name-item" :class="[
+														'revenue-cell',
+														scope.row.revenue === '无营收数据' ? 'no-revenue' : ''
+													]">
 														{{ scope.row.ruleOrgList[0].orgName }}...等
 													</div>
-													<div
-														style="width: 50px; color: #409eff; cursor: pointer"
-														@click="handleOrgClick(scope.row)"
-													>
+													<div style="width: 50px; color: #409eff; cursor: pointer" @click="handleOrgClick(scope.row)">
 														{{ scope.row.ruleOrgCount }}家>
 													</div>
 												</div>
@@ -592,15 +507,8 @@
 										<!-- <div class="pagination-info">
                     第{{ currentPage }}页，共{{ totalPages }}页
                   </div> -->
-										<el-pagination
-											v-model:current-page="currentPage"
-											:page-size="pageSize"
-											:total="total"
-											:pager-count="5"
-											layout="prev, pager, next"
-											background
-											@current-change="handlePageChange"
-										/>
+										<el-pagination v-model:current-page="currentPage" :page-size="pageSize" :total="total"
+											:pager-count="5" layout="prev, pager, next" background @current-change="handlePageChange" />
 									</div>
 								</div>
 							</template>
@@ -665,6 +573,7 @@
 									</div>
 								</div>
 								<div class="right-footer">
+<<<<<<< HEAD
 									<div class="total-count">共{{ totalAll }}项</div>
 									<el-pagination
 										v-model:current-page="currentPageAll"
@@ -674,6 +583,11 @@
 										background
 										@current-change="handlePageChangeAll"
 									/>
+=======
+									<div class="total-count">共{{ totalAll }}项调查</div>
+									<el-pagination v-model:current-page="currentPageAll" :page-size="pageSizeAll" :total="totalAll"
+										layout="prev, pager, next" background @current-change="handlePageChangeAll" />
+>>>>>>> bea204f6b0c426712984ef0245e831fffbbfef4d
 								</div>
 							</div>
 						</div>
@@ -686,12 +600,8 @@
 				<div class="dialog-title">50%规则子企业</div>
 			</template>
 			<div class="dialog-ett-wrpper">
-				<div
-					class="box1-bottom-content-item"
-					v-for="(ett, index) in currentOrgList"
-					:key="index"
-					@click="handleEntityClick(ett)"
-				>
+				<div class="box1-bottom-content-item" v-for="(ett, index) in currentOrgList" :key="index"
+					@click="handleEntityClick(ett)">
 					<el-image v-if="ett.img" class="box1-bottom-content-item-img" :src="ett.img" alt=""></el-image>
 					<div v-else class="box1-bottom-content-item-imgUndefined">
 						{{ (ett.orgName || ett.enName)?.match(/[\u4e00-\u9fa5a-zA-Z0-9]/)?.[0] }}
@@ -846,8 +756,8 @@ const handleCompClick = item => {
 	// console.log("item", item);
 	// if (item.entityType != 2) return;
 	const route = router.resolve({
-		path: "/companyPages",
-		query: {
+		name: "companyPages",
+		params: {
 			id: item.id
 		}
 	});
@@ -1018,8 +928,8 @@ watch(
 const handleEntityClick = item => {
 	console.log("item", item);
 	const route = router.resolve({
-		path: "/companyPages",
-		query: {
+		name: "companyPages",
+		params: {
 			startTime: item.startTime,
 			id: item.id
 		}
@@ -1289,15 +1199,15 @@ const fetchSanctionList = async () => {
 				let year = "";
 				let dateStr = fullTime;
 				if (typeof fullTime === "string") {
-                    if (fullTime.includes("年")) {
-                        const parts = fullTime.split("年");
-                        year = parts[0];
-                        dateStr = parts[1].replace(/\s+/g, "");
-                    } else if (fullTime.includes("-")) {
-                        const parts = fullTime.split("-");
-                        year = parts[0];
-                        dateStr = parts.slice(1).join("-");
-                    }
+					if (fullTime.includes("年")) {
+						const parts = fullTime.split("年");
+						year = parts[0];
+						dateStr = parts[1].replace(/\s+/g, "");
+					} else if (fullTime.includes("-")) {
+						const parts = fullTime.split("-");
+						year = parts[0];
+						dateStr = parts.slice(1).join("-");
+					}
 				}
 
 				return {
@@ -1313,7 +1223,7 @@ const fetchSanctionList = async () => {
 			});
 			totalAll.value = res.totalElements;
 		}
-	} catch (error) {}
+	} catch (error) { }
 };
 
 const handlePageChangeAll = val => {
@@ -1480,7 +1390,7 @@ const fetchRiskSignals = async () => {
 				time: item.signalTime,
 				status: item.signalLevel,
 				id: item.signalId,
-				sanId:item.sanId
+				sanId: item.sanId
 			}));
 		}
 	} catch (err) {
@@ -1585,7 +1495,7 @@ const handleGetHylyList = async () => {
 			hylymc: "全部分类"
 		};
 		categoryList.value = [obj, ...categoryList.value];
-	} catch (error) {}
+	} catch (error) { }
 };
 
 const chart1Data = ref({
@@ -1698,7 +1608,7 @@ const handleSearch = () => {
 		}
 	});
 	window.open(curRoute.href, "_blank");
-	
+
 }
 
 
@@ -1736,6 +1646,7 @@ const handleMediaClick = item => {
 	margin: 0;
 	padding: 0;
 }
+
 :deep(.el-input__wrapper) {
 	box-shadow: none;
 }
@@ -1752,11 +1663,14 @@ const handleMediaClick = item => {
 	box-sizing: border-box;
 	padding-left: 160px;
 	display: flex;
+
 	.header-item {
 		margin: 0 3px;
 	}
+
 	.back-item {
 		cursor: pointer;
+
 		&:hover {
 			color: #ccc;
 		}
@@ -1768,6 +1682,7 @@ const handleMediaClick = item => {
 	flex-direction: column;
 	gap: 20px;
 	position: relative;
+
 	.box1-left-arrow {
 		position: absolute;
 		z-index: 9999;
@@ -1780,15 +1695,18 @@ const handleMediaClick = item => {
 		justify-content: center;
 		align-items: center;
 		cursor: pointer;
+
 		.icon {
 			width: 11px;
 			height: 18px;
+
 			img {
 				width: 100%;
 				height: 100%;
 			}
 		}
 	}
+
 	.box1-right-arrow {
 		position: absolute;
 		z-index: 9999;
@@ -1801,15 +1719,18 @@ const handleMediaClick = item => {
 		justify-content: center;
 		align-items: center;
 		cursor: pointer;
+
 		.icon {
 			width: 11px;
 			height: 18px;
+
 			img {
 				width: 100%;
 				height: 100%;
 			}
 		}
 	}
+
 	.box1-absolute {
 		position: absolute;
 		width: 240px;
@@ -1823,6 +1744,7 @@ const handleMediaClick = item => {
 		padding-right: 50px;
 		box-sizing: border-box;
 		background: linear-gradient(to right, rgba(206, 79, 81, 0), rgba(206, 79, 81, 0.3));
+
 		&-des {
 			display: flex;
 			gap: 5px;
@@ -1831,18 +1753,21 @@ const handleMediaClick = item => {
 			font-weight: 700;
 			color: rgba(206, 79, 81, 1);
 		}
+
 		&-num {
 			font-size: 32px;
 			font-weight: 700;
 			color: rgba(206, 79, 81, 1);
 		}
 	}
+
 	.box1-top {
 		// display: flex;
 		// flex-direction: column;
 		// gap: 10px;
 		padding-left: 30px;
 		border-bottom: 1px solid rgba(234, 236, 238, 1);
+
 		&-title {
 			font-size: 20px;
 			font-weight: 700;
@@ -1850,14 +1775,17 @@ const handleMediaClick = item => {
 			margin-top: 10px;
 			margin-bottom: 15px;
 		}
+
 		&-content {
 			display: flex;
 			flex-direction: column;
 			gap: 10px;
 			margin-bottom: 20px;
+
 			&-item {
 				display: flex;
 				gap: 5px;
+
 				&-title {
 					font-size: 16px;
 					font-weight: 700;
@@ -1866,6 +1794,7 @@ const handleMediaClick = item => {
 			}
 		}
 	}
+
 	.box1-bottom {
 		padding-left: 30px;
 
@@ -1875,6 +1804,7 @@ const handleMediaClick = item => {
 			color: rgba(59, 65, 75, 1);
 			margin-bottom: 15px;
 		}
+
 		&-content {
 			display: flex;
 			gap: 15px;
@@ -1883,20 +1813,24 @@ const handleMediaClick = item => {
 			padding-left: 10px;
 			height: 156px;
 			overflow: auto;
+
 			&-item {
 				display: flex;
 				align-items: center;
 				justify-content: flex-start;
-				width: 48%; /* 留出2%的间距 */
+				width: 48%;
+				/* 留出2%的间距 */
 				// margin-bottom: 6px;
 				box-sizing: border-box;
 				gap: 10px;
 				cursor: pointer;
+
 				&-img {
 					width: 24px;
 					height: 24px;
 					flex-shrink: 0;
 				}
+
 				&-imgUndefined {
 					width: 24px;
 					height: 24px;
@@ -1909,6 +1843,7 @@ const handleMediaClick = item => {
 					text-align: center;
 					border-radius: 12px;
 				}
+
 				&-txt {
 					font-size: 16px;
 					font-weight: 400;
@@ -1917,30 +1852,36 @@ const handleMediaClick = item => {
 			}
 		}
 	}
+
 	.box1-right {
 		display: flex;
 		flex-direction: column;
 		gap: 10px;
+
 		.box1-right-title {
 			font-size: 20px;
 			font-weight: 700;
 			color: $base-color;
 		}
+
 		.box1-right-tags {
 			display: flex;
 			gap: 10px;
 		}
+
 		.box1-right-content {
 			color: rgba(59, 65, 75, 1);
 			font-size: 16px;
 			font-weight: 400;
 			line-height: 28px;
 		}
+
 		.box1-right-footer {
 			margin-top: auto;
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
+
 			.box1-right-footer-time {
 				color: rgba(95, 101, 108, 1);
 				font-size: 14px;
@@ -1953,6 +1894,7 @@ const handleMediaClick = item => {
 .box2-main {
 	height: 320px;
 	overflow-y: auto;
+
 	.box2-main-item {
 		display: flex;
 		justify-content: space-between;
@@ -1961,17 +1903,21 @@ const handleMediaClick = item => {
 		box-sizing: border-box;
 		padding-right: 3px;
 		cursor: pointer;
+
 		&:hover {
 			background: var(--color-bg-hover);
 		}
+
 		.itemLeftStatus1 {
 			color: rgba(82, 196, 26, 1) !important;
 			background: rgba(246, 255, 237, 1) !important;
 		}
+
 		.itemLeftStatus2 {
 			color: rgba(250, 140, 22, 1) !important;
 			background: rgba(255, 247, 230, 1) !important;
 		}
+
 		.item-left {
 			display: flex;
 			align-items: center;
@@ -1989,6 +1935,7 @@ const handleMediaClick = item => {
 			text-align: center;
 			flex-shrink: 0;
 		}
+
 		.item-right {
 			margin-left: 13px;
 			width: 100%;
@@ -1998,6 +1945,7 @@ const handleMediaClick = item => {
 			gap: 8px;
 			height: 47px;
 			border-bottom: 1px solid rgba(240, 242, 244, 1);
+
 			.text {
 				font-family: Microsoft YaHei;
 				line-height: 47px;
@@ -2009,6 +1957,7 @@ const handleMediaClick = item => {
 				white-space: nowrap;
 				text-overflow: ellipsis;
 			}
+
 			.time {
 				margin-left: 10px;
 				line-height: 47px;
@@ -2020,6 +1969,7 @@ const handleMediaClick = item => {
 		}
 	}
 }
+
 .box2-footer {
 	position: absolute;
 	left: 0;
@@ -2035,14 +1985,17 @@ const handleMediaClick = item => {
 	background: var(--color-main-active);
 	margin: 0 auto;
 	cursor: pointer;
+
 	.icon {
 		width: 16px;
 		height: 16px;
+
 		img {
 			width: 100%;
 			height: 100%;
 		}
 	}
+
 	.text {
 		margin-left: 8px;
 		color: rgba(255, 255, 255, 1);
@@ -2058,6 +2011,7 @@ const handleMediaClick = item => {
 	justify-content: center;
 	// align-items: flex-start;
 	gap: 100px;
+
 	.box3-content-title {
 		font-size: 18px;
 		font-weight: 700;
@@ -2071,7 +2025,9 @@ const handleMediaClick = item => {
 		color: $base-color;
 		margin-bottom: 15px;
 	}
+
 	.box3-content {
+
 		// flex: 1;
 		.el-progress--line {
 			width: 82px;
@@ -2088,20 +2044,24 @@ const handleMediaClick = item => {
 	padding-top: 16px;
 	// padding-bottom: 50px;
 	position: relative;
+
 	.box4-item {
 		display: flex;
 		gap: 10px;
 		align-items: flex-start;
 		padding-bottom: 35px;
 		position: relative;
+
 		.box4-item-left {
 			display: flex;
 			flex-direction: column;
 			align-items: center;
+
 			.box4-item-left-icon {
 				width: 10px;
 				height: 10px;
 			}
+
 			.box4-item-left-line {
 				width: 1px;
 				height: 100%;
@@ -2109,9 +2069,11 @@ const handleMediaClick = item => {
 				border-left: 1px solid rgba(10, 87, 166, 0.3);
 			}
 		}
+
 		.box4-item-right {
 			display: flex;
 			flex-direction: column;
+
 			.box4-item-right-header {
 				display: flex;
 				justify-content: space-between;
@@ -2121,17 +2083,20 @@ const handleMediaClick = item => {
 				top: -7.5px;
 				padding-bottom: 8px;
 				cursor: pointer;
+
 				&-title {
 					font-size: 18px;
 					color: $base-color;
 					font-weight: 700;
 				}
+
 				&-desc {
 					font-size: 16px;
 					font-weight: 700;
 					color: rgba(59, 65, 75, 1);
 				}
 			}
+
 			.box4-item-right-content {
 				font-size: 16px;
 				font-weight: 400;
@@ -2145,6 +2110,7 @@ const handleMediaClick = item => {
 			}
 		}
 	}
+
 	.box4-footer {
 		position: absolute;
 		// margin-top: auto;
@@ -2165,15 +2131,18 @@ const handleMediaClick = item => {
 	justify-content: space-between;
 	align-items: center;
 }
+
 :deep(.table-header) {
 	font-size: 16px;
 	font-weight: 700;
 
 	color: rgba(59, 65, 75, 1);
 }
+
 :deep(.table-row) {
 	height: 64px;
 }
+
 .domain-tags {
 	display: flex;
 	gap: 8px;
@@ -2194,17 +2163,20 @@ const handleMediaClick = item => {
 	height: calc(100vh - 96px);
 	position: relative;
 	overflow-y: hidden;
+
 	.home-main {
 		width: 100%;
 		height: 100%;
 		overflow-y: auto;
 		background: url("./assets/images/background.png");
 		background-size: 100% 100%;
+
 		.home-main-header {
 			display: flex;
 			flex-direction: column;
 			align-items: center;
 			margin-bottom: 20px;
+
 			.home-main-header-center {
 				margin-top: 51px;
 				width: 960px;
@@ -2216,9 +2188,11 @@ const handleMediaClick = item => {
 				padding: 1px;
 				position: relative;
 				border: 1px solid transparent;
+
 				&:hover {
 					border: 1px solid var(--color-main-active);
 				}
+
 				.search {
 					position: absolute;
 					right: -1px;
@@ -2231,14 +2205,17 @@ const handleMediaClick = item => {
 					justify-content: center;
 					align-items: center;
 					cursor: pointer;
+
 					.search-icon {
 						width: 18px;
 						height: 18px;
+
 						img {
 							width: 100%;
 							height: 100%;
 						}
 					}
+
 					.search-text {
 						margin-left: 8px;
 						height: 22px;
@@ -2250,6 +2227,7 @@ const handleMediaClick = item => {
 					}
 				}
 			}
+
 			.home-main-header-footer {
 				margin-top: 64px;
 				width: 700px;
@@ -2258,9 +2236,11 @@ const handleMediaClick = item => {
 				padding: 0 108px;
 				display: flex;
 				justify-content: space-between;
+
 				.home-main-header-footer-item {
 					padding: 0 10px;
 					text-align: center;
+
 					.item-top {
 						height: 22px;
 						color: rgba(20, 89, 187, 1);
@@ -2269,6 +2249,7 @@ const handleMediaClick = item => {
 						font-weight: 700;
 						line-height: 22px;
 					}
+
 					.item-footer {
 						margin-top: 10px;
 						height: 30px;
@@ -2280,6 +2261,7 @@ const handleMediaClick = item => {
 					}
 				}
 			}
+
 			.home-main-header-footer-link,
 			.home-main-header-footer-info {
 				width: 100%;
@@ -2288,15 +2270,18 @@ const handleMediaClick = item => {
 				gap: 16px;
 				padding: 30px 0;
 			}
-			.home-main-header-footer-info{
+
+			.home-main-header-footer-info {
 				margin-top: 34px;
 			}
+
 			.home-main-header-btn-box {
 				width: 688px;
 				margin: 0 auto;
 				margin-top: 39px;
 				display: flex;
 				justify-content: space-between;
+
 				.btn {
 					display: flex;
 					align-items: center;
@@ -2309,9 +2294,11 @@ const handleMediaClick = item => {
 					background: #e7f3ff;
 					cursor: pointer;
 					position: relative;
+
 					&:hover {
 						background: #cae3fc;
 					}
+
 					.btn-text {
 						width: 80px;
 						color: var(--color-main-active);
@@ -2322,12 +2309,14 @@ const handleMediaClick = item => {
 						margin-left: 36px;
 						text-align: center;
 					}
+
 					.btn-icon {
 						position: absolute;
 						top: 16px;
 						right: 19px;
 						width: 6px;
 						height: 12px;
+
 						img {
 							width: 100%;
 							height: 100%;
@@ -2336,12 +2325,15 @@ const handleMediaClick = item => {
 				}
 			}
 		}
+
 		.home-main-center {
 			margin-top: 34px;
+
 			.center-top {
 				height: 450px;
 				display: flex;
 				gap: 20px;
+
 				.box1 {
 					display: flex;
 					gap: 10px;
@@ -2352,17 +2344,21 @@ const handleMediaClick = item => {
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
 						justify-content: space-between;
+
 						.box1-header-left {
 							display: flex;
+
 							.icon {
 								width: 18px;
 								height: 18px;
 								margin-top: 19px;
+
 								img {
 									width: 100%;
 									height: 100%;
 								}
 							}
+
 							.title {
 								height: 22px;
 								margin-left: 18px;
@@ -2374,6 +2370,7 @@ const handleMediaClick = item => {
 								line-height: 22px;
 							}
 						}
+
 						.box1-header-right {
 							margin-top: 19px;
 							height: 16px;
@@ -2385,14 +2382,17 @@ const handleMediaClick = item => {
 							cursor: pointer;
 						}
 					}
+
 					.box1-main {
 						display: flex;
 						height: 354px;
 						margin-top: 22px;
+
 						.box1-main-top {
 							height: 68px;
 							display: flex;
 							justify-content: space-between;
+
 							.box1-main-top-left {
 								color: rgba(20, 89, 187, 1);
 								font-family: Microsoft YaHei;
@@ -2402,9 +2402,11 @@ const handleMediaClick = item => {
 								letter-spacing: 0px;
 								text-align: left;
 							}
+
 							.box1-main-top-right {
 								margin-left: 20px;
 								display: flex;
+
 								.num {
 									padding: 1px 8px;
 									height: 24px;
@@ -2413,6 +2415,7 @@ const handleMediaClick = item => {
 									border-radius: 4px;
 									background: rgba(230, 244, 255, 1);
 								}
+
 								.tag {
 									box-sizing: border-box;
 									border: 1px solid rgba(135, 232, 222, 1);
@@ -2423,6 +2426,7 @@ const handleMediaClick = item => {
 						}
 					}
 				}
+
 				.box2 {
 					flex: 1;
 					padding-right: 20px;
@@ -2430,19 +2434,23 @@ const handleMediaClick = item => {
 					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
 					background: rgba(255, 255, 255, 1);
 					position: relative;
+
 					.box2-header {
 						height: 54px;
 						display: flex;
+
 						.icon {
 							width: 24px;
 							height: 22px;
 							margin-left: 33px;
 							margin-top: 18px;
+
 							img {
 								width: 100%;
 								height: 100%;
 							}
 						}
+
 						.text {
 							margin-left: 22px;
 							margin-top: 16px;
@@ -2453,6 +2461,7 @@ const handleMediaClick = item => {
 							font-weight: 700;
 							line-height: 22px;
 						}
+
 						.num {
 							width: 24px;
 							height: 16px;
@@ -2466,6 +2475,7 @@ const handleMediaClick = item => {
 							border-radius: 100px;
 							background: rgba(255, 77, 79, 1);
 						}
+
 						.more {
 							margin-top: 19px;
 							margin-left: 256px;
@@ -2476,22 +2486,27 @@ const handleMediaClick = item => {
 							line-height: 16px;
 						}
 					}
+
 					.box2-main {
 						height: 282px;
 						overflow-y: auto;
+
 						.box2-main-item {
 							margin-left: 23px;
 							height: 47px;
 							width: 464px;
 							display: flex;
+
 							.itemLeftStatus1 {
 								color: rgba(82, 196, 26, 1) !important;
 								background: rgba(246, 255, 237, 1) !important;
 							}
+
 							.itemLeftStatus2 {
 								color: rgba(250, 140, 22, 1) !important;
 								background: rgba(255, 247, 230, 1) !important;
 							}
+
 							.item-left {
 								margin-top: 4px;
 								margin-left: 2px;
@@ -2508,6 +2523,7 @@ const handleMediaClick = item => {
 								padding: 6px 4px;
 								text-align: center;
 							}
+
 							.item-right {
 								margin-left: 13px;
 								width: 408px;
@@ -2515,6 +2531,7 @@ const handleMediaClick = item => {
 								border-top: 1px solid rgba(240, 242, 244, 1);
 								border-bottom: 1px solid rgba(240, 242, 244, 1);
 								display: flex;
+
 								.text {
 									width: 348px;
 									color: rgba(59, 65, 75, 1);
@@ -2523,6 +2540,7 @@ const handleMediaClick = item => {
 									font-weight: 400;
 									line-height: 47px;
 								}
+
 								.time {
 									margin-left: 10px;
 									line-height: 47px;
@@ -2534,6 +2552,7 @@ const handleMediaClick = item => {
 							}
 						}
 					}
+
 					.box2-footer {
 						position: absolute;
 						left: 26px;
@@ -2547,14 +2566,17 @@ const handleMediaClick = item => {
 						border-radius: 6px;
 						background: rgba(22, 119, 255, 1);
 						cursor: pointer;
+
 						.icon {
 							width: 16px;
 							height: 16px;
+
 							img {
 								width: 100%;
 								height: 100%;
 							}
 						}
+
 						.text {
 							margin-left: 8px;
 							color: rgba(255, 255, 255, 1);
@@ -2566,15 +2588,18 @@ const handleMediaClick = item => {
 					}
 				}
 			}
+
 			.center-footer {
 				margin-top: 21px;
 				height: 450px;
 				display: flex;
+
 				.box3 {
 					width: 900px;
 					height: 450px;
 					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
 					background: rgba(255, 255, 255, 1);
+
 					.box3-header {
 						height: 53px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
@@ -2582,17 +2607,21 @@ const handleMediaClick = item => {
 						display: flex;
 						justify-content: space-between;
 						padding: 0 20px;
+
 						.box3-header-left {
 							display: flex;
+
 							.box3-header-icon {
 								margin-top: 15px;
 								width: 13px;
 								height: 13px;
+
 								img {
 									width: 100%;
 									height: 100%;
 								}
 							}
+
 							.box3-header-title {
 								margin-top: 16px;
 								margin-left: 22px;
@@ -2604,17 +2633,20 @@ const handleMediaClick = item => {
 								line-height: 22px;
 							}
 						}
+
 						.box3-header-right {
 							display: flex;
 							justify-content: flex-end;
 							width: 178px;
 							height: 22px;
+
 							.right-box {
 								display: flex;
 								margin-top: 16px;
 								width: 89px;
 								height: 22px;
 								justify-content: flex-end;
+
 								.icon1 {
 									margin-top: 5px;
 									width: 12px;
@@ -2622,6 +2654,7 @@ const handleMediaClick = item => {
 									border-radius: 6px;
 									background: rgba(20, 89, 187, 1);
 								}
+
 								.icon2 {
 									margin-top: 5px;
 									width: 12px;
@@ -2629,6 +2662,7 @@ const handleMediaClick = item => {
 									border-radius: 6px;
 									background: rgba(250, 140, 22, 1);
 								}
+
 								.text {
 									margin-left: 5px;
 									color: rgba(95, 101, 108, 1);
@@ -2640,31 +2674,37 @@ const handleMediaClick = item => {
 							}
 						}
 					}
+
 					.box3-main {
 						height: 397px;
 					}
 				}
+
 				.box4 {
 					margin-left: 20px;
 					width: 521px;
 					height: 450px;
 					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
 					background: rgba(255, 255, 255, 1);
+
 					.box4-header {
 						width: 452px;
 						margin: 0 auto;
 						height: 53px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						display: flex;
+
 						.header-icon {
 							margin-top: 18px;
 							width: 18px;
 							height: 18px;
+
 							img {
 								width: 100%;
 								height: 100%;
 							}
 						}
+
 						.header-title {
 							margin-top: 16px;
 							margin-left: 26px;
@@ -2676,22 +2716,27 @@ const handleMediaClick = item => {
 							line-height: 22px;
 						}
 					}
+
 					.box4-main {
 						width: 452px;
 						margin: 0 auto;
 						margin-top: 8px;
 						height: 360px;
 						overflow-y: auto;
+
 						.box4-main-item {
 							margin-top: 6px;
 							height: 30px;
 							display: flex;
+
 							.leftStatus3 {
 								color: rgba(255, 197, 61, 1) !important;
 							}
+
 							.leftStatus2 {
 								color: rgba(255, 169, 64, 1) !important;
 							}
+
 							.left {
 								width: 44px;
 								text-align: left;
@@ -2701,6 +2746,7 @@ const handleMediaClick = item => {
 								line-height: 30px;
 								color: rgba(206, 79, 81, 1);
 							}
+
 							.center {
 								width: 300px;
 								color: rgba(95, 101, 108, 1);
@@ -2709,6 +2755,7 @@ const handleMediaClick = item => {
 								font-weight: 400;
 								line-height: 30px;
 							}
+
 							.right {
 								width: 108px;
 								color: rgba(132, 136, 142, 1);
@@ -2723,10 +2770,12 @@ const handleMediaClick = item => {
 				}
 			}
 		}
+
 		.home-main-footer {
 			// width: 100%;
 			height: 911px;
 			background: rgba(248, 249, 250, 1);
+
 			.home-main-footer-header {
 				margin-top: 37px;
 				margin-bottom: 36px;
@@ -2735,10 +2784,12 @@ const handleMediaClick = item => {
 				// background: orange;
 				display: flex;
 				justify-content: space-between;
+
 				.btn-box {
 					width: 1300px;
 					display: flex;
 					justify-content: space-between;
+
 					.btn {
 						color: rgba(95, 101, 108, 1);
 						font-family: Microsoft YaHei;
@@ -2749,32 +2800,38 @@ const handleMediaClick = item => {
 						border-radius: 21px;
 						background: rgba(20, 89, 187, 0);
 						cursor: pointer;
+
 						&:hover {
 							background: rgba(20, 89, 187, 0.1);
 						}
 					}
+
 					.btnActive {
 						padding: 0 24px;
 						border-radius: 21px;
 						background: rgba(20, 89, 187, 1);
 						color: #fff;
+
 						&:hover {
 							color: #fff;
 							background: rgba(20, 89, 187, 1);
 						}
 					}
 				}
+
 				.select-box {
 					height: 42px;
 					box-sizing: border-box;
 					padding: 5px 0;
 				}
 			}
+
 			.home-main-footer-main {
 				width: 100%;
 				// background: orange;
 				display: flex;
 				flex-wrap: wrap;
+
 				// justify-content: space-between;
 				// justify-content: center;
 				.main-item {
@@ -2784,6 +2841,7 @@ const handleMediaClick = item => {
 					background: #fff;
 					margin-bottom: 24px;
 					margin-right: 25px;
+
 					.main-item-box1 {
 						margin-top: 20px;
 						margin-left: 45px;
@@ -2797,6 +2855,7 @@ const handleMediaClick = item => {
 							height: 100%;
 						}
 					}
+
 					.main-item-box2 {
 						margin-top: 26px;
 						text-align: center;
@@ -2807,6 +2866,7 @@ const handleMediaClick = item => {
 						font-weight: 700;
 						line-height: 30px;
 					}
+
 					.main-item-box3 {
 						text-align: center;
 						height: 30px;
@@ -2821,6 +2881,7 @@ const handleMediaClick = item => {
 		}
 	}
 }
+
 .tableName {
 	color: rgba(59, 65, 75, 1);
 	font-family: Microsoft YaHei;
@@ -2851,6 +2912,7 @@ const handleMediaClick = item => {
 .num-item {
 	width: 280px;
 	display: flex;
+
 	.name-item {
 		width: 215px;
 		overflow: hidden;
@@ -2858,6 +2920,7 @@ const handleMediaClick = item => {
 		white-space: nowrap;
 	}
 }
+
 .dialog-title {
 	text-align: center;
 	font-size: 24px;
@@ -2866,11 +2929,13 @@ const handleMediaClick = item => {
 	padding-bottom: 10px;
 	border-bottom: 1px solid #eee;
 }
+
 .dialog-ett-wrpper {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 10px;
 	height: 500px;
+
 	.box1-bottom-content {
 		display: flex;
 		gap: 15px;
@@ -2879,20 +2944,24 @@ const handleMediaClick = item => {
 		padding-left: 10px;
 		height: 156px;
 		overflow: auto;
+
 		&-item {
 			display: flex;
 			// align-items: center;
 			justify-content: flex-start;
-			width: 48%; /* 留出2%的间距 */
+			width: 48%;
+			/* 留出2%的间距 */
 			// margin-bottom: 6px;
 			box-sizing: border-box;
 			gap: 10px;
 			cursor: pointer;
+
 			&-img {
 				width: 24px;
 				height: 24px;
 				flex-shrink: 0;
 			}
+
 			&-imgUndefined {
 				width: 24px;
 				height: 24px;
@@ -2905,6 +2974,7 @@ const handleMediaClick = item => {
 				text-align: center;
 				border-radius: 12px;
 			}
+
 			&-txt {
 				font-size: 16px;
 				font-weight: 400;
@@ -2918,6 +2988,7 @@ const handleMediaClick = item => {
 	box-shadow: none;
 	border-radius: 10px;
 }
+
 :deep(.el-input__wrapper:hover) {
 	box-shadow: none !important;
 }
@@ -2935,6 +3006,7 @@ const handleMediaClick = item => {
 	letter-spacing: 0px;
 	text-align: left;
 }
+
 :deep(.el-table tr) {
 	color: rgba(59, 65, 75, 1);
 	font-family: Microsoft YaHei;
@@ -2985,6 +3057,7 @@ const handleMediaClick = item => {
 		}
 	}
 }
+
 .all-content {
 	width: 100%;
 	height: auto;
@@ -2993,6 +3066,7 @@ const handleMediaClick = item => {
 	justify-content: space-between;
 	// align-items: center;
 	gap: 16px;
+
 	.left {
 		width: 360px;
 		height: auto;
@@ -3000,12 +3074,14 @@ const handleMediaClick = item => {
 		background: #fff;
 		border-radius: 10px;
 		box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+
 		.title {
 			width: 100%;
 			height: 56px;
 			display: flex;
 			align-items: center;
 			padding: 14px 12px 16px 0;
+
 			.box {
 				width: 8px;
 				height: 20px;
@@ -3014,6 +3090,7 @@ const handleMediaClick = item => {
 				border-top-right-radius: 4px;
 				margin-right: 14px;
 			}
+
 			.text {
 				font-size: 20px;
 				font-weight: 700;
@@ -3022,20 +3099,24 @@ const handleMediaClick = item => {
 				color: rgb(5, 95, 194);
 			}
 		}
+
 		.left-main {
 			width: 100%;
 			height: auto;
 			padding-left: 24px;
+
 			.checkbox-grid {
 				display: grid;
 				grid-template-columns: repeat(2, 1fr);
 				row-gap: 16px;
 				padding-bottom: 16px;
 			}
+
 			:deep(.el-checkbox) {
 				margin-right: 0;
 				height: auto;
 			}
+
 			:deep(.el-checkbox__label) {
 				font-size: 16px;
 				color: #666666;
@@ -3043,6 +3124,7 @@ const handleMediaClick = item => {
 			}
 		}
 	}
+
 	.right {
 		width: 1224px;
 		height: auto;
@@ -3050,17 +3132,20 @@ const handleMediaClick = item => {
 		border-radius: 4px;
 		border-radius: 10px;
 		box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+
 		.right-title {
 			width: 100%;
 			height: 48px;
 			border-bottom: 1px solid rgb(234, 236, 238);
 			display: flex;
 			align-items: center;
+
 			img {
 				width: 22px;
 				height: 18px;
 				margin-left: 19px;
 			}
+
 			div {
 				font-size: 20px;
 				font-weight: 700;
@@ -3070,14 +3155,17 @@ const handleMediaClick = item => {
 				margin-left: 19px;
 			}
 		}
+
 		.right-main {
 			width: 100%;
 			height: auto;
 			padding: 24px 35px 0 20px;
+
 			.sanction-list {
 				width: 1169px;
 				padding: 0px 0 12px 0;
 				display: flex;
+
 				// justify-content: flex-start;
 				.time {
 					width: 80px;
@@ -3104,6 +3192,7 @@ const handleMediaClick = item => {
 						line-height: 24px;
 					}
 				}
+
 				img {
 					width: 30px;
 					height: 30px;
@@ -3111,10 +3200,12 @@ const handleMediaClick = item => {
 					margin-top: 14px;
 					margin-right: 16px;
 				}
+
 				.main {
 					width: 1027px;
 					padding-top: 14px;
 					position: relative;
+
 					.main-title {
 						width: 800px;
 						font-size: 20px;
@@ -3125,6 +3216,7 @@ const handleMediaClick = item => {
 						margin-bottom: 11px;
 						cursor: pointer;
 					}
+
 					.main-desc {
 						font-size: 16px;
 						font-weight: 400;
@@ -3133,8 +3225,10 @@ const handleMediaClick = item => {
 						color: rgb(95, 101, 108);
 						margin-bottom: 9px;
 					}
+
 					.tag-box {
 						display: flex;
+
 						.tag-item {
 							padding: 1px 8px;
 							margin-right: 8px;
@@ -3147,6 +3241,7 @@ const handleMediaClick = item => {
 							background-color: rgba(231, 243, 255, 1);
 						}
 					}
+
 					.count-tag {
 						position: absolute;
 						padding: 2px 8px;
@@ -3163,6 +3258,7 @@ const handleMediaClick = item => {
 				}
 			}
 		}
+
 		.right-footer {
 			width: 100%;
 			height: 73px;

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

@@ -13,29 +13,27 @@
 					<div class="text">科技领域</div>
 				</div>
 				<div class="checkbox-group">
-					<el-checkbox v-for="(item, index) in techFields" :key="index" v-model="item.checked" :label="item.label" @change="handleFilterChange(item, techFields, 'tech')" />
+					<el-checkbox v-for="(item, index) in techFields" :key="index" v-model="item.checked" :label="item.label"
+						@change="handleFilterChange(item, techFields, 'tech')" />
 				</div>
 				<div class="title">
 					<div class="box"></div>
 					<div class="text">实体类型</div>
 				</div>
 				<div class="checkbox-group">
-					<el-checkbox v-for="(item, index) in entityTypes" :key="index" v-model="item.checked" :label="item.label" @change="handleFilterChange(item, entityTypes, 'type')" />
+					<el-checkbox v-for="(item, index) in entityTypes" :key="index" v-model="item.checked" :label="item.label"
+						@change="handleFilterChange(item, entityTypes, 'type')" />
 				</div>
 				<div class="title">
 					<div class="box"></div>
 					<div class="text">制裁时间</div>
 				</div>
 				<div class="checkbox-group">
-					<el-checkbox v-for="(item, index) in sanctionTimes" :key="index" v-model="item.checked" :label="item.label" @change="handleFilterChange(item, sanctionTimes, 'time')" />
+					<el-checkbox v-for="(item, index) in sanctionTimes" :key="index" v-model="item.checked" :label="item.label"
+						@change="handleFilterChange(item, sanctionTimes, 'time')" />
 					<div v-if="sanctionTimes.find(i => i.value === 'custom' && i.checked)" class="custom-date-picker">
-						<el-date-picker
-							v-model="customDateRange"
-							type="daterange"
-							range-separator="-"
-							start-placeholder="开始日期"
-							end-placeholder="结束日期"
-						/>
+						<el-date-picker v-model="customDateRange" type="daterange" range-separator="-" start-placeholder="开始日期"
+							end-placeholder="结束日期" />
 					</div>
 				</div>
 			</div>
@@ -48,8 +46,8 @@
 					<div class="right-wrapper">
 						<div class="stats">
 							<div class="dot"></div>
-							<div class="count-text">共 <span class="highlight">{{ruleCount.totalCount}}</span> 家</div>
-							<div class="rule-text">(50%规则涉及<span class="highlight">{{ruleCount.ruleCount}}</span>家)</div>
+							<div class="count-text">共 <span class="highlight">{{ ruleCount.totalCount }}</span> 家</div>
+							<div class="rule-text">(50%规则涉及<span class="highlight">{{ ruleCount.ruleCount }}</span>家)</div>
 						</div>
 						<div class="btn">
 							<img src="../../../../assets/下载按钮.png" alt="" />
@@ -58,21 +56,12 @@
 					</div>
 				</div>
 				<div class="right-table">
-					<el-table
-						:data="entityRows"
-						table-layout="fixed"
-						:row-class-name="tableRowClassName"
-						:header-cell-style="{ background: '#fff' }"
-					>
+					<el-table :data="entityRows" table-layout="fixed" :row-class-name="tableRowClassName"
+						:header-cell-style="{ background: '#fff' }">
 						<el-table-column label="实体名称" min-width="200">
 							<template #default="{ row }">
 								<div class="entity-name-cell" @click="handleCompClick(row)">
-									<el-image
-										v-if="row.img"
-										class="avatar"
-										:src="row.img"
-										alt=""
-									></el-image>
+									<el-image v-if="row.img" class="avatar" :src="row.img" alt=""></el-image>
 									<div v-else class="avatar-undefined">
 										{{
 											(row.entityNameZh || row.entityName)?.match(
@@ -87,14 +76,8 @@
 						<el-table-column label="涉及领域" min-width="150">
 							<template #default="{ row }">
 								<div class="domain-cell">
-									<el-tag
-										v-for="tag in row.techDomains"
-										:key="tag"
-										class="domain-tag"
-										effect="plain"
-										:disable-transitions="true"
-										:style="getTagStyle(tag)"
-									>
+									<el-tag v-for="tag in row.techDomains" :key="tag" class="domain-tag" effect="plain"
+										:disable-transitions="true" :style="getTagStyle(tag)">
 										{{ tag }}
 									</el-tag>
 								</div>
@@ -107,7 +90,8 @@
 									<div class="rule-text" :title="row.ruleOrgList?.[0]?.orgName || ''">
 										{{ row.ruleOrgList?.[0]?.orgName || '' }}...等
 									</div>
-									<el-link class="rule-link" type="primary" :underline="false" @click="handleRuleClick(row)">{{ row.ruleOrgCount }}家 ></el-link>
+									<el-link class="rule-link" type="primary" :underline="false" @click="handleRuleClick(row)">{{
+										row.ruleOrgCount }}家 ></el-link>
 								</div>
 							</template>
 						</el-table-column>
@@ -115,25 +99,14 @@
 				</div>
 				<div class="tight-footer">
 					<div class="total-text">共{{ total }}项</div>
-					<el-pagination
-						:current-page="currentPage"
-						v-model:page-size="pageSize"
-						:total="total"
-						layout="prev, pager, next"
-						prev-text="<"
-						next-text=">"
-						@current-change="handleCurrentChange"
-					/>
+					<el-pagination :current-page="currentPage" v-model:page-size="pageSize" :total="total"
+						layout="prev, pager, next" prev-text="<" next-text=">" @current-change="handleCurrentChange" />
 				</div>
 			</div>
 		</div>
 	</div>
-	<RuleSubsidiaryDialog
-		v-model="ruleDialogVisible"
-		:company-name="currentRuleCompany"
-		:total-count="currentRuleCount"
-		:data-list="currentRuleList"
-	/>
+	<RuleSubsidiaryDialog v-model="ruleDialogVisible" :company-name="currentRuleCompany" :total-count="currentRuleCount"
+		:data-list="currentRuleList" />
 </template>
 
 <script setup>
@@ -149,14 +122,14 @@ const router = useRouter();
 
 // 跳转公司详情页
 const handleCompClick = item => {
-  console.log("item", item);
-  const route = router.resolve({
-    path: "/companyPages",
-    query: {
-      id: item.id
-    }
-  });
-  window.open(route.href, "_blank");
+	console.log("item", item);
+	const route = router.resolve({
+		name: "companyPages",
+		params: {
+			id: item.id
+		}
+	});
+	window.open(route.href, "_blank");
 };
 
 const searchKeyword = ref("");
@@ -172,7 +145,7 @@ const entityRows = computed(() => mainList.value);
 const handleCurrentChange = (val) => {
 	if (val === currentPage.value) return;
 	currentPage.value = val;
-    getExportControlListApi();
+	getExportControlListApi();
 };
 
 const getTagStyle = tag => {
@@ -191,10 +164,10 @@ const getTagStyle = tag => {
 	for (let i = 0; i < tag.length; i++) {
 		hash = tag.charCodeAt(i) + ((hash << 5) - hash);
 	}
-	
+
 	// 确保索引为正数并取模
 	const index = Math.abs(hash) % colorPool.length;
-	
+
 	return colorPool[index];
 };
 
@@ -254,48 +227,48 @@ const handleRuleClick = (row) => {
 
 // 筛选逻辑处理
 const handleFilterChange = (item, list, type) => {
-    // 如果点击的是"全部"
-    if (item.value === 'all') {
-        if (item.checked) {
-            // 选中全部，取消其他所有
-            list.forEach(i => {
-                if (i.value !== 'all') i.checked = false;
-            });
-        } else {
-            // 取消全部（通常不允许全部取消，至少得选一个，这里如果取消全部，就默认为全部选中）
-             item.checked = true;
-        }
-    } else {
-        // 点击的是具体项
-        if (item.checked) {
-            // 选中具体项，取消"全部"
-            const allItem = list.find(i => i.value === 'all');
-            if (allItem) allItem.checked = false;
-
-            // 特殊处理制裁时间的自定义和其他年份互斥
-            if (type === 'time') {
-                if (item.value === 'custom') {
-                    list.forEach(i => {
-                        if (i.value !== 'custom' && i.value !== 'all') i.checked = false;
-                    });
-                } else {
-                    const customItem = list.find(i => i.value === 'custom');
-                    if (customItem) customItem.checked = false;
-                }
-            }
-        } else {
-            // 取消具体项，检查是否还有选中的
-            const anyChecked = list.some(i => i.checked);
-            if (!anyChecked) {
-                const allItem = list.find(i => i.value === 'all');
-                if (allItem) allItem.checked = true;
-            }
-        }
-    }
-    
-    // 重置页码并查询
-    currentPage.value = 1;
-    getExportControlListApi();
+	// 如果点击的是"全部"
+	if (item.value === 'all') {
+		if (item.checked) {
+			// 选中全部，取消其他所有
+			list.forEach(i => {
+				if (i.value !== 'all') i.checked = false;
+			});
+		} else {
+			// 取消全部（通常不允许全部取消，至少得选一个，这里如果取消全部，就默认为全部选中）
+			item.checked = true;
+		}
+	} else {
+		// 点击的是具体项
+		if (item.checked) {
+			// 选中具体项，取消"全部"
+			const allItem = list.find(i => i.value === 'all');
+			if (allItem) allItem.checked = false;
+
+			// 特殊处理制裁时间的自定义和其他年份互斥
+			if (type === 'time') {
+				if (item.value === 'custom') {
+					list.forEach(i => {
+						if (i.value !== 'custom' && i.value !== 'all') i.checked = false;
+					});
+				} else {
+					const customItem = list.find(i => i.value === 'custom');
+					if (customItem) customItem.checked = false;
+				}
+			}
+		} else {
+			// 取消具体项，检查是否还有选中的
+			const anyChecked = list.some(i => i.checked);
+			if (!anyChecked) {
+				const allItem = list.find(i => i.value === 'all');
+				if (allItem) allItem.checked = true;
+			}
+		}
+	}
+
+	// 重置页码并查询
+	currentPage.value = 1;
+	getExportControlListApi();
 };
 
 // 获取实体清单列表
@@ -307,7 +280,7 @@ let abortController = null;
 const getExportControlListApi = async () => {
 	// 取消上一轮未完成的请求
 	if (abortController) {
-		try { abortController.abort(); } catch {}
+		try { abortController.abort(); } catch { }
 	}
 	abortController = new AbortController();
 	isFetching.value = true;
@@ -334,12 +307,12 @@ const getExportControlListApi = async () => {
 	let startDate = undefined;
 	let endDate = undefined;
 	const allTime = sanctionTimes.value.find(item => item.value === 'all');
-	
+
 	if (!allTime || !allTime.checked) {
 		years = sanctionTimes.value
 			.filter(item => item.checked && item.value !== 'all' && item.value !== 'custom')
 			.map(item => Number(item.value));
-		
+
 		const customTime = sanctionTimes.value.find(item => item.value === 'custom');
 		if (customTime && customTime.checked && customDateRange.value && customDateRange.value.length === 2) {
 			const start = new Date(customDateRange.value[0]);
@@ -362,7 +335,7 @@ const getExportControlListApi = async () => {
 		pageSize: pageSize.value
 	};
 
-    try {
+	try {
 		const res = await getExportControlList(data, { signal: abortController.signal });
 		// 50%规则涉及实体数
 		const countRes = await get50PercentEntityCount(data);
@@ -416,22 +389,27 @@ watch(customDateRange, () => {
 	margin: 0;
 	padding: 0;
 }
+
 .list-page {
 	width: 1601px;
 	padding-bottom: 50px;
 	margin: 0 auto;
 	padding-top: 16px;
+
 	.search-box {
 		margin-bottom: 16px;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+
 		.search-input {
 			width: 388px;
 			height: 32px;
+
 			:deep(.el-input__wrapper) {
 				padding: 0 11px;
 			}
+
 			:deep(.el-input__inner) {
 				font-size: 16px;
 				font-weight: 400;
@@ -440,24 +418,29 @@ watch(customDateRange, () => {
 				color: rgb(95, 101, 108);
 			}
 		}
+
 		.filters {
 			display: flex;
 			align-items: center;
+
 			.el-checkbox {
 				margin-right: 20px;
 				color: rgb(59, 65, 75);
 			}
+
 			.time-select {
 				width: 160px;
 				height: 32px;
 			}
 		}
 	}
+
 	.main {
 		width: 100%;
 		display: flex;
 		justify-content: space-between;
 		align-items: flex-start;
+
 		.left {
 			padding-bottom: 20px;
 			width: 388px;
@@ -465,10 +448,12 @@ watch(customDateRange, () => {
 			border-radius: 10px;
 			box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 			background-color: #fff;
+
 			.checkbox-group {
 				display: flex;
 				flex-wrap: wrap;
 				padding: 0 0 0 24px;
+
 				.el-checkbox {
 					width: 50%;
 					margin-right: 0;
@@ -479,11 +464,13 @@ watch(customDateRange, () => {
 					line-height: 24px;
 					color: rgb(95, 101, 108);
 				}
+
 				.custom-date-picker {
 					width: 100%;
 					margin-top: 8px;
 					padding-right: 24px;
 					box-sizing: border-box;
+
 					:deep(.el-date-editor) {
 						width: 100%;
 						height: 32px;
@@ -491,21 +478,26 @@ watch(customDateRange, () => {
 						border: 1px solid #dcdfe6;
 						border-radius: 4px;
 						padding: 0 10px;
+
 						&:hover {
 							border-color: #c0c4cc;
 						}
+
 						&.is-active {
 							border-color: #409eff;
 						}
+
 						.el-range-input {
 							font-size: 14px;
 							font-family: "Microsoft YaHei";
 							color: rgb(95, 101, 108);
 						}
+
 						.el-range-separator {
 							color: rgb(95, 101, 108);
 							line-height: 30px;
 						}
+
 						.el-input__icon {
 							line-height: 32px;
 							color: rgb(95, 101, 108);
@@ -514,12 +506,14 @@ watch(customDateRange, () => {
 				}
 			}
 		}
+
 		.right {
 			width: 1196px;
 			height: auto;
 			border-radius: 10px;
 			box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 			background-color: #fff;
+
 			.title {
 				width: 100%;
 				height: 56px;
@@ -528,9 +522,11 @@ watch(customDateRange, () => {
 				align-items: center;
 				padding: 14px 12px 16px 0;
 				box-sizing: border-box;
+
 				.left-wrapper {
 					display: flex;
 					align-items: center;
+
 					.box {
 						width: 8px;
 						height: 20px;
@@ -539,6 +535,7 @@ watch(customDateRange, () => {
 						border-top-right-radius: 4px;
 						margin-right: 14px;
 					}
+
 					.text {
 						font-size: 20px;
 						font-weight: 700;
@@ -547,13 +544,16 @@ watch(customDateRange, () => {
 						color: rgb(5, 95, 194);
 					}
 				}
+
 				.right-wrapper {
 					display: flex;
 					align-items: center;
+
 					.stats {
 						display: flex;
 						align-items: center;
 						margin-right: 24px;
+
 						.dot {
 							width: 8px;
 							height: 8px;
@@ -561,50 +561,61 @@ watch(customDateRange, () => {
 							border-radius: 50%;
 							margin-right: 8px;
 						}
+
 						.count-text {
 							font-size: 16px;
 							font-weight: 700;
 							color: #3b414b;
 							font-family: "Microsoft YaHei";
 							margin-right: 16px;
+
 							.highlight {
 								color: #cd4246;
 								margin: 0 4px;
 							}
 						}
+
 						.rule-text {
 							font-size: 14px;
 							color: #5f656c;
 							font-family: "Microsoft YaHei";
+
 							.highlight {
 								color: #cd4246;
 							}
 						}
 					}
+
 					.btn {
 						width: 60px;
 						height: 28px;
+
 						img {
 							width: 28px;
 							height: 28px;
 							cursor: pointer;
 						}
+
 						img:first-child {
 							margin-right: 4px;
 						}
 					}
 				}
 			}
+
 			.right-table {
 				padding: 5px 21px 0 21px;
+
 				:deep(.el-table) {
 					--el-table-header-bg-color: #fff;
 					--el-table-border-color: transparent;
 					--el-table-row-hover-bg-color: rgba(248, 249, 250, 1);
 				}
+
 				:deep(.el-table__inner-wrapper::before) {
 					background-color: transparent;
 				}
+
 				:deep(.el-table__header-wrapper th) {
 					height: 60px;
 					background-color: #fff;
@@ -615,15 +626,19 @@ watch(customDateRange, () => {
 					border-bottom: 1px solid rgba(230, 231, 232, 1);
 					border-top: 1px solid rgba(230, 231, 232, 1);
 				}
+
 				:deep(.el-table__header-wrapper .cell) {
 					line-height: 22px;
 				}
+
 				:deep(.el-table__header-wrapper th:first-child .cell) {
 					padding-left: 39px;
 				}
+
 				:deep(.el-table__row) {
 					height: 64px;
 				}
+
 				:deep(.el-table__cell) {
 					border-bottom: 0;
 					font-size: 16px;
@@ -631,21 +646,26 @@ watch(customDateRange, () => {
 					color: rgb(95, 101, 108);
 					font-family: "Microsoft YaHei";
 				}
+
 				:deep(.el-table__row .el-table__cell:first-child .cell) {
 					padding-left: 39px;
 				}
+
 				:deep(.odd-row td.el-table__cell) {
 					background-color: rgba(248, 249, 250, 1);
 				}
+
 				.entity-name-cell {
 					display: flex;
 					align-items: center;
+
 					.avatar {
 						width: 24px;
 						height: 24px;
 						margin-right: 8px;
 						border-radius: 4px;
 					}
+
 					.avatar-undefined {
 						width: 24px;
 						height: 24px;
@@ -659,6 +679,7 @@ watch(customDateRange, () => {
 						font-size: 14px;
 						font-weight: 500;
 					}
+
 					.name {
 						font-size: 16px;
 						font-weight: 700;
@@ -668,10 +689,12 @@ watch(customDateRange, () => {
 						text-overflow: ellipsis;
 					}
 				}
+
 				.domain-cell {
 					display: flex;
 					align-items: center;
 					gap: 8px;
+
 					:deep(.el-tag) {
 						height: auto;
 						padding: 2px 8px;
@@ -683,16 +706,19 @@ watch(customDateRange, () => {
 						border: 1px solid;
 					}
 				}
+
 				.rule-cell {
 					display: flex;
 					align-items: center;
 					gap: 12px;
+
 					.rule-text {
 						flex: 1;
 						overflow: hidden;
 						white-space: nowrap;
 						text-overflow: ellipsis;
 					}
+
 					.rule-link {
 						font-size: 16px;
 						font-weight: 400;
@@ -702,6 +728,7 @@ watch(customDateRange, () => {
 					}
 				}
 			}
+
 			.tight-footer {
 				padding: 16px 24px;
 				display: flex;
@@ -768,12 +795,14 @@ watch(customDateRange, () => {
 		}
 	}
 }
+
 .title {
 	width: 100%;
 	height: 56px;
 	display: flex;
 	align-items: center;
 	padding: 14px 12px 16px 0;
+
 	.box {
 		width: 8px;
 		height: 16px;
@@ -782,6 +811,7 @@ watch(customDateRange, () => {
 		border-top-right-radius: 4px;
 		margin-right: 14px;
 	}
+
 	.text {
 		font-size: 16px;
 		font-weight: 700;

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

 <template>
-	<div class="sanctions-overview">
-		<div class="main">
-			<div class="left">
-				<div class="left-top">
-					<div class="title-com">
-						<div class="box"></div>
-						<div class="text">基本信息</div>
-						<div class="btn">
-							<img src="../../assets/下载按钮.png" alt="" />
-							<img src="../../assets/收藏按钮.png" alt="" />
-						</div>
-					</div>
+  <div class="sanctions-overview">
+    <div class="main">
+      <div class="left">
+        <div class="left-top">
+          <div class="title-com">
+            <div class="box"></div>
+            <div class="text">基本信息</div>
+            <div class="btn">
+              <img src="../../assets/下载按钮.png" alt="" />
+              <img src="../../assets/收藏按钮.png" alt="" />
+            </div>
+          </div>
           <div class="left-top-title">
             <div class="info-row">
               <div class="label">发布机构：</div>
@@ -45,54 +45,39 @@
             <div class="info-row">
               <div class="label">制裁领域：</div>
               <div class="value tags">
-                <span 
-                  class="tag" 
-                  v-for="(domain, index) in formattedData.domains" 
-                  :key="index"
-                >{{ domain }}</span>
+                <span class="tag" v-for="(domain, index) in formattedData.domains" :key="index">{{ domain }}</span>
               </div>
             </div>
           </div>
           <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"
-              >
+              <div class="list-item" v-for="(item, index) in entityDistribution" :key="index">
                 <img :src="flag" alt="" class="flag">
                 <div class="country-name">{{ item.name }}</div>
                 <div class="progress-bar-container">
-                  <div 
-                    class="progress-bar" 
-                    :style="{ 
-                      width: item.width, 
-                      background: item.gradient 
-                    }"
-                  ></div>
+                  <div class="progress-bar" :style="{
+                    width: item.width,
+                    background: item.gradient
+                  }"></div>
                 </div>
                 <div class="count" :class="{ 'highlight': index === 0 }">{{ item.count }}家</div>
               </div>
             </div>
           </div>
-				</div>
-				<div class="left-bottom">
-					<div class="title-com">
-						<div class="box"></div>
-						<div class="text">制裁背景</div>
-						<div class="btn">
-							<img src="../../assets/下载按钮.png" alt="" />
-							<img src="../../assets/收藏按钮.png" alt="" />
-						</div>
-					</div>
+        </div>
+        <div class="left-bottom">
+          <div class="title-com">
+            <div class="box"></div>
+            <div class="text">制裁背景</div>
+            <div class="btn">
+              <img src="../../assets/下载按钮.png" alt="" />
+              <img src="../../assets/收藏按钮.png" alt="" />
+            </div>
+          </div>
           <div class="left-bottom-content">
             <div class="timeline-list">
-              <div 
-                class="timeline-item" 
-                v-for="(item, index) in timelineData" 
-                :key="index"
-              >
+              <div class="timeline-item" v-for="(item, index) in timelineData" :key="index">
                 <div class="date-row">
                   <div class="dot"></div>
                   <div class="date">{{ item.date }}</div>
@@ -101,20 +86,22 @@
               </div>
             </div>
             <div class="view-more" v-if="hasMore" @click="loadMore">
-              查看更多 <el-icon class="icon-more"><DArrowRight /></el-icon>
+              查看更多 <el-icon class="icon-more">
+                <DArrowRight />
+              </el-icon>
             </div>
           </div>
-				</div>
-			</div>
-			<div class="right">
-				<div class="title-com">
-					<div class="box"></div>
-					<div class="text">制裁清单</div>
-					<div class="btn">
-						<img src="../../assets/下载按钮.png" alt="" /> 
-						<img src="../../assets/收藏按钮.png" alt="" />
-					</div>
-				</div>
+        </div>
+      </div>
+      <div class="right">
+        <div class="title-com">
+          <div class="box"></div>
+          <div class="text">制裁清单</div>
+          <div class="btn">
+            <img src="../../assets/下载按钮.png" alt="" />
+            <img src="../../assets/收藏按钮.png" alt="" />
+          </div>
+        </div>
         <div class="right-title">
           <div class="filter-row">
             <!-- <div class="filter-left">
@@ -128,12 +115,7 @@
                 <el-option label="全部领域" 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="搜索实体"
-                style="width: 150px"
-                :suffix-icon="Search"
-              />
+              <el-input v-model="searchKeyword" placeholder="搜索实体" style="width: 150px" :suffix-icon="Search" />
             </div>
           </div>
           <div class="stats-row">
@@ -142,24 +124,22 @@
               <div class="tab-btn" :class="{ active: activeTab === 'remove' }" @click="activeTab = 'remove'">移除实体</div>
             </div> -->
             <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">{{ addRuleCount }}</span>家)</span>
-            </div>
-             <!-- <div class="stat-item">
+              <div class="stat-item">
+                <span class="dot red"></span>
+                <span class="text">新增 <span class="num red">{{ addCount }}</span> 家 (50%规则涉及<span class="num red">{{
+                  addRuleCount }}</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>
             </div> -->
-          </div>
+            </div>
           </div>
         </div>
         <div class="right-content">
           <div class="sanction-group-list">
             <div class="sanction-group" v-for="(group, index) in sanctionList" :key="index">
-              <el-table 
-                :data="group.entities" 
-                style="width: 100%"
-              >
+              <el-table :data="group.entities" style="width: 100%">
                 <el-table-column label="实体名称" min-width="280">
                   <template #default="scope">
                     <div class="name-cell">
@@ -171,13 +151,8 @@
                 </el-table-column>
                 <el-table-column label="涉及领域" width="180" align="center">
                   <template #default="scope">
-                    <span 
-                      v-for="(item, index) in scope.row.fields" 
-                      :key="index"
-                      class="tag" 
-                      :style="getTagStyle(item)"
-                      style="margin: 0 2px;"
-                    >{{ item }}</span>
+                    <span v-for="(item, index) in scope.row.fields" :key="index" class="tag" :style="getTagStyle(item)"
+                      style="margin: 0 2px;">{{ item }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column prop="location" label="上市地点" width="90" align="center" />
@@ -185,7 +160,8 @@
                 <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>
                     <span v-else>--</span>
@@ -198,16 +174,12 @@
             </div>
           </div>
         </div>
-			</div>
-		</div>
+      </div>
+    </div>
     <!-- 50%规则子企业弹框 -->
-    <RuleSubsidiaryDialog
-      v-model="subsidiaryDialogVisible"
-      :company-name="currentSubsidiaryCompanyName"
-      :total-count="currentSubsidiaryCount"
-      :data-list="currentSubsidiaryList"
-    />
-	</div>
+    <RuleSubsidiaryDialog v-model="subsidiaryDialogVisible" :company-name="currentSubsidiaryCompanyName"
+      :total-count="currentSubsidiaryCount" :data-list="currentSubsidiaryList" />
+  </div>
 </template>
 
 <script setup>
@@ -223,14 +195,16 @@ import RuleSubsidiaryDialog from "../../../v2.0EntityList/components/sanctionsOv
 
 // 跳转公司详情页
 const handleCompClick = item => {
-  console.log("item", item);
-  const route = router.resolve({
-    path: "/companyPages",
-    query: {
-      id: item.id
-    }
-  });
-  window.open(route.href, "_blank");
+  // console.log("item", item);
+  // const route = router.resolve({
+  //   path: "/companyPages",
+  //   query: {
+  //     id: item.entityId
+  //   }
+  // });
+  // window.open(route.href, "_blank");
+  const curRoute = router.resolve({ name: "companyPages", params: { id: item.entityId } });
+  window.open(curRoute.href, "_blank");
 };
 
 // 跳转发布机构详情页
@@ -280,7 +254,7 @@ const getSanctionOverviewList = async () => {
       addRuleCount.value = data.addRuleCount || 0
       removeCount.value = data.removeCount || 0
       removeRuleCount.value = data.removeRuleCount || 0
-      
+
       const list = data.sanList || []
       sanctionList.value = list.map(item => ({
         reason: item.sanReason,
@@ -292,7 +266,7 @@ const getSanctionOverviewList = async () => {
           date: org.startTime ? org.startTime.replace(/^(\d{4})-(\d{2})-(\d{2}).*$/, '$1年$2月$3日') : '--', // 格式化日期
           revenue: "--", // 接口暂无数据
           subsidiaryCount: org.ruleOrgCount || 0,
-          subsidiaryText: org.ruleOrgList && org.ruleOrgList.length > 0 
+          subsidiaryText: org.ruleOrgList && org.ruleOrgList.length > 0
             ? (org.ruleOrgList[0].orgName.length > 10 ? org.ruleOrgList[0].orgName.slice(0, 10) + '...' : org.ruleOrgList[0].orgName) + '...等'
             : ''
         }))
@@ -347,8 +321,8 @@ const loadMore = () => {
 const router = useRouter();
 const sanRecordId = ref("")
 const getUrlParams = () => {
-    const urlParams = new URLSearchParams(window.location.search);
-    sanRecordId.value = urlParams.get("id") || ""
+  const urlParams = new URLSearchParams(window.location.search);
+  sanRecordId.value = urlParams.get("id") || ""
 }
 
 // 单次制裁-制裁概况-制裁实体国家分布
@@ -360,7 +334,7 @@ const getEntityCountry = async () => {
     if (res.code === 200) {
       const rawData = res.data || [];
       const maxCount = Math.max(...rawData.map(item => item.count || 0), 1);
-      
+
       // 颜色池 - 用于循环分配
       const gradientPool = [
         "linear-gradient(270deg, rgba(255,170,0,1) 0%, rgba(255,255,255,0) 100%)",   // 橙
@@ -394,20 +368,20 @@ const props = defineProps({
 });
 // 跳转到人物页
 const handleClick = () => {
-const route = router.resolve({
-		path: "/characterPage",
-		query: {
-			// type: props.data.type,
-			personId: props.data.postPersonId
-		}
-	});
-	window.open(route.href, "_blank");
+  const route = router.resolve({
+    path: "/characterPage",
+    query: {
+      // type: props.data.type,
+      personId: props.data.postPersonId
+    }
+  });
+  window.open(route.href, "_blank");
 };
 
 // 计算属性处理数据
 const formattedData = computed(() => {
   const info = props.data || {};
-  
+
   // 日期格式化
   const formatDate = (dateStr) => {
     if (!dateStr) return '';
@@ -491,29 +465,29 @@ const getTagStyle = (tagName) => {
 const timelineData = ref([]);
 
 const entityDistribution = ref([
-  { 
-    name: "中国", 
-    count: 24, 
-    width: "100%", 
-    gradient: "linear-gradient(270deg, rgba(206,79,81,1) 0%, rgba(255,255,255,0) 100%)" 
+  {
+    name: "中国",
+    count: 24,
+    width: "100%",
+    gradient: "linear-gradient(270deg, rgba(206,79,81,1) 0%, rgba(255,255,255,0) 100%)"
   },
-  { 
-    name: "沙特阿拉伯", 
-    count: 2, 
-    width: "60%", 
-    gradient: "linear-gradient(270deg, rgba(255,170,0,1) 0%, rgba(255,255,255,0) 100%)" 
+  {
+    name: "沙特阿拉伯",
+    count: 2,
+    width: "60%",
+    gradient: "linear-gradient(270deg, rgba(255,170,0,1) 0%, rgba(255,255,255,0) 100%)"
   },
-  { 
-    name: "俄罗斯", 
-    count: 2, 
-    width: "60%", 
-    gradient: "linear-gradient(270deg, rgba(255,170,0,1) 0%, rgba(255,255,255,0) 100%)" 
+  {
+    name: "俄罗斯",
+    count: 2,
+    width: "60%",
+    gradient: "linear-gradient(270deg, rgba(255,170,0,1) 0%, rgba(255,255,255,0) 100%)"
   },
-  { 
-    name: "中国香港", 
-    count: 1, 
-    width: "50%", 
-    gradient: "linear-gradient(270deg, rgba(5,95,194,1) 0%, rgba(255,255,255,0) 100%)" 
+  {
+    name: "中国香港",
+    count: 1,
+    width: "50%",
+    gradient: "linear-gradient(270deg, rgba(5,95,194,1) 0%, rgba(255,255,255,0) 100%)"
   }
 ])
 
@@ -531,14 +505,16 @@ onMounted(() => {
 
 <style scoped lang="scss">
 * {
-	margin: 0;
-	padding: 0;
+  margin: 0;
+  padding: 0;
 }
+
 .sanctions-overview {
-	width: 1601px;
-	margin: 0 auto;
-	padding-top: 16px;
+  width: 1601px;
+  margin: 0 auto;
+  padding-top: 16px;
   padding-bottom: 50px;
+<<<<<<< HEAD
 	.main {
 		width: 100%;
 		height: 100%;
@@ -555,6 +531,28 @@ onMounted(() => {
 				box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 				background-color: #fff;
 				margin-bottom: 16px;
+=======
+
+  .main {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+
+    .left {
+      width: 520px;
+      height: 1119px;
+
+      .left-top {
+        width: 100%;
+        height: 582px;
+        padding-bottom: 20px;
+        border-radius: 10px;
+        box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+        background-color: #fff;
+        margin-bottom: 16px;
+
+>>>>>>> bea204f6b0c426712984ef0245e831fffbbfef4d
         .left-top-title {
           padding: 22px 20px 22px 27px;
           width: 100%;
@@ -612,8 +610,28 @@ onMounted(() => {
 
               &.tags {
                 gap: 8px;
+<<<<<<< HEAD
                 flex-wrap: wrap;
                 overflow: visible;
+=======
+                overflow-x: auto; // Allow horizontal scrolling
+                white-space: nowrap; // Prevent wrapping
+                padding-bottom: 4px; // Add some space for scrollbar
+
+                /* Custom Scrollbar */
+                &::-webkit-scrollbar {
+                  height: 4px;
+                }
+
+                &::-webkit-scrollbar-thumb {
+                  background: #ccc;
+                  border-radius: 2px;
+                }
+
+                &::-webkit-scrollbar-track {
+                  background: transparent;
+                }
+>>>>>>> bea204f6b0c426712984ef0245e831fffbbfef4d
 
                 .tag {
                   padding: 1px 8px;
@@ -628,11 +646,13 @@ onMounted(() => {
             }
           }
         }
+
         .left-top-content {
           width: 100%;
           height: 234px;
           padding: 19px 29px 22px 27px;
           overflow: auto;
+
           .content-title {
             font-size: 16px;
             font-weight: 700;
@@ -648,6 +668,7 @@ onMounted(() => {
             flex-direction: column;
             gap: 16px;
             overflow: auto;
+
             .list-item {
               display: flex;
               align-items: center;
@@ -705,42 +726,46 @@ onMounted(() => {
             }
           }
         }
-			}
-			.left-bottom {
-				width: 100%;
-				height: 521px;
-				padding-bottom: 20px;
-				border-radius: 10px;
-				box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
-				background-color: #fff;
+      }
+
+      .left-bottom {
+        width: 100%;
+        height: 521px;
+        padding-bottom: 20px;
+        border-radius: 10px;
+        box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+        background-color: #fff;
+
         .left-bottom-content {
-            padding: 26px 30px 0 25px;
-            height: calc(100% - 56px); // 减去标题高度
+          padding: 26px 30px 0 25px;
+          height: calc(100% - 56px); // 减去标题高度
+          display: flex;
+          flex-direction: column;
+
+          .timeline-list {
             display: flex;
             flex-direction: column;
+            gap: 24px;
+            margin-bottom: 24px;
+            overflow-y: auto; // 允许垂直滚动
+            flex: 1; // 占据剩余空间
+            padding-right: 10px; // 防止滚动条遮挡内容
+
+            /* Custom Scrollbar */
+            &::-webkit-scrollbar {
+              width: 6px;
+            }
 
-            .timeline-list {
-              display: flex;
-              flex-direction: column;
-              gap: 24px;
-              margin-bottom: 24px;
-              overflow-y: auto; // 允许垂直滚动
-              flex: 1; // 占据剩余空间
-              padding-right: 10px; // 防止滚动条遮挡内容
-              
-              /* Custom Scrollbar */
-              &::-webkit-scrollbar {
-                width: 6px;
-              }
-              &::-webkit-scrollbar-thumb {
-                background: #ccc;
-                border-radius: 3px;
-              }
-              &::-webkit-scrollbar-track {
-                background: transparent;
-              }
+            &::-webkit-scrollbar-thumb {
+              background: #ccc;
+              border-radius: 3px;
             }
 
+            &::-webkit-scrollbar-track {
+              background: transparent;
+            }
+          }
+
           .timeline-item {
             display: flex;
             flex-direction: column;
@@ -817,14 +842,16 @@ onMounted(() => {
             }
           }
         }
-			}
-		}
-		.right {
-			width: 1064px;
-			height: auto;
-			border-radius: 10px;
-			box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
-			background-color: #fff;
+      }
+    }
+
+    .right {
+      width: 1064px;
+      height: auto;
+      border-radius: 10px;
+      box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+      background-color: #fff;
+
       .right-title {
         width: 100%;
         // height: 107px;
@@ -906,6 +933,7 @@ onMounted(() => {
               font-family: "Microsoft YaHei";
               line-height: 24px;
               margin-right: 34px;
+
               .dot {
                 width: 8px;
                 height: 8px;
@@ -915,6 +943,7 @@ onMounted(() => {
                 &.red {
                   background-color: rgb(206, 79, 81);
                 }
+
                 &.green {
                   background-color: rgb(33, 129, 57);
                 }
@@ -926,11 +955,14 @@ onMounted(() => {
                 line-height: 24px;
                 font-family: "Microsoft YaHei";
                 color: rgb(59, 65, 75);
+
                 .num {
                   font-weight: 700;
+
                   &.red {
                     color: rgb(206, 79, 81);
                   }
+
                   &.green {
                     color: rgb(33, 129, 57);
                   }
@@ -940,153 +972,164 @@ onMounted(() => {
           }
         }
       }
-        .right-content {
-          padding: 0 20px 17px 20px;
 
-          .sanction-group-list {
-            display: flex;
-            flex-direction: column;
-            gap: 16px;
-            
-            .sanction-group {
-              border: 1px solid rgb(234, 236, 238);
-              border-radius: 8px;
-              overflow: hidden;
-
-              :deep(.el-table__header-wrapper) {
-                th {
-                  background-color: rgb(59, 65, 75) !important;
-                  height: 48px;
-                  padding: 0;
-                  color: #fff;
-                  font-weight: 700;
-                  font-size: 16px;
-                  font-family: "Microsoft YaHei";
-                  border-bottom: none;
-                }
-                th:first-child {
-                  border-top-left-radius: 8px;
-                }
-                th:last-child {
-                  border-top-right-radius: 8px;
-                }
+      .right-content {
+        padding: 0 20px 17px 20px;
+
+        .sanction-group-list {
+          display: flex;
+          flex-direction: column;
+          gap: 16px;
+
+          .sanction-group {
+            border: 1px solid rgb(234, 236, 238);
+            border-radius: 8px;
+            overflow: hidden;
+
+            :deep(.el-table__header-wrapper) {
+              th {
+                background-color: rgb(59, 65, 75) !important;
+                height: 48px;
+                padding: 0;
+                color: #fff;
+                font-weight: 700;
+                font-size: 16px;
+                font-family: "Microsoft YaHei";
+                border-bottom: none;
               }
 
-              :deep(.el-table__body-wrapper) {
-                tr:nth-child(odd) td {
-                  background-color: rgba(248, 249, 250, 1);
-                }
-                tr:nth-child(even) td {
-                  background-color: #fff;
-                }
-                td {
-                  height: 48px;
-                  padding: 0;
-                  font-size: 16px;
-                  font-weight: 400;
-                  font-family: "Microsoft YaHei";
-                  color: rgb(95, 101, 108);
-                  line-height: 24px;
-                }
+              th:first-child {
+                border-top-left-radius: 8px;
               }
 
-              .name-cell {
-                display: flex;
-                align-items: center;
-                
-                .dot {
-                  width: 8px;
-                  height: 8px;
-                  border-radius: 50%;
-                  background-color: rgb(206, 79, 81);
-                  margin-right: 16px;
-                  flex-shrink: 0;
-                }
-                
-                .company-icon {
-                  width: 24px;
-                  height: 24px;
-                  margin-right: 12px;
-                  border-radius: 50%;
-                  flex-shrink: 0;
-                }
+              th:last-child {
+                border-top-right-radius: 8px;
+              }
+            }
 
-                .company-name {
-                  font-size: 16px;
-                  font-weight: 700;
-                  line-height: 24px;
-                  font-family: "Microsoft YaHei";
-                  color: rgba(59, 65, 75, 1);
-                }
+            :deep(.el-table__body-wrapper) {
+              tr:nth-child(odd) td {
+                background-color: rgba(248, 249, 250, 1);
               }
 
-              .tag {
-                padding: 1px 8px;
-                border-radius: 4px;
-                font-size: 14px;
-                display: inline-block;
-                border: 1px solid transparent; 
+              tr:nth-child(even) td {
+                background-color: #fff;
               }
 
-              .subsidiary-link {
-                cursor: pointer;
-                font-size: 14px;
-                color: rgb(59, 65, 75);
-                
-                .blue-text {
-                  color: rgb(5, 95, 194);
-                }
+              td {
+                height: 48px;
+                padding: 0;
+                font-size: 16px;
+                font-weight: 400;
+                font-family: "Microsoft YaHei";
+                color: rgb(95, 101, 108);
+                line-height: 24px;
               }
+            }
 
-              .reason-box {
-                padding: 12px 19px 14px 39px;
-                background-color: #fff;
-                border-top: 1px solid rgb(234, 236, 238);
+            .name-cell {
+              display: flex;
+              align-items: center;
+
+              .dot {
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                background-color: rgb(206, 79, 81);
+                margin-right: 16px;
+                flex-shrink: 0;
+              }
+
+              .company-icon {
+                width: 24px;
+                height: 24px;
+                margin-right: 12px;
+                border-radius: 50%;
+                flex-shrink: 0;
+              }
+
+              .company-name {
                 font-size: 16px;
-                color: rgb(59, 65, 75);
-                line-height: 28px;
+                font-weight: 700;
+                line-height: 24px;
                 font-family: "Microsoft YaHei";
-                text-align: left;
+                color: rgba(59, 65, 75, 1);
+              }
+            }
+
+            .tag {
+              padding: 1px 8px;
+              border-radius: 4px;
+              font-size: 14px;
+              display: inline-block;
+              border: 1px solid transparent;
+            }
+
+            .subsidiary-link {
+              cursor: pointer;
+              font-size: 14px;
+              color: rgb(59, 65, 75);
+
+              .blue-text {
+                color: rgb(5, 95, 194);
               }
             }
+
+            .reason-box {
+              padding: 12px 19px 14px 39px;
+              background-color: #fff;
+              border-top: 1px solid rgb(234, 236, 238);
+              font-size: 16px;
+              color: rgb(59, 65, 75);
+              line-height: 28px;
+              font-family: "Microsoft YaHei";
+              text-align: left;
+            }
           }
         }
-		}
-	}
+      }
+    }
+  }
 }
+
 .title-com {
-	width: 100%;
-	height: 56px;
-	display: flex;
-	align-items: center;
-	padding: 14px 12px 16px 0;
-	.box {
-		width: 8px;
-		height: 20px;
-		background-color: rgb(5, 95, 194);
-		border-bottom-right-radius: 4px;
-		border-top-right-radius: 4px;
-		margin-right: 14px;
-	}
-	.text {
-		font-size: 20px;
-		font-weight: 700;
-		font-family: "Microsoft YaHei";
-		line-height: 26px;
-		color: rgb(5, 95, 194);
-	}
-	.btn {
-		width: 60px;
-		height: 28px;
-		margin-left: auto;
-		img {
-			width: 28px;
-			height: 28px;
-			cursor: pointer;
-		}
-		img:first-child {
-			margin-right: 4px;
-		}
-	}
+  width: 100%;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  padding: 14px 12px 16px 0;
+
+  .box {
+    width: 8px;
+    height: 20px;
+    background-color: rgb(5, 95, 194);
+    border-bottom-right-radius: 4px;
+    border-top-right-radius: 4px;
+    margin-right: 14px;
+  }
+
+  .text {
+    font-size: 20px;
+    font-weight: 700;
+    font-family: "Microsoft YaHei";
+    line-height: 26px;
+    color: rgb(5, 95, 194);
+  }
+
+  .btn {
+    width: 60px;
+    height: 28px;
+    margin-left: auto;
+
+    img {
+      width: 28px;
+      height: 28px;
+      cursor: pointer;
+    }
+
+    img:first-child {
+      margin-right: 4px;
+    }
+  }
 }
 </style>
\ No newline at end of file

src/views/thinkTank/ReportDetail/policyTracking/index.vue

@@ -71,7 +71,7 @@
 				</div>
 			</div>
 			<div class="box2-main">
-				<div class="box2-item" v-for="(item, index) in box2Data" :key="index">
+				<div class="box2-item" v-for="(item, index) in box2Data" :key="index" @click="handleToNewsAnalysis(item)">
 					<div class="box2-item-left">
 						<div class="point">
 							<img src="@/assets/images/dot.png" alt="" />
@@ -314,7 +314,17 @@ const box2Data = ref([
 	// 	img: 1
 	// }
 ]);
-
+// 点击新闻条目，跳转到新闻分析页
+const handleToNewsAnalysis = news => {
+	console.log(news)
+	const route = router.resolve({
+		path: "/newsAnalysis",
+		query: {
+			newsId: news.newsId
+		}
+	});
+	window.open(route.href, "_blank");
+};
 const handleGetThinkTankReportPolicyAction = async () => {
 	try {
 		const res = await getThinkTankReportPolicyAction(router.currentRoute._value.params.id);

src/views/thinkTank/index.vue

@@ -85,17 +85,12 @@
 						</el-popover>
 
 						<div class="tag-box">
-							<div
-								class="tag"
-								:class="{
-									tag1: val.status === 1,
-									tag2: val.status === 2,
-									tag3: val.status === 3,
-									tag4: val.status === 4
-								}"
-								v-for="(val, idx) in item.tagList"
-								:key="idx"
-							>
+							<div class="tag" :class="{
+								tag1: val.status === 1,
+								tag2: val.status === 2,
+								tag3: val.status === 3,
+								tag4: val.status === 4
+							}" v-for="(val, idx) in item.tagList" :key="idx">
 								{{ val.industryName }}
 							</div>
 						</div>
@@ -111,6 +106,16 @@
 				<DivideHeader id="position1" class="divide-header" :titleText="'最新动态'"></DivideHeader>
 				<div class="center-top">
 					<div class="box1">
+						<div class="box1-left" @click="handleSwithCurDecree('left')">
+							<div class="icon">
+								<img src="./assets/images/box1-left.png" alt="" />
+							</div>
+						</div>
+						<div class="box1-right" @click="handleSwithCurDecree('right')">
+							<div class="icon">
+								<img src="./assets/images/box1-right.png" alt="" />
+							</div>
+						</div>
 						<div class="box1-header">
 							<div class="box1-header-left">
 								<div class="icon">
@@ -118,50 +123,38 @@
 								</div>
 								<div class="title">{{ "智库发布" }}</div>
 							</div>
-							<div class="box1-header-right" @click="toDetaile()">查看详情 ></div>
+							<div class="box1-header-right" @click="handleClickToDetail">查看详情 ></div>
 						</div>
-						<div style="display: flex">
-							<img
-								src="./assets/images/right-left-icon1.png"
-								alt=""
-								style="margin-top: 174px; width: 24px; height: 48px"
-								@click="changeBox1Data('previous')"
-							/>
-							<div class="box1-main">
-								<div class="box1-main-left">
-									<img :src="box1Data[box1DataIndex]?.imageUrl" alt="" />
-								</div>
-								<div class="box1-main-right">
-									<div class="title">{{ box1Data[box1DataIndex]?.reportName }}</div>
-									<div class="tag-box">
-										<div
-											class="tag"
-											v-for="(item, index) in box1Data[box1DataIndex]?.industryVOList"
-											:key="index"
-										>
-											{{ item.industryName }}
-										</div>
+						<el-carousel ref="carouselRef" height="395px" :autoplay="true" :interval="3000" arrow="never"
+							indicator-position="none">
+							<el-carousel-item v-for="(itemData, indexData) in box1Data" :key="index">
+								<div class="box1-main">
+									<div class="box1-main-left">
+										<img :src="itemData?.imageUrl" alt="" />
 									</div>
-									<div class="content">{{ box1Data[box1DataIndex]?.summary }}</div>
-									<div class="box1-right-footer">
-										<div class="time">{{ box1Data[box1DataIndex]?.time }}</div>
-										<div class="name">
-											<div class="logo">
-												<img :src="box1Data[box1DataIndex]?.thinkTankImage" alt="" />
+									<div class="box1-main-right">
+										<div class="title">{{ itemData?.reportName }}</div>
+										<div class="tag-box">
+											<div class="tag" v-for="(item, index) in itemData?.industryVOList" :key="index">
+												{{ item.industryName }}
+											</div>
+										</div>
+										<div class="content">{{ itemData?.summary }}</div>
+										<div class="box1-right-footer">
+											<div class="time">{{ itemData?.time }}</div>
+											<div class="name">
+												<div class="logo">
+													<img :src="itemData?.thinkTankImage" alt="" />
+												</div>
+												<div class="text">{{ itemData?.thinkTankName }}</div>
+												<div class="text">{{ itemData?.reportDate }}</div>
 											</div>
-											<div class="text">{{ box1Data[box1DataIndex]?.thinkTankName }}</div>
-											<div class="text">{{ box1Data[box1DataIndex]?.reportDate }}</div>
 										</div>
 									</div>
 								</div>
-							</div>
-							<img
-								src="./assets/images/right-left-icon2.png"
-								alt=""
-								style="margin-top: 174px; width: 24px; height: 48px"
-								@click="changeBox1Data('next')"
-							/>
-						</div>
+							</el-carousel-item>
+						</el-carousel>
+
 					</div>
 					<div class="box2">
 						<div class="box2-header">
@@ -174,15 +167,13 @@
 							</div>
 						</div>
 						<div class="box2-main">
-							<div class="box2-main-item" v-for="(item, index) in warningList" :key="index">
-								<div
-									class="item-left"
-									:class="{
-										itemLeftStatus1: item.status === '一般风险 ' || item.status === '暂无数值',
-										itemLeftStatus2: item.status === '重大风险',
-										itemLeftStatus3: item.status === '特别重大'
-									}"
-								>
+							<div class="box2-main-item" v-for="(item, index) in warningList" :key="index"
+								@click="handleClickToDetail()">
+								<div class="item-left" :class="{
+									itemLeftStatus1: item.status === '一般风险 ' || item.status === '暂无数值',
+									itemLeftStatus2: item.status === '重大风险',
+									itemLeftStatus3: item.status === '特别重大'
+								}">
 									{{ item.status || "一般风险" }}
 								</div>
 								<div class="item-right">
@@ -219,12 +210,7 @@
 							</div>
 						</div>
 						<div class="box3-main">
-							<div
-								class="box3-item"
-								v-for="(news, index) in newsList"
-								:key="index"
-								@click="handleToNewsAnalysis(news)"
-							>
+							<div class="box3-item" v-for="(news, index) in newsList" :key="index" @click="handleToNewsAnalysis(news)">
 								<div class="left">
 									<img :src="news.newsImage !== null ? news.newsImage : defaultNewsIcon" />
 								</div>
@@ -290,13 +276,8 @@
 							</div>
 							<div class="box5-select-box">
 								<el-select v-model="box5selectetedMonths" placeholder="选择时间" style="width: 120px">
-									<el-option
-										v-for="item in box5MonthsList"
-										:key="item.value"
-										:label="item.label"
-										:value="item.value"
-										@click="changeBox5Data(item.value)"
-									/>
+									<el-option v-for="item in box5MonthsList" :key="item.value" :label="item.label" :value="item.value"
+										@click="changeBox5Data(item.value)" />
 								</el-select>
 							</div>
 						</div>
@@ -310,13 +291,8 @@
 							<div class="header-title">{{ "政策建议领域分布" }}</div>
 							<div class="box6-select-box">
 								<el-select v-model="box6selectetedYear" placeholder="选择时间" style="width: 120px">
-									<el-option
-										v-for="item in box6YearList"
-										:key="item.value"
-										:label="item.label"
-										:value="item.value"
-										@click="handleBox6()"
-									/>
+									<el-option v-for="item in box6YearList" :key="item.value" :label="item.label" :value="item.value"
+										@click="handleBox6()" />
 								</el-select>
 							</div>
 						</div>
@@ -345,30 +321,21 @@
 							</div>
 							<div class="box8-select-box">
 								<el-select v-model="box8selectetedYear" placeholder="选择时间" style="width: 120px">
-									<el-option
-										v-for="item in box8YearList"
-										:key="item.value"
-										:label="item.label"
-										:value="item.value"
-										@click="changeBox8Data(item.value)"
-									/>
+									<el-option v-for="item in box8YearList" :key="item.value" :label="item.label" :value="item.value"
+										@click="changeBox8Data(item.value)" />
 								</el-select>
 							</div>
 						</div>
 						<div class="box8-main">
 							<div class="box8-item" v-for="(item, index) in box8Data" :key="index">
-								<div
-									class="item-left"
-									:class="{ itemBold1: index === 0, itemBold2: index === 1, itemBold3: index === 2 }"
-								>
+								<div class="item-left"
+									:class="{ itemBold1: index === 0, itemBold2: index === 1, itemBold3: index === 2 }">
 									{{ index + 1 }}
 								</div>
 								<!-- <el-popover effect="dark" :content="item.clause" placement="top-start">
 									<template #reference> -->
-								<div
-									class="item-center"
-									:class="{ itemBold1: index === 0, itemBold2: index === 1, itemBold3: index === 2 }"
-								>
+								<div class="item-center"
+									:class="{ itemBold1: index === 0, itemBold2: index === 1, itemBold3: index === 2 }">
 									{{ item.clause }}
 								</div>
 								<!-- </template>
@@ -385,13 +352,8 @@
 				<DivideHeader id="position4" class="divide-header" :titleText="'资源库'"></DivideHeader>
 				<div class="home-main-footer-header">
 					<div class="btn-box">
-						<div
-							class="btn"
-							:class="{ btnActive: activeCate === cate }"
-							v-for="(cate, index) in categoryList"
-							:key="index"
-							@click="handleClickCate(cate)"
-						>
+						<div class="btn" :class="{ btnActive: activeCate === cate }" v-for="(cate, index) in categoryList"
+							:key="index" @click="handleClickCate(cate)">
 							{{ cate }}
 						</div>
 					</div>
@@ -409,22 +371,12 @@
 							</div>
 							<div class="select-main">
 								<div class="checkbox-group">
-									<el-checkbox
-										v-model="checkAll"
-										:indeterminate="isIndeterminate"
-										class="all-checkbox"
-										@change="handleCheckAllChange"
-									>
+									<el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" class="all-checkbox"
+										@change="handleCheckAllChange">
 										全部领域
 									</el-checkbox>
-									<el-checkbox
-										v-for="research in areaList"
-										:key="research.id"
-										v-model="selectedAreaList"
-										:label="research.id"
-										@change="handleCheckedAreaChange()"
-										class="filter-checkbox"
-									>
+									<el-checkbox v-for="research in areaList" :key="research.id" v-model="selectedAreaList"
+										:label="research.id" @change="handleCheckedAreaChange()" class="filter-checkbox">
 										{{ research.name }}
 									</el-checkbox>
 								</div>
@@ -438,22 +390,13 @@
 							</div>
 							<div class="select-main">
 								<div class="checkbox-group">
-									<el-checkbox
-										v-model="checkAllTime"
-										class="all-checkbox"
-										:indeterminate="isIndeterminateTime"
-										@change="handleCheckAllChangeTime"
-									>
+									<el-checkbox v-model="checkAllTime" class="all-checkbox" :indeterminate="isIndeterminateTime"
+										@change="handleCheckAllChangeTime">
 										全部时间
 									</el-checkbox>
 									<el-checkbox-group v-model="selectedPubTimeList">
-										<el-checkbox
-											v-for="time in pubTimeList"
-											:key="time.id"
-											:label="time.id"
-											class="filter-checkbox"
-											@change="handleCheckedAreaChangeTime()"
-										>
+										<el-checkbox v-for="time in pubTimeList" :key="time.id" :label="time.id" class="filter-checkbox"
+											@change="handleCheckedAreaChangeTime()">
 											{{ time.name }}
 										</el-checkbox>
 									</el-checkbox-group>
@@ -463,12 +406,8 @@
 					</div>
 					<div class="right">
 						<div class="card-box">
-							<div
-								class="footer-card"
-								v-for="(item, index) in curFooterList"
-								:key="index"
-								@click="handleToReportDetail(item.id)"
-							>
+							<div class="footer-card" v-for="(item, index) in curFooterList" :key="index"
+								@click="handleToReportDetail(item.id)">
 								<div class="footer-card-top">
 									<img :src="item.imageUrl" alt="" />
 								</div>
@@ -489,14 +428,8 @@
 						<div class="right-footer">
 							<div class="info">共{{ total }}项智库报告</div>
 							<div class="page-box">
-								<el-pagination
-									:page-size="12"
-									background
-									layout="prev, pager, next"
-									:total="total"
-									@current-change="handleCurrentChange"
-									:current-page="currentPage"
-								/>
+								<el-pagination :page-size="12" background layout="prev, pager, next" :total="total"
+									@current-change="handleCurrentChange" :current-page="currentPage" />
 							</div>
 						</div>
 					</div>
@@ -664,6 +597,22 @@ function changeBox1Data(type) {
 	}
 }
 
+const carouselRef = ref(null);
+
+// 点击查看详情
+const handleClickToDetail = () => {
+	let activeIndex = 0;
+	if (carouselRef.value) {
+		activeIndex = carouselRef.value.activeIndex;
+	}
+
+	console.log("当前 Carousel 激活索引:", activeIndex);
+
+	const id = box1Data.value[activeIndex].id;
+	box1DataIndex.value = activeIndex
+	toDetaile()
+};
+
 const toDetaile = () => {
 	const route = router.resolve({
 		name: "ReportDetail",
@@ -673,6 +622,16 @@ const toDetaile = () => {
 	});
 	window.open(route.href, "_blank");
 };
+
+// 切换当前智库
+const handleSwithCurDecree = name => {
+	console.log(name, carouselRef.value)
+	if (name === "left") {
+		carouselRef.value.prev();
+	} else {
+		carouselRef.value.next();
+	}
+};
 // 风险信号
 const warningList = ref([
 	{
@@ -1542,7 +1501,7 @@ const handleClickPerson = async item => {
 			ElMessage.warning("找不到当前人员的类型值！");
 			return;
 		}
-	} catch (error) {}
+	} catch (error) { }
 };
 
 // 点击新闻条目，跳转到新闻分析页
@@ -1575,7 +1534,7 @@ const handleSearch = () => {
 		}
 	});
 	window.open(curRoute.href, "_blank");
-	
+
 }
 
 onMounted(async () => {
@@ -1746,6 +1705,7 @@ onMounted(async () => {
 				margin-top: 39px;
 				display: flex;
 				justify-content: space-between;
+
 				.btn {
 					display: flex;
 					align-items: center;
@@ -1758,9 +1718,11 @@ onMounted(async () => {
 					background: #e7f3ff;
 					cursor: pointer;
 					position: relative;
+
 					&:hover {
 						background: #cae3fc;
 					}
+
 					.btn-text {
 						width: 80px;
 						color: var(--color-main-active);
@@ -1771,12 +1733,14 @@ onMounted(async () => {
 						margin-left: 36px;
 						text-align: center;
 					}
+
 					.btn-icon {
 						position: absolute;
 						top: 16px;
 						right: 19px;
 						width: 6px;
 						height: 12px;
+
 						img {
 							width: 100%;
 							height: 100%;
@@ -2021,6 +1985,7 @@ onMounted(async () => {
 						width: 24px;
 						height: 48px;
 						cursor: pointer;
+						z-index: 10000;
 
 						img {
 							width: 100%;

vite.config.js

@@ -15,6 +15,15 @@ export default defineConfig({
       resolvers: [ElementPlusResolver()],
     }),
   ],
+  build: {
+    // minify: 'terser',
+    terserOptions: {
+      compress: {
+        drop_console: true,    // 移除所有 console.*
+        drop_debugger: true,   // 移除 debugger
+      },
+    },
+  },
   resolve: {
     alias: {
       '@': resolve(__dirname, 'src'),