update

src/views/bill/billLayout/index.vue

@@ -3,7 +3,6 @@
 		<!-- 导航菜单 -->
 		<div class="layout-main">
 			<div class="header-main">
-				
 				<div class="layout-main-header">
 					<div class="layout-main-header-left-box">
 						<div class="left-box-top">
@@ -12,9 +11,7 @@
 							</div>
 							<div class="info">
 								<div class="info-box1">{{ billInfoGlobal.billName }}</div>
-							<div class="info-box2">
-								{{ billInfoGlobal.description }} {{ billInfoGlobal.billNameEn }}
-							</div>
+								<div class="info-box2">{{ billInfoGlobal.description }} {{ billInfoGlobal.billNameEn }}</div>
 							</div>
 						</div>
 						<div class="left-box-bottom">
@@ -53,7 +50,7 @@
 							</div>
 							<div class="text">{{ "查看官网" }}</div>
 						</div> -->
-						<div class="btn3">
+							<div class="btn3" @click="handleAnalysisClick">
 								<div class="icon">
 									<img src="./assets/icons/btn-icon3.png" alt="" />
 								</div>
@@ -150,7 +147,6 @@ import icon4 from "./assets/icons/icon4.svg";
 import icon4Active from "./assets/icons/icon4_active.svg";
 import USALogo from "./assets/images/USA-logo.png";
 
-
 // 法案原文
 const billFullText = ref("");
 const getBillFullTextFn = async () => {
@@ -213,7 +209,7 @@ const mainHeaderBtnList = ref([
 		activeIcon: icon2Active,
 		name: "深度挖掘",
 		path: "/billLayout/deepDig"
-	},
+	}
 	// {
 	// 	icon: icon3,
 	// 	activeIcon: icon3Active,
@@ -241,6 +237,16 @@ const handleClickMainHeaderBtn = item => {
 	});
 };
 
