update

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

@@ -39,7 +39,11 @@
 									<div class="item-right-text">
 										{{ decreeInfo.totalTitle }}
 									</div>
-									<div class="item-right-icon" v-if="decreeInfo.totalTitle">
+									<div
+										class="item-right-icon"
+										v-if="decreeInfo.totalTitle"
+										@click="handleToDecreeDetail(decreeInfo)"
+									>
 										<img src="./assets/icons/open-icon.png" alt="" />
 									</div>
 								</div>
@@ -72,12 +76,12 @@
 							<div class="title">{{ "政令主要内容" }}</div>
 						</div>
 						<div class="list-main">
-							<div class="list-item" v-for="(val, idx) in showList" :key="idx" @click="handleToDecreeDetail(val)">
+							<div class="list-item" v-for="(val, idx) in showList" :key="idx">
 								<div class="id">{{ idx + 1 }}</div>
 								<div class="title">{{ val.content }}</div>
-								<div class="open">
+								<!-- <div class="open">
 									<img src="./assets/icons/open-icon.png" alt="" />
-								</div>
+								</div> -->
 							</div>
 						</div>
 					</div>
@@ -178,6 +182,7 @@ const handleClickSider = async index => {
 };
 
 const decreeInfo = ref({
+	id: 0,
 	img: "",
 	totalTitle: "",
 	eTotalTitle: "",
@@ -212,6 +217,7 @@ const handleGetRelateOrder = async () => {
 					title: item.name
 				};
 			});
+			decreeInfo.value.id = allData.value[0].id;
 			decreeInfo.value.img = allData.value[0].imageUrl;
 			decreeInfo.value.totalTitle = allData.value[0].name;
 			decreeInfo.value.eTotalTitle = allData.value[0].ename;
@@ -235,6 +241,7 @@ const handleGetRelateOrder = async () => {
 		} else {
 			allData.value = [];
 			siderList.value = [];
+			decreeInfo.value.id = 0;
 			decreeInfo.value.img = "";
 			decreeInfo.value.totalTitle = "";
 			decreeInfo.value.eTotalTitle = "";
@@ -245,6 +252,7 @@ const handleGetRelateOrder = async () => {
 	} catch (error) {
 		allData.value = [];
 		siderList.value = [];
+		decreeInfo.value.id = 0;
 		decreeInfo.value.img = "";
 		decreeInfo.value.totalTitle = "";
 		decreeInfo.value.eTotalTitle = "";
@@ -254,7 +262,7 @@ const handleGetRelateOrder = async () => {
 	}
 };
 
-const handleToDecreeDetail = (item) => {
+const handleToDecreeDetail = item => {
 	const route = router.resolve({
 		path: "/decreeLayout/overview/introduction",
 		query: {
@@ -262,7 +270,7 @@ const handleToDecreeDetail = (item) => {
 		}
 	});
 	window.open(route.href, "_blank");
-}
+};
 
 onMounted(() => {
 	handleGetRelateOrder();
@@ -323,7 +331,8 @@ onMounted(() => {
 	.box1 {
 		margin: 16px auto;
 		width: 1600px;
-		height: 898px;
+		max-height: 898px;
+		min-height: 788px;
 		border-radius: 10px;
 		box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2);
 		background: rgba(255, 255, 255, 1);
@@ -445,6 +454,7 @@ onMounted(() => {
 									margin-top: 7px;
 									width: 16px;
 									height: 16px;
+									cursor: pointer;
 									img {
 										width: 100%;
 										height: 100%;
@@ -482,7 +492,8 @@ onMounted(() => {
 						}
 					}
 					.list-main {
-						height: 540px;
+						min-height: 420px;
+						max-height: 540px;
 						overflow-x: hidden;
 						overflow-y: auto;
 						.list-item {
@@ -494,7 +505,7 @@ onMounted(() => {
 							border-bottom: 1px solid rgba(234, 236, 238, 1);
 							display: flex;
 							cursor: pointer;
-							&:hover{
+							&:hover {
 								background: var(--color-bg-hover);
 							}
 							.id {

src/views/decree/decreeLayout/index.vue

@@ -6,7 +6,7 @@
 				<div class="layout-main-header-left-box">
 					<div class="left-box-top">
 						<div class="icon">
-							<img :src="summaryInfo.officialUrl" alt="" />
+							<img :src="summaryInfo.imageUrl" alt="" />
 						</div>
 						<div class="info">
 							<div class="info-box1">{{ summaryInfo.name }}</div>
@@ -249,7 +249,7 @@ onMounted(() => {
 	if (route.path === "/decreeLayout/overview/introduction" || route.path === "/decreeLayout/overview/background") {
 		activeTitle.value = "政令概况";
 	} else if (route.path === "/decreeLayout/deepDig") {
-		activeTitle.value = "政令概况";
+		activeTitle.value = "深度挖掘";
 	} else {
 		activeTitle.value = "影响分析";
 	}
@@ -349,8 +349,10 @@ onMounted(() => {
 					height: 64px;
 					display: flex;
 					.icon {
-						width: 64px;
+						width: 122px;
 						height: 64px;
+						border-radius: 4px;
+						overflow: hidden;
 						img {
 							width: 100%;
 							height: 100%;

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

@@ -491,7 +491,6 @@ onMounted(() => {
 		}
 	}
 	.left {
-		margin-left: 160px;
 		margin-top: 16px;
 		.box1 {
 			width: 480px;

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

@@ -132,7 +132,7 @@
 					</div>
 				</div>
 				<div class="box3-top">
-					<div class="box3-top-top">
+					<div class="box3-top-top" @click="handleToInstitution(box3TopData)">
 						<div class="left">
 							<img :src="box3TopData.logo ? box3TopData.logo : DefaultIcon2" alt="" />
 						</div>
@@ -190,9 +190,9 @@
 							</el-timeline-item>
 						</el-timeline>
 					</div>
-					<div class="box3-bottom-footer">
+					<!-- <div class="box3-bottom-footer">
 						<img src="./assets/images/more-icon.png" alt="" />
-					</div>
+					</div> -->
 				</div>
 			</div>
 		</div>
@@ -202,6 +202,7 @@
 <script setup>
 import { ref, computed, onMounted } from "vue";
 import { useRoute } from "vue-router";
+import router from "@/router";
 import box1Img from "./assets/images/box1-img.png";
 import Box3Logo from "./assets/images/box3-img.png";
 import { getDecreeBasicInfo, getDecreeMainContent, getDecreeOrganization } from "@/api/decree/introduction";
@@ -294,6 +295,7 @@ const box3BtnActiveIndex = ref(0);
 const handleClickBox3Btn = (btn, index) => {
 	box3ActiveBtn.value = btn;
 	box3BtnActiveIndex.value = index;
+	box3TopData.value.id = box3Data.value[index].id;
 	box3TopData.value.logo = box3Data.value[index].url;
 	box3TopData.value.name = box3Data.value[index].name;
 	box3TopData.value.eName = box3Data.value[index].ename;
@@ -311,6 +313,7 @@ const handleClickBox3Btn = (btn, index) => {
 const box3Data = ref([]);
 
 const box3TopData = ref({
+	id: "",
 	logo: "",
 	name: "",
 	eName: "",
@@ -319,6 +322,17 @@ const box3TopData = ref({
 	bz: ""
 });
 
+// 跳转行政机构主页
+const handleToInstitution = item => {
+	const curRoute = router.resolve({
+		path: "/institution",
+		query: {
+			id: item.id
+		}
+	});
+	window.open(curRoute.href, "_blank");
+};
+
 // 机构动态
 const eventList = ref([
 	// {
@@ -420,10 +434,10 @@ onMounted(() => {
 		.header-btn-box {
 			position: absolute;
 			z-index: 9999;
-			width: 320px;
+			width: 325px;
 			height: 64px;
 			top: 14px;
-			right: 84px;
+			right: 82px;
 			display: flex;
 			justify-content: flex-end;
 			flex-wrap: wrap;
@@ -431,6 +445,7 @@ onMounted(() => {
 			white-space: nowrap;
 			overflow:hidden;
 			overflow-y: auto;
+			padding-right: 5px;
 			.btn {
 				min-width: min-content;
 				height: 28px;
@@ -633,6 +648,7 @@ onMounted(() => {
 					align-items: center;
 					margin: 0 auto;
 					position: relative;
+					cursor: pointer;
 					.more {
 						position: absolute;
 						right: 17px;
@@ -666,8 +682,8 @@ onMounted(() => {
 						}
 					}
 					.right {
-						width: 350px;
-						margin-left: 22px;
+						width: 370px;
+						margin-left: 15px;
 						.name {
 							height: 26px;
 							color: rgba(59, 65, 75, 1);
@@ -749,18 +765,21 @@ onMounted(() => {
 					}
 				}
 				.box3-bottom-main {
-					height: 410px;
-				}
-				.box3-bottom-footer {
-					width: 108px;
-					height: 32px;
-					margin: 5px auto;
-					cursor: pointer;
-					img {
-						width: 100%;
-						height: 100%;
-					}
+					width: 510px;
+					height: 440px;
+					overflow: hidden;
+					overflow-y: auto;
 				}
+				// .box3-bottom-footer {
+				// 	width: 108px;
+				// 	height: 32px;
+				// 	margin: 5px auto;
+				// 	cursor: pointer;
+				// 	img {
+				// 		width: 100%;
+				// 		height: 100%;
+				// 	}
+				// }
 			}
 		}
 	}