feat:政令详情增加政令关键词云和报告内容摘要板块

src/App.vue

@@ -251,7 +251,7 @@ body {
 /* 可点击文本 鼠标悬浮样式 */
 #app .text-click-hover:hover {
 	text-decoration: underline;
-	color: rgb(5, 95, 194);
+	color: var(--color-primary-100);
 	cursor: pointer;
 }
 /* #endregion 公共样式类名 */

src/views/decree/decreeHome/index.vue

@@ -37,16 +37,17 @@
 					<TimeTabPane @time-click="handleTimeClick" />
 				</div>
 				<div class="home-main-header-item-box" v-if="govInsList.length">
-					<div class="item" v-for="(item, index) in govInsList.slice(0, 7)" :key="index" @click="handleToInstitution(item)">
+					<div class="organization-item" v-for="(item, index) in govInsList.slice(0, 7)" :key="index" @click="handleToInstitution(item)">
 						<div class="item-left">
 							<img :src="item.orgImage || DefaultIcon2" alt="" />
 						</div>
 						<div class="item-right one-line-ellipsis">{{ item.orgName }}</div>
-						<div class="item-num">{{ item.total }}项</div>
+						<div class="item-total">{{ item.total }}项</div>
 						<el-icon color="var(--color-primary-100)"><ArrowRightBold /></el-icon>
+						<div class="item-dot">+999</div>
 					</div>
-					<div class="item">
-						<div class="item-num item-more">查看全部机构 ({{govInsList.length+1}}家)</div>
+					<div class="organization-item">
+						<div class="item-more">查看全部机构 ({{govInsList.length+1}}家)</div>
 						<el-icon color="var(--color-primary-100)"><ArrowRightBold /></el-icon>
 					</div>
 				</div>
@@ -1386,8 +1387,9 @@ onMounted(async () => {
 				display: flex;
 				flex-wrap: wrap;
 				gap: 16px;
+				font-family: Microsoft YaHei;
 
-				.item {
+				.organization-item {
 					width: 20%;
 					flex: auto;
 					height: 80px;
@@ -1401,9 +1403,8 @@ onMounted(async () => {
 					align-items: center;
 					justify-content: center;
 					cursor: pointer;
-					transition:
-						transform 0.3s ease,
-						box-shadow 0.3s ease;
+					transition: transform 0.3s ease, box-shadow 0.3s ease;
+					position: relative;
 
 					&:hover {
 						transform: translateY(-3px);
@@ -1424,25 +1425,43 @@ onMounted(async () => {
 						width: 20px;
 						flex: auto;
 						color: rgba(59, 65, 75, 1);
-						font-family: Microsoft YaHei;
 						font-size: 20px;
 						font-weight: 700;
 						line-height: 20px;
 						margin: 0 16px;
 					}
 
-					.item-num {
-						white-space: nowrap;
-						font-family: Microsoft YaHei;
+					.item-total {
 						font-size: 20px;
+						margin-right: 2px;
+						white-space: nowrap;
 						font-weight: 700;
 						line-height: 20px;
-						margin-right: 2px;
 						color: var(--color-primary-100);
 					}
+
 					.item-more {
+						font-size: 16px;
 						margin-right: 12px;
+						white-space: nowrap;
+						font-weight: 700;
+						line-height: 16px;
+						color: var(--color-primary-100);
+					}
+
+					.item-dot {
+						position: absolute;
+						right: -13px;
+						top: -10px;
+						padding: 0 8px;
+						height: 26px;
+						background-color: #FF4D4F;
+						color: white;
 						font-size: 16px;
+						line-height: 26px;
+						font-family: Source Han Sans CN;
+						border-radius: 14px;
+						letter-spacing: 1px;
 					}
 				}
 			}

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

@@ -79,7 +79,7 @@ onMounted(() => {
 		.left {
 			position: absolute;
 			left: -160px;
-			top: 0px;
+			top: 25px;
 			width: 160px;
 			padding: 0px 16px;
 		}