+const handleAnalysisClick = () => {
+	router.push({
+		path: "/writtingAsstaint",
+		query: {
+			topic: "法案",
+			fileId: route.query.billId
+		}
+	});
+};
+
 onMounted(() => {
 	getBillInfoGlobalFn();
 	if (window.sessionStorage.getItem("activeTitle")) {
@@ -375,7 +381,6 @@ onMounted(() => {
 				// margin-right: 150px;
 				// margin-top: 19px;
 				.right-box-top {
-
 					height: 64px;
 					display: flex;
 					align-items: right;

src/views/decree/decreeLayout/index.vue

@@ -3,23 +3,29 @@
 		<!-- 导航菜单 -->
 		<div class="layout-main">
 			<div class="header-main">
-
 				<div class="layout-main-header">
 					<div class="layout-main-header-container">
-	
 						<div class="layout-main-header-left-box">
 							<div class="left-box-top">
 								<div class="icon">
-									
-									<img v-if="summaryInfo.imageUrl" :src="summaryInfo.imageUrl" alt="" style="height: 40px;margin-top: 12px;"/>
+									<img
+										v-if="summaryInfo.imageUrl"
+										:src="summaryInfo.imageUrl"
+										alt=""
+										style="height: 40px; margin-top: 12px"
+									/>
 									<img v-else :src="USALogo" alt="" />
 								</div>
 								<div class="info">
 									<div class="info-box1">{{ summaryInfo.name }}</div>
 									<div class="info-box2">
-										<div class="info-box2-item item1" v-if="summaryInfo.order">{{ summaryInfo.order +" | "}}</div>
+										<div class="info-box2-item item1" v-if="summaryInfo.order">
+											{{ summaryInfo.order + " | " }}
+										</div>
 
-										<div class="info-box2-item item2" v-if="summaryInfo.type">{{ summaryInfo.type + " | " }}</div>
+										<div class="info-box2-item item2" v-if="summaryInfo.type">
+											{{ summaryInfo.type + " | " }}
+										</div>
 										<div class="info-box2-item item3" v-if="summaryInfo.ename">{{ summaryInfo.ename }}</div>
 									</div>
 								</div>
@@ -54,7 +60,7 @@
 									</div>
 									<div class="text">{{ "政令原文" }}</div>
 								</div>
-								<div class="btn-active">
+								<div class="btn-active" @click="handleAnalysisClick">
 									<div class="icon-active">
 										<img src="./assets/icons/edit-icon.png" alt="" />
 									</div>
@@ -265,6 +271,16 @@ const handleShowReport = () => {
 	window.open(curRoute.href, "_blank");
 };
 
+const handleAnalysisClick = () => {
+	router.push({
+		path: "/writtingAsstaint",
+		query: {
+			topic: "政令",
+			fileId: route.query.id
+		}
+	});
+};
+
 onMounted(() => {
 	handleGetSummary();
 	console.log(route.path);

src/views/exportControl/v2.0SingleSanction/index.vue

@@ -2,7 +2,7 @@
 	<div class="entity-list">
 		<div class="header">
 			<div class="header-title">
-            <img :src="headerTitle.img" alt="">
+				<img :src="headerTitle.img" alt="" />
 				<div>
 					<div class="title">
 						{{ headerTitle.title }}
@@ -12,9 +12,7 @@
 						{{ headerTitle.department }}
 					</div>
 				</div>
-            <div class="btn">
-                <img :src="icon01" alt="">切换
-            </div>
+				<div class="btn"><img :src="icon01" alt="" />切换</div>
 			</div>
 			<div class="header-nav">
 				<div
@@ -24,21 +22,24 @@
 					:class="{ active: activeIndex === index }"
 					@click="activeIndex = index"
 				>
-                <img :src="activeIndex === index ? item.imgActive : item.img" alt="">
+					<img :src="activeIndex === index ? item.imgActive : item.img" alt="" />
 					<span>{{ item.title }}</span>
 					<div class="active-line" v-if="activeIndex === index"></div>
 				</div>
 				<div class="original-text-btn" @click="handleClickOriginalText">
-                <img :src="icon1" alt="">
+					<img :src="icon1" alt="" />
 					<span>实体清单原文</span>
 				</div>
+				<div class="btn3" @click="handleAnalysisClick">
+					<div class="icon">
+						<img src="./assets/btn-icon3.png" alt="" />
+					</div>
+					<div class="text">{{ "分析报告" }}</div>
+				</div>
 			</div>
 		</div>
 		<div class="main">
-        <sanctions-overview 
-            v-if="activeIndex === 0" 
-            :data="singleSanctionOverview"
-        ></sanctions-overview>
+			<sanctions-overview v-if="activeIndex === 0" :data="singleSanctionOverview"></sanctions-overview>
 			<data-statistics v-if="activeIndex === 1"></data-statistics>
 			<deep-mining v-if="activeIndex === 2"></deep-mining>
 			<impact-analysis v-if="activeIndex === 3"></impact-analysis>
@@ -47,15 +48,15 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted } from "vue";
 
-import sanctionsOverview from "./components/sanctionsOverview/index.vue"
-import dataStatistics from "./components/dataStatistics/index.vue"
-import deepMining from "./components/deepMining/index.vue"
-import impactAnalysis from "./components/impactAnalysis/index.vue"
+import sanctionsOverview from "./components/sanctionsOverview/index.vue";
+import dataStatistics from "./components/dataStatistics/index.vue";
+import deepMining from "./components/deepMining/index.vue";
+import impactAnalysis from "./components/impactAnalysis/index.vue";
 
-import title from "./assets/title.png"
-import icon01 from "./assets/icon01.png"
+import title from "./assets/title.png";
+import icon01 from "./assets/icon01.png";
 import icon1 from "../assets/icons/icon1.png";
 import icon1Active from "../assets/icons/icon1_active.png";
 import icon5 from "../assets/icons/icon5.png";
@@ -65,32 +66,33 @@ import icon2Active from "../assets/icons/icon2_active.png";
 import icon3 from "../assets/icons/icon3.png";
 import icon3Active from "../assets/icons/icon3_active.png";
 
-import { getSingleSanctionOverview } from "@/api/exportControlV2.0.js"
+import { getSingleSanctionOverview } from "@/api/exportControlV2.0.js";
+import router from "@/router";
 
 // 处理点击实体清单原文按钮
 const handleClickOriginalText = () => {
 	// 打开新标签页
-    window.open(`/exportControl/origin?id=${sanRecordId.value}`, "_blank")
-}
+	window.open(`/exportControl/origin?id=${sanRecordId.value}`, "_blank");
+};
 
 // 获取URL参数
-const sanRecordId = ref("")
+const sanRecordId = ref("");
 const getUrlParams = () => {
 	const urlParams = new URLSearchParams(window.location.search);
-    sanRecordId.value = urlParams.get("id") || ""
-}
+	sanRecordId.value = urlParams.get("id") || "";
+};
 
 // console.log(sanRecordId.value)
 // 单次制裁-制裁概况-基本信息
-const singleSanctionOverview = ref({})
+const singleSanctionOverview = ref({});
 const getSingleSanctionOverviewData = async () => {
-    if (!sanRecordId.value) return
+	if (!sanRecordId.value) return;
 	try {
 		const res = await getSingleSanctionOverview({
 			sanRecordId: sanRecordId.value
-        })
+		});
 		if (res.code === 200) {
-            singleSanctionOverview.value = res.data || {}
+			singleSanctionOverview.value = res.data || {};
 
 			// 格式化日期
 			let dateStr = "";
@@ -109,20 +111,18 @@ const getSingleSanctionOverviewData = async () => {
 				title: `${dateStr}《${singleSanctionOverview.value.sanTitleZh || singleSanctionOverview.value.sanTitle}》`,
 				titleEn: singleSanctionOverview.value.sanTitle || "",
 				department: singleSanctionOverview.value.fileCode || ""
-            }
+			};
 		}
 	} catch (error) {
-        console.error("获取制裁概况失败:", error)
+		console.error("获取制裁概况失败:", error);
 	}
-}
-
-
+};
 
 const headerTitle = ref({
-    img: title,  
-})
+	img: title
+});
 
