出口管制样式修改

src/views/exportControl/index.vue

@@ -943,17 +943,20 @@ onMounted(async () => {
 			return { name: entityNameZh, enName: entityName };
 		});
 		entitiesDataInfoList.value = entitiesDataInfo || [];
-		const list = _.chain(industryCountByYear).filter("year").orderBy("year", "desc").value();
+		const list = _.chain(industryCountByYear).filter("year").orderBy("year", "desc").value().slice(0, 5);
 		const cclList1 = _.chain(cclList).filter("year").orderBy("year", "desc").value();
 		const total = _.sumBy(list, "count");
-		tableData1.value = _.map(list, item => {
-			return {
-				year: item.year,
-				num: item.count,
-				percent: item.count / total,
-				tags: item.domain
-			};
-		}).slice(0, 5);
+		console.log("shuju list", list);
+		console.log("shuju total", total);
+		(console.log("shuju industryCountByYear", industryCountByYear),
+			(tableData1.value = _.map(list, item => {
+				return {
+					year: item.year,
+					num: item.count,
+					percent: item.count / total,
+					tags: item.domain
+				};
+			}).slice(0, 5)));
 		tableData2.value = _.map(cclList1, item => {
 			return {
 				year: item.year,
@@ -2132,94 +2135,94 @@ const handleMediaClick = item => {
 	}
 }
 
-// .box4 {
-// 	height: 786px;
-// 	overflow: auto;
-// 	display: flex;
-// 	flex-direction: column;
-// 	justify-content: space-between;
-// 	padding-top: 16px;
-// 	// padding-bottom: 50px;
-// 	position: relative;
-
-// 	.box4-item {
-// 		display: flex;
-// 		gap: 10px;
-// 		align-items: flex-start;
-// 		padding-bottom: 35px;
-// 		position: relative;
-
-// 		.box4-item-left {
-// 			display: flex;
-// 			flex-direction: column;
-// 			align-items: center;
-
-// 			.box4-item-left-icon {
-// 				width: 10px;
-// 				height: 10px;
-// 			}
+.box4 {
+	height: 786px;
+	overflow: auto;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	padding-top: 16px;
+	// padding-bottom: 50px;
+	position: relative;
 
-// 			.box4-item-left-line {
-// 				width: 1px;
-// 				height: 100%;
-// 				position: absolute;
-// 				border-left: 1px solid rgba(10, 87, 166, 0.3);
-// 			}
-// 		}
+	.box4-item {
+		display: flex;
+		gap: 10px;
+		align-items: flex-start;
+		padding-bottom: 35px;
+		position: relative;
 
-// 		.box4-item-right {
-// 			display: flex;
-// 			flex-direction: column;
-
-// 			.box4-item-right-header {
-// 				display: flex;
-// 				justify-content: space-between;
-// 				align-items: center;
-// 				border-bottom: 1px solid rgba(234, 236, 238, 1);
-// 				position: relative;
-// 				top: -7.5px;
-// 				padding-bottom: 8px;
-// 				cursor: pointer;
-
-// 				&-title {
-// 					font-size: 18px;
-// 					color: $base-color;
-// 					font-weight: 700;
-// 				}
-
-// 				&-desc {
-// 					font-size: 16px;
-// 					font-weight: 700;
-// 					color: rgba(59, 65, 75, 1);
-// 				}
-// 			}
+		.box4-item-left {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
 
-// 			.box4-item-right-content {
-// 				font-size: 16px;
-// 				font-weight: 400;
-// 				color: rgba(95, 101, 108, 1);
-// 				overflow: hidden;
-// 				display: -webkit-box;
-// 				-webkit-line-clamp: 3;
-// 				-webkit-box-orient: vertical;
-// 				text-overflow: ellipsis;
-// 				line-height: 25px;
-// 			}
-// 		}
-// 	}
+			.box4-item-left-icon {
+				width: 10px;
+				height: 10px;
+			}
 
-// 	.box4-footer {
-// 		position: absolute;
-// 		// margin-top: auto;
-// 		display: flex;
-// 		justify-content: center;
-// 		align-items: center;
-// 		bottom: 30px;
-// 		left: 50%;
-// 		margin-left: -30px;
-// 		// margin-bottom: 30px;
-// 	}
-// }
+			.box4-item-left-line {
+				width: 1px;
+				height: 100%;
+				position: absolute;
+				border-left: 1px solid rgba(10, 87, 166, 0.3);
+			}
+		}
+
+		.box4-item-right {
+			display: flex;
+			flex-direction: column;
+
+			.box4-item-right-header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				border-bottom: 1px solid rgba(234, 236, 238, 1);
+				position: relative;
+				top: -7.5px;
+				padding-bottom: 8px;
+				cursor: pointer;
+
+				&-title {
+					font-size: 18px;
+					color: $base-color;
+					font-weight: 700;
+				}
+
+				&-desc {
+					font-size: 16px;
+					font-weight: 700;
+					color: rgba(59, 65, 75, 1);
+				}
+			}
+
+			.box4-item-right-content {
+				font-size: 16px;
+				font-weight: 400;
+				color: rgba(95, 101, 108, 1);
+				overflow: hidden;
+				display: -webkit-box;
+				-webkit-line-clamp: 3;
+				-webkit-box-orient: vertical;
+				text-overflow: ellipsis;
+				line-height: 25px;
+			}
+		}
+	}
+
+	.box4-footer {
+		position: absolute;
+		// margin-top: auto;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		bottom: 30px;
+		left: 50%;
+		margin-left: -30px;
+		// margin-bottom: 30px;
+	}
+}
 
 .box5 {
 	height: 115%;