feat:智库主页智库动态智库报告、调查项目、国会听诊会项目按要求完善，智库主页政策追踪部分完成

src/components/SearchContainer.vue

 <template>
 	<div class="search-container" v-show="!isShow">
 		<div class="search-main">
-			<input v-model="store.searchBillText" :placeholder="placeholder" @keyup.enter="handleSearch" class="search-input" />
+			<input v-model="store.searchBillText" :placeholder="placeholder" @keyup.enter="handleSearch"
+				class="search-input" />
 			<div class="search-btn" @click="handleSearch">
 				<img src="@/assets/icons/search-icon.png" alt />
 				搜索
@@ -90,17 +91,17 @@ watchEffect(() => {
 	if (isShow.value) {
 		homeMainRef.value.classList.add("scroll-main");
 		homeMainRef.value.classList.add("scrollHomeMain");
-		
+
 	} else {
 		homeMainRef.value.classList.remove("scroll-main");
 		homeMainRef.value.classList.remove("scrollHomeMain");
 
 	}
-	
+
 	store.changeIsShowSearchBar(isShow.value);
 });
 
-store.setSearchData({ placeholder, areaName,containerRef:homeMainRef });
+store.setSearchData({ placeholder, areaName, containerRef: homeMainRef });
 // 锚点跳转
 const handleToPosi = id => {
 	const element = document.getElementById(id);
@@ -131,6 +132,7 @@ const handleToPosi = id => {
 	width: 960px;
 	height: 168px;
 	margin: 0 auto 68px auto;
+
 	.search-center {
 		width: 688px;
 		height: 48px;
@@ -170,6 +172,7 @@ const handleToPosi = id => {
 			}
 		}
 	}
+
 	.search-main {
 		display: flex;
 		padding-right: 3px;
@@ -181,9 +184,11 @@ const handleToPosi = id => {
 		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;
@@ -201,6 +206,7 @@ const handleToPosi = id => {
 				color: #a8abb2;
 			}
 		}
+
 		.search-btn {
 			cursor: pointer;
 			display: flex;
@@ -216,6 +222,7 @@ const handleToPosi = id => {
 			font-family: "Microsoft YaHei";
 			line-height: 22px;
 			color: #fff;
+
 			img {
 				width: 18px;
 				height: 18px;
@@ -223,6 +230,7 @@ const handleToPosi = id => {
 			}
 		}
 	}
+
 	.search-bottom {
 		width: 688px;
 		height: 48px;
@@ -230,6 +238,7 @@ const handleToPosi = id => {
 		margin-top: 36px;
 		display: flex;
 		justify-content: space-between;
+
 		// gap: 16px;
 		.btn {
 			display: flex;
@@ -243,9 +252,11 @@ const handleToPosi = id => {
 			background: #e7f3ff;
 			cursor: pointer;
 			position: relative;
+
 			&:hover {
 				background: #cae3fc;
 			}
+
 			.btn-text {
 				width: 80px;
 				color: var(--color-main-active);
@@ -256,12 +267,14 @@ const handleToPosi = id => {
 				margin-left: 36px;
 				text-align: center;
 			}
+
 			.btn-icon {
 				position: absolute;
 				top: 16px;
 				right: 19px;
 				width: 6px;
 				height: 12px;
+
 				img {
 					width: 100%;
 					height: 100%;

src/components/dialog/dialog.vue

@@ -4,7 +4,9 @@
 			<div class="header-icon">
 				<img src="./image1.png" alt="" />
 			</div>
-			<div class="header-title">{{ "社交媒体" }}</div>
+			<div class="header-title">
+				<slot name='title'>{{ "社交媒体" }}</slot>
+			</div>
 			<div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div>
 		</div>
 		<div class="box4-main">
@@ -149,7 +151,7 @@ const handleToMoreNews = (item) => {
 		}
 
 		.header-title {
-			width: 80px;
+			width: 100%;
 			margin-top: 11px;
 			margin-left: 18px;
 			height: 26px;

src/views/ruleRestriction/index2.vue

@@ -29,7 +29,7 @@
 					<div class="btn-icon">
 						<img src="@/assets/icons/arrow-right-icon.png" alt />
 					</div>
-				</div>
+				</div>,
 				<div class="btn" @click="handleToPosi('position4')">
 					<div class="btn-text">资源库</div>
 					<div class="btn-icon">

src/views/thinkTank/ThinkTankDetail/index.vue

@@ -14,10 +14,19 @@
 						{{ thinkTank.describe }}
 					</div>
 					<div class="center-footer">
-						<div class="tag" v-for="(tag, index) in thinkTank.tags" :key="index">{{ tag.industryName }}</div>
+						<div class="tag" v-for="(tag, index) in thinkTank.tags" :key="index">
+							<div class="tag-industryName">
+								{{ tag.industryName }}
+							</div>
+						</div>
 					</div>
 				</div>
-				<!-- <div class="header-top-right">{{ '查看智库官网' }}</div> -->
+				<div class="header-top-right">
+					<button class="blue-btn">
+						<img class="btn-img" src="./images/image1.png" alt="" />
+						<span class="text">{{ '查看智库官网' }}</span>
+					</button>
+				</div>
 			</div>
 			<div class="header-footer">
 				<div class="tab" :class="{ tabActive: tabActiveName === '智库动态' }" @click="switchTab('智库动态')">
@@ -94,19 +103,22 @@ onMounted(async () => {
 	height: 100%;
 	overflow: hidden;
 	overflow-y: auto;
+
 	.header {
 		width: 100%;
 		height: 188px;
 		box-sizing: border-box;
-		padding: 0 160px;
-		border-bottom: 1px solid rgba(234, 236, 238, 1);
-		box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+
+		border-bottom: 1px solid rgb(234, 236, 238);
+		border-top: 1px solid rgb(234, 236, 238);
+		box-shadow: 0 0 20px 0 rgba(25, 69, 130, 0.1);
 		background: rgba(255, 255, 255, 1);
 		position: relative;
 		position: sticky;
 		top: 0;
 		z-index: 99999;
-		overflow: hidden;
+		overflow: visible;
+
 		.header-top {
 			width: 1600px;
 			margin: 0 auto;
@@ -116,6 +128,8 @@ onMounted(async () => {
 			.header-top-left {
 				width: 88px;
 				height: 88px;
+
+
 				img {
 					width: 100%;
 					height: 100%;
@@ -130,8 +144,8 @@ onMounted(async () => {
 
 					.name {
 						height: 26px;
-						color: rgba(59, 65, 75, 1);
-						font-family: Microsoft YaHei;
+						color: rgb(59, 65, 75);
+						font-family: 'Source Han Sans CN';
 						font-size: 20px;
 						font-weight: 700;
 						line-height: 26px;
@@ -142,11 +156,11 @@ onMounted(async () => {
 					.e-name {
 						margin-left: 11px;
 						height: 26px;
-						color: rgba(132, 136, 142, 1);
-						font-family: Microsoft YaHei;
+						color: rgb(132, 136, 142);
+						font-family: 'Source Han Sans CN';
 						font-size: 14px;
 						font-weight: 400;
-						line-height: 26px;
+						line-height: 22px;
 						letter-spacing: 0px;
 						text-align: left;
 					}
@@ -156,12 +170,13 @@ onMounted(async () => {
 					margin-top: 4px;
 					width: 769px;
 					height: 24px;
-					color: rgba(132, 136, 142, 1);
-					font-family: Microsoft YaHei;
+					color: rgb(132, 136, 142);
+					font-family: 'Source Han Sans CN';
 					font-size: 16px;
 					font-weight: 400;
 					line-height: 24px;
 					letter-spacing: 0px;
+					text-align: justify;
 				}
 
 				.center-footer {
@@ -171,18 +186,71 @@ onMounted(async () => {
 
 					.tag {
 						height: 26px;
-						line-height: 26px;
-						text-align: center;
-						padding: 0 8px;
+
+
+						padding: 1px 8px 1px 8px;
 						box-sizing: border-box;
-						border: 1px solid rgba(231, 243, 255, 1);
+						border: 1px solid rgb(231, 243, 255);
 						border-radius: 4px;
-						background: rgba(246, 250, 255, 1);
-						color: rgba(5, 95, 194, 1);
+						background: rgb(246, 250, 255);
+						position: relative;
+						display: inline-flex;
+						align-items: center;
+
+						.tag-industryName {
+							color: rgb(5, 95, 194);
+							font-family: 'Source Han Sans CN';
+							font-size: 16px;
+							font-weight: 400;
+							line-height: 23px;
+							text-align: left;
+							letter-spacing: 0px;
+
+						}
+					}
+				}
+			}
+
+			.header-top-right {
+				margin-left: auto;
+				height: 36px;
+
+				box-sizing: border-box;
+				position: relative;
+
+
+				.blue-btn {
+					height: 100%;
+					box-sizing: border-box;
+					border: none;
+					outline: none;
+					border-radius: 6px;
+					background: rgba(5, 95, 194, 1);
+					padding: 7px 16px;
+					display: flex;
+					align-items: center;
+
+					&:focus {
+						outline: none;
+					}
+
+					.btn-img {
+						width: 16px;
+						height: 16px;
+						margin-left: 0px;
+						margin-top: 3px;
+						margin-bottom: 3px;
+
+						margin-right: 8px;
+
+					}
+
+					.text {
+						color: #fff;
 						font-family: Microsoft YaHei;
 						font-size: 16px;
 						font-weight: 400;
-						line-height: 24px;
+						line-height: 22px;
 					}
 				}
 			}
@@ -191,14 +259,14 @@ onMounted(async () => {
 		.header-footer {
 			width: 1600px;
 			margin: 0 auto;
-			margin-top: 25px;
+			margin-top: 28px;
 			height: 48px;
 			display: flex;
 			gap: 24px;
 
 			.tab {
-				width: 94px;
 				height: 48px;
+				box-sizing: border-box;
 				display: flex;
 				align-items: center;
 				justify-content: center;
@@ -218,21 +286,21 @@ onMounted(async () => {
 
 				.text {
 					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: 18px;
 					font-weight: 400;
 					line-height: 24px;
 				}
 
 				.textActive {
-					color: rgba(5, 95, 194, 1);
+					color: rgb(5, 95, 194);
 					font-weight: 700;
 				}
 			}
 
-			.tabActive {
-				border-bottom: 2px solid rgba(5, 95, 194, 1);
+			.tab.tabActive {
+				border-bottom: 2px solid rgb(5, 95, 194);
 			}
 		}
 	}
@@ -241,167 +309,7 @@ onMounted(async () => {
 		margin: 0 auto;
 		width: 1600px;
 
-		.main-header {
-			height: 64px;
-			display: flex;
-			justify-content: space-between;
-
-			.search-box {
-				margin-top: 16px;
-				display: flex;
-				width: 300px;
-				height: 32px;
-				box-sizing: border-box;
-				border: 1px solid rgba(230, 231, 232, 1);
-				border-radius: 4px;
-				background: rgba(255, 255, 255, 1);
-
-				.icon {
-					width: 16px;
-					height: 16px;
-					margin: 8px 7px;
-					cursor: pointer;
-
-					img {
-						width: 100%;
-						height: 100%;
-					}
-				}
-			}
-
-			.select-box {
-				margin-top: 16px;
-				margin-right: 5px;
-			}
-		}
-
-		.main-content {
-			display: flex;
-			gap: 16px;
-
-			.left {
-				width: 300px;
-				height: 806px;
-				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;
-
-					.select-box-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;
-				height: 1377px;
-
-				.card-box {
-					width: 1284px;
-					height: 1248px;
-					display: flex;
-					justify-content: space-between;
-					flex-wrap: wrap;
-
-					.footer-card {
-						width: 418px;
-						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: 384px;
-							height: 206px;
-							margin: 0 auto;
-							margin-top: 15px;
-
-							img {
-								width: 100%;
-								height: 100%;
-							}
-						}
-
-						.footer-card-title {
-							margin: 0 auto;
-							margin-top: 13px;
-							width: 376px;
-							height: 24px;
-							color: rgba(59, 65, 75, 1);
-							font-family: Microsoft YaHei;
-							font-size: 18px;
-							font-weight: 700;
-							line-height: 24px;
-						}
-
-						.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 {
-					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;
-					}
-				}
-			}
-		}
 	}
 }
 

src/views/thinkTank/index.vue

@@ -13,7 +13,7 @@
 				</div> -->
 
 				<div class="home-main-header-center">
-					<SearchContainer style="margin-bottom: 0; margin-top: 48px; height: fit-content" v-if="containerRef"
+					<SearchContainer 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="搜索智库报告" />
@@ -229,7 +229,9 @@
 					<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" />
+						@person-click="handleClickPerson" name="personName" content="remarks" source="orgName">
+						<template #title>智库任务动态</template>
+					</MessageBubble>
 					<!-- <div class="box4">
 						<div class="box4-header">
 							<div class="header-icon">