修改部分内容

src/App.vue

@@ -2,7 +2,7 @@
 	<div id="app">
 		<div class="pro-wrapper">
 			<div class="home-page">
-				<ModuleHeader/>
+				<ModuleHeader />
 				<div class="main-container">
 					<router-view />
 				</div>
@@ -22,8 +22,8 @@
 				</div>
 			</div>
 
-			<div class="tool-box" @click="handleClickToolBox">
-				<div class="tool-item">
+			<div class="tool-box">
+				<!-- <div class="tool-item">
 					<img src="@/assets/icons/tool-item-icon1.png" alt="" />
 				</div>
 				<div class="tool-item">
@@ -34,7 +34,26 @@
 				</div>
 				<div class="tool-item">
 					<img src="@/assets/icons/tool-item-icon4.png" alt="" />
-				</div>
+				</div> -->
+
+				<el-tooltip content="智能写报" placement="left" :offset="10">
+					<div class="tool-item" @click="handleOpenPage('znxb')">
+						<img src="@/assets/icons/tool-item-icon1.png" alt="" />
+					</div>
+				</el-tooltip>
+				<el-tooltip content="智能翻译" placement="left" :offset="10">
+					<div class="tool-item" @click="handleClickToolBox">
+						<img src="@/assets/icons/tool-item-icon2.png" alt="" />
+					</div>
+				</el-tooltip>
+				<!-- <div class="tool-item">
+					<img src="@/assets/icons/tool-item-icon3.png" alt="" />
+				</div> -->
+				<el-tooltip content="智能问答" placement="left" :offset="10">
+					<div class="tool-item" @click="handleOpenPage('znwd')">
+						<img src="@/assets/icons/tool-item-icon4.png" alt="" />
+					</div>
+				</el-tooltip>
 			</div>
 
 			<!-- <div class="ai-btn" @click="openAiBox">
@@ -121,7 +140,7 @@ const handleGetPersonType = async () => {
 			personTypeList.value = [];
 		}
 		window.sessionStorage.setItem("personTypeList", JSON.stringify(personTypeList.value));