-const activeIndex = ref(0)
+const activeIndex = ref(0);
 
 const headerNavList = ref([
 	{
@@ -145,25 +145,34 @@ const headerNavList = ref([
 		imgActive: icon3Active,
 		title: "影响分析"
 	}
-])
+]);
 
+const handleAnalysisClick = () => {
+	router.push({
+		path: "/writtingAsstaint",
+		query: {
+			topic: "清单",
+			fileId: singleSanctionOverview.value.postDate
+		}
+	});
+};
 
 onMounted(() => {
-    getUrlParams()
-    getSingleSanctionOverviewData()
-})
+	getUrlParams();
+	getSingleSanctionOverviewData();
+});
 </script>
 
 <style scoped lang="scss">
-*{
+* {
 	margin: 0;
 	padding: 0;
 }
-.entity-list{
+.entity-list {
 	width: 100%;
 	height: 100%;
 	overflow-y: auto;
-    .header{
+	.header {
 		width: 100%;
 		height: 148px;
 		background-color: #fff;
@@ -172,7 +181,7 @@ onMounted(() => {
 		top: 0;
 		z-index: 1000;
 		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
-        .header-title{
+		.header-title {
 			width: 1601px;
 			height: 72px;
 			background-color: rgba(246, 250, 255, 1);
@@ -279,7 +288,7 @@ onMounted(() => {
 				margin-left: auto;
 				width: 152px;
 				height: 36px;
-                background: #FFFFFF;
+				background: #ffffff;
 				border-radius: 4px;
 				border: 1px solid rgba(230, 231, 232, 1);
 				display: flex;
@@ -301,13 +310,44 @@ onMounted(() => {
 					line-height: 24px;
 				}
 			}
+
+			.btn3 {
+				cursor: pointer;
+				width: 120px;
+				height: 36px;
+				border-radius: 6px;
+				background: rgba(5, 95, 194, 1);
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				gap: 8px;
+				margin-left: 8px;
+				.icon {
+					width: 16px;
+					height: 16px;
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+				.text {
+					height: 24px;
+					color: rgba(255, 255, 255, 1);
+					font-family: Microsoft YaHei;
+					font-size: 16px;
+					font-weight: 400;
+					line-height: 24px;
+					letter-spacing: 0px;
+					text-align: left;
+				}
+			}
 		}
 	}
-    .main{
+	.main {
 		width: 100%;
 		height: auto;
 		min-height: calc(100% - 148px);
-        background-color: #F7F8F9;
+		background-color: #f7f8f9;
 	}
 }
 </style>

src/views/thinkTank/ReportDetail/index.vue

@@ -57,7 +57,7 @@
 						</div>
 						<div class="text">{{ "文档下载" }}</div>
 					</div>
-					<div class="btn btn1">
+					<div class="btn btn1" @click="handleAnalysisClick">
 						<div class="icon">
 							<img src="./images/btn-icon4.png" alt="" />
 						</div>
@@ -79,8 +79,9 @@ import { ref, onMounted } from "vue";
 import ReportAnalysis from "./reportAnalysis/index.vue";
 import PolicyTracking from "./policyTracking/index.vue";
 import { getThinkTankReportSummary } from "@/api/thinkTank/overview";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 const router = useRouter();
+const route = useRoute();
 const reportUrl = ref("");
 const thinkInfo = ref({});
 
@@ -113,6 +114,16 @@ const tabActiveName = ref("报告分析");
 const switchTab = name => {
 	tabActiveName.value = name;
 };
+
+const handleAnalysisClick = () => {
+	router.push({
+		path: "/writtingAsstaint",
+		query: {
+			topic: "智库",
+			fileId: router.currentRoute._value.params.id
+		}
+	});
+};
 onMounted(async () => {
 	handleGetThinkTankReportSummary();
 });

src/views/writtingAsstaint/index.vue

@@ -31,6 +31,7 @@
 		</div>
 		<div class="writting-main">
 			<div class="left-box">
+				<div class="left-box-input">
 					<div class="process-box" v-if="isShowProcess">
 						<div class="back" @click="handleBack">{{ "< 返回" }}</div>
 						<div class="process-main-box">
@@ -50,7 +51,7 @@
 						</div>
 					</div>
 					<div class="sider" v-else>
-					<div class="sider-box" v-if="false">
+						<div class="sider-box">
 							<div class="header">报文主题</div>
 							<div class="title-box">
 								<div class="title">主题名称</div>
@@ -80,7 +81,10 @@
 							<div class="template-box">
 								<div
 									class="template"
-								:class="{ tempActive: tempActiveIndex === index }"
+									:class="{
+										tempActive: tempActiveIndex === index,
+										disableTemplate: tempActiveIndex !== index && Object.keys(route.query).length > 0
+									}"
 									v-for="(temp, index) in tempList"
 									:key="index"
 									@click="handleClickTemp(temp, index)"
@@ -112,8 +116,13 @@
 								ref="upload"
 								:on-change="handleFileChange"
 								:file-list="uploadFileList"
+								:disabled="Object.keys(route.query).length !== 0"
+							>
+								<el-button
+									class="sider-upload-btn"
+									type="primary"
+									:disabled="Object.keys(route.query).length !== 0"
 								>
-							<el-button class="sider-upload-btn" type="primary">
 									<el-icon class="sider-upload-btn-text">
 										<Upload />
 									</el-icon>
@@ -125,6 +134,7 @@
 							</el-upload>
 						</div>
 					</div>
+				</div>
 				<div class="submit-area">
 					<div class="tips">
 						<div class="tips-icon">
@@ -182,14 +192,61 @@ import "@kangc/v-md-editor/lib/theme/style/vuepress.css";
 import Prism from "prismjs";
 import { ElButton, ElIcon, ElInput, ElMessage, ElUpload, genFileId } from "element-plus";
 
-VMdEditor.use(vuepressTheme, {
-	Prism
-});
-
+import { useRoute } from "vue-router";
+const route = useRoute();
 const isGenerating = ref(false);
 const isShowProcess = ref(false);
 const uploadFileList = ref([]);
 const upload = ref();
+// 流程
+const scrollProcessContainer = ref(null);
+const processContent = ref("");
+// 报文
+const scrollContainer = ref(null);
+const reportContent = ref("");
+const curTempTitle = ref("政令");
+const abortController = ref(null);
+// 当前调用工具
+const curAgentTool = ref("");
+const writtingTitle = ref("");
+const descText = ref("");
+const tabList = ref([
+	{
+		name: "写报",
+		active: true
+	},
+	{
+		name: "收藏",
+		active: false
+	},
+	{
+		name: "问答",
+		active: false
+	}
+]);
+const tempList = ref([
+	{
+		title: "政令",
+		desc: "基于政令内容生成各维度的综合分析报告"
+	},
+	{
+		title: "法案",
+		desc: "基于政令内容生成各维度的综合分析报告"
+	},
+	{
+		title: "智库",
+		desc: "基于智库内容生成各维度的综合分析报告"
+	},
+	{
+		title: "清单",
+		desc: "基于清单内容生成各维度的综合分析报告"
+	}
+]);
+const tempActiveIndex = ref(0);
+
+VMdEditor.use(vuepressTheme, {
+	Prism
+});
 
 //新上传文件替换
 const handleExceed = files => {
@@ -214,7 +271,7 @@ const handleBack = () => {
 	handleGenerate();
 };
 
-const isEditMode = ref(false);
+const isEditMode = ref(true);
 const handleSwitchMode = () => {
 	isEditMode.value = !isEditMode.value;
 	if (!isEditMode.value) {
@@ -241,20 +298,9 @@ const saveToLocalStorage = text => {
 	localStorage.setItem("markdown-content", text);
 };
 
-const abortController = ref(null);
-
 const { renderedContent, updateContent } = useMarkdownStream();
 const { renderedProcess, updateProcess } = useStream();
 
-// 流程
-const scrollProcessContainer = ref(null);
-const processContent = ref("");
-// 报文
-const scrollContainer = ref(null);
-const reportContent = ref("");
-
-const curTempTitle = ref("法案");
-
 // 停止生成
 const handleGenerate = () => {
 	isShowProcess.value = false;
@@ -262,11 +308,21 @@ const handleGenerate = () => {
 	abortController.value.abort();
 };
 
-// 当前调用工具
-const curAgentTool = ref("报告整体优化工具");
-
 const getStreamChat = async (search, inputValue) => {
-	if (uploadFileList.value.length > 0) {
+	if (Object.keys(route.query).length !== 0) {
+		const params = {
+			query: writtingTitle.value, // "输出一篇报文"
+			desc: descText.value,
+			topic: curTempTitle.value,
+			report_id: route.query.fileId // 政令、智库、法案、清单
+		};
+		callSseWithAi(params);
+	} else {
+		if (curTempTitle.value === "政令") {
+			if (uploadFileList.value.length === 0) {
+				ElMessage.error("请上传政令文件");
+				return;
+			}
 			const rawFile = uploadFileList.value[0].raw;
 			if (!rawFile) {
 				ElMessage.error("文件解析失败，请重新选择");
@@ -281,68 +337,131 @@ const getStreamChat = async (search, inputValue) => {
 			};
 			callSseWithAi(params);
 		}
+	}
 };
 
+const getFormattedTime = () => {
+	const now = new Date();
+	// 补零函数：确保单个数字补为两位（如 1 → 01，9 → 09）
+	const pad = n => n.toString().padStart(2, "0");
+
+	return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(
+		now.getMinutes()
+	)}:${pad(now.getSeconds())}`;
+};
+
+// 核心SSE调用函数（修复后）
 const callSseWithPdf = async selectedFile => {
+	// 重置中断控制器
+	if (abortController.value) {
+		abortController.value.abort();
+	}
 	abortController.value = new AbortController();
 
+	// 状态重置
+	isGenerating.value = false;
+	isShowProcess.value = false;
+
 	try {
-		// 构造FormData（和后端字段名保持一致）
 		const formData = new FormData();
 		formData.append("pdf", selectedFile);
 
-		// 调用fetchEventSource（核心：支持POST+FormData+SSE）
 		await fetchEventSource("/pdfSse/api/v1/order/pdf/extract/report/sse", {
-			method: "POST", // 关键：设置POST方法
-			body: formData, // 关键：传递PDF文件的FormData
-			signal: abortController.value.signal, // 中断信号
+			method: "POST",
+			body: formData,
+			signal: abortController.value.signal,
 			headers: {
-				// 禁用默认的SSE协议头（避免和文件上传冲突）
 				Accept: "text/event-stream",
-				"Cache-Control": "no-cache",
-				Connection: "keep-alive"
+				"Cache-Control": "no-cache"
 			},
 			openWhenHidden: true,
-			// 核心：原生onmessage回调（无需手动分割/解析）
-			async onopen(res) {
-				console.log("流式回答开始", res);
+			retryDelay: 1000,
+			maxRetries: 3,
+			// 连接打开回调
+			async onopen(response) {
+				console.log("流式回答开始", response);
+				// 校验响应状态
+				if (response.ok && response.headers.get("content-type")?.includes("text/event-stream")) {
 					isGenerating.value = true;
 					isShowProcess.value = true;
+				} else {
+					ElMessage.warning("SSE连接格式异常，即将断开");
+					abortController.value.abort();
+				}
 			},
-			async onmessage(res) {
-				const { data, event } = res;
-				const jsonData = JSON.parse(data);
-				switch (event) {
+			// 核心修复：消息处理回调
+			async onmessage(event) {
+				// 1. 严格过滤空消息（解决失焦时空消息问题）
+				if (!event || !event.data || event.data.trim() === "") {
+					console.debug("收到空SSE消息，忽略", event);
+					return;
+				}
+
+				let jsonData = null;
+				try {
+					// 2. 容错处理：防止非JSON格式的消息导致解析报错
+					jsonData = JSON.parse(event.data.trim());
+				} catch (parseError) {
+					console.warn("SSE消息JSON解析失败", parseError, event.data);
+					return;
+				}
+
+				// 3. 按事件类型处理业务逻辑
+				switch (event.event) {
 					case "progress":
+						// 校验数据完整性
+						if (jsonData.message) {
 							processContent.value += `${getFormattedTime()}:${jsonData.message}\r\n`;
 							updateProcess(processContent.value, scrollProcessContainer.value);
+						}
 						break;
 					case "result":
-						callSseWithAi({
-							query: writtingTitle.value, // "输出一篇报文"
+						// 确保result数据有效
+						if (jsonData && Object.keys(jsonData).length) {
+							await callSseWithAi({
+								query: writtingTitle.value,
 								desc: descText.value,
-							topic: "政令",
-							result: data // 政令、智库、法案、清单
+								topic: curTempTitle.value,
+								result: jsonData // 传递解析后的对象而非原始字符串
 							});
+						}
+						break;
 					default:
+						console.debug("未处理的SSE事件类型", event.event);
 						break;
 				}
 			},
+			// 错误处理优化
 			onerror(error) {
-				ElMessage({
-					message: "写报生成报错!",
-					type: "warning"
-				});
+				console.error("SSE连接错误", error);
+				ElMessage.warning("写报生成报错!");
+				// 只在非主动中断时重连/终止
+				if (error.name !== "AbortError") {
+					// 触发库的自动重连机制（返回true）
+					return true;
+				}
+				// 主动中断时清理控制器
 				abortController.value.abort();
 				abortController.value = new AbortController();
-				throw new Error(error);
+			},
+			// 连接关闭回调
+			onclose() {
+				console.log("SSE连接正常关闭");
+				isGenerating.value = false;
 			}
 		});
 	} catch (error) {
+		// 全局异常捕获
 		if (error.name !== "AbortError") {
 			ElMessage.error(`请求失败：${error.message}`);
-			isLoading.value = false;
+			console.error("SSE请求异常", error);
 		}
+		// 重置状态
+		isGenerating.value = false;
+		isShowProcess.value = false;
+		// 清理控制器
+		abortController.value.abort();
+		abortController.value = new AbortController();
 	}
 };
 
@@ -412,54 +531,8 @@ const callSseWithAi = async params => {
 	});
 };
 
-const getFormattedTime = () => {
-	const now = new Date();
-	// 补零函数：确保单个数字补为两位（如 1 → 01，9 → 09）
-	const pad = n => n.toString().padStart(2, "0");
-
-	return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(
-		now.getMinutes()
-	)}:${pad(now.getSeconds())}`;
-};
-
-const writtingTitle = ref("");
-const descText = ref("");
-const tabList = ref([
-	{
-		name: "写报",
-		active: true
-	},
-	{
-		name: "收藏",
-		active: false
-	},
-	{
-		name: "问答",
-		active: false
-	}
-]);
-const tempList = ref([
-	{
-		title: "法案1",
-		desc: "基于法案内容生成各维度的综合分析报告"
-	},
-	{
-		title: "智库",
-		desc: "基于智库内容生成各维度的综合分析报告"
-	},
-	{
-		title: "政令",
-		desc: "基于政令内容生成各维度的综合分析报告"
-	},
-	{
-		title: "清单",
-		desc: "基于清单内容生成各维度的综合分析报告"
-	}
-]);
-
-const tempActiveIndex = ref(0);
-
 const handleClickTemp = (item, index) => {
+	if (Object.keys(route.query).length !== 0) return;
 	tempActiveIndex.value = index;
 	curTempTitle.value = item.title;
 };
@@ -475,7 +548,16 @@ const exportContent = () => {
 	URL.revokeObjectURL(url);
 };
 
-onMounted(() => {});
+onMounted(() => {
+	if (route && Object.keys(route.query).length !== 0) {
+		const { topic, fileId } = route.query;
+		if (!topic || !fileId) return;
+		curTempTitle.value = topic;
+		tempActiveIndex.value = tempList.value.findIndex((item, index) => {
+			return item.title === topic;
+		});
+	}
+});
 
 onUnmounted(() => {
 	if (abortController.value) {
@@ -584,13 +666,20 @@ onUnmounted(() => {
 		.left-box {
 			display: flex;
 			flex-direction: column;
-			width: 520px;
-			padding: 21px 21px 29px 22px;
+			width: 525px;
+			padding-top: 22px;
+			padding-bottom: 29px;
 			box-sizing: border-box;
 			border-right: 1px solid rgba(234, 236, 238, 1);
 			border-top: 1px solid rgba(234, 236, 238, 1);
 			background: rgba(255, 255, 255, 1);
 
+			.left-box-input {
+				overflow-y: scroll;
+				overflow-x: hidden;
+				scrollbar-width: none;
+				padding-inline: 22px;
+
 				.process-box {
 					display: flex;
 					flex-direction: column;
@@ -827,6 +916,90 @@ onUnmounted(() => {
 								}
 							}
 
+							.disableTemplate {
+								width: 230px;
+								height: 120px;
+								box-sizing: border-box;
+								border: 1px solid #e4e7ed;
+								border-radius: 4px;
+								position: relative;
+								cursor: not-allowed;
+								background-color: #f5f7fa;
+
+								.active-icon {
+									width: 24px;
+									height: 24px;
+									position: absolute;
+									top: 0;
+									right: 0;
+									z-index: 99;
+
+									img {
+										width: 100%;
+										height: 100%;
+									}
+								}
+
+								.selected-icon {
+									width: 8px;
+									height: 6px;
+									position: absolute;
+									top: -4px;
+									right: 3px;
+									z-index: 100;
+
+									img {
+										width: 8px;
+										height: 6px;
+									}
+								}
+
+								.header {
+									display: flex;
+									justify-content: space-between;
+									height: 50px;
+
+									.title {
+										height: 24px;
+										color: #c0c4cc;
+										font-family: Microsoft YaHei;
+										font-size: 16px;
+										font-weight: 700;
+										line-height: 24px;
+										margin-left: 15px;
+										margin-top: 16px;
+									}
+
+									.icon {
+										margin-top: 15px;
+										margin-right: 16px;
+										width: 30px;
+										height: 30px;
+										border-radius: 15px;
+										background: #f0f2f5;
+										img {
+											width: 17px;
+											height: 14px;
+											margin-top: 8px;
+											margin-left: 7px;
+											opacity: 0.5;
+										}
+									}
+								}
+
+								.content {
+									margin: 0 auto;
+									width: 200px;
+									height: 48px;
+									margin-top: 10px;
+									color: #dcdfe6;
+									font-family: Microsoft YaHei;
+									font-size: 16px;
+									font-weight: 400;
+									line-height: 24px;
+								}
+							}
+
 							.tempActive {
 								border: 1px solid rgba(5, 95, 194, 1);
 								background: rgba(246, 250, 255, 1);
@@ -901,11 +1074,13 @@ onUnmounted(() => {
 						}
 					}
 				}
+			}
 
 			.submit-area {
 				margin-top: auto;
 				width: 100%;
 				min-height: 74px;
+				padding-inline: 22px;
 
 				.tips {
 					height: 22px;
@@ -1026,7 +1201,7 @@ onUnmounted(() => {
 			background: #f7f8f9;
 
 			.edit-panel {
-				width: calc(100% - 100px);
+				width: calc(100% - 170px);
 				height: calc(100% - 40px);
 				margin: 20px 50px;
 			}