合并分支 'zy-dev' 到 'master'

public/js/config.js

-const baseUrl = `http://8.140.26.4:9085/`
+const baseUrl = `http://8.140.26.4:9085`
\ No newline at end of file

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/api/decree/home.js

@@ -5,6 +5,7 @@ export function getDepartmentList(params) {
     return request({
         method: 'GET',
         url: `/api/administrativeDict/department`,
+        params
     })
 }
 
@@ -27,34 +28,36 @@ export function getDecreeRiskSignal(params) {
 // 行政令发布频度
 export function getDecreeYearOrder(params) {
     return request({
-        method: 'GET',
-        url: `/api/administrativeOrderOverview/yearOrder/${params.year}`,
-        params
+        method: 'POST',
+        url: `/api/administrativeOrderOverview/yearOrder`,
+        data: params
     })
 }
 
 // 政令涉及领域
 export function getDecreeArea(params) {
     return request({
-        method: 'GET',
-        url: `/api/administrativeOrderOverview/industry/${params.year}`,
-        params
+        method: 'POST',
+        url: `/api/administrativeOrderOverview/industry`,
+        data: params
     })
 }
 
 // 关键行政令
 export function getKeyDecree(params) {
     return request({
-        method: 'GET',
-        url: `/api/administrativeOrderOverview/action?pageSize=${params.pageSize}&pageNum=${params.pageNum}`,
+        method: 'POST',
+        url: `/api/administrativeOrderOverview/action`,
+        data: params
     })
 }
 
 // 政令重点条款
-export function getDecreeKeyInstruction() {
+export function getDecreeKeyInstruction(params) {
     return request({
-        method: 'GET',
+        method: 'POST',
         url: `/api/administrativeOrderOverview/instruction`,
+        data: params
     })
 }
 
@@ -86,3 +89,21 @@ export function getDecreeTypeList() {
         url: `/api/administrativeDict/type`,
     })
 }
+
+// 关键机构
+export function getKeyOrganization() {
+    return request({
+        method: 'GET',
+        url: `/api/commonFeature/keyOrganization`,
+    })
+}
+
+// AI智能总结
+export function getChartInterpretation(params) {
+    return request({
+        method: 'POST',
+        url: `/aiAnalysis/chart_interpretation`,
+        headers: {"X-API-Key": "aircasKEY19491001"},
+        data: params
+    })
+}
\ No newline at end of file

src/api/decree/influence.js

@@ -20,6 +20,39 @@ export function getDecreehylyList() {
     })
 }
 
+// 获取受影响实体列表
+export function getDecreeEntities(params) {
+    return request({
+        method: 'POST',
+        url: `/api/administrativeOrderInfo/relatedEntities`,
+        data: params
+    })
+}
+
+// 获取实体产业链列表
+export function getDecreeRelatedChain(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/relatedChain/${params.id}`,
+    })
+}
+
+// 获取产业链节点列表
+export function getDecreeChainNodes(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/relatedChainNodes/${params.id}`,
+    })
+}
+
+// 获取实体关系节点列表
+export function getDecreeRelatedEntitie(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/listRelatedEntitie/${params.id}`,
+    })
+}
+
 // 根据政行业领域ID获取公司列表
 /**
  * @param {cRelated, id} 

src/api/decree/introduction.js

@@ -78,3 +78,19 @@ export function getDecreeReport(params) {
         url: `/api/administrativeOrderInfo/contentUrl/${params.id}`,
     })
 }
+
+// 政令关键词云
+export function getKeyWordUp() {
+    return request({
+        method: 'GET',
+        url: `/api/element/getKeyWordUp/2025-01-01`,
+    })
+}
+
+// 报告内容摘要
+export function getOverview(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/overview/${params.id}`,
+    })
+}
\ No newline at end of file

src/components/base/DecreeOriginal/index.vue

@@ -326,9 +326,8 @@ watch(isTranslate, () => {
 
 			.report-main {
 				flex: auto;
-				min-height: 0;
-				box-sizing: border-box;
-				padding-top: 10px;
+				height: 20px;
+				padding: 10px 0;
 
 				:deep(.el-scrollbar) {
 					height: 100%;

src/components/base/GraphChart/index.vue

@@ -5,10 +5,11 @@
 </template>
 
 <script setup>
-import { onMounted, nextTick } from 'vue';
+import { onMounted, onBeforeUnmount } from 'vue';
 import setChart from '@/utils/setChart';
 import getGraphChart from './graphChart';
 
+const emits = defineEmits(["handleClickNode"])
 const props = defineProps({
   nodes: {
     type: Array,
@@ -32,11 +33,17 @@ const props = defineProps({
   }
 })
 
+let chart = null
 onMounted(() => {
   const graph = getGraphChart(props.nodes, props.links, props.layoutType)
-  setChart(graph, 'graph')
+  chart = setChart(graph, 'graph')
+  chart.on("click", (event) => { emits("handleClickNode", event) })
 })
 
+onBeforeUnmount(() => {
+  chart.off("click")
+  chart.dispose()
+})
 
 </script>
 

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

@@ -3,7 +3,7 @@
 		<div class="box1">
 			<AnalysisBox title="相关政令" :showAllBtn="false">
 				<div class="box1-main">
-					<el-empty v-if="!siderList?.length" style="padding-top: 40%;" description="暂无数据" :image-size="100" />
+					<el-empty v-if="!siderList?.length" style="padding: 60px 0;" description="暂无数据" :image-size="100" />
 					<el-scrollbar height="100%" always>
 						<div class="left-item" :class="{ 'item-active': false }" v-for="(item, index) in siderList" :key="index" @click="handleClickDecree(item)">
 							<div class="item-head">
@@ -18,9 +18,9 @@
 		</div>
 		<div class="box2">
 			<AnalysisBox title="政令关系挖掘" :showAllBtn="false">
-				<el-empty v-if="!siderList?.length" style="padding-top: 20%;" description="暂无数据" :image-size="100" />
-				<div class="box2-main">
-					<div ref="containerRef" class="graph-container"></div>
+				<el-empty v-if="!siderList?.length" style="padding: 60px 0;" description="暂无数据" :image-size="100" />
+				<div class="box2-main" v-if="graphData.nodes?.length">
+					<GraphChart :nodes="graphData.nodes" :links="graphData.links" layoutType="force" @handleClickNode="handleClickNode" />
 				</div>
 			</AnalysisBox>
 		</div>
@@ -48,12 +48,13 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onBeforeUnmount } from "vue";
+import { ref, onMounted, onBeforeUnmount, reactive } from "vue";
 import { useRoute } from "vue-router";
 import router from "@/router";
 import * as G6 from '@antv/g6';
 import { getDecreeRelatedOrder } from "@/api/decree/deepdig";
 import { getDecreeSummary } from "@/api/decree/introduction";
+import GraphChart from "@/components/base/GraphChart/index.vue";
 
 import icon1628 from "./assets/icons/icon1628.png";
 import icon1629 from "./assets/icons/icon1629.png";
@@ -64,7 +65,7 @@ const route = useRoute();
 const dialogVisible = ref(false);
 
 // 基本信息
-const mainInfo = ref({});
+const mainInfo = ref({ label: "", time: "", id: "" });
 const nodeInfo = ref({});
 const onDecreeSummaryData = async () => {
 	try {
@@ -74,10 +75,9 @@ const onDecreeSummaryData = async () => {
 			mainInfo.value.label = res.data.name;
 			mainInfo.value.time = res.data.postDate;
 			mainInfo.value.id = route.query.id;
-			mainInfo.value.isCenter = true
 		}
 	} catch (error) {
-		mainInfo.value = {};
+		mainInfo.value = { label: "", time: "", id: "" };
 		console.log("获取基本信息数据失败:", error);
 	}
 };
@@ -109,145 +109,64 @@ const handleGetRelateOrder = async () => {
 };
 
 // 政令关系挖掘
-const containerRef = ref();
-let graphInstance = null;
-// 文本插入换行符
-const onWordWrap = (word, num) => {
-	const list = word.split('');
-	let label = "";
-	for (let i = 0; i < list.length; i++) {
-		if (i % num === 0 && i !== 0) {
-			label += "\n";
+const graphData = reactive({
+	nodes: [],
+	links: [],
+})
+// 节点点击处理
+const handleClickNode = ({data}) => {
+	if (data.target) {
+		let node = siderList.value.find(item => item.id==data.target)
+		if (node) handleClickSider(node)
+	} else {
+		let node = siderList.value.find(item => item.id==data.id)
+		if (node) handleClickDecree(node)
 	}
-		label += list[i];
+}
+const initGraphChart = () => {
+	Promise.all([onDecreeSummaryData(), handleGetRelateOrder()]).then(() => {
+		if (mainInfo.value.id && siderList.value.length) {
+			graphData.links = siderList.value.map(onFormatLink)
+			graphData.nodes = siderList.value.map(onFormatNode)
+			graphData.nodes.unshift(onFormatNode(mainInfo.value))
 		}
-	return label;
+	})
 }
-const onFormatNode = (item) => {
-	let isCenter = item.isCenter || false
+const onFormatLink = (item, index) => {
 	return {
-		id: item.id+'', label:onWordWrap(item.label, 15), isCenter,
-		img: isCenter ? icon1628 : icon1629,
-		clipCfg: { r: isCenter ? 40 : 30 },
-		labelCfg: {
-			style: { 
-				fill: isCenter ? "#1459BB" : "#333333",
-				fontSize: isCenter ? 13 : 13,
-				fontWeight: isCenter ? "bold" : "normal"
-			}
-		}
+		id: `link-${index+1}`,
+		source: route.query.id, target: item.id+'',
+		label: { show: true, color: "#055fc2", backgroundColor: "#eef7ff", borderWidth: 0, offset: [0, 15], formatter: item.relation },
+		lineStyle: { color: '#B9DCFF', type: "solid", opacity: 1 }
 	}
 }
-const onFormatEdge = (item, index) => {
+const onFormatNode = (item) => {
+	let leader = item.id == mainInfo.value.id;
 	return {
-		id: `edge-${index+1}`,
-		target: item.id+'',
-		source: route.query.id,
-		// label: ["", "相似", "继承", "冲突"][1],
-		label: item.relation,
-		style: {
-			stroke: ["", "#B9DCFF", "#87E8DE", "#FFCCC7"][1],
+		id: item.id+'',
+		name: onWordWrap(item.label, 8),
+		label: {
+			show: true,
+			color: leader ? "#055fc2" : "#3b414b",
+			fontSize: leader ? 16 : 14,
+			fontWeight: leader ? 700 : 400,
+			fontFamily: 'Source Han Sans CN',
 		},
-		labelCfg: {
-			style: {
-				fill: ["", "#055FC2", "#13A8A8", "#CE4F51"][1],
-				background: {
-					fill: ["", "#E7F3FF", "#E6FFFB", "#FFE0E0"][1],
-				}
-			}
-		}
+		symbolSize: leader ? 60 : 40,
+		symbol: `image://${leader ? icon1628 : icon1629}`
 	}
 }
-const initChart = () => {
-	let edgeList = siderList.value.map(onFormatEdge)
-	let nodeList = siderList.value.map(onFormatNode)
-	nodeList.unshift(onFormatNode(mainInfo.value))
-	console.log(nodeList)
-
-	const width = containerRef.value.offsetWidth || 800
-	const height = containerRef.value.offsetHeight || 600
-  const centerX = width / 2
-  const centerY = height / 2
-  const radius = Math.min(width, height) / 2 - 120
-
-	const otherNodes = nodeList.filter(n => !n.isCenter)
-  const nodeCount = otherNodes.length
-  otherNodes.forEach((node, index) => {
-    const angle = (2 * Math.PI * index) / nodeCount - Math.PI / 2
-    node.x = centerX + radius * Math.cos(angle)
-    node.y = centerY + radius * Math.sin(angle)
-  })
-  const centerNode = nodeList.find(n => n.isCenter)
-  if (centerNode) {
-    centerNode.x = centerX
-    centerNode.y = centerY
-    centerNode.fx = centerX
-    centerNode.fy = centerY
-  }
-
-	graphInstance = new G6.Graph({
-		container: containerRef.value,
-		width,
-		height,
-		fitView: false,
-		fitCenter: false,
-		animate: true,
-		animateCfg: {
-			duration: 300,
-			easing: 'easeLinear'
-		},
-		minZoom: 0.1,
-		maxZoom: 10,
-		modes: {
-			default: [ 'drag-canvas', 'zoom-canvas', 'drag-node' ]
-		},
-		defaultNode: {
-			type: 'image',
-			size: 50,
-			style: { cursor: "pointer" },
-			clipCfg: { show: true, type: 'circle' },
-			labelCfg: {
-				position: "bottom", offset: 12,
-				style: {
-					fill: '#333',
-					fontSize: 11,
-					fontFamily: 'Microsoft YaHei',
-					textAlign: 'center',
-					background: {
-						fill: 'rgba(255, 255, 255, 0.95)',
-						padding: [4, 6, 4, 6],
-						radius: 4
-					}
-				}
-			}
-		},
-		defaultEdge: {
-			type: "line",
-			style: { lineWidth: 1, endArrow: true },
-			labelCfg: {
-				autoRotate: true,
-				style: {
-					cursor: "pointer",
-					fontSize: 12,
-					fontFamily: 'Microsoft YaHei',
-					background: { padding: [4, 4, 4, 4] }
-				}
+// 文本插入换行符
+const onWordWrap = (word, num) => {
+	const list = word.split('');
+	let label = "";
+	for (let i = 0; i < list.length; i++) {
+		if (i % num === 0 && i !== 0) {
+			label += "\n";
 		}
+		label += list[i];
 	}
-	})
-
-	// 节点点击处理
-	graphInstance.on('node:click', (evt) => {
-		let node = siderList.value.find(item => item.id==evt.item._cfg.model.id)
-		if (node) handleClickDecree(node)
-	});
-	graphInstance.on('edge:click', (evt) => {
-		let node = siderList.value.find(item => item.id==evt.item._cfg.model.target)
-		if (node) handleClickSider(node)
-	});
-
-	graphInstance.data({nodes: nodeList, edges: edgeList})
-  graphInstance.render()
+	return label;
 }
 
 const handleClickDecree = decree => {
@@ -293,9 +212,9 @@ const onRelationChart = () => {
 					},
 					labelCfg: {
 						style: {
-							fill: ["", "#055FC2", "#13A8A8", "#CE4F51"][1],
+							fill: ["", "#055fc2", "#13A8A8", "#CE4F51"][1],
 							background: {
-								fill: ["", "#E7F3FF", "#E6FFFB", "#FFE0E0"][1],
+								fill: ["", "#eef7ff", "#E6FFFB", "#FFE0E0"][1],
 							}
 						}
 					}
@@ -363,13 +282,10 @@ const onRelationChart = () => {
 }
 
 onMounted(() => {
-	Promise.all([onDecreeSummaryData(), handleGetRelateOrder()]).then(() => {
-		if (mainInfo.value.id && siderList.value.length) initChart()
-	})
+	initGraphChart()
 });
 
 onBeforeUnmount(() => {
-	graphInstance?.destroy()
 	graph?.destroy()
 })
 </script>
@@ -462,10 +378,6 @@ onBeforeUnmount(() => {
 		.box2-main {
 			height: 100%;
 			padding: 10px;
-			.graph-container {
-				width: 100%;
-				height: 600px;
-			}
 		}
 	}
 }

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;
 		}

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

@@ -4,7 +4,7 @@
 		<WarnningPane :warnningLevel="riskInfo.riskLevel" :warnningContent="riskInfo.content" />
 	</div>
 	<div class="introduction-wrap">
-		<div class="left">
+		<div class="page-left">
 			<div class="box1">
 				<AnalysisBox title="基本信息" :showAllBtn="false">
 					<div class="box1-main">
@@ -23,14 +23,10 @@
 							</div>
 							<div class="item">
 								<div class="item-left">{{ "英文全称：" }}</div>
-								<div class="item-right text" v-if="basicInfo.eName?.length < 60">
-									{{ basicInfo.eName }}
-								</div>
+								<div class="item-right text" v-if="basicInfo.eName?.length < 60"> {{ basicInfo.eName }} </div>
 								<el-popover v-else effect="dark" :width="500" :content="basicInfo.eName" placement="top-start">
 									<template #reference>
-										<div class="item-right text">
-											{{ basicInfo.eName }}
-										</div>
+										<div class="item-right text"> {{ basicInfo.eName }} </div>
 									</template>
 								</el-popover>
 							</div>
@@ -66,7 +62,19 @@
 					</div>
 				</AnalysisBox>
 			</div>
-			<div class="box2">
+			<div>
+				<AnalysisBox title="报告内容摘要" :showAllBtn="false">
+					<el-empty v-if="false" style="margin: 20px 0;" description="暂无数据" :image-size="100" />
+					<div class="box5-main">
+						<AiSummary>
+							<template #summary-content>
+								<div class="box5-text">{{ box1Data }}</div>
+							</template>
+						</AiSummary>
+					</div>
+				</AnalysisBox>
+			</div>
+			<div>
 				<AnalysisBox title="相关事件" :showAllBtn="false">
 					<div class="box2-main">
 						<el-empty v-if="!relatedData.length" description="暂无数据" :image-size="100" />
@@ -80,18 +88,21 @@
 									<span class="meta">{{ item.sjsj }} · {{ item.source }}</span>
 								</div>
 								<div class="content">{{ item.sjnr }}</div>
-								<!-- <el-popover effect="dark" :width="1000" :content="item.content" placement="top-start">
-									<template #reference>
-										<div class="content">{{ item.content }}</div>
-									</template>
-								</el-popover> -->
 							</div>
 						</div>
 					</div>
 				</AnalysisBox>
 			</div>
 		</div>
-		<div class="right">
+		<div class="page-right">
+			<div class="box4">
+				<AnalysisBox title="政令关键词云" :showAllBtn="false">
+					<div class="box4-main">
+						<el-empty v-if="!wordCloudData.length" description="暂无数据" :image-size="100" />
+						<WordCloudChart v-if="wordCloudData.length" :data="wordCloudData" width="100%" height="100%" />
+					</div>
+				</AnalysisBox>
+			</div>
 			<div class="box3">
 				<AnalysisBox title="发布机构" :showAllBtn="false">
 					<div class="box3-top">
@@ -151,12 +162,16 @@ import { ref, onMounted } from "vue";
 import { useRoute } from "vue-router";
 import router from "@/router";
 import WarnningPane from '@/components/base/WarningPane/index.vue'
+import WordCloudChart from "@/components/base/WordCloundChart/index.vue"
 import {
 	getDecreeBasicInfo,
 	getDecreeRiskSignal,
-	getDecreeIssueOrganization
+	getDecreeIssueOrganization,
+	getKeyWordUp,
+	getOverview,
 } from "@/api/decree/introduction";
 import { getDecreeRelatedEvent } from "@/api/decree/background";
+import AiSummary from '@/components/base/Ai/AiSummary/index.vue'
 
 import DefaultIcon1 from "@/assets/icons/default-icon1.png";
 import DefaultIcon2 from "@/assets/icons/default-icon2.png";
@@ -216,6 +231,30 @@ const handleGetBasicInfo = async () => {
 };
 handleGetBasicInfo();
 
+// 政令关键词云
+const wordCloudData = ref([])
+const onKeyWordUp = async () => {
+	try {
+		const res = await getKeyWordUp();
+		console.log("政令关键词云", res);
+		wordCloudData.value = res.data.slice(0, 10).map(item => ({name: item.name, value: item.count}));
+	} catch (error) {
+		console.error("获取政令关键词云数据失败", error);
+	}
+};
+
+// 报告内容摘要
+const box1Data = ref('');
+const onOverview = async () => {
+	try {
+		const res = await getOverview({id: decreeId.value});
+		console.log("报告内容摘要", res);
+		box1Data.value = res.data;
+	} catch (error) {
+		console.error("获取报告内容摘要数据失败", error);
+	}
+};
+
 // 相关事件
 const relatedData = ref([]);
 const handleGetRelateEvents = async () => {
@@ -304,6 +343,8 @@ const handleClickUser = item => {
 };
 
 onMounted(() => {
+	onOverview()
+	onKeyWordUp()
 	onRiskSignalData()
 	handleGetRelateEvents();
 	handleGetOrgnization();
@@ -322,15 +363,15 @@ onMounted(() => {
 	width: 100%;
 	display: flex;
 
-	.left {
+	.page-left {
 		display: flex;
 		flex-direction: column;
 		flex: auto;
 		margin-right: 16px;
+		gap: 16px;
 
 		.box1 {
 			height: 414px;
-
 			.box1-main {
 				display: flex;
 				padding: 0 24px;
@@ -427,18 +468,20 @@ onMounted(() => {
 			}
 		}
 
-		.box2 {
-			margin-top: 16px;
-			height: 420px;
+		.box5-main {
+			padding: 0px 22px 22px;
+			.box5-text {
+				padding-bottom: 20px;
+				font-family: "Source Han Sans CN";
+				font-weight: 400;
+				font-size: 16px;
+				line-height: 30px;
+				min-height: 300px;
+			}
+		}
 
 		.box2-main {
-				margin-top: 3px;
-				margin-left: 31px;
-				height: 100%;
-				width: 1004px;
-				overflow: hidden;
-				overflow-y: auto;
-
+			padding: 0 22px;
 			.box2-item {
 				display: flex;
 				height: 60px;
@@ -446,18 +489,16 @@ onMounted(() => {
 				margin-bottom: 2px;
 				border-bottom: 1px solid rgba(240, 242, 244, 1);
 				margin-top: 10px;
-
 				.item-left {
 					width: 64px;
 					height: 48px;
 					border-radius: 2px;
-
+					font-size: 0px;
 					img {
 						width: 100%;
 						height: 100%;
 					}
 				}
-
 				.item-center {
 					flex: auto;
 					width: 20px;
@@ -510,12 +551,10 @@ onMounted(() => {
 				}
 			}
 		}
-
 		.box2-footer {
 			margin: 20px 22px;
 			display: flex;
 			justify-content: space-between;
-
 			.box2-footer-left {
 				height: 20px;
 				color: rgba(132, 136, 142, 1);
@@ -526,20 +565,26 @@ onMounted(() => {
 			}
 		}
 	}
-	}
 
-	.right {
+	.page-right {
+		display: flex;
+		flex-direction: column;
 		width: 520px;
+		flex: none;
+		gap: 16px;
 
-		.box3 {
-			width: 520px;
+		.box4 {
+			height: 414px;
+			.box4-main {
 				height: 100%;
+			}
+		}
 
 		.box3-top {
 			border-bottom: 1px solid rgba(234, 236, 238, 1);
+			padding: 0 22px;
 
 			.box3-top-top {
-					width: 473px;
 				height: 88px;
 				box-sizing: border-box;
 				border: 1px solid rgba(234, 236, 238, 1);
@@ -549,40 +594,13 @@ onMounted(() => {
 				align-items: center;
 				margin: 0 auto;
 				position: relative;
+				padding: 0 16px;
 				cursor: pointer;
 
-					.more {
-						position: absolute;
-						right: 17px;
-						top: 17px;
-						display: flex;
-						gap: 3px;
-
-						.text {
-							height: 16px;
-							color: rgba(5, 95, 194, 1);
-							font-family: Microsoft YaHei;
-							font-size: 14px;
-							font-weight: 400;
-							line-height: 16px;
-						}
-
-						.icon {
-							width: 16px;
-							height: 16px;
-
-							img {
-								width: 100%;
-								height: 100%;
-							}
-						}
-					}
-
 				.left {
 					width: 64px;
 					height: 64px;
-						margin-left: 17px;
-
+					font-size: 0px;
 					img {
 						width: 100%;
 						height: 100%;
@@ -590,9 +608,9 @@ onMounted(() => {
 				}
 
 				.right {
-						width: 370px;
+					width: 20px;
+					flex: auto;
 					margin-left: 15px;
-
 					.name {
 						height: 26px;
 						color: rgba(59, 65, 75, 1);
@@ -601,7 +619,6 @@ onMounted(() => {
 						font-weight: 700;
 						line-height: 26px;
 					}
-
 					.ename {
 						margin-top: 6px;
 						height: 24px;
@@ -613,9 +630,7 @@ onMounted(() => {
 					}
 				}
 			}
-
 			.box3-top-bottom {
-					width: 473px;
 				height: 193px;
 				margin: 0 auto;
 
@@ -717,8 +732,8 @@ onMounted(() => {
 				}
 			}
 		}
-
 		.box3-bottom {
+			padding-right: 22px;
 			.box3-bottom-header {
 				height: 59px;
 				display: flex;
@@ -748,11 +763,6 @@ onMounted(() => {
 			}
 
 			.box3-bottom-main {
-					width: 510px;
-					height: 440px;
-					overflow: hidden;
-					overflow-y: auto;
-
 				:deep(.el-timeline) {
 					padding: 8px 0px 0px 25px !important;
 				}
@@ -780,12 +790,6 @@ onMounted(() => {
 					font-size: 14px;
 					font-weight: 400;
 					line-height: 26px;
-						display: -webkit-box;
-						-webkit-box-orient: vertical;
-						-webkit-line-clamp: 3;
-						overflow: hidden;
-						text-overflow: ellipsis;
-					}
 				}
 			}
 		}

src/views/decree/decreeOriginal/index.vue

@@ -41,10 +41,11 @@ import { getDecreeReport } from "@/api/decree/introduction";
 import BaseDecreeOriginal from "@/components/base/DecreeOriginal/index.vue";
 
 const route = useRoute();
+let pdfUrl = "";
 const handleDownload = async () => {
-	if (summaryInfo.value?.url) {
+	if (pdfUrl) {
 		try {
-			const response = await fetch(summaryInfo.value.url, {
+			const response = await fetch(pdfUrl, {
 				method: 'GET',
 				headers: { 'Content-Type': 'application/pdf' },
 			});
@@ -103,6 +104,7 @@ const handleGetReport = async () => {
 		const res = await getDecreeReport({id: route.query.id});
 		console.log("报告原文", res);
 		if (res.code === 200 && res.data) {
+			pdfUrl = res.data.pdfUrl;
 			const originData = [];
 			let num = Math.max(res.data.content.length, res.data.contentEn.length)
 			for (let i = 0; i < num; i++) {

vite.config.js

@@ -47,16 +47,15 @@ export default defineConfig({
     port: 3000,
     open: true,
     proxy: {
-
       '/reportData': {
         target: 'http://8.140.26.4:10022/',
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/reportData/, '')
       },
-
       '/api': {
         target: 'http://8.140.26.4:9085/',
-        // target: 'http://192.168.0.6:28080/',
+        // target: 'http://192.168.0.4:28080/',
+        // target: 'http://172.20.10.3:28080/',
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, '')
       },