-	} catch (error) { }
+	} catch (error) {}
 };
 
 const isCurrentOverview = computed(() => {
@@ -252,6 +271,14 @@ const handleClickTitle = item => {
 	}
 };
 
+const handleOpenPage = page => {
+	const pageObj = {
+		znwd: "/chat",
+		znxb: "/writtingAsstaint"
+	};
+	window.open(pageObj[page], "_blank");
+};
+
 const handleClickToolBox = () => {
 	ElMessage.warning("当前功能正在开发中，敬请期待！");
 };
@@ -291,7 +318,7 @@ body {
 	text-align: justify;
 }
 
-.el-popper[data-popper-placement^="top"]>.el-popper__arrow:before {
+.el-popper[data-popper-placement^="top"] > .el-popper__arrow:before {
 	display: none;
 }
 </style>

src/components/base/moduleHeader/index.vue

@@ -36,7 +36,7 @@
 					<div class="name">{{ "管理员" }}</div>
 				</div>
 			</div>
-			<div class="menu-box" v-if="isShowMenu" @mouseenter="handleHoverMenu(true)" @mouseleave="handleHoverMenu(false)">
+			<div class="menu-box" v-show="isShowMenu" @mouseenter="handleHoverMenu(true)" @mouseleave="handleHoverMenu(false)">
 				<div class="menu-content">
 					<div class="menu-item" v-for="(item, index) in menuList" :key="index" @click="handleToModule(item)">
 						<div class="icon">
@@ -372,11 +372,16 @@ onMounted(() => {
 			top: 52px;
 			left: 0;
 			box-sizing: border-box;
-			border: 1px solid rgba(255, 255, 255, 1);
 			border-radius: 10px;
-			backdrop-filter: blur(30px);
-			box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
-			background: rgba(255, 255, 255, 0.8);
+			backdrop-filter: blur(10px);
+			-webkit-backdrop-filter: blur(10px);
+			box-shadow: 0px 8px 32px 0px rgba(31, 38, 135, 0.15);
+			background: rgba(255, 255, 255, 0.25);
+			backdrop-filter: blur(10px);
+			-webkit-backdrop-filter: blur(10px);
+			border: 1px solid rgba(255, 255, 255, 0.3);
+			background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
+			box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
 
 			.menu-content {
 				width: 562px;

src/views/ZMOverView/components/fourSuppress/components/allElement/index.vue

@@ -712,7 +712,7 @@ onUnmounted(() => {
 
 	.main {
 		width: 1598px;
-		height: 884px;
+		// height: 884px;
 		margin: 0 auto;
 		margin-top: 14px;
 		display: flex;
@@ -726,9 +726,9 @@ onUnmounted(() => {
 			background: rgba(255, 255, 255, 0.65);
 		}
 
-		.left {
+		& > .left {
 			width: 472px;
-
+			display: none;
 			.box1 {
 				width: 472px;
 				height: 884px;
@@ -915,11 +915,12 @@ onUnmounted(() => {
 		}
 
 		.right {
-			width: 1110px;
+			width: 100%;
 
 			.box2 {
-				width: 1110px;
-				height: 434px;
+				width: 100%;
+				// height: 434px;
+				height: 700px;
 
 				.box2-header {
 					height: 48px;
@@ -957,30 +958,34 @@ onUnmounted(() => {
 				}
 
 				.box2-main {
-					height: 386px;
+					// height: 386px;
+					height: 646px;
 					background: rgba(255, 255, 255, 0.65);
 					display: flex;
 					justify-content: center;
 					gap: 16px;
 
 					.inner-box1 {
-						width: 640px;
-						height: 368px;
+						width: 50%;
+						// height: 368px;
+						height: 100%;
 						overflow: hidden;
 						box-sizing: border-box;
-						border: 1px solid rgba(234, 236, 238, 1);
-						border-radius: 10px;
+						// border: 1px solid rgba(234, 236, 238, 1);
+						// border-radius: 10px;
 						display: flex;
 
 						.left {
-							width: 320px;
-							border-right: 1px solid rgba(234, 236, 238, 1);
+							// width: 320px;
+							width: 100%;
+							// border-right: 1px solid rgba(234, 236, 238, 1);
 
 							.left-main {
-								margin-top: 9px;
-								height: 270px;
+								// margin-top: 9px;
+								height: 600px;
 
 								.left-item {
+									width: 100%;
 									height: 54px;
 									border: 1px solid transparent;
 									display: flex;
@@ -1009,7 +1014,7 @@ onUnmounted(() => {
 									}
 
 									.text {
-										width: 260px;
+										width: 95%;
 										height: 30px;
 										margin-left: 12px;
 										color: rgba(59, 65, 75, 1);
@@ -1035,7 +1040,7 @@ onUnmounted(() => {
 							}
 
 							.left-footer {
-								margin-top: 30px;
+								// margin-top: 30px;
 								height: 60px;
 								display: flex;
 								justify-content: center;
@@ -1049,7 +1054,7 @@ onUnmounted(() => {
 							overflow: hidden;
 							overflow-y: auto;
 							cursor: pointer;
-
+							display: none;
 							.title {
 								width: 283px;
 								min-height: 24px;
@@ -1157,8 +1162,10 @@ onUnmounted(() => {
 					}
 
 					.inner-box2 {
-						width: 412px;
-						height: 368px;
+						// width: 412px;
+						width: 760px;
+						// height: 368px;
+						height: 617px;
 						box-sizing: border-box;
 						border: 1px solid rgba(234, 236, 238, 1);
 						border-radius: 10px;
@@ -1185,8 +1192,8 @@ onUnmounted(() => {
 						}
 
 						.box2Chart {
-							width: 412px;
-							height: 368px;
+							width: 760px;
+							height: 617px;
 						}
 					}
 				}
@@ -1194,8 +1201,9 @@ onUnmounted(() => {
 
 			.box3 {
 				margin-top: 16px;
-				width: 1110px;
-				height: 434px;
+				width: 100%;
+				// height: 434px;
+				height: 700px;
 
 				.box3-header {
 					height: 48px;
@@ -1233,30 +1241,32 @@ onUnmounted(() => {
 				}
 
 				.box3-main {
-					height: 386px;
+					height: 646px;
 					background: rgba(255, 255, 255, 0.65);
 					display: flex;
 					justify-content: center;
 					gap: 16px;
 
 					.inner-box1 {
-						width: 640px;
-						height: 368px;
+						width: 50%;
+						// height: 368px;
+						height: 100%;
 						overflow: hidden;
 						box-sizing: border-box;
-						border: 1px solid rgba(234, 236, 238, 1);
-						border-radius: 10px;
+						// border: 1px solid rgba(234, 236, 238, 1);
+						// border-radius: 10px;
 						display: flex;
 
 						.left {
-							width: 320px;
-							border-right: 1px solid rgba(234, 236, 238, 1);
+							width: 100%;
+							// border-right: 1px solid rgba(234, 236, 238, 1);
 
 							.left-main {
-								margin-top: 9px;
-								height: 270px;
+								// margin-top: 9px;
+								height: 600px;
 
 								.left-item {
+									width: 100%;
 									height: 54px;
 									border: 1px solid transparent;
 									display: flex;
@@ -1285,7 +1295,7 @@ onUnmounted(() => {
 									}
 
 									.text {
-										width: 260px;
+										width: 95%;
 										height: 30px;
 										margin-left: 12px;
 										color: rgba(59, 65, 75, 1);
@@ -1311,7 +1321,7 @@ onUnmounted(() => {
 							}
 
 							.left-footer {
-								margin-top: 30px;
+								// margin-top: 30px;
 								height: 60px;
 								display: flex;
 								justify-content: center;
@@ -1325,7 +1335,7 @@ onUnmounted(() => {
 							overflow: hidden;
 							overflow-y: auto;
 							cursor: pointer;
-
+							display: none;
 							.title {
 								width: 283px;
 								min-height: 24px;
@@ -1433,8 +1443,8 @@ onUnmounted(() => {
 					}
 
 					.inner-box2 {
-						width: 412px;
-						height: 368px;
+						width: 760px;
+						height: 617px;
 						box-sizing: border-box;
 						border: 1px solid rgba(234, 236, 238, 1);
 						border-radius: 10px;
@@ -1461,8 +1471,8 @@ onUnmounted(() => {
 						}
 
 						.box3Chart {
-							width: 412px;
-							height: 368px;
+							width: 760px;
+							height: 617px;
 						}
 					}
 				}

src/views/ZMOverView/components/fourSuppress/components/allUnion/index.vue

@@ -2055,7 +2055,7 @@ watch(activeDate, async () => {
 	}
 
 	.anti-area {
-		margin-top: 16px;
+		margin-top: 30px;
 		width: 1601px;
 		height: 500px;
 		display: flex;

src/views/exportControl/index.vue

@@ -756,6 +756,10 @@ import {
 	getExportControlList
 } from "@/api/exportControl";
 
+import { getMultipleBarChart_m } from "./utils/charts";
+import { formatAnyDateToChinese } from "./utils";
+import _ from "lodash";
+
 const currentRuleCompany = ref("");
 const currentRuleCount = ref(0);
 const currentRuleList = ref([]);
@@ -858,10 +862,6 @@ const handleTitleClick = item => {
 	window.open(route.href, "_blank");
 };
 
-import { getMultipleBarChart_m } from "./utils/charts";
-import { formatAnyDateToChinese } from "./utils";
-import _ from "lodash";
-
 const handleCompClick = item => {
 	// console.log("item", item);
 	// if (item.entityType != 2) return;
@@ -944,27 +944,32 @@ onMounted(async () => {
 		});
 		entitiesDataInfoList.value = entitiesDataInfo || [];
 		const list = _.chain(industryCountByYear).filter("year").orderBy("year", "desc").value().slice(0, 5);
-		const cclList1 = _.chain(cclList).filter("year").orderBy("year", "desc").value();
+		const cclList1 = _.chain(cclList).filter("year").orderBy("year", "desc").value().slice(0, 5);
 		const total = _.sumBy(list, "count");
+
+		const maxCountItem = _.maxBy(list, "count");
+		const maxCountForList = maxCountItem ? maxCountItem.count : 0;
+
+		const maxCountItem1 = _.maxBy(cclList1, "count");
+		const maxCountForList1 = maxCountItem1 ? maxCountItem1.count : 0;
 		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)));
+		tableData1.value = _.map(list, item => {
+			return {
+				year: item.year,
+				num: item.count,
+				percent: item.count / maxCountForList,
+				tags: item.domain
+			};
+		});
 		tableData2.value = _.map(cclList1, item => {
 			return {
 				year: item.year,
 				num: item.count,
-				percent: item.count / total,
+				percent: item.count / maxCountForList1,
 				tags: item.domain
 			};
-		}).slice(0, 5);
+		});
 
 		// 获取趋势图数据
 		await fetchTrendData();