完善智库详情，按照样式图基本实现智库概览样式

src/api/thinkTank/overview.js

@@ -83,6 +83,15 @@ export function getThinkTankReport(params) {
   })
 }
 
+// 智库概览：政策建议（资源库-政策建议）
+export function getThinkTankOverviewPolicy(params) {
+  return request({
+    method: 'GET',
+    url: `/api/thinkTankOverview/policy`,
+    params
+  })
+}
+
 /*********  智库信息 */
 //智库百科:获取全局信息
 export function getThinkTankSummary(params) {
@@ -119,6 +128,13 @@ export function getThinkPolicyIndustry(params) {
     url: `/api/thinkTankInfo/policyIndustry/${params.id}/${params.year}`,
   })
 }
+//提出政策建议涉及部门分布
+export function getPolicyAdviceDeptDistribution(params){
+   return request({
+    method: 'GET',
+    url: `/api/thinkTankInfo/policyDepartment/${params.id}/${params.year}`,
+  })
+}
 
 //获取相关政策领域分布
 export function getThinkPolicyIndustryTotal(params) {

src/components/base/newsList/index.vue

@@ -73,6 +73,7 @@ const handleToNewsAnalysis = (item, index) => {
 	flex-direction: column;
 	gap: 0 !important;
 	overflow: hidden;
+	border: 1px solid rgba(234, 236, 238, 1) !important;
 
 	.news-header {
 		height: 48px !important;
@@ -142,6 +143,7 @@ const handleToNewsAnalysis = (item, index) => {
 
 			&:hover {
 				background: var(--color-bg-hover);
+
 				.right-top .title {
 					text-decoration: underline;
 					color: rgb(5, 95, 194) !important;

src/views/ruleRestriction/index.vue

@@ -3,13 +3,8 @@
 		<div class="main-content" ref="homeMainRef">
 			<div class="home-top-bg"></div>
 			<!-- 搜索栏部分 -->
-			<SearchContainer
-				v-if="homeMainRef"
-				:countInfo="statCountInfo"
-				placeholder="搜索规则限制"
-				:containerRef="homeMainRef"
-				areaName=""
-			/>
+			<SearchContainer v-if="homeMainRef" :countInfo="statCountInfo" placeholder="搜索规则限制" :containerRef="homeMainRef"
+				areaName="" />
 			<!-- 最新动态 -->
 			<div class="newdata" id="position1">
 				<com-title title="最新动态" />

src/views/ruleRestriction/index2.vue

@@ -215,9 +215,11 @@ onMounted(async () => {
 	margin: 0;
 	padding: 0;
 }
+
 .coop-page {
 	width: 100%;
 	height: 100%;
+
 	// .breadcrumb {
 	// 	width: 100%;
 	// 	height: 64px;
@@ -245,6 +247,7 @@ onMounted(async () => {
 			width: 960px;
 			height: 168px;
 			margin: 0 auto 68px auto;
+
 			.search-center {
 				width: 688px;
 				height: 48px;
@@ -284,6 +287,7 @@ onMounted(async () => {
 					}
 				}
 			}
+
 			.search-main {
 				display: flex;
 				padding-right: 3px;
@@ -295,9 +299,11 @@ onMounted(async () => {
 				background-color: rgba(255, 255, 255, 0.65);
 				border-radius: 10px;
 				border: 1px solid #fff;
+
 				&:hover {
 					border: 1px solid var(--color-main-active);
 				}
+
 				.search-input {
 					border: none;
 					outline: none;
@@ -315,6 +321,7 @@ onMounted(async () => {
 						color: #a8abb2;
 					}
 				}
+
 				.search-btn {
 					cursor: pointer;
 					display: flex;
@@ -330,6 +337,7 @@ onMounted(async () => {
 					font-family: "Microsoft YaHei";
 					line-height: 22px;
 					color: #fff;
+
 					img {
 						width: 18px;
 						height: 18px;
@@ -337,6 +345,7 @@ onMounted(async () => {
 					}
 				}
 			}
+
 			.search-bottom {
 				width: 688px;
 				height: 48px;
@@ -344,6 +353,7 @@ onMounted(async () => {
 				margin-top: 36px;
 				display: flex;
 				justify-content: space-between;
+
 				// gap: 16px;
 				.btn {
 					display: flex;
@@ -357,9 +367,11 @@ onMounted(async () => {
 					background: #e7f3ff;
 					cursor: pointer;
 					position: relative;
+
 					&:hover {
 						background: #cae3fc;
 					}
+
 					.btn-text {
 						width: 80px;
 						color: var(--color-main-active);
@@ -370,12 +382,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%;
@@ -384,40 +398,48 @@ onMounted(async () => {
 				}
 			}
 		}
+
 		.newdata {
 			width: 1600px;
 			height: 538px;
 			margin: 36px auto 64px auto;
+
 			.newdata-main {
 				width: 1600px;
 				height: 460px;
 				margin-top: 36px;
 			}
 		}
+
 		.ask {
 			width: 1600px;
 			height: 528px;
 			margin: 0 auto 64px auto;
+
 			.ask-main {
 				width: 1600px;
 				height: 450px;
 				margin-top: 36px;
 			}
 		}
+
 		.datasub {
 			width: 1600px;
 			height: 538px;
 			margin: 0 auto 88px auto;
+
 			.datasub-main {
 				width: 1600px;
 				height: 460px;
 				margin-top: 36px;
 			}
 		}
+
 		.reslib {
 			width: 1600px;
 			height: 1633px;
 			margin: 0 auto 0px auto;
+
 			.reslib-main {
 				width: 1600px;
 				height: 1565px;
@@ -486,6 +508,7 @@ onMounted(async () => {
 				.search-icon {
 					width: 18px;
 					height: 18px;
+
 					img {
 						width: 100%;
 						height: 100%;
@@ -522,9 +545,11 @@ onMounted(async () => {
 				background: #e7f3ff;
 				cursor: pointer;
 				position: relative;
+
 				&:hover {
 					background: #cae3fc;
 				}
+
 				.btn-text {
 					width: 80px;
 					color: var(--color-main-active);
@@ -535,12 +560,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%;

src/views/thinkTank/ReportDetail/index.vue

@@ -19,7 +19,10 @@
 					</div>
 				</div>
 				<div class="header-top-right">
-					<div class="name">{{ thinkInfo.thinkTankName }}</div>
+					<div class="image-name-box">
+						<div class="image"> <img :src=thinkInfo.thinkTankLogoUrl alt="" /></div>
+						<div class="name">{{ thinkInfo.thinkTankName }}</div>
+					</div>
 					<div class="time">{{ thinkInfo.times }}</div>
 				</div>
 			</div>
@@ -199,15 +202,46 @@ onMounted(async () => {
 			}
 
 			.header-top-right {
-				.name {
+				display: flex;
+				flex-direction: column;
+				text-align: right;
+				align-items: flex-end;
+
+				.image-name-box {
+					width: 118px;
 					height: 24px;
-					color: rgba(95, 101, 108, 1);
-					font-family: Microsoft YaHei;
-					font-size: 16px;
-					font-weight: 400;
-					line-height: 24px;
-					letter-spacing: 0px;
+					gap: 6px;
+
 					text-align: right;
+					display: flex;
+					justify-content: flex-end;
+
+					.name {
+						height: 24px;
+						color: rgba(95, 101, 108, 1);
+						font-family: Microsoft YaHei;
+						font-size: 16px;
+						font-weight: 400;
+						line-height: 24px;
+						letter-spacing: 0px;
+						text-align: right;
+
+					}
+
+					.image {
+						width: 16px;
+						height: 16px;
+
+						margin-top: 5px;
+
+
+						img {
+							width: 100%;
+							height: 100%;
+
+
+						}
+					}
 				}
 
 				.time {

src/views/thinkTank/ThinkTankDetail/PolicyTracking/index.vue

@@ -27,9 +27,9 @@
 					<div class="title">{{ "政策建议涉及部门分布" }}</div>
 					<!-- <div class="box-header-right">{{ "查看数据源 >" }}</div> -->
 					<div class="select-box">
-						<el-select v-model="box1SelectYear" placeholder="选择时间" style="width: 100px">
-							<el-option v-for="(item, index) in box1YearList" :key="index" :label="item.label + '年'"
-								:value="item.value" @click="handleGetThinkPolicyIndustry()" />
+						<el-select v-model="box2SelectYear" placeholder="选择时间" style="width: 100px">
+							<el-option v-for="(item, index) in box2YearList" :key="index" :label="item.label + '年'"
+								:value="item.value" @click="handleGetPolicyAdviceDeptDistribution()" />
 						</el-select>
 					</div>
 				</div>
@@ -78,7 +78,7 @@
 						</el-select>
 					</div>
 				</div>
-				<div class="box-main">
+				<div class="box3-main">
 					<div id="box3Chart"></div>
 				</div>
 			</div>
@@ -223,7 +223,8 @@ import {
 	getThinkPolicyIndustryTotal,
 	getThinkPolicyIndustryChange,
 	getHylyList,
-	getThinkPolicy
+	getThinkPolicy,
+	getPolicyAdviceDeptDistribution
 } from "@/api/thinkTank/overview";
 
 import { useRouter } from "vue-router";
@@ -272,9 +273,11 @@ const box1Data = ref([
 	// 	color: "#D6E4FF"
 	// }
 ]);
+
 const relationBillsList = ref([{ billName: "2025《人工智能安全与评估法案》" }])
 const relationAdList = ref([{ adName: "2025《人工智能安全与评估法案》" }])
 const box1SelectYear = ref("2025");
+
 const box1YearList = ref([
 	{
 		label: "2025",
@@ -299,23 +302,45 @@ const handleGetThinkPolicyIndustry = async () => {
 		const res = await getThinkPolicyIndustry(parmas);
 		console.log("提出建议领域分布", res);
 		if (res.code === 200 && res.data) {
-			let data = [];
-			res.data.map(item => {
-				data.push({
-					name: item.industry,
-					value: item.amount,
-					percent: item.percent
-				});
-			});
+			const list = Array.isArray(res.data) ? res.data.slice(0, 7) : [];
+			const data = list.map(item => ({
+				name: item.industry,
+				value: item.amount,
+				percent: item.percent
+			}));
 			box1Data.value = data;
 			const box1Chart = getPieChart(box1Data.value);
 			setChart(box1Chart, "box1Chart");
-			setChart(box1Chart, "box2Chart");
+
 		}
 	} catch (error) {
 		console.error("获取提出建议领域分布error", error);
 	}
 };
+const handleGetPolicyAdviceDeptDistribution = async () => {
+	try {
+		const parmas = {
+			id: router.currentRoute._value.params.id,
+			year: box2SelectYear.value
+		};
+		const res = await getPolicyAdviceDeptDistribution(parmas);
+		console.log("政策建议涉及部门分布", res);
+		if (res.code === 200 && res.data && Array.isArray(res.data.series)) {
+			// 接口新结构：data.series 为 [{ name, value, percent, extra }]
+			const list = res.data.series.slice(0, 7);
+			box2Data.value = list.map(item => ({
+				name: item.name,
+				value: item.value,
+				percent: item.percent
+			}));
+
+			const box2Chart = getPieChart(box2Data.value);
+			setChart(box2Chart, "box2Chart");
+		}
+	} catch (error) {
+		console.error("获取政策建议涉及部门分布 error", error);
+	}
+};
 
 // 相关政策领域分布
 const box2Data = ref([
@@ -657,6 +682,7 @@ onMounted(() => {
 	handleGetThinkPolicyIndustryChange();
 	handleGetHylyList();
 	handleGetThinkPolicy();
+	handleGetPolicyAdviceDeptDistribution();
 });
 </script>
 
@@ -811,20 +837,45 @@ onMounted(() => {
 			}
 
 			.box-main {
-				height: 360px;
+				height: 372px;
+				width: 520px;
 				position: relative;
 				overflow: hidden;
+				box-sizing: border-box;
+				padding: 24px 24px 0;
 
 				#box1Chart {
-					height: 360px;
+					height: 309px;
+					width: 446.5px;
 				}
 
 				#box2Chart {
-					height: 360px;
+					height: 309px;
+					width: 446.5px;
 				}
 
 				#box3Chart {
-					height: 360px;
+					height: 309px;
+					width: 446.5px;
+				}
+
+
+			}
+
+			.box3-main {
+				height: 372px;
+				width: 520px;
+				position: relative;
+				overflow: hidden;
+				box-sizing: border-box;
+				padding-top: 24px;
+
+
+
+
+				#box3Chart {
+					height: 300px;
+					width: 520px;
 				}
 
 
@@ -1366,22 +1417,4 @@ onMounted(() => {
 	height: 8px !important;
 	margin-right: 4px;
 }
-
-/* PolicyTracking 分页按钮样式：1px 描边 + 白底 + 6px 圆角 */
-:deep(.right-footer .el-pagination.is-background .btn-prev),
-:deep(.right-footer .el-pagination.is-background .btn-next),
-:deep(.right-footer .el-pagination.is-background .el-pager li) {
-	border: 1px solid rgba(0, 0, 0, 0.15) !important;
-	background-color: rgba(255, 255, 255, 1) !important;
-	border-radius: 6px !important;
-	box-sizing: border-box;
-}
-
-// 选中状态的页码样式（描边+文字颜色改为指定蓝色）
-:deep(.right-footer .el-pagination.is-background .el-pager li.is-active) {
-	border-color: rgba(22, 119, 255, 1) !important; // 选中后描边颜色
-	color: rgba(22, 119, 255, 1) !important; // 选中后页码文字颜色
-	background-color: rgba(255, 255, 255, 1) !important; // 保持白色背景
-	font-weight: 400;
-}
 </style>
\ No newline at end of file

src/views/thinkTank/ThinkTankDetail/PolicyTracking/utils/multiLineChart.js

 import * as echarts from 'echarts'
+import { size, split } from 'lodash'
 
 const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
   return {
@@ -19,23 +20,55 @@ const getMultiLineChart = (dataX, dataY1, dataY2, dataY3) => {
       containLabel: true
     },
     legend: {
+      icon:'circle',
       show: true,
       top: 10,
       left:'10%',
       textStyle: {
-        fontSize: 16
-      }
+      fontSize: 16,
+      fontFamily: 'Source Han Sans CN',
+      fontWeight: 400,    
+      lineHeight: 24,            
+      letterSpacing: 0,                 
+      align: 'left',       
+      color:'rgb(95, 101, 108)'
+      },
+      itemWidth:12,
+      itemHeight:12, 
     },
     xAxis: [
       {
         type: 'category',
         boundaryGap: false,
-        data: dataX
+        data: dataX,
+       axisLine: {
+      lineStyle: {
+        color: 'rgb(231, 243, 255)',
+      },
+      },
+      axisLabel: {
+      color: 'rgb(132, 136, 142)',
+       fontFamily: 'Microsoft YaHei',
+      fontWeight: 400,   
+      fontSize:12,           
+             
+     
+     
+    },
+ 
+    
       }
     ],
     yAxis: [
       {
-        type: 'value'
+        type: 'value',
+        splitLine:{
+          show:true,
+          lineStyle:{
+            color:"rgb(231, 243, 255)",
+            type:'dashed'
+          }
+        }
       }
     ],
     series: [

src/views/thinkTank/ThinkTankDetail/PolicyTracking/utils/piechart.js

@@ -13,21 +13,31 @@ const getPieChart = (data) => {
         },
         label: {
           alignTo: 'edge',
-          formatter: '{name|{b}} {time|{c} 条 {d}%}\n',
+    formatter: params => {
+  const name = params.name || "";
+  const value = params.value ?? "";
+  const percent = params.percent != null ? Math.round(params.percent) : 0; 
+
+  return `{name|${name}}\n{time|${value} 项 ${percent}%}`;
+},
           minMargin: 10,
           edgeDistance: 20,
           lineHeight: 20,
           rich: {
+           
+
             name: {
               fontSize: 16,
               color: 'rgba(59, 65, 75, 1)',
-              fontFamily: 'Microsoft YaHei',
-              fontWeight: 700
+              fontFamily: 'Source Han Sans CN',
+              fontWeight: 700,
+              lineHeight:24,
             },
             time: {
-              fontSize: 16,
+              fontSize: 14,
               color: 'rgba(95, 101, 108, 1)',
-              fontFamily: 'Microsoft YaHei',
+              fontFamily: 'Source Han Sans CN',
+           
             }
           }
         },

src/views/thinkTank/ThinkTankDetail/thinkDynamics/CongressHearing/index.vue

@@ -601,8 +601,4 @@ const handleToReportDetail = item => {
   margin-right: 0 !important;
 
 }
-
-:deep(.el-checkbox__inner) {
-  border-radius: 4px !important;
-}
 </style>
\ No newline at end of file

src/views/thinkTank/ThinkTankDetail/thinkDynamics/SurveyForm/index.vue

@@ -431,26 +431,4 @@ const handleToReportDetail = item => {
   margin-right: 0 !important;
 
 }
-
-/* PolicyTracking 分页按钮样式：1px 描边 + 白底 + 6px 圆角 */
-:deep(.right-footer .el-pagination.is-background .btn-prev),
-:deep(.right-footer .el-pagination.is-background .btn-next),
-:deep(.right-footer .el-pagination.is-background .el-pager li) {
-  border: 1px solid rgba(0, 0, 0, 0.15) !important;
-  background-color: rgba(255, 255, 255, 1) !important;
-  border-radius: 6px !important;
-  box-sizing: border-box;
-}
-
-// 选中状态的页码样式（描边+文字颜色改为指定蓝色）
-:deep(.right-footer .el-pagination.is-background .el-pager li.is-active) {
-  border-color: rgba(22, 119, 255, 1) !important; // 选中后描边颜色
-  color: rgba(22, 119, 255, 1) !important; // 选中后页码文字颜色
-  background-color: rgba(255, 255, 255, 1) !important; // 保持白色背景
-  font-weight: 400;
-}
-
-:deep(.el-checkbox__inner) {
-  border-radius: 4px !important;
-}
 </style>
\ No newline at end of file

src/views/thinkTank/ThinkTankDetail/thinkDynamics/ThinkTankReport/index.vue

@@ -431,26 +431,4 @@ const handleToReportDetail = item => {
   margin-right: 0 !important;
 
 }
-
-/* PolicyTracking 分页按钮样式：1px 描边 + 白底 + 6px 圆角 */
-:deep(.right-footer .el-pagination.is-background .btn-prev),
-:deep(.right-footer .el-pagination.is-background .btn-next),
-:deep(.right-footer .el-pagination.is-background .el-pager li) {
-  border: 1px solid rgba(0, 0, 0, 0.15) !important;
-  background-color: rgba(255, 255, 255, 1) !important;
-  border-radius: 6px !important;
-  box-sizing: border-box;
-}
-
-// 选中状态的页码样式（描边+文字颜色改为指定蓝色）
-:deep(.right-footer .el-pagination.is-background .el-pager li.is-active) {
-  border-color: rgba(22, 119, 255, 1) !important; // 选中后描边颜色
-  color: rgba(22, 119, 255, 1) !important; // 选中后页码文字颜色
-  background-color: rgba(255, 255, 255, 1) !important; // 保持白色背景
-  font-weight: 400;
-}
-
-:deep(.el-checkbox__inner) {
-  border-radius: 4px !important;
-}
 </style>
\ No newline at end of file

src/views/thinkTank/ThinkTankDetail/thinkDynamics/index.vue

@@ -72,25 +72,22 @@
 		<div v-if="isThinkTankReport">
 			<ThinkTankReport :research-type-list="researchTypeList" :research-time-list="researchTimeList"
 				:key="`智库报告-${tabResetKey}`" :selected-filters="selectedFilters" :cur-footer-list="curFooterList" :total="total"
-				:current-page="currentPage"
-				@update:selected-filters="handleSelectedFiltersUpdate"
+				:current-page="currentPage" @update:selected-filters="handleSelectedFiltersUpdate"
 				@filter-change="(payload) => handleGetThinkDynamicsReport(payload)" @page-change="handleCurrentChange"
 				@report-click="handleToReportDetail" />
 		</div>
 		<div v-if="isCongressHearing">
 			<CongressHearing :research-type-list="researchTypeList" :research-time-list="researchTimeList"
-				:key="`国会听证会-${tabResetKey}`" :research-hearing-list="researchHearingList"
-				:selected-filters="selectedFilters" :selected-year="selectedYear" :cur-footer-list="curFooterList" :total="total"
-				:current-page="currentPage" :hearing-data="hearingData"
-				@update:selected-filters="handleSelectedFiltersUpdate"
+				:key="`国会听证会-${tabResetKey}`" :research-hearing-list="researchHearingList" :selected-filters="selectedFilters"
+				:selected-year="selectedYear" :cur-footer-list="curFooterList" :total="total" :current-page="currentPage"
+				:hearing-data="hearingData" @update:selected-filters="handleSelectedFiltersUpdate"
 				@filter-change="(payload) => handleGetThinkDynamicsReport(payload)" @page-change="handleCurrentChange"
 				@report-click="handleToReportDetail" />
 		</div>
 		<div>
 			<SurveyForm v-if="isSurveyForm" :research-type-list="researchTypeList" :research-time-list="researchTimeList"
 				:key="`调查项目-${tabResetKey}`" :selected-filters="selectedFilters" :cur-footer-list="curFooterList" :total="total"
-				:current-page="currentPage"
-				@update:selected-filters="handleSelectedFiltersUpdate"
+				:current-page="currentPage" @update:selected-filters="handleSelectedFiltersUpdate"
 				@filter-change="(payload) => handleGetThinkDynamicsReport(payload)" @page-change="handleCurrentChange"
 				@report-click="handleToReportDetail" />
 		</div>
@@ -889,62 +886,4 @@ onMounted(async () => {
 	}
 
 }
-
-:deep(.el-pagination) {
-	display: flex;
-	align-items: center;
-}
-
-:deep(.el-pagination.is-background .el-pager li) {
-	min-width: 32px;
-	height: 32px;
-	line-height: 32px;
-	border-radius: 6px;
-	margin: 0 6px;
-	border: 1px solid rgba(0, 0, 0, 0.15);
-	background-color: #fff;
-	color: rgb(95, 101, 108);
-	font-size: 16px;
-	font-weight: 400;
-	font-family: "Microsoft YaHei";
-
-
-}
-
-
-
-:deep(.el-pagination.is-background .el-pager li.is-active) {
-	background-color: #fff;
-	color: rgba(22, 119, 255, 1);
-	border-color: rgba(22, 119, 255, 1);
-
-}
-
-:deep(.el-pagination.is-background .el-pager li.is-ellipsis) {
-	border: none;
-	background-color: transparent;
-	color: rgb(95, 101, 108);
-	min-width: 16px;
-	margin: 0 6px;
-}
-
-:deep(.el-pagination.is-background .btn-prev),
-:deep(.el-pagination.is-background .btn-next) {
-	min-width: 32px;
-	height: 32px;
-	border-radius: 6px;
-	border: 1px solid rgba(0, 0, 0, 0.15);
-	background-color: #fff;
-	color: rgb(95, 101, 108);
-	font-size: 16px;
-	font-family: "Microsoft YaHei";
-	margin: 0 6px;
-}
-
-:deep(.el-pagination.is-background .btn-prev.is-disabled),
-:deep(.el-pagination.is-background .btn-next.is-disabled) {
-	color: rgba(95, 101, 108, 0.45);
-	border-color: rgb(235, 238, 242);
-	background-color: #fff;
-}
 </style>
\ No newline at end of file

src/views/thinkTank/ThinkTankDetail/thinkInfo/index.vue

@@ -392,13 +392,11 @@ const handleGetThinkTankFundsSource = async () => {
 		console.log("获取经费来源", res);
 		if (res.code === 200 && res.data) {
 
-			let data = []
-			res.data.map(item => {
-				data.push({
-					name: item.institution,
-					value: item.amount,
-				})
-			})
+			const topList = Array.isArray(res.data) ? res.data.slice(0, 7) : []
+			const data = topList.map(item => ({
+				name: item.institution,
+				value: item.amount,
+			}))
 			box1ChartData.value = data
 			const box1Chart = getPieChart(box1ChartData.value);
 
@@ -1144,7 +1142,8 @@ onMounted(() => {
 					width: 536px;
 					height: 326px;
 					margin-left: 9px;
-
+					box-sizing: border-box;
+					padding: 24px 24px 0;
 				}
 
 				.box3-main-right {

src/views/thinkTank/components/HomeMainFooterMain.vue

+<template>
+  <div class="home-main-footer-main">
+    <div class="left">
+      <div class="select-box">
+        <div class="header">
+          <div class="icon"></div>
+          <div class="title">{{ "科技领域" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox v-model="checkAllModel" :indeterminate="isIndeterminate" class="all-checkbox"
+              @change="emit('check-all-change', $event)">
+              全部领域
+            </el-checkbox>
+            <el-checkbox v-for="research in areaList" :key="research.id" v-model="selectedAreaListModel"
+              :label="research.id" @change="emit('checked-area-change')" class="filter-checkbox">
+              {{ research.name }}
+            </el-checkbox>
+          </div>
+        </div>
+      </div>
+
+      <div class="select-box">
+        <div class="header">
+          <div class="icon"></div>
+          <div class="title">{{ "发布时间" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox v-model="checkAllTimeModel" class="all-checkbox" :indeterminate="isIndeterminateTime"
+              @change="emit('check-all-time-change', $event)">
+              全部时间
+            </el-checkbox>
+            <el-checkbox-group v-model="selectedPubTimeListModel">
+              <el-checkbox v-for="time in pubTimeList" :key="time.id" :label="time.id" class="filter-checkbox"
+                @change="emit('checked-area-time-change')">
+                {{ time.name }}
+              </el-checkbox>
+            </el-checkbox-group>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="right">
+      <div class="card-box">
+        <div class="footer-card" v-for="(item, index) in curFooterList" :key="index"
+          @click="emit('report-click', item)">
+          <div class="footer-card-top">
+            <img :src="item.imageUrl" alt="" />
+          </div>
+          <div class="footer-card-title">
+            {{ item.name }}
+          </div>
+          <div class="footer-card-footer">
+            <div class="time">{{ item.times }}</div>
+            <div class="from">{{ item.thinkTankName }}</div>
+          </div>
+        </div>
+      </div>
+      <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="emit('page-change', $event)" :current-page="currentPage" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  checkAll: { type: Boolean, default: false },
+  isIndeterminate: { type: Boolean, default: false },
+  areaList: { type: Array, default: () => [] },
+  selectedAreaList: { type: Array, default: () => [] },
+
+  checkAllTime: { type: Boolean, default: false },
+  isIndeterminateTime: { type: Boolean, default: false },
+  pubTimeList: { type: Array, default: () => [] },
+  selectedPubTimeList: { type: Array, default: () => [] },
+
+  curFooterList: { type: Array, default: () => [] },
+  total: { type: Number, default: 0 },
+  currentPage: { type: Number, default: 1 }
+});
+
+const emit = defineEmits([
+  "update:checkAll",
+  "update:selectedAreaList",
+  "check-all-change",
+  "checked-area-change",
+  "update:checkAllTime",
+  "update:selectedPubTimeList",
+  "check-all-time-change",
+  "checked-area-time-change",
+  "report-click",
+  "page-change"
+]);
+
+const checkAllModel = computed({
+  get: () => props.checkAll,
+  set: val => emit("update:checkAll", val)
+});
+
+const selectedAreaListModel = computed({
+  get: () => props.selectedAreaList,
+  set: val => emit("update:selectedAreaList", val)
+});
+
+const checkAllTimeModel = computed({
+  get: () => props.checkAllTime,
+  set: val => emit("update:checkAllTime", val)
+});
+
+const selectedPubTimeListModel = computed({
+  get: () => props.selectedPubTimeList,
+  set: val => emit("update:selectedPubTimeList", val)
+});
+</script>
+
+<style lang="scss" scoped>
+.home-main-footer-main {
+  margin: 0 auto;
+  margin-top: 36px;
+  width: 1600px;
+  display: flex;
+  gap: 16px;
+
+  .left {
+    width: 360px;
+    height: 100%;
+    padding-bottom: 36px;
+    box-sizing: border-box;
+    border: 1px solid rgba(234, 236, 238, 1);
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1);
+    background: rgba(255, 255, 255, 1);
+    position: relative;
+
+    .select-box {
+      margin-top: 21px;
+
+      .header {
+        display: flex;
+        gap: 17px;
+
+        .icon {
+          margin-top: 4px;
+          width: 8px;
+          height: 16px;
+          background: var(--color-main-active);
+          border-radius: 0 4px 4px 0;
+        }
+
+        .title {
+          height: 24px;
+          color: var(--color-main-active);
+          font-family: Microsoft YaHei;
+          font-size: 16px;
+          font-weight: 700;
+          line-height: 24px;
+          letter-spacing: 1px;
+          text-align: left;
+        }
+      }
+
+      .select-main {
+        margin-left: 25px;
+      }
+
+      .select-main1 {
+        width: 100px;
+      }
+    }
+  }
+
+  .right {
+    width: 1284px;
+    max-height: 1377px;
+
+    .card-box {
+      width: 1226px;
+      max-height: 1248px;
+      min-height: 616px;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16px 16px;
+
+      .footer-card {
+        width: 398px;
+        height: 300px;
+        border-radius: 10px;
+        box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+        background: rgba(255, 255, 255, 1);
+
+        .footer-card-top {
+          width: 364px;
+          height: 180px;
+          margin: 0 auto;
+          margin-top: 15px;
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        .footer-card-title {
+          margin: 0 auto;
+          margin-top: 13px;
+          width: 376px;
+          height: 48px;
+          /* 修改高度为两行的高度 */
+          color: rgba(59, 65, 75, 1);
+          font-family: Microsoft YaHei;
+          font-size: 18px;
+          font-weight: 700;
+          line-height: 24px;
+          overflow: hidden;
+          /* 隐藏超出部分 */
+          text-overflow: ellipsis;
+          /* 显示省略号 */
+          display: -webkit-box;
+          /* 使用弹性盒模型 */
+          -webkit-line-clamp: 2;
+          /* 限制显示两行 */
+          -webkit-box-orient: vertical;
+          /* 设置盒模型方向为垂直 */
+        }
+
+        .footer-card-footer {
+          margin: 0 auto;
+          margin-top: 5px;
+          width: 376px;
+          height: 22px;
+          display: flex;
+          justify-content: space-between;
+          color: rgba(95, 101, 108, 1);
+          font-family: Microsoft YaHei;
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 22px;
+        }
+      }
+    }
+
+    .right-footer {
+      height: 50px;
+      margin-top: 43px;
+      display: flex;
+      justify-content: space-between;
+
+      .info {
+        height: 19px;
+        color: rgba(132, 136, 142, 1);
+        font-family: Microsoft YaHei;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 18px;
+        letter-spacing: 0px;
+        text-align: left;
+      }
+    }
+  }
+}
+
+.all-checkbox {
+  width: 220px;
+}
+
+.filter-checkbox {
+  width: 105px;
+}
+</style>

src/views/thinkTank/components/HomeMainFooterSurvey.vue

+<template>
+  <!-- 调查项目：结构/样式与智库报告一致，但组件独立，避免互相影响 -->
+  <div class="home-main-footer-main">
+    <div class="left">
+      <div class="select-box">
+        <div class="header">
+          <div class="icon"></div>
+          <div class="title">{{ "科技领域" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox v-model="checkAllModel" :indeterminate="isIndeterminate" class="all-checkbox"
+              @change="emit('check-all-change', $event)">
+              全部领域
+            </el-checkbox>
+            <el-checkbox v-for="research in areaList" :key="research.id" v-model="selectedAreaListModel"
+              :label="research.id" @change="emit('checked-area-change')" class="filter-checkbox">
+              {{ research.name }}
+            </el-checkbox>
+          </div>
+        </div>
+      </div>
+
+      <div class="select-box">
+        <div class="header">
+          <div class="icon"></div>
+          <div class="title">{{ "发布时间" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox v-model="checkAllTimeModel" class="all-checkbox" :indeterminate="isIndeterminateTime"
+              @change="emit('check-all-time-change', $event)">
+              全部时间
+            </el-checkbox>
+            <el-checkbox-group v-model="selectedPubTimeListModel">
+              <el-checkbox v-for="time in pubTimeList" :key="time.id" :label="time.id" class="filter-checkbox"
+                @change="emit('checked-area-time-change')">
+                {{ time.name }}
+              </el-checkbox>
+            </el-checkbox-group>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="right">
+      <div class="card-box">
+        <div class="footer-card" v-for="(item, index) in curFooterList" :key="index"
+          @click="emit('report-click', item)">
+          <div class="footer-card-top">
+            <img :src="item.imageUrl" alt="" />
+          </div>
+          <div class="footer-card-title">
+            {{ item.name }}
+          </div>
+          <div class="footer-card-footer">
+            <div class="time">{{ item.times }}</div>
+            <div class="from">{{ item.thinkTankName }}</div>
+          </div>
+        </div>
+      </div>
+      <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="emit('page-change', $event)" :current-page="currentPage" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  checkAll: { type: Boolean, default: false },
+  isIndeterminate: { type: Boolean, default: false },
+  areaList: { type: Array, default: () => [] },
+  selectedAreaList: { type: Array, default: () => [] },
+
+  checkAllTime: { type: Boolean, default: false },
+  isIndeterminateTime: { type: Boolean, default: false },
+  pubTimeList: { type: Array, default: () => [] },
+  selectedPubTimeList: { type: Array, default: () => [] },
+
+  curFooterList: { type: Array, default: () => [] },
+  total: { type: Number, default: 0 },
+  currentPage: { type: Number, default: 1 }
+});
+
+const emit = defineEmits([
+  "update:checkAll",
+  "update:selectedAreaList",
+  "check-all-change",
+  "checked-area-change",
+  "update:checkAllTime",
+  "update:selectedPubTimeList",
+  "check-all-time-change",
+  "checked-area-time-change",
+  "report-click",
+  "page-change"
+]);
+
+const checkAllModel = computed({
+  get: () => props.checkAll,
+  set: val => emit("update:checkAll", val)
+});
+
+const selectedAreaListModel = computed({
+  get: () => props.selectedAreaList,
+  set: val => emit("update:selectedAreaList", val)
+});
+
+const checkAllTimeModel = computed({
+  get: () => props.checkAllTime,
+  set: val => emit("update:checkAllTime", val)
+});
+
+const selectedPubTimeListModel = computed({
+  get: () => props.selectedPubTimeList,
+  set: val => emit("update:selectedPubTimeList", val)
+});
+</script>
+
+<style lang="scss" scoped>
+/* 复制 HomeMainFooterMain 的样式，保证完全不影响外观 */
+.home-main-footer-main {
+  margin: 0 auto;
+  margin-top: 36px;
+  width: 1600px;
+  display: flex;
+  gap: 16px;
+
+  .left {
+    width: 360px;
+    height: 100%;
+    padding-bottom: 36px;
+    box-sizing: border-box;
+    border: 1px solid rgba(234, 236, 238, 1);
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1);
+    background: rgba(255, 255, 255, 1);
+    position: relative;
+
+    .select-box {
+      margin-top: 21px;
+
+      .header {
+        display: flex;
+        gap: 17px;
+
+        .icon {
+          margin-top: 4px;
+          width: 8px;
+          height: 16px;
+          background: var(--color-main-active);
+          border-radius: 0 4px 4px 0;
+        }
+
+        .title {
+          height: 24px;
+          color: var(--color-main-active);
+          font-family: Microsoft YaHei;
+          font-size: 16px;
+          font-weight: 700;
+          line-height: 24px;
+          letter-spacing: 1px;
+          text-align: left;
+        }
+      }
+
+      .select-main {
+        margin-left: 25px;
+      }
+
+      .select-main1 {
+        width: 100px;
+      }
+    }
+  }
+
+  .right {
+    width: 1284px;
+    max-height: 1377px;
+
+    .card-box {
+      width: 1226px;
+      max-height: 1248px;
+      min-height: 616px;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16px 16px;
+
+      .footer-card {
+        width: 398px;
+        height: 300px;
+        border-radius: 10px;
+        box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+        background: rgba(255, 255, 255, 1);
+
+        .footer-card-top {
+          width: 364px;
+          height: 180px;
+          margin: 0 auto;
+          margin-top: 15px;
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        .footer-card-title {
+          margin: 0 auto;
+          margin-top: 13px;
+          width: 376px;
+          height: 48px;
+          color: rgba(59, 65, 75, 1);
+          font-family: Microsoft YaHei;
+          font-size: 18px;
+          font-weight: 700;
+          line-height: 24px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+        }
+
+        .footer-card-footer {
+          margin: 0 auto;
+          margin-top: 5px;
+          width: 376px;
+          height: 22px;
+          display: flex;
+          justify-content: space-between;
+          color: rgba(95, 101, 108, 1);
+          font-family: Microsoft YaHei;
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 22px;
+        }
+      }
+    }
+
+    .right-footer {
+      height: 50px;
+      margin-top: 43px;
+      display: flex;
+      justify-content: space-between;
+
+      .info {
+        height: 19px;
+        color: rgba(132, 136, 142, 1);
+        font-family: Microsoft YaHei;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 18px;
+        letter-spacing: 0px;
+        text-align: left;
+      }
+    }
+  }
+}
+
+.all-checkbox {
+  width: 220px;
+}
+
+.filter-checkbox {
+  width: 105px;
+}
+</style>

src/views/thinkTank/components/ThinkTankCongressHearingOverview.vue

+<template>
+  <div class="home-main-footer-main">
+    <div class="left">
+      <div class="select-research-box">
+        <div class="select-box-header">
+          <div class="icon"></div>
+          <div class="title">{{ "研究类型" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox class="filter-checkbox" :model-value="isGroupAllSelected(researchTypeIds)"
+              @change="val => handleToggleAll(val, researchTypeIds)">
+              全部领域
+            </el-checkbox>
+            <el-checkbox v-for="type in researchTypeList" :key="type.id" v-model="selectedResearchIds" :label="type.id"
+              class="filter-checkbox" @change="handleFilterChange">
+              {{ type.name }}
+            </el-checkbox>
+          </div>
+        </div>
+      </div>
+
+      <div class="select-time-box">
+        <div class="select-box-header">
+          <div class="icon"></div>
+          <div class="title">{{ "发布时间" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox class="filter-checkbox" :model-value="isGroupAllSelected(researchTimeIds)"
+              @change="val => handleToggleAll(val, researchTimeIds)">
+              全部时间
+            </el-checkbox>
+            <el-checkbox v-for="type in researchTimeList" :key="type.id" v-model="selectedResearchTimeIds"
+              :label="type.id" class="filter-checkbox" @change="handleFilterChange">
+              {{ type.name }}
+            </el-checkbox>
+          </div>
+        </div>
+      </div>
+
+      <div class="select-hearing-box">
+        <div class="select-box-header">
+          <div class="icon"></div>
+          <div class="title">{{ "听证会部门" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group hearing-grid">
+            <el-checkbox class="filter-checkbox" :model-value="isGroupAllSelected(researchHearingIds)"
+              @change="val => handleToggleAll(val, researchHearingIds)">
+              全部部门
+            </el-checkbox>
+            <el-checkbox v-for="type in researchHearingList" :key="type.id" v-model="selectedResearchHearingIds"
+              :label="type.id" class="filter-checkbox" @change="handleFilterChange">
+              {{ type.name }}
+            </el-checkbox>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="right">
+      <div class="card-box">
+        <div class="card-content">
+          <div v-for="(item, index) in displayList" :key="item.id ?? index">
+            <div class="card-item" @click="emit('report-click', item)">
+              <img class="card-item-img" src="../ThinkTankDetail/thinkDynamics/images/img congress.png"
+                alt="report image" />
+              <div class="card-item-text">
+                <div class="card-item-title">
+                  {{ item.title }}
+                </div>
+                <div class="card-item-time">
+                  {{ item.time + ' · ' + item.content }}
+                  <img src="../ThinkTankDetail/thinkDynamics/images/image open.png" alt="open icon"
+                    class="card-open-image" />
+                </div>
+                <div class="card-item-category"> {{ item.category }}</div>
+              </div>
+            </div>
+            <div class="divider" v-if="index !== displayList.length - 1"></div>
+          </div>
+        </div>
+      </div>
+
+      <div class="right-footer">
+        <div class="info">
+          共 {{ filteredHearingData.length }} 篇智库报告
+        </div>
+        <div class="page-box">
+          <el-pagination :page-size="pageSize" background layout="prev, pager, next" :total="filteredHearingData.length"
+            @current-change="handlePageChange" :current-page="currentPage" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, ref } from "vue";
+
+const props = defineProps({
+  researchTypeList: { type: Array, default: () => [] },
+  researchTimeList: { type: Array, default: () => [] },
+});
+
+const emit = defineEmits(["report-click"]);
+
+const pageSize = 10;
+const currentPage = ref(1);
+
+const selectedResearchIds = ref([]);
+const selectedResearchTimeIds = ref([]);
+const selectedResearchHearingIds = ref([]);
+
+// 概览页暂无独立接口时，先使用一份静态数据（结构与智库动态保持一致）
+const hearingData = ref([
+  { id: 1, title: "美国国会听证会：人工智能与国家安全", content: "美中经济与安全审查委员会", category: "人工智能", time: "2025年7月8日" },
+  { id: 2, title: "美国国会听证会：先进制造供应链韧性", content: "国会-行政部门中国委员会", category: "先进制造", time: "2025年6月15日" },
+  { id: 3, title: "美国国会听证会：半导体出口管制与产业政策", content: "美国商务部", category: "半导体", time: "2025年5月22日" },
+]);
+
+const researchHearingList = ref([
+  { id: "美中经济与安全审查委员会", name: "美中经济与安全审查委员会" },
+  { id: "国会-行政部门中国委员会", name: "国会-行政部门中国委员会" },
+  { id: "美国商务部", name: "美国商务部" },
+]);
+
+const researchTypeIds = computed(() => (props.researchTypeList || []).map(item => item.id));
+const researchTimeIds = computed(() => (props.researchTimeList || []).map(item => item.id));
+const researchHearingIds = computed(() => (researchHearingList.value || []).map(item => item.id));
+
+const getTargetSelection = ids => {
+  if (ids === researchTypeIds.value) return selectedResearchIds;
+  if (ids === researchTimeIds.value) return selectedResearchTimeIds;
+  return selectedResearchHearingIds;
+};
+
+const isGroupAllSelected = ids =>
+  ids.length > 0 && ids.every(id => getTargetSelection(ids).value.includes(id));
+
+const handleToggleAll = (checked, ids) => {
+  if (!ids.length) return;
+  const targetSelection = getTargetSelection(ids);
+  const nextSelected = new Set(targetSelection.value);
+  if (checked) {
+    ids.forEach(id => nextSelected.add(id));
+  } else {
+    ids.forEach(id => nextSelected.delete(id));
+  }
+  targetSelection.value = [...nextSelected];
+  handleFilterChange();
+};
+
+const filteredHearingData = computed(() => {
+  return (hearingData.value || []).filter(item => {
+    const matchYear =
+      selectedResearchTimeIds.value.length === 0 ||
+      selectedResearchTimeIds.value.some(year => String(item.time || "").startsWith(year));
+    const matchDepartment =
+      selectedResearchHearingIds.value.length === 0 ||
+      selectedResearchHearingIds.value.some(department =>
+        String(item.content || "").includes(department) || String(item.title || "").includes(department)
+      );
+    const matchType =
+      selectedResearchIds.value.length === 0 ||
+      selectedResearchIds.value.some(typeId =>
+        String(item.category || "").includes(typeId) || String(item.title || "").includes(typeId)
+      );
+    return matchYear && matchDepartment && matchType;
+  });
+});
+
+const displayList = computed(() => {
+  const list = filteredHearingData.value || [];
+  const start = (currentPage.value - 1) * pageSize;
+  return list.slice(start, start + pageSize);
+});
+
+const handleFilterChange = () => {
+  currentPage.value = 1;
+};
+
+const handlePageChange = page => {
+  currentPage.value = page;
+};
+</script>
+
+<style lang="scss" scoped>
+/* 外层对齐智库报告资源库布局 */
+.home-main-footer-main {
+  margin: 0 auto;
+  margin-top: 36px;
+  width: 1600px;
+  display: flex;
+  gap: 16px;
+}
+
+.left {
+  width: 360px;
+  height: 874px;
+  padding-bottom: 36px;
+  box-sizing: border-box;
+  border: 1px solid rgba(234, 236, 238, 1);
+  border-radius: 10px;
+  box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1);
+  background: rgba(255, 255, 255, 1);
+  position: relative;
+}
+
+.select-box-header {
+  display: flex;
+  gap: 17px;
+  margin-bottom: 12px;
+
+  .icon {
+    margin-top: 4px;
+    width: 8px;
+    height: 16px;
+    background: var(--color-main-active);
+    border-radius: 0 4px 4px 0;
+  }
+
+  .title {
+    height: 26px;
+    color: var(--color-main-active);
+    font-family: Microsoft YaHei;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 26px;
+    letter-spacing: 1px;
+    text-align: left;
+  }
+}
+
+.select-research-box {
+  width: 360px;
+  height: 284px;
+  margin-top: 19px;
+}
+
+.select-time-box {
+  margin-top: 44px;
+  width: 360px;
+  height: 156px;
+}
+
+.select-hearing-box {
+  margin-top: 36px;
+  width: 360px;
+}
+
+.select-main {
+  margin-left: 24px;
+
+  .checkbox-group {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 8px 4px;
+
+    .filter-checkbox {
+      width: 160px;
+      height: 24px;
+      margin-right: 0 !important;
+    }
+  }
+
+  .hearing-grid {
+    grid-template-columns: 1fr;
+    width: 259px;
+    gap: 4px;
+  }
+}
+
+.right {
+  width: 1224px;
+  height: 1377px;
+
+  .card-box {
+    width: 100%;
+    height: 1248px;
+    display: flex;
+    background: rgba(255, 255, 255, 1);
+    box-sizing: border-box;
+    border: 1px solid rgba(234, 236, 238, 1);
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(94, 95, 95, 0.1);
+
+    .card-content {
+      width: 1211px;
+      height: 1067px;
+      margin-top: 33px;
+      margin-left: 37px;
+    }
+  }
+
+  .right-footer {
+    margin-top: 43px;
+    display: flex;
+    justify-content: space-between;
+
+    .info {
+      height: 19px;
+      color: rgba(132, 136, 142, 1);
+      font-family: Microsoft YaHei;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 18px;
+      letter-spacing: 0px;
+      text-align: left;
+    }
+  }
+}
+
+.card-item {
+  width: 100%;
+  height: 77px;
+  display: flex;
+  align-items: center;
+
+  .card-item-img {
+    width: 56px;
+    height: 77px;
+    margin-right: 22px;
+    flex-shrink: 0;
+  }
+
+  .card-item-text {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+
+    .card-item-title {
+      color: rgb(59, 65, 75);
+      font-family: "Source Han Sans CN";
+      font-size: 18px;
+      font-weight: 700;
+      line-height: 22px;
+      margin-bottom: 2px;
+      display: inline-flex;
+    }
+
+    .card-item-time {
+      color: rgb(95, 101, 108);
+      font-family: "Source Han Sans CN";
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 22px;
+      margin-bottom: 7px;
+      text-align: left;
+      display: inline-flex;
+
+      .card-open-image {
+        width: 16px;
+        height: 16px;
+        margin-left: 9px;
+        margin-top: 3px;
+      }
+    }
+
+    .card-item-category {
+      padding: 1px 8px;
+      box-sizing: border-box;
+      border: 1px solid rgb(231, 243, 255);
+      border-radius: 4px;
+      display: inline-flex;
+      background-color: rgb(247, 248, 249);
+      color: rgba(132, 136, 142, 1);
+      font-family: Microsoft YaHei;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      width: fit-content;
+    }
+  }
+}
+
+.divider {
+  height: 1px;
+  background: rgb(234, 236, 238);
+  margin: 16px 0;
+}
+</style>

src/views/thinkTank/components/ThinkTankPolicyAdviceOverview.vue

+<template>
+  <div class="home-main-footer-main">
+    <div class="left">
+      <div class="select-box-science">
+        <div class="select-box-header">
+          <div class="icon"></div>
+          <div class="title">{{ "科技领域" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox class="filter-checkbox" :model-value="isAllSelected(typeIds)"
+              @change="val => toggleAll(val, typeIds)">
+              全部领域
+            </el-checkbox>
+            <el-checkbox class="filter-checkbox" v-for="t in (researchTypeList || [])" :key="t.id"
+              v-model="selectedTypeIds" :label="t.id" @change="emitChange">
+              {{ t.name }}
+            </el-checkbox>
+          </div>
+        </div>
+      </div>
+
+      <div class="select-box-publish">
+        <div class="select-box-header">
+          <div class="icon"></div>
+          <div class="title">{{ "发布时间" }}</div>
+        </div>
+        <div class="select-main">
+          <div class="checkbox-group">
+            <el-checkbox class="filter-checkbox" :model-value="isAllSelected(yearIds)"
+              @change="val => toggleAll(val, yearIds)">
+              全部时间
+            </el-checkbox>
+            <el-checkbox class="filter-checkbox" v-for="y in (researchTimeList || [])" :key="y.id"
+              v-model="selectedYearIds" :label="y.id" @change="emitChange">
+              {{ y.name }}
+            </el-checkbox>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="right">
+      <div class="right-main">
+        <div class="right-main-item" v-for="(item, index) in list" :key="index" @click="emit('item-click', item)">
+          <div class="item-left">
+            <img :src="item.coverImage" alt="" />
+          </div>
+          <div class="item-right">
+            <div class="title">{{ item.content }}</div>
+            <div class="info">
+              <span class="info-text">{{ item.date }} · {{ item.title }}</span>
+              <div class="more">
+                <img src="@/views/thinkTank/ThinkTankDetail/thinkDynamics/images/image open.png" alt="" />
+              </div>
+            </div>
+            <div class="tag-box" v-if="item.domains && item.domains.length">
+              <AreaTag v-for="d in item.domains" :key="d" :tagName="d" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="right-footer">
+        <div class="info">共{{ total }}条政策建议</div>
+        <div class="page-box">
+          <el-pagination :page-size="pageSize" background layout="prev, pager, next" :total="total"
+            @current-change="p => emit('page-change', p)" :current-page="currentPage" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, ref } from "vue";
+import AreaTag from "@/components/base/AreaTag/index.vue";
+
+const props = defineProps({
+  researchTypeList: { type: Array, default: () => [] },
+  researchTimeList: { type: Array, default: () => [] },
+  list: { type: Array, default: () => [] },
+  total: { type: Number, default: 0 },
+  currentPage: { type: Number, default: 1 },
+  pageSize: { type: Number, default: 7 },
+});
+
+const emit = defineEmits(["filter-change", "page-change", "item-click"]);
+
+const selectedTypeIds = ref([]);
+const selectedYearIds = ref([]);
+
+const typeIds = computed(() => (props.researchTypeList || []).map(i => i.id));
+const yearIds = computed(() => (props.researchTimeList || []).map(i => i.id));
+
+const isAllSelected = ids => ids.length > 0 && ids.every(id => {
+  const target = ids === typeIds.value ? selectedTypeIds.value : selectedYearIds.value
+  return target.includes(id)
+});
+
+const toggleAll = (checked, ids) => {
+  const target = ids === typeIds.value ? selectedTypeIds : selectedYearIds
+  target.value = checked ? [...ids] : []
+  emitChange()
+}
+
+const emitChange = () => {
+  emit("filter-change", {
+    researchTypeIds: [...selectedTypeIds.value],
+    researchTimeIds: [...selectedYearIds.value],
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+/* 最外层对齐智库报告资源库布局 */
+.home-main-footer-main {
+  margin: 0 auto;
+  margin-top: 36px;
+  width: 1600px;
+  display: flex;
+  gap: 16px;
+
+  .left {
+    width: 360px;
+    height: 100%;
+    padding-bottom: 36px;
+    box-sizing: border-box;
+    border: 1px solid rgba(234, 236, 238, 1);
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+    background: rgba(255, 255, 255, 1);
+
+    .select-box-science,
+    .select-box-publish {
+      margin-top: 16px;
+
+      .select-box-header {
+        display: flex;
+
+        .icon {
+          margin-top: 4px;
+          width: 8px;
+          height: 16px;
+          background: var(--color-main-active);
+          border-radius: 0 4px 4px 0;
+        }
+
+        .title {
+          margin-left: 17px;
+          font-family: "Source Han Sans CN";
+          font-weight: 700;
+          font-size: 16px;
+          line-height: 24px;
+          letter-spacing: 1px;
+          text-align: left;
+          color: rgba(5, 95, 194, 1);
+        }
+      }
+
+      .select-main {
+        margin-top: 12px;
+      }
+
+      .checkbox-group {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 8px 4px;
+        margin-left: 24px;
+
+        .filter-checkbox {
+          width: 160px;
+          margin: 0;
+          font-family: "Source Han Sans CN", sans-serif;
+          font-weight: 400;
+          font-size: 16px;
+          line-height: 24px;
+          letter-spacing: 0px;
+          text-align: justify;
+        }
+      }
+    }
+  }
+
+  .right {
+    width: 1224px;
+    height: 1200px;
+    margin-bottom: 20px;
+    box-sizing: border-box;
+    border: 1px solid rgba(234, 236, 238, 1);
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+    background: rgba(255, 255, 255, 1);
+
+    .right-main {
+      height: 1100px;
+      margin-top: 17px;
+      margin-left: 0;
+      width: 100%;
+      box-sizing: border-box;
+      padding-left: 37px;
+      padding-right: 0;
+
+
+      .right-main-item {
+        box-sizing: border-box;
+        padding-top: 16px;
+        padding-bottom: 16px;
+        margin-left: -37px;
+        padding-left: 37px;
+        padding-right: 36px;
+        width: calc(100% + 37px - 36px);
+        border-bottom: 1px solid rgba(234, 236, 238, 1);
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+
+        .item-left {
+          width: 112px;
+          height: 76px;
+          margin-right: 22px;
+          flex-shrink: 0;
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        .item-right {
+          flex: 1;
+          min-width: 0;
+          display: flex;
+          flex-direction: column;
+
+          .title {
+            color: rgba(59, 65, 75, 1);
+            font-family: "Source Han Sans CN";
+            font-size: 18px;
+            font-weight: 700;
+            line-height: 24px;
+            letter-spacing: 0px;
+            text-align: left;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          .info {
+            margin-top: 7px;
+            color: rgba(95, 101, 108, 1);
+            font-family: "Source Han Sans CN";
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 22px;
+            display: flex;
+            align-items: center;
+
+            .info-text {
+              flex: 1;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+
+            .more {
+              flex-shrink: 0;
+
+              img {
+                width: 16px;
+                height: 16px;
+                display: block;
+                margin-left: 9px;
+                margin-top: 3px;
+              }
+            }
+          }
+
+          .tag-box {
+            margin-top: 6px;
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+          }
+        }
+      }
+    }
+
+    .right-footer {
+      margin-top: 24px;
+      padding: 0 37px 24px 37px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+}
+</style>

src/views/thinkTank/index.vue

@@ -13,13 +13,8 @@
 				</div> -->
 
 				<div class="home-main-header-center">
-					<SearchContainer
-						style="margin-bottom: 0; margin-top: 51px; height: fit-content"
-						v-if="containerRef"
-						placeholder="搜索智库报告"
-						:containerRef="containerRef"
-						areaName="智库"
-					/>
+					<SearchContainer class="think-tank-search" style="margin-bottom: 0; margin-top: 51px; height: fit-content;"
+						v-if="containerRef" placeholder="搜索智库、报告或政策建议" :containerRef="containerRef" areaName="智库" />
 					<!-- <el-input v-model="searchThinktankText" @keyup.enter="handleSearch"
 						style="width: 838px; height: 100%" placeholder="搜索智库报告" />
 					<div class="search">
@@ -57,8 +52,10 @@
 							<!-- <div class="rank" :class="{ rank1: item.rank === 1, rank2: item.rank === 2, rank3: item.rank === 3 }">
 								{{ "No." + (index + 1) }}
 							</div> -->
-							<div class="rank">
-								{{ item.reportNumber + "篇报告" }}
+							<div class="rank"
+								:class="{ 'rank-number-one': index === 0, 'rank-number-two': index === 1, 'rank-number-three': index === 2, 'rank-number-four': index === 3, 'rank-number-five': index === 4 }">
+								<div class="number"> {{ "No." + (index + 1) }}</div>
+
 							</div>
 						</div>
 						<div class="card-title">
@@ -103,18 +100,14 @@
 								<div class="icon">
 									<img src="./assets/images/box1-header-icon.png" alt="" />
 								</div>
-								<div class="title">{{ "智库发布" }}</div>
+								<div class="title-box">
+									<div class="title">{{ "智库发布" }}</div>
+								</div>
 							</div>
 							<div class="box1-header-right" @click="handleClickToDetail">查看详情 ></div>
 						</div>
-						<el-carousel
-							ref="carouselRef"
-							height="395px"
-							:autoplay="true"
-							:interval="3000"
-							arrow="never"
-							indicator-position="none"
-						>
+						<el-carousel ref="carouselRef" height="395px" :autoplay="true" :interval="3000" arrow="never"
+							indicator-position="none">
 							<el-carousel-item v-for="(itemData, index) in box1Data" :key="index">
 								<div class="box1-main">
 									<div class="box1-main-left">
@@ -122,25 +115,26 @@
 									</div>
 									<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> -->
-											<AreaTag
-												v-for="(item, index) in itemData?.industryVOList"
-												:key="index"
-												:tagName="item.industryName"
-											></AreaTag>
-										</div>
-										<div class="content">{{ itemData?.summary }}</div>
-										<div class="box1-right-footer">
-											<div class="time">{{ itemData?.time }}</div>
-											<div class="name">
+
+
+										<div class="name">
+											<div class="logo-title-box">
 												<div class="logo">
 													<img :src="itemData?.thinkTankImage" alt="" />
 												</div>
-												<div class="text">{{ itemData?.thinkTankName }}</div>
-												<div class="text">{{ itemData?.reportDate }}</div>
+												<div class="title">{{ itemData?.thinkTankName + " · " + "智库报告" }}</div>
+											</div>
+											<div class="time">{{ itemData?.reportDate }}</div>
+										</div>
+										<div class="content">{{ itemData?.summary }}</div>
+										<div class="box1-right-footer">
+											<div class="tag-box">
+												<!-- <div class="tag" v-for="(item, index) in itemData?.industryVOList" :key="index">
+												{{ item.industryName }}
+											</div> -->
+												<AreaTag v-for="(item, index) in itemData?.industryVOList" :key="index"
+													:tagName="item.industryName">
+												</AreaTag>
 											</div>
 										</div>
 									</div>
@@ -148,34 +142,15 @@
 							</el-carousel-item>
 						</el-carousel>
 					</div>
-					<RiskSignal
-						:list="warningList"
-						@more-click="handleToMoreRiskSignal"
-						postDate="time"
-						name="title"
-						@item-click="handleClickToDetail"
-					/>
+					<RiskSignal :list="warningList" @more-click="handleToMoreRiskSignal" postDate="time" name="title"
+						@item-click="handleClickToDetail" />
 				</div>
 				<DivideHeader id="position2" class="divide-header" :titleText="'资讯要闻'"></DivideHeader>
 				<div class="center-center">
-					<NewsList
-						:newsList="newsList"
-						@item-click="handleToNewsAnalysis"
-						@more-click="handleToMoreNews"
-						img="newsImage"
-						title="newsTitle"
-						content="newsContent"
-						from="from"
-					/>
-					<MessageBubble
-						:messageList="messageList"
-						imageUrl="personImage"
-						@more-click="handleToSocialDetail"
-						@person-click="handleClickPerson"
-						name="personName"
-						content="remarks"
-						source="orgName"
-					/>
+					<NewsList :newsList="newsList" @item-click="handleToNewsAnalysis" @more-click="handleToMoreNews"
+						img="newsImage" title="newsTitle" content="newsContent" from="from" />
+					<MessageBubble :messageList="messageList" imageUrl="personImage" @more-click="handleToSocialDetail"
+						@person-click="handleClickPerson" name="personName" content="remarks" source="orgName" />
 				</div>
 				<DivideHeader id="position3" class="divide-header" :titleText="'数据总览'"></DivideHeader>
 				<div class="center-footer">
@@ -189,13 +164,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>
@@ -209,13 +179,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>
@@ -244,36 +209,28 @@
 							</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>
 								</el-popover> -->
 
 								<!-- <div class="item-right">{{ `${item.count}份报告 >` }}</div> -->
+								<div class="item-count">{{ item.count + "份报告 >" }}</div>
 							</div>
 						</div>
 					</div>
@@ -285,25 +242,20 @@
 
 				<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>
 					<div class="select-box">
 						<div class="paixu-btn" @click="handleSwithSort()">
 							<div class="icon1">
-								<img v-if="sort" src="@/assets/icons/shengxu1.png" alt="" />
+								<img v-if="activeSort" src="@/assets/icons/shengxu1.png" alt="" />
 								<img v-else src="@/assets/icons/jiangxu1.png" alt="" />
 							</div>
 							<div class="text">{{ "发布时间" }}</div>
 							<div class="icon2">
-								<img v-if="sort" src="@/assets/icons/shengxu2.png" alt="" />
+								<img v-if="activeSort" src="@/assets/icons/shengxu2.png" alt="" />
 								<img v-else src="@/assets/icons/jiangxu2.png" alt="" />
 							</div>
 						</div>
@@ -313,108 +265,34 @@
 						<el-option @click="handleGetetThinkTankReport()" :key="false" label="倒序" :value="false" />
 					</el-select> -->
 				</div>
-				<div class="home-main-footer-main">
-					<div class="left">
-						<div class="select-box">
-							<div class="header">
-								<div class="icon"></div>
-								<div class="title">{{ "科技领域" }}</div>
-							</div>
-							<div class="select-main">
-								<div class="checkbox-group">
-									<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"
-									>
-										{{ research.name }}
-									</el-checkbox>
-								</div>
-							</div>
-						</div>
-
-						<div class="select-box">
-							<div class="header">
-								<div class="icon"></div>
-								<div class="title">{{ "发布时间" }}</div>
-							</div>
-							<div class="select-main">
-								<div class="checkbox-group">
-									<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()"
-										>
-											{{ time.name }}
-										</el-checkbox>
-									</el-checkbox-group>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="right">
-						<div class="card-box">
-							<div
-								class="footer-card"
-								v-for="(item, index) in curFooterList"
-								:key="index"
-								@click="handleToReportDetail(item)"
-							>
-								<div class="footer-card-top">
-									<img :src="item.imageUrl" alt="" />
-								</div>
-								<!-- <el-popover effect="dark" :content="item.name" placement="top-start">
-									<template #reference>
-										<div class="footer-card-title">
-											{{ item.name }}
-										</div>
-									</template>
-								</el-popover> -->
-								<div class="footer-card-title">
-									{{ item.name }}
-								</div>
-								<div class="footer-card-footer">
-									<div class="time">{{ item.times }}</div>
-									<div class="from">{{ item.thinkTankName }}</div>
-								</div>
-							</div>
-						</div>
-						<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"
-								/>
-							</div>
-						</div>
-					</div>
+				<div class="resource-library-content">
+					<HomeMainFooterMain v-if="activeCate === '智库报告'" v-model:checkAll="checkAll"
+						:is-indeterminate="isIndeterminate" :area-list="areaList" v-model:selectedAreaList="selectedAreaList"
+						@check-all-change="handleCheckAllChange" @checked-area-change="handleCheckedAreaChange()"
+						v-model:checkAllTime="checkAllTime" :is-indeterminate-time="isIndeterminateTime"
+						:pub-time-list="pubTimeList" v-model:selectedPubTimeList="selectedPubTimeList"
+						@check-all-time-change="handleCheckAllChangeTime" @checked-area-time-change="handleCheckedAreaChangeTime()"
+						:cur-footer-list="curFooterList" :total="total" :current-page="currentPage"
+						@report-click="handleToReportDetail" @page-change="handleCurrentChange" />
+
+					<HomeMainFooterSurvey v-else-if="activeCate === '调查项目'" v-model:checkAll="surveyCheckAll"
+						:is-indeterminate="surveyIsIndeterminate" :area-list="areaList"
+						v-model:selectedAreaList="surveySelectedAreaList" @check-all-change="handleSurveyCheckAllChange"
+						@checked-area-change="handleSurveyCheckedAreaChange()" v-model:checkAllTime="surveyCheckAllTime"
+						:is-indeterminate-time="surveyIsIndeterminateTime" :pub-time-list="pubTimeList"
+						v-model:selectedPubTimeList="surveySelectedPubTimeList"
+						@check-all-time-change="handleSurveyCheckAllChangeTime"
+						@checked-area-time-change="handleSurveyCheckedAreaChangeTime()" :cur-footer-list="surveyFooterList"
+						:total="surveyTotal" :current-page="surveyCurrentPage" @report-click="handleToReportDetail"
+						@page-change="handleSurveyCurrentChange" />
+
+					<ThinkTankCongressHearingOverview v-else-if="activeCate === '国会听证会'" :key="`congress-${resourceTabResetKey}`"
+						:research-type-list="areaList" :research-time-list="pubTimeList" @report-click="handleToReportDetail" />
+
+					<ThinkTankPolicyAdviceOverview v-else :key="`policy-${resourceTabResetKey}`" :research-type-list="areaList"
+						:research-time-list="pubTimeList" :list="policyFooterList" :total="policyTotal"
+						:current-page="policyCurrentPage" :page-size="3" @filter-change="handlePolicyFilterChange"
+						@page-change="handlePolicyCurrentChange" @item-click="handleToReportDetail" />
 				</div>
 			</div>
 		</div>
@@ -424,11 +302,16 @@
 <script setup>
 import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
 import NewsList from "@/components/base/NewsList/index.vue";
+import MessageBubble from "@/components/base/messageBubble/index.vue"
 import { onMounted, ref, computed, reactive, nextTick } from "vue";
 import scrollToTop from "@/utils/scrollToTop";
 import router from "@/router";
 import DivideHeader from "@/components/DivideHeader.vue";
 import setChart from "@/utils/setChart";
+import HomeMainFooterMain from "./components/HomeMainFooterMain.vue";
+import HomeMainFooterSurvey from "./components/HomeMainFooterSurvey.vue";
+import ThinkTankCongressHearingOverview from "./components/ThinkTankCongressHearingOverview.vue";
+import ThinkTankPolicyAdviceOverview from "./components/ThinkTankPolicyAdviceOverview.vue";
 
 import {
 	getThinkTankList,
@@ -440,6 +323,7 @@ import {
 	getNewReport,
 	getHylyList,
 	getThinkTankReport,
+	getThinkTankOverviewPolicy,
 	getThinkTankReportNews,
 	getThinkTankReportRemarks
 } from "@/api/thinkTank/overview";
@@ -483,7 +367,33 @@ import Box1Logo from "./assets/images/box1-logo.png";
 import { setCanvasCreator } from "echarts/core";
 import { ElMessage } from "element-plus";
 const containerRef = ref(null);
+const statCountInfo = ref([]);
+const getStatCountInfo = async () => {
+
+
+
+	// console.log('----getStatCountInfo', res.data)
+	statCountInfo.value = [
+		{
+			name: "追踪智库数量",
+			count: "1"
+		},
+		{
+			name: "本月新增报告",
+			count: "2"
+		},
+		{
+			name: "重点政策建议",
+			count: "2"
+		},
+		{
+			name: "热点科技领域",
+			count: "2"
+		}
+	];
+
 
+};
 const searchThinktankText = ref(""); //搜索科技人物及观点
 // 智库列表
 const cardList = ref([
@@ -565,7 +475,18 @@ const handleGetNewReport = async () => {
 		const res = await getNewReport();
 		console.log("智库发布", res);
 		if (res.code === 200 && res.data) {
-			box1Data.value = res.data;
+			box1Data.value = res.data.map(item => {
+				const formatDate = (dateStr) => {
+					if (!dateStr) return ''; // 处理空值，避免报错
+					const [year, month, day] = dateStr.split('-');
+					return `${year}年${parseInt(month, 10)}月${parseInt(day, 10)}日`;
+				};
+				return {
+					...item,
+					reportDate: formatDate(item.reportDate)
+				}
+			})
+
 		}
 	} catch (error) {
 		console.error("获取智库列表error", error);
@@ -954,7 +875,8 @@ function transformToChartFormat(data) {
 	// 预设颜色池（可按需修改或扩展）
 	const colorPalette = ["#4096FF", "#FFA39E", "#ADC6FF", "#FFC069", "#B5F5EC", "#B37FEB", "#D6E4FF", "#FF8C8C", "#87E8DE"];
 
-	return data.map((item, index) => ({
+	const list = Array.isArray(data) ? data.slice(0, 7) : [];
+	return list.map((item, index) => ({
 		name: item.industry,
 		value: item.amount,
 		color: colorPalette[index % colorPalette.length]
@@ -1190,10 +1112,71 @@ const handleGetThinkTankHot = async date => {
 };
 
 // 资源库
-const categoryList = ref(["智库报告", "政策建议"]);
+const categoryList = ref(["智库报告", "调查项目", "国会听证会", "政策建议"]);
 const activeCate = ref("智库报告");
+const resourceTabResetKey = ref(0)
+
+const resetResourceTabCommon = () => {
+	// 统一回到“刷新后刚加载出来的状态”
+	// 分页归 1，排序归默认（false）
+	currentPage.value = 1
+	sort.value = false
+
+	surveyCurrentPage.value = 1
+	surveySort.value = false
+
+	policyCurrentPage.value = 1
+	policySort.value = false
+
+	// 强制重置那些在子组件内部维护状态的组件（国会听证会/政策建议筛选）
+	resourceTabResetKey.value += 1
+}
+
+const resetThinkTankReportFilters = () => {
+	checkAll.value = false
+	isIndeterminate.value = true
+	selectedAreaList.value = []
+
+	checkAllTime.value = false
+	isIndeterminateTime.value = true
+	selectedPubTimeList.value = [""]
+}
+
+const resetSurveyFilters = () => {
+	surveyCheckAll.value = false
+	surveyIsIndeterminate.value = true
+	surveySelectedAreaList.value = []
+
+	surveyCheckAllTime.value = false
+	surveyIsIndeterminateTime.value = true
+	surveySelectedPubTimeList.value = [""]
+}
+
+const resetPolicyFilters = () => {
+	// 默认“不过滤领域”：domainIds 传 null，由后端返回全部领域
+	policySelectedTypeIds.value = []
+	// 默认选择最新一年，保证 /thinkTankOverview/policy 能返回数据（后端通常需要 years）
+	policySelectedYearIds.value = pubTimeList.value?.length ? [pubTimeList.value[0].id] : []
+}
+
 const handleClickCate = cate => {
 	activeCate.value = cate;
+	// 切换到不同分类时，触发对应数据加载，且互不影响
+	if (cate === "智库报告") {
+		resetResourceTabCommon()
+		resetThinkTankReportFilters()
+		handleGetetThinkTankReport();
+	} else if (cate === "调查项目") {
+		resetResourceTabCommon()
+		resetSurveyFilters()
+		handleGetThinkTankSurvey();
+	} else if (cate === "政策建议") {
+		resetResourceTabCommon()
+		resetPolicyFilters()
+		handleGetThinkTankPolicyAdvice();
+	} else if (cate === "国会听证会") {
+		resetResourceTabCommon()
+	}
 };
 
 const areaList = ref([
@@ -1286,9 +1269,25 @@ const selectedPubTimeList = ref([""]);
 const checkAllTime = ref(false);
 const isIndeterminateTime = ref(true);
 const sort = ref(false);
+const activeSort = computed(() => {
+	if (activeCate.value === "调查项目") return surveySort.value;
+	if (activeCate.value === "政策建议") return policySort.value;
+	// 国会听证会目前不走排序；默认使用智库报告排序状态
+	return sort.value;
+});
 const handleSwithSort = () => {
+	if (activeCate.value === "调查项目") {
+		surveySort.value = !surveySort.value;
+		handleGetThinkTankSurvey();
+		return;
+	}
+	if (activeCate.value === "政策建议") {
+		policySort.value = !policySort.value;
+		handleGetThinkTankPolicyAdvice();
+		return;
+	}
 	sort.value = !sort.value;
-	handleGetetThinkTankReport()();
+	handleGetetThinkTankReport();
 };
 
 const handleCheckAllChangeTime = val => {
@@ -1390,6 +1389,144 @@ const curFooterList = ref([
 ]);
 const currentPage = ref(1);
 const total = ref(0);
+
+// ===== 调查项目：独立状态（不影响智库报告）=====
+const surveyCheckAll = ref(false);
+const surveyIsIndeterminate = ref(true);
+const surveySelectedAreaList = ref([]);
+const surveySelectedPubTimeList = ref([""]);
+const surveyCheckAllTime = ref(false);
+const surveyIsIndeterminateTime = ref(true);
+const surveySort = ref(false);
+const surveyFooterList = ref([]);
+const surveyCurrentPage = ref(1);
+const surveyTotal = ref(0);
+
+const handleSurveyCheckAllChange = val => {
+	if (val) {
+		surveyIsIndeterminate.value = false;
+		surveySelectedAreaList.value.length !== areaList.value.length
+			? (surveySelectedAreaList.value = areaList.value.map(obj => obj.id))
+			: "";
+	} else {
+		surveySelectedAreaList.value = [];
+	}
+	handleGetThinkTankSurvey();
+};
+
+const handleSurveyCheckedAreaChange = () => {
+	surveySelectedAreaList.value.length !== areaList.value.length
+		? (surveyIsIndeterminate.value = true)
+		: ((surveyCheckAll.value = true), (surveyIsIndeterminate.value = false));
+	handleGetThinkTankSurvey();
+};
+
+const handleSurveyCheckAllChangeTime = val => {
+	if (val) {
+		surveyIsIndeterminateTime.value = false;
+		surveySelectedPubTimeList.value.length !== pubTimeList.value.length
+			? (surveySelectedPubTimeList.value = pubTimeList.value.map(obj => obj.id))
+			: "";
+	} else {
+		surveySelectedPubTimeList.value = [];
+	}
+	handleGetThinkTankSurvey();
+};
+
+const handleSurveyCheckedAreaChangeTime = () => {
+	surveySelectedPubTimeList.value.length !== pubTimeList.value.length
+		? (surveyIsIndeterminateTime.value = true)
+		: ((surveyCheckAllTime.value = true), (surveyIsIndeterminateTime.value = false));
+	handleGetThinkTankSurvey();
+};
+
+const handleSurveyCurrentChange = page => {
+	surveyCurrentPage.value = page;
+	handleGetThinkTankSurvey();
+};
+
+const handleGetThinkTankSurvey = async () => {
+	const params = {
+		currentPage: surveyCurrentPage.value - 1,
+		pageSize: 12,
+		sortFun: surveySort.value,
+		researchTypeIds: arrayToString(surveySelectedAreaList.value),
+		years: arrayToString(surveySelectedPubTimeList.value),
+		category: "调查项目"
+	};
+	try {
+		const res = await getThinkTankReport(params);
+		if (res.code === 200 && res.data) {
+			surveyFooterList.value = res.data.content;
+			surveyTotal.value = res.data.totalElements;
+		} else {
+			surveyFooterList.value = [];
+			surveyTotal.value = 0;
+		}
+	} catch (error) {
+		console.error("获取调查项目 error", error);
+	}
+};
+
+// ===== 政策建议：独立状态（不影响智库报告/调查项目）=====
+const policyFooterList = ref([]);
+const policyCurrentPage = ref(1);
+const policyTotal = ref(0);
+const policySort = ref(false);
+const policySelectedTypeIds = ref([]);
+const policySelectedYearIds = ref([]);
+
+const handlePolicyFilterChange = payload => {
+	policySelectedTypeIds.value = payload?.researchTypeIds ? [...payload.researchTypeIds] : [];
+	policySelectedYearIds.value = payload?.researchTimeIds ? [...payload.researchTimeIds] : [];
+	policyCurrentPage.value = 1;
+	handleGetThinkTankPolicyAdvice();
+};
+
+const handlePolicyCurrentChange = page => {
+	policyCurrentPage.value = page;
+	handleGetThinkTankPolicyAdvice();
+};
+
+const handleGetThinkTankPolicyAdvice = async () => {
+	const fallbackYear = pubTimeList.value?.length ? String(pubTimeList.value[0].id) : null
+	const yearsStr = arrayToString(policySelectedYearIds.value)
+	// 领域：如果用户还没选领域，则默认使用“全部领域”的 id 列表
+	const effectiveDomainIds = policySelectedTypeIds.value.length
+		? policySelectedTypeIds.value
+		: (areaList.value || []).map(obj => obj.id)
+	const domainIdsStr = arrayToString(effectiveDomainIds)
+	const params = {
+		currentPage: policyCurrentPage.value - 1,
+		pageSize: 7,
+		sortFun: policySort.value,
+		years: yearsStr === "" ? fallbackYear : yearsStr
+	};
+	// 领域：始终传 domainIds；如果用户没选，就传“全部领域”的 id 串
+	params.domainIds = domainIdsStr || null
+	try {
+		const res = await getThinkTankOverviewPolicy(params);
+		if (res.code === 200 && res.data) {
+			// /thinkTankOverview/policy 返回：data.content[{id,title,content,date,coverImage,domains,...}]
+			policyFooterList.value = (res.data.content || []).map(item => ({
+				id: item.id,
+				title: item.title,
+				content: item.content,
+				date: item.date,
+				coverImage: item.coverImage,
+				domains: item.domains,
+				billInfoList: item.billInfoList,
+				administrativeOrderInfoVOList: item.administrativeOrderInfoVOList
+			}));
+			policyTotal.value = res.data.totalElements || 0;
+		} else {
+			policyFooterList.value = [];
+			policyTotal.value = 0;
+		}
+	} catch (error) {
+		console.error("获取政策建议 error", error);
+	}
+};
 // 处理页码改变事件
 const handleCurrentChange = page => {
 	console.log(page, "pagepagepage");
@@ -1504,7 +1641,7 @@ const handleClickPerson = async item => {
 			ElMessage.warning("找不到当前人员的类型值！");
 			return;
 		}
-	} catch (error) {}
+	} catch (error) { }
 };
 
 // 点击新闻条目，跳转到新闻分析页
@@ -1543,6 +1680,7 @@ const handleSearch = () => {
 
 onMounted(async () => {
 	handleGetThinkTankList();
+	await getStatCountInfo();
 	// 定义一个定时器，每隔2秒轮播一次
 	setInterval(() => {
 		// 索引加1
@@ -1600,6 +1738,11 @@ onMounted(async () => {
 			padding: 1px;
 			position: relative;
 
+			.think-tank-search :deep(::placeholder) {
+				font-size: 20px !important;
+				/* !important 确保优先级高于子组件原有样式 */
+			}
+
 			&:hover {
 				border: 1px solid var(--color-main-active);
 			}
@@ -1809,9 +1952,10 @@ onMounted(async () => {
 
 			.home-main-header-card-box {
 				margin-top: 64px;
-				width: 1600px;
+
 				display: flex;
 				justify-content: space-between;
+				gap: 16px;
 
 				.card {
 					width: 253px;
@@ -1849,20 +1993,61 @@ onMounted(async () => {
 						.rank {
 							width: 100px;
 							height: 32px;
-							line-height: 32px;
-							text-align: center;
+
+							.number {
+								line-height: 32px;
+								text-align: left;
+								font-family: "YouSheBiaoTiHei";
+								font-size: 24px;
+								font-weight: 400;
+								line-height: 31px;
+								letter-spacing: 0px;
+								overflow: hidden;
+
+								height: 31px;
+
+							}
+						}
+
+
+						// text-overflow: ellipsis;
+						// white-space: nowrap;
+						.rank-number-one {
+
+							background: linear-gradient(90deg, rgba(206, 79, 81, 0), rgba(206, 79, 81, 0.3) 100%);
+							color: rgb(206, 79, 81);
+							padding-left: 33px;
+						}
+
+						.rank-number-two {
+
+							background: linear-gradient(270deg, rgba(255, 172, 77, 0.3), rgba(255, 172, 77, 0) 100%);
+							color: rgb(255, 149, 77);
+							padding-left: 23px;
+						}
+
+						.rank-number-three {
+
+							background: linear-gradient(270deg, rgba(255, 197, 61, 0.3), rgba(255, 197, 61, 0) 100%);
+							color: rgba(255, 197, 61, 1);
+							padding-left: 23px;
+						}
+
+						.rank-number-four {
+
 							background: linear-gradient(270deg, rgba(10, 87, 166, 0.3), rgba(10, 87, 166, 0) 100%);
 							color: rgba(5, 95, 194, 1);
-							font-family: YouSheBiaoTiHei;
-							font-size: 24px;
-							font-weight: 400;
-							line-height: 32px;
-							letter-spacing: 0px;
-							overflow: hidden;
-							// text-overflow: ellipsis;
-							// white-space: nowrap;
+							padding-left: 23px;
 						}
 
+						.rank-number-five {
+
+							background: linear-gradient(270deg, rgba(10, 87, 166, 0.3), rgba(10, 87, 166, 0) 100%);
+							color: rgba(5, 95, 194, 1);
+							padding-left: 23px;
+						}
+
+
 						.rank1 {
 							background: linear-gradient(270deg, rgba(206, 79, 81, 0.3), rgba(206, 79, 81, 0) 100%);
 							color: rgba(206, 79, 81, 1);
@@ -1887,10 +2072,10 @@ onMounted(async () => {
 						justify-content: space-between;
 
 						.title-left {
-							width: 175px;
+
 							height: 24px;
 							color: rgba(59, 65, 75, 1);
-							font-family: Microsoft YaHei;
+							font-family: "Source Han Sans CN";
 							font-size: 16px;
 							font-weight: 700;
 							line-height: 24px;
@@ -1901,21 +2086,24 @@ onMounted(async () => {
 						.title-right {
 							height: 22px;
 							color: rgba(132, 136, 142, 1);
-							font-family: Microsoft YaHei;
+							font-family: "Source Han Sans CN";
 							font-size: 14px;
 							font-weight: 400;
 							line-height: 22px;
 							letter-spacing: 0px;
 							text-align: right;
+							margin-top: 1px;
 						}
 					}
 
 					.content {
-						margin: 13px auto 19px;
+						margin-left: 20px;
+						margin-top: 13px;
+						margin-bottom: 18px;
 						width: 212px;
 						height: 66px;
 						color: rgba(95, 101, 108, 1);
-						font-family: Microsoft YaHei;
+						font-family: "Source Han Sans CN";
 						font-size: 14px;
 						font-weight: 400;
 						line-height: 22px;
@@ -1929,11 +2117,12 @@ onMounted(async () => {
 					}
 
 					.tag-box {
-						margin: 0 20px;
+						margin-left: 20px;
+						margin-right: 21px;
+						margin-bottom: 21px;
 						display: flex;
 						gap: 8px;
-						height: 25px;
-						margin: 0 20px;
+						height: 24px;
 						display: flex;
 						flex-wrap: wrap;
 						/* 允许换行 */
@@ -2019,22 +2208,22 @@ onMounted(async () => {
 		}
 
 		.home-main-center {
-			margin-top: 34px;
 
 			.center-top {
 				height: 450px;
 				display: flex;
 				justify-content: center;
-				gap: 20px;
+				gap: 16px;
 
 				.box1 {
-					width: 1064px;
+					width: 1063px;
 					height: 450px;
-					box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
+					box-shadow: 0px 0px 20px 0px rgba(22, 69, 130, 0.1);
 					background: #fff;
 					box-sizing: border-box;
 					border-radius: 10px;
 					position: relative;
+					border: 1px solid rgb(234, 236, 238);
 
 					.box1-left {
 						position: absolute;
@@ -2076,10 +2265,10 @@ onMounted(async () => {
 							display: flex;
 
 							.icon {
-								width: 18px;
-								height: 18px;
-								margin-left: 19px;
-								margin-top: 16px;
+								width: 24px;
+								height: 24px;
+								margin-left: 17px;
+								margin-top: 11px;
 
 								img {
 									width: 100%;
@@ -2087,35 +2276,49 @@ onMounted(async () => {
 								}
 							}
 
-							.title {
+							.title-box {
 								width: 112px;
 								height: 48px;
-								margin-left: 25px;
-								color: #fff;
+								margin-left: 19px;
+
 								background: var(--color-main-active);
-								font-family: Microsoft YaHei;
-								font-size: 20px;
-								font-weight: 700;
-								line-height: 48px;
-								text-align: center;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+
+
+								.title {
+									color: rgb(255, 255, 255);
+									font-family: "Source Han Sans CN";
+									font-size: 20px;
+									font-weight: 700;
+									line-height: 26px;
+									text-align: left;
+									letter-spacing: 0;
+									width: 80px;
+									height: 26px;
+
+								}
 							}
 						}
 
 						.box1-header-right {
-							margin-top: 16px;
+							margin-top: 12px;
 							height: 16px;
 							color: var(--color-main-active);
-							font-family: Microsoft YaHei;
+							font-family: "Source Han Sans CN";
 							font-size: 16px;
 							font-weight: 400;
 							line-height: 16px;
 							cursor: pointer;
-							margin-right: 39px;
+							margin-right: 27px;
+							letter-spacing: 0;
 						}
 					}
 
 					.box1-main {
-						margin: 24px auto;
+						margin-top: 24px;
+						margin-left: 62px;
 						width: 948px;
 						height: 353px;
 						display: flex;
@@ -2138,14 +2341,15 @@ onMounted(async () => {
 							.title {
 								width: 462px;
 								max-height: 52px;
+								height: 52px;
 								overflow: hidden;
 								color: rgba(59, 65, 75, 1);
-								font-family: Microsoft YaHei;
+								font-family: "Source Han Sans CN";
 								font-size: 20px;
 								font-weight: 700;
 								line-height: 26px;
 								letter-spacing: 0px;
-								text-align: left;
+								text-align: justify;
 							}
 
 							.tag-box {
@@ -2173,68 +2377,79 @@ onMounted(async () => {
 								}
 							}
 
-							.content {
-								margin-top: 17px;
-								width: 462px;
-								height: 183px;
-								color: rgba(59, 65, 75, 1);
-								font-family: Microsoft YaHei;
-								font-size: 16px;
-								font-weight: 400;
-								line-height: 30px;
-								letter-spacing: 0px;
-								text-align: justify;
-								display: -webkit-box;
-								-webkit-line-clamp: 6;
-								/* 限制行数为5 */
-								-webkit-box-orient: vertical;
-								overflow: hidden;
-							}
-
-							.box1-right-footer {
-								margin-top: 31px;
+							.name {
 								display: flex;
+
+
+								height: 24px;
+								margin-top: 22px;
 								justify-content: space-between;
 
-								.time {
+								.logo-title-box {
+									display: flex;
 									height: 24px;
-									color: rgba(95, 101, 108, 1);
-									font-family: Microsoft YaHei;
-									font-size: 16px;
-									font-weight: 400;
-									line-height: 24px;
-									letter-spacing: 0px;
-									text-align: left;
-								}
+									width: 211px;
 
-								.name {
-									display: flex;
-									justify-content: flex-end;
-									gap: 6px;
-									height: 36px;
 
 									.logo {
-										width: 36px;
-										height: 36px;
+										width: 16px;
+										height: 16px;
+										margin-top: 5px;
+										flex: 0 0 16px;
+										margin-right: 6px;
+
 
 										img {
 											width: 100%;
 											height: 100%;
+
 										}
 									}
 
-									.text {
-										margin-top: 6px;
-										height: 24px;
-										color: rgba(95, 101, 108, 1);
-										font-family: Microsoft YaHei;
+									.title {
+										color: rgb(59, 65, 75);
+										font-family: "Source Han Sans CN";
 										font-size: 16px;
 										font-weight: 400;
 										line-height: 24px;
 										letter-spacing: 0px;
-										text-align: right;
+										text-align: left;
 									}
 								}
+
+
+
+
+								.time {
+									height: 24px;
+									color: rgb(59, 65, 75);
+									font-family: "Source Han Sans CN";
+									font-size: 16px;
+									font-weight: 400;
+									line-height: 24px;
+									letter-spacing: 0px;
+									text-align: left;
+								}
+
+							}
+
+							.content {
+								width: 462px;
+								height: 187px;
+								margin-top: 22px;
+								overflow: hidden;
+								display: -webkit-box;
+								-webkit-box-orient: vertical;
+								-webkit-line-clamp: 6;
+								line-height: 30px;
+								word-break: break-all;
+								color: rgb(59, 65, 75);
+								font-family: "Source Han Sans CN";
+								font-size: 16px;
+								font-weight: 400;
+								letter-spacing: 0px;
+								text-align: left;
+
 							}
 						}
 					}
@@ -2566,7 +2781,7 @@ onMounted(async () => {
 				}
 
 				.box4 {
-					margin-left: 20px;
+					margin-left: 16px;
 					width: 792px;
 					height: 450px;
 					border-radius: 10px;
@@ -2752,7 +2967,7 @@ onMounted(async () => {
 			}
 
 			.center-footer {
-				margin-top: 21px;
+
 				height: 460px;
 				display: flex;
 				justify-content: center;
@@ -2768,7 +2983,7 @@ onMounted(async () => {
 					background: rgba(255, 255, 255, 1);
 
 					.box5-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						margin: 0 auto;
 						display: flex;
@@ -2781,7 +2996,8 @@ onMounted(async () => {
 
 							.box5-header-icon {
 								margin-top: 15px;
-								margin-left: 2px;
+								margin-left: 3px;
+
 								width: 19px;
 								height: 19px;
 
@@ -2792,11 +3008,11 @@ onMounted(async () => {
 							}
 
 							.box5-header-title {
-								margin-top: 12px;
-								margin-left: 19px;
+								margin-top: 11px;
+								margin-left: 18px;
 								height: 26px;
 								color: rgba(20, 89, 187, 1);
-								font-family: Microsoft YaHei;
+								font-family: "Source Han Sans CN";
 								font-size: 20px;
 								font-weight: 700;
 								line-height: 26px;
@@ -2807,13 +3023,16 @@ onMounted(async () => {
 							width: 120px;
 							height: 28px;
 							position: absolute;
-							top: 12px;
-							right: 25px;
+							top: 11px;
+							right: 31px;
 						}
 					}
 
 					.box5-main {
-						height: 397px;
+						height: 412px;
+						width: 1063px;
+						box-sizing: border-box;
+
 					}
 				}
 
@@ -2828,7 +3047,7 @@ onMounted(async () => {
 
 					.box6-header {
 						width: 521px;
-						height: 53px;
+						height: 48px;
 						box-sizing: border-box;
 						padding: 0 20px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
@@ -2836,7 +3055,8 @@ onMounted(async () => {
 						position: relative;
 
 						.header-icon {
-							margin-top: 18px;
+							margin-top: 15px;
+							margin-left: 3px;
 							width: 19px;
 							height: 19px;
 
@@ -2847,14 +3067,14 @@ onMounted(async () => {
 						}
 
 						.header-title {
-							margin-top: 16px;
-							margin-left: 15px;
+							margin-top: 11px;
+							margin-left: 19px;
 							height: 22px;
 							color: rgba(20, 89, 187, 1);
-							font-family: Microsoft YaHei;
+							font-family: "Source Han Sans CN";
 							font-size: 20px;
 							font-weight: 700;
-							line-height: 22px;
+							line-height: 26px;
 						}
 
 						.box6-select-box {
@@ -2867,8 +3087,10 @@ onMounted(async () => {
 					}
 
 					.box6-main {
-						margin: 5px 15px;
-						height: 395px;
+						width: 520px;
+						height: 412px;
+						box-sizing: border-box;
+						padding: 24px 24px 0;
 					}
 				}
 			}
@@ -2878,6 +3100,7 @@ onMounted(async () => {
 				display: flex;
 				justify-content: center;
 				gap: 15px;
+				margin-bottom: 36px;
 
 				.box7 {
 					width: 1064px;
@@ -2889,7 +3112,7 @@ onMounted(async () => {
 					background: rgba(255, 255, 255, 1);
 
 					.box7-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						margin: 0 auto;
 						display: flex;
@@ -2902,7 +3125,7 @@ onMounted(async () => {
 
 							.box7-header-icon {
 								margin-top: 15px;
-								margin-left: 2px;
+								margin-left: 3px;
 								width: 19px;
 								height: 19px;
 
@@ -2913,11 +3136,11 @@ onMounted(async () => {
 							}
 
 							.box7-header-title {
-								margin-top: 12px;
+								margin-top: 11px;
 								margin-left: 19px;
 								height: 26px;
 								color: rgba(20, 89, 187, 1);
-								font-family: Microsoft YaHei;
+								font-family: "Source Han Sans CN";
 								font-size: 20px;
 								font-weight: 700;
 								line-height: 26px;
@@ -2959,6 +3182,8 @@ onMounted(async () => {
 
 					.box7-main {
 						height: 412px;
+						box-sizing: border-box;
+						padding: 24px 24px 0;
 					}
 				}
 
@@ -2972,7 +3197,7 @@ onMounted(async () => {
 					background: rgba(255, 255, 255, 1);
 
 					.box8-header {
-						height: 53px;
+						height: 48px;
 						border-bottom: 1px solid rgba(240, 242, 244, 1);
 						margin: 0 auto;
 						display: flex;
@@ -2985,7 +3210,7 @@ onMounted(async () => {
 
 							.box8-header-icon {
 								margin-top: 15px;
-								margin-left: 2px;
+								margin-left: 3px;
 								width: 19px;
 								height: 19px;
 
@@ -2996,11 +3221,11 @@ onMounted(async () => {
 							}
 
 							.box8-header-title {
-								margin-top: 12px;
+								margin-top: 11px;
 								margin-left: 19px;
 								height: 26px;
 								color: rgba(20, 89, 187, 1);
-								font-family: Microsoft YaHei;
+								font-family: "Source Han Sans CN";
 								font-size: 20px;
 								font-weight: 700;
 								line-height: 26px;
@@ -3032,8 +3257,8 @@ onMounted(async () => {
 							.item-left {
 								width: 20px;
 								height: 24px;
-								color: rgba(95, 101, 108, 1);
-								font-family: Microsoft YaHei;
+								color: rgb(95, 101, 108);
+								font-family: "Source Han Sans CN";
 								font-size: 16px;
 								font-weight: 400;
 								line-height: 24px;
@@ -3045,8 +3270,8 @@ onMounted(async () => {
 								margin-left: 20px;
 								width: 425px;
 								height: 24px;
-								color: rgba(59, 65, 75, 1);
-								font-family: Microsoft YaHei;
+								color: rgb(59, 65, 75);
+								font-family: "Source Han Sans CN";
 								font-size: 16px;
 								font-weight: 400;
 								line-height: 24px;
@@ -3057,6 +3282,14 @@ onMounted(async () => {
 								white-space: nowrap;
 							}
 
+							.item-count {
+								height: 24px;
+								width: 92px;
+								text-align: right;
+								font-family: "Source Han Sans CN";
+								color: rgb(95, 101, 108)
+							}
+
 							.itemBold1 {
 								color: rgba(206, 79, 81, 1);
 								font-weight: 700;
@@ -3093,29 +3326,35 @@ onMounted(async () => {
 		.home-main-footer {
 			overflow: hidden;
 			background: rgba(247, 248, 249, 1);
+			height: 1700px;
 
 			.home-main-footer-header {
 				width: 1600px;
 				height: 42px;
-				margin: 36px auto;
+				margin: auto;
+				margin-bottom: 36px;
 				// background: orange;
 				display: flex;
 				justify-content: space-between;
 
 				.btn-box {
-					width: 1000px;
+
 					display: flex;
+					gap: 24px;
 
 					.btn {
 						color: rgba(95, 101, 108, 1);
-						font-family: Microsoft YaHei;
+						font-family: "Source Han Sans CN";
 						font-size: 20px;
 						font-weight: 400;
 						line-height: 42px;
 						padding: 0 24px;
+						width: 150px;
+						height: 42px;
 						border-radius: 21px;
 						background: rgba(20, 89, 187, 0);
-						margin-right: 20px;
+						text-align: center;
+
 						cursor: pointer;
 
 						&:hover {
@@ -3398,10 +3637,24 @@ onMounted(async () => {
 	}
 }
 
+/* 仅作用于智库概览页资源库下四个组件的选择框样式 */
+.resource-library-content {
+
+
+	:deep(.el-checkbox__label) {
+		font-family: "Source Han Sans CN";
+		font-size: 16px;
+		font-weight: 400;
+		line-height: 24px;
+		letter-spacing: 0;
+		text-align: justify;
+	}
+}
+
 .divide-header {
 	margin: 0 auto;
-	margin-top: 52px;
-	margin-bottom: 36px;
+	margin-top: 64px;
+	margin-bottom: 30px;
 }
 
 .all-checkbox {
@@ -3445,57 +3698,4 @@ onMounted(async () => {
 		text-align: left;
 	}
 }
-
-:deep(.el-pagination) {
-	display: flex;
-	align-items: center;
-}
-
-:deep(.el-pagination.is-background .el-pager li) {
-	min-width: 32px;
-	height: 32px;
-	line-height: 32px;
-	border-radius: 6px;
-	margin: 0 6px;
-	border: 1px solid rgba(0, 0, 0, 0.15);
-	background-color: #fff;
-	color: rgb(95, 101, 108);
-	font-size: 16px;
-	font-weight: 400;
-	font-family: "Microsoft YaHei";
-}
-
-:deep(.el-pagination.is-background .el-pager li.is-active) {
-	background-color: #fff;
-	color: rgba(22, 119, 255, 1);
-	border-color: rgba(22, 119, 255, 1);
-}
-
-:deep(.el-pagination.is-background .el-pager li.is-ellipsis) {
-	border: none;
-	background-color: transparent;
-	color: rgb(95, 101, 108);
-	min-width: 16px;
-	margin: 0 6px;
-}
-
-:deep(.el-pagination.is-background .btn-prev),
-:deep(.el-pagination.is-background .btn-next) {
-	min-width: 32px;
-	height: 32px;
-	border-radius: 6px;
-	border: 1px solid rgba(0, 0, 0, 0.15);
-	background-color: #fff;
-	color: rgb(95, 101, 108);
-	font-size: 16px;
-	font-family: "Microsoft YaHei";
-	margin: 0 6px;
-}
-
-:deep(.el-pagination.is-background .btn-prev.is-disabled),
-:deep(.el-pagination.is-background .btn-next.is-disabled) {
-	color: rgba(95, 101, 108, 0.45);
-	border-color: rgb(235, 238, 242);
-	background-color: #fff;
-}
 </style>

src/views/thinkTank/utils/multiLineChart.js

@@ -2,31 +2,73 @@ import * as echarts from 'echarts';
 
 const getMultiLineChart = (data) => {
   // 提取标题和系列数据
-  // const { title, series } = data;
   const title = data.title
   const series = data.data
 
+  // 定义配色数组
+  const colorList = [
+    'rgba(5, 95, 194, 1)',    // #055fc2
+    'rgba(19, 168, 168, 1)',  // #13a8a8
+    'rgba(250, 140, 22, 1)',  // #fa8c16
+    'rgba(114, 46, 209, 1)',  // #722ed1
+    'rgba(115, 209, 61, 1)',  // #73d13d
+    'rgba(206, 79, 81, 1)',   // #ce4f51
+    'rgba(145, 202, 255, 1)', // #91caff
+    'rgba(95, 101, 108, 1)',  // #5f656c
+    'rgba(250, 84, 28, 1)',   // #fa541c
+    'rgba(47, 84, 235, 1)',   // #2f54eb
+    'rgba(64, 150, 255, 1)',  // #4096ff
+    'rgba(34, 41, 52, 1)',    // #222934
+    'rgba(173, 198, 255, 1)', // #adc6ff
+    'rgba(255, 169, 64, 1)'   // #ffa940
+  ];
+
+  // 解析 RGBA 颜色的辅助函数
+  const parseRgba = (colorStr) => {
+    // 匹配 rgba(r, g, b, a) 格式
+    const match = colorStr.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d+(\.\d+)?)\)/);
+    if (match) {
+      return {
+        r: parseInt(match[1]),
+        g: parseInt(match[2]),
+        b: parseInt(match[3]),
+        a: parseFloat(match[4])
+      };
+    }
+    // 默认返回黑色
+    return { r: 0, g: 0, b: 0, a: 1 };
+  };
+
   // 动态生成 series 配置
-  const echartsSeries = series.map((item, index) => ({
-    name: item.name,
-    type: 'line',
-    // areaStyle: {
-    //   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-    //     {
-    //       offset: 0,
-    //       color: item.color || `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 0.7)` // 随机颜色
-    //     },
-    //     {
-    //       offset: 1,
-    //       color: item.color ? `${item.color.replace('0.7', '0')}` : `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 0)` // 随机颜色
-    //     }
-    //   ])
-    // },
-    emphasis: {
-      focus: 'series'
-    },
-    data: item.value
-  }));
+  const echartsSeries = series.map((item, index) => {
+    // 获取当前系列的颜色（优先使用item.color，否则用预设颜色，再否则随机）
+    const baseColor = item.color || colorList[index % colorList.length] || `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 1)`;
+    const { r, g, b } = parseRgba(baseColor);
+
+    return ({
+      name: item.name,
+      type: 'line',
+      // 新增/优化：面积填充渐变效果
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          {
+            offset: 0,        // 顶部
+            color: `rgba(${r}, ${g}, ${b}, 0.3)` // 0.3 透明度
+          },
+          {
+            offset: 1,        // 底部
+            color: `rgba(${r}, ${g}, ${b}, 0)`   // 0 透明度
+          }
+        ])
+      },
+       
+      symbolSize: 8,  
+      emphasis: {
+        focus: 'series'
+      },
+      data: item.value
+    });
+  });
 
   return {
     tooltip: {
@@ -50,9 +92,16 @@ const getMultiLineChart = (data) => {
       top: 10,
       left: 'center',
       icon: 'circle',
+       textStyle: {
+        fontFamily: 'Source Han Sans CN', // 字体
+        fontWeight: 400,                  // 字重值（Regular对应400）
+        fontSize: 14,                     // 字号
+        lineHeight: 24,                   // 行高
+        letterSpacing: 0,                 // 字间距
+        align: 'left'                     // 文本左对齐
+      }
     },
-    // color: series.map(item => item.color || `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 0.7)`), // 动态颜色
-    color: ['#055fc2', '#13a8a8', '#fa8c16', '#722ed1', '#73d13d', '#ce4f51', '#91caff', '#5f656c', '#fa541c', '#2f54eb', '#4096ff', '#222934', '#adc6ff', '#ffa940'], // 色彩调和的折线图配色方案
+    color: colorList, // 使用预设的配色数组
     xAxis: [
       {
         type: 'category',
@@ -62,7 +111,15 @@ const getMultiLineChart = (data) => {
     ],
     yAxis: [
       {
-        type: 'value'
+        type: 'value',
+        splitLine: {
+          show: true, // 显示网格线
+          lineStyle: {
+            color: 'rgba(231, 241, 255, 1)',
+            type: 'dashed',
+            width: 1 
+          }
+        }
       }
     ],
     series: echartsSeries

src/views/thinkTank/utils/piechart.js

@@ -20,7 +20,13 @@ const getPieChart = (data) => {
         },
         label: {
           alignTo: 'edge',
-          formatter: '{name|{b}}\n{time|{c} 条 {d}%}',
+ formatter: params => {
+  const name = params.name || "";
+  const value = params.value ?? "";
+  const percent = params.percent != null ? Math.round(params.percent) : 0; 
+
+  return `{name|${name}}\n{time|${value} 项 ${percent}%}`;
+},
           minMargin: 5,
           edgeDistance: 10,
           lineHeight: 20,