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

src/api/aiAnalysis/index.js

@@ -93,12 +93,23 @@ export function getChartAnalysis(data, options = {}) {
 						if (raw === "[DONE]") return;
 
 						let chunk = "";
-						// 后端返回格式示例：{"text":"```"} / {"text":"json\n[\n"}
+						// 兼容后端返回格式：
+						// - {"text":"```"} / {"text":"json\n[\n"}
+						// - {"type":"reasoning","chunk":"..."}（新格式）
 						try {
 							const msg = JSON.parse(raw);
-							if (msg && typeof msg === "object" && "text" in msg) {
+							if (Array.isArray(msg?.chunk)) {
+								safeResolve({ data: msg.chunk });
+								abortController.abort();
+								return;
+							}
+
+							if (msg && typeof msg === "object" && "chunk" in msg) {
+								chunk = typeof msg.chunk === "string" ? msg.chunk : "";
+								if (chunk) buffer += chunk;
+							} else if (msg && typeof msg === "object" && "text" in msg) {
 								chunk = String(msg.text ?? "");
-								buffer += chunk;
+								if (chunk) buffer += chunk;
 							} else {
 								chunk = raw;
 								buffer += raw;

src/api/bill/billHome.js

@@ -28,6 +28,19 @@ export function getBillCount(params) {
     })
 }
 
+// 近期美国国会各委员会涉华提案数量汇总
+/**
+ * @param {Object} params
+ * @param {string} params.dateDesc - 时间范围：近一周/近一月/近一年
+ */
+export function getStatisticsBillCountByCommittee(params) {
+    return request({
+        method: 'GET',
+        url: `/api/BillOverview/statisticsBillCountByCommittee`,
+        params
+    })
+}
+
 // 获取关键条款
 export function getBillOverviewKeyTK() {
     return request({

src/api/influence.js

 import request from "@/api/request.js";
 
-// 根据行业领域id获取公司列表
+// 获取实体列表（按行业/公司名筛选）
 /**
- * @param {id} 
+ * @param {Object} params
+ * @param {string} [params.id] - 行业领域id（全部领域不传）
+ * @param {string} [params.companyName] - 公司名称（搜索框为空不传）
  */
 export function getCompanyList(params) {
     return request({
         method: 'GET',
-        url: `/api/billImpactAnalysis/industry/company/${params.id}`,
+        url: `/api/billImpactAnalysis/industry/company`,
         params,
     })
 }

src/components/SearchContainer.vue

@@ -10,8 +10,7 @@
 			</div>
 			<div
 				class="search-type-tab"
-				:class="{ active: billSearchType === 'state' }"
-				@click="handleChangeBillSearchType('state')"
+				:class="{ active: billSearchType === 'state', 'is-disabled': true }"
 			>
 				州议会
 			</div>
@@ -206,6 +205,11 @@ const handleToPosi = id => {
 			color: rgb(5, 95, 194);
 			border-color: rgb(255, 255, 255);
 		}
+
+		.search-type-tab.is-disabled {
+			cursor: not-allowed;
+			opacity: 0.6;
+		}
 	}
 
 	.search-main-with-tabs {

src/components/base/Ai/AiPane/index.vue

@@ -24,7 +24,8 @@ const props = defineProps({
 <style lang="scss">
 .ai-pane-wrapper {
   width: 100%;
-  height: 156px;
+  min-height: 156px;
+  height: auto;
   background: var(--color-primary-2);
   box-sizing: border-box;
   padding: 12px 16px;
@@ -57,18 +58,15 @@ const props = defineProps({
   .content {
     margin-top: 8px;
     width: 100%;
-    height: 90px;
+    min-height: 90px;
+    height: auto;
     box-sizing: border-box;
     padding: 0 12px;
     color: var(--color-primary-100);
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    /* 控制显示的行数 */
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    display: block;
+    overflow: visible;
     word-break: break-word;
-    /* 防止长单词溢出 */
+    white-space: pre-wrap;
   }
 }
 </style>
\ No newline at end of file

src/components/base/TipTab/index.vue

@@ -3,13 +3,18 @@
     <div class="icon">
       <img src="./tip-icon.svg" alt="">
     </div>
-    <div class="text text-tip-2 text-primary-50-clor">{{ `数据来源：${dataSource},数据时间：${dataTime}` }}</div>
+    <div class="text text-tip-2 text-primary-50-clor">{{ tipText }}</div>
   </div>
 </template>
 
 <script setup>
+import { computed } from 'vue'
 
 const props = defineProps({
+  text: {
+    type: String,
+    default: ''
+  },
   dataSource: {
     type: String,
     default: '美国国会官网'
@@ -21,6 +26,8 @@ const props = defineProps({
 
 })
 
+const tipText = computed(() => props.text || `数据来源：${props.dataSource},数据时间：${props.dataTime}`)
+
 </script>
 
 <style lang="scss" scoped>

src/components/base/WarningPane/index.vue

 <template>
-  <div class="warnning-pane-wrapper" :style="{ width: width ? width : '1600px', height: height ? height : '116px' }"
+  <div class="warnning-pane-wrapper" :style="{ width: width ? width : '1600px', height: height ? height : 'auto', minHeight: height ? undefined : '116px' }"
     :class="{
       level1: warnningLevel === '特别重大风险',
       level2: warnningLevel === '重大风险',
@@ -146,15 +146,12 @@ const handleClickPane = () => {
 .warnning-pane-content{
   width: calc(100% - 40px);
   margin: 0 auto;
-  height: 60px;
-  display: -webkit-box;
-  /* 2. 设置内部布局方向为垂直 */
-  -webkit-box-orient: vertical;
-  /* 3. 限制显示的行数为 2 行 */
-  -webkit-line-clamp: 2;
-  /* 4. 隐藏超出部分 */
-  overflow: hidden;
-  /* 5. 设置文本溢出显示省略号 */
-  text-overflow: ellipsis;
+  margin-bottom: 16px;
+  min-height: 60px;
+  height: auto;
+  display: block;
+  overflow: visible;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 </style>
\ No newline at end of file

src/views/bill/billHome/ResourceLibrarySection.vue

@@ -88,7 +88,7 @@
 								<div class="main">
 									<div class="item"><div class="item-left">提案人：</div><div class="item-right">{{ item.tcr }}</div></div>
 									<div class="item"><div class="item-left">委员会：</div><div class="item-right">{{ item.wyh }}</div></div>
-									<div class="item"><div class="item-left">相关领域：</div><div class="item-right1"><div class="tag" v-for="(val, idx) in item.areaList" :key="`${item.billId}-${val}-${idx}`">{{ val }}</div></div></div>
+									<div class="item"><div class="item-left">相关领域：</div><div class="item-right1"><AreaTag v-for="(val, idx) in item.areaList" :key="`${item.billId}-${val}-${idx}`" :tagName="val" /></div></div>
 									<div class="item"><div class="item-left">最新动议：</div><div class="item-right"><CommonPrompt :content="item.zxdy" /></div></div>
 									<div class="item">
 										<div class="item-left">法案进展：</div>
@@ -260,6 +260,7 @@
 import { computed, onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 import { getHylyList, getPostOrgList, getPostMemberList, getBills, getBillsPerson, getBillsPersonRel, getBillsIsCnCommittee } from "@/api/bill/billHome";
+import { getPersonSummaryInfo } from "@/api/common/index";
 import CommonPrompt from "../commonPrompt/index.vue";
 import desc from "./assets/icons/icon-desc.png";
 import defaultAvatar from "@/assets/icons/default-icon1.png";
@@ -268,6 +269,7 @@ import zyyIcon from "@/assets/icons/zyy.png";
 import cyyIcon from "@/assets/icons/cyy.png";
 import ghdIcon from "@/assets/icons/ghd.png";
 import mzdIcon from "@/assets/icons/mzd.png";
+import { ElMessage } from "element-plus";
 
 const router = useRouter();
 
@@ -306,7 +308,7 @@ const handleClickTab = tab => {
 };
 
 // sortFun: true 正序 / false 倒序（法案接口字段）
-const releaseTime = ref(true);
+const releaseTime = ref(false);
 const releaseTimeList = ref([
 	{ label: "发布时间正序", value: true },
 	{ label: "发布时间倒序", value: false }
@@ -405,16 +407,48 @@ const handleBillImageError = e => {
 	img.src = defaultBill;
 };
 
-const handleClickAvatar = member => {
+const handleClickAvatar = async member => {
 	if (!member?.id) return;
-	window.sessionStorage.setItem("curTabName", member.name || "");
-	const routeData = router.resolve({
-		path: "/characterPage",
-		query: {
-			personId: member.id
+	const personTypeList = JSON.parse(window.sessionStorage.getItem("personTypeList") || "[]");
+	let type = 0;
+	let personTypeName = "";
+	const params = {
+		personId: member.id
+	};
+	try {
+		const res = await getPersonSummaryInfo(params);
+		if (res.code === 200 && res.data) {
+			const arr = personTypeList.filter(item => item.typeId === res.data.personType);
+			if (arr && arr.length > 0) {
+				personTypeName = arr[0].typeName;
+				if (personTypeName === "科技企业领袖") {
+					type = 1;
+				} else if (personTypeName === "国会议员") {
+					type = 2;
+				} else if (personTypeName === "智库研究人员") {
+					type = 3;
+				} else {
+					personTypeName = "";
+					ElMessage.warning("找不到当前人员的类型值！");
+					return;
+				}
+				window.sessionStorage.setItem("curTabName", member.name || "");
+				const routeData = router.resolve({
+					path: "/characterPage",
+					query: {
+						type,
+						personId: member.id
+					}
+				});
+				window.open(routeData.href, "_blank");
+			} else {
+				personTypeName = "";
+				ElMessage.warning("找不到当前人员的类型值！");
+			}
+		} else {
+			ElMessage.warning("找不到当前人员的类型值！");
 		}
-	});
-	window.open(routeData.href, "_blank");
+	} catch (error) {}
 };
 
 const getReversedProgress = progress => (Array.isArray(progress) ? [...progress].reverse() : []);

src/views/bill/billHome/index.vue

@@ -128,7 +128,7 @@
 
 					<DivideHeader id="position3" class="divide3" :titleText="'数据总览'"></DivideHeader>
 					<div class="center-footer">
-						<OverviewCard class="overview-card--double box5" title="涉华法案数量变化趋势" :icon="box5HeaderIcon">
+						<OverviewCard class="overview-card--double box5" title="数量变化趋势" :icon="box5HeaderIcon">
 							<template #right>
 								<el-select v-model="box5Select" placeholder="选择领域" @change="handleBox5Change" style="width: 150px">
 									<el-option label="全部领域" value="全部领域" />
@@ -146,7 +146,7 @@
 									<div v-else id="box5Chart" class="overview-chart"></div>
 								</div>
 								<div class="overview-tip-row">
-									<TipTab class="overview-tip" />
+									<TipTab class="overview-tip" :text="'图表说明：xxxxx，数据来源：美国国会官网'" />
 									<AiButton class="overview-tip-action" @mouseenter="handleShowAiPane('box5')" />
 								</div>
 								<div v-if="aiPaneVisible.box5" class="overview-ai-pane" @mouseleave="handleHideAiPane('box5')">
@@ -154,7 +154,7 @@
 								</div>
 							</div>
 						</OverviewCard>
-						<OverviewCard class="overview-card--single box6" title="涉华法案领域分布" :icon="box6HeaderIcon">
+						<OverviewCard class="overview-card--single box6" title="领域分布情况" :icon="box6HeaderIcon">
 							<template #right>
 								<el-select v-model="box9selectetedTime" placeholder="选择时间" style="width: 90px">
 									<el-option v-for="item in box9YearList" :key="item.value" :label="item.label" :value="item.value" />
@@ -171,7 +171,7 @@
 									<div v-else id="box9Chart" class="overview-chart"></div>
 								</div>
 								<div class="overview-tip-row">
-									<TipTab class="overview-tip" />
+									<TipTab class="overview-tip" :text="'图表说明：xxxxx，数据来源：美国国会官网'" />
 									<AiButton class="overview-tip-action" @mouseenter="handleShowAiPane('box6')" />
 								</div>
 								<div v-if="aiPaneVisible.box6" class="overview-ai-pane" @mouseleave="handleHideAiPane('box6')">
@@ -181,7 +181,7 @@
 						</OverviewCard>
 					</div>
 					<div class="center-footer1">
-						<OverviewCard class="overview-card--single box7" title="涉华法案提出部门" :icon="box7HeaderIcon">
+						<OverviewCard class="overview-card--single box7" title="提案委员会分布情况" :icon="box7HeaderIcon">
 							<template #right>
 								<el-select v-model="box7selectetedTime" placeholder="选择时间" style="width: 90px">
 									<el-option v-for="item in box7YearList" :key="item.value" :label="item.label" :value="item.value" />
@@ -193,7 +193,7 @@
 									<div v-else id="box7Chart" class="overview-chart"></div>
 								</div>
 								<div class="overview-tip-row">
-									<TipTab class="overview-tip" />
+									<TipTab class="overview-tip" :text="'图表说明：xxxxx，数据来源：美国国会官网'" />
 									<AiButton class="overview-tip-action" @mouseenter="handleShowAiPane('box7')" />
 								</div>
 								<div v-if="aiPaneVisible.box7" class="overview-ai-pane" @mouseleave="handleHideAiPane('box7')">
@@ -201,7 +201,7 @@
 								</div>
 							</div>
 						</OverviewCard>
-						<OverviewCard class="overview-card--single box8" title="涉华法案进展分布" :icon="box7HeaderIcon">
+						<OverviewCard class="overview-card--single box8" title="进展分布情况" :icon="box7HeaderIcon">
 							<template #right>
 								<el-select v-model="box8selectetedTime" placeholder="选择时间" style="width: 90px">
 									<el-option v-for="item in box8YearList" :key="item.value" :label="item.label" :value="item.value" />
@@ -216,7 +216,7 @@
 									</template>
 								</div>
 								<div class="overview-tip-row">
-									<TipTab class="overview-tip" />
+									<TipTab class="overview-tip" :text="'图表说明：xxxxx，数据来源：美国国会官网'" />
 									<AiButton class="overview-tip-action" @mouseenter="handleShowAiPane('box8')" />
 								</div>
 								<div v-if="aiPaneVisible.box8" class="overview-ai-pane" @mouseleave="handleHideAiPane('box8')">
@@ -224,14 +224,14 @@
 								</div>
 							</div>
 						</OverviewCard>
-						<OverviewCard class="overview-card--single box9" title="涉华法案关键条款" :icon="box7HeaderIcon">
+						<OverviewCard class="overview-card--single box9" title="关键条款词云" :icon="box7HeaderIcon">
 							<div class="overview-card-body box9-main">
 								<div class="overview-chart-wrap">
 									<el-empty v-if="!wordCloudHasData" description="暂无数据" :image-size="100" />
 									<WordCloundChart v-else class="overview-chart" width="100%" height="100%" :data="wordCloudData" />
 								</div>
 								<div class="overview-tip-row">
-									<TipTab class="overview-tip" />
+									<TipTab class="overview-tip" :text="'图表说明：xxxxx，数据来源：美国国会官网'" />
 									<AiButton class="overview-tip-action" @mouseenter="handleShowAiPane('box9')" />
 								</div>
 								<div v-if="aiPaneVisible.box9" class="overview-ai-pane" @mouseleave="handleHideAiPane('box9')">
@@ -261,6 +261,7 @@ import {
 	getBillRiskSignal,
 	getHylyList,
 	getBillOverviewKeyTK,
+	getStatisticsBillCountByCommittee,
 	getBillCount,
 	getBillPostOrg,
 	getBillProcess,
@@ -356,11 +357,36 @@ const committeeTimeOptions = [
 	{ label: "近一月", value: "近一月" },
 	{ label: "近一年", value: "近一年" }
 ];
-const committeeCardList = ref([
-	{ id: 1, name: "众议院外交委员会", chamber: "众议院", count: 42 },
-	{ id: 2, name: "参议院军事委员会", chamber: "参议院", count: 28 },
-	{ id: 3, name: "众议院情报委员会", chamber: "众议院", count: 19 }
-]);
+const committeeCardList = ref([]);
+
+const getChamberLabel = orgType => {
+	if (orgType === "Senate") return "参议院";
+	if (orgType === "House") return "众议院";
+	return orgType || "";
+};
+
+const handleGetCommitteeBillCount = async () => {
+	try {
+		const res = await getStatisticsBillCountByCommittee({
+			dateDesc: committeeTimeRange.value
+		});
+		if (res.code === 200 && Array.isArray(res.data)) {
+			committeeCardList.value = res.data
+				.map(item => ({
+					id: `${item.orgType || ""}-${item.orgName || ""}`,
+					name: item.orgName,
+					chamber: getChamberLabel(item.orgType),
+					count: Number(item.count || 0)
+				}))
+				.sort((a, b) => (b.count || 0) - (a.count || 0))
+				.slice(0, 3);
+		} else {
+			committeeCardList.value = [];
+		}
+	} catch (error) {
+		committeeCardList.value = [];
+	}
+};
 
 const hotBillList = ref([]); // 热门法案列表
 const carouselRef = ref(null);
@@ -1182,6 +1208,14 @@ watch(box8selectetedTime, () => {
 	handleBox8Data();
 });
 
+watch(
+	committeeTimeRange,
+	() => {
+		handleGetCommitteeBillCount();
+	},
+	{ immediate: true }
+);
+
 const handleToPosi = id => {
 	const element = document.getElementById(id);
 	if (element && containerRef.value) {

src/views/bill/billHome/utils/piechart.js

+import { MUTICHARTCOLORS } from '../../../../common/constant'
+
 const truncateLabel = (value, maxLen = 6) => {
   if (value === null || value === undefined) return ''
   const str = String(value)
@@ -8,8 +10,9 @@ const truncateLabel = (value, maxLen = 6) => {
 
 const getPieChart = (data, colorList, options = {}) => {
   const showCount = options.showCount !== false
+  const chartColors = Array.isArray(colorList) && colorList.length ? colorList : MUTICHARTCOLORS
   let option = {
-    // color: colorList,
+    color: chartColors,
     tooltip: showCount
       ? undefined
       : {

src/views/bill/deepDig/processAnalysis/index.vue

@@ -32,19 +32,28 @@
 					</div>
 				</div> -->
 				<AnalysisBox title="典型阶段耗时">
-					<div class="box1-main" :class="{ 'box1-main--full': !timeFooterText }">
-						<div class="box1-main-center" id="chart1"></div>
-						<div v-if="timeFooterText" class="box1-main-footer">
-							<div class="box-footer-left">
-								<img src="@/assets/icons/box-footer-left-icon.png" alt="" />
-							</div>
-							<div class="box-footer-center">
-								{{ timeFooterText }}
-							</div>
-							<div class="box-footer-right">
-								<img src="../assets/icons/arrow-right.png" alt="" />
+					<div class="analysis-ai-wrapper analysis-ai-wrapper--box1">
+						<div class="box1-main" :class="{ 'box1-main--full': !timeFooterText }">
+							<div class="box1-main-center" id="chart1"></div>
+							<div v-if="timeFooterText" class="box1-main-footer">
+								<div class="box-footer-left">
+									<img src="@/assets/icons/box-footer-left-icon.png" alt="" />
+								</div>
+								<div class="box-footer-center">
+									{{ timeFooterText }}
+								</div>
+								<div class="box-footer-right">
+									<img src="../assets/icons/arrow-right.png" alt="" />
+								</div>
 							</div>
 						</div>
+						<div v-if="!aiPaneVisible.box1" class="analysis-ai-tip-row">
+							<TipTab class="analysis-ai-tip" />
+							<AiButton class="analysis-ai-tip-action" @mouseenter="handleShowAiPane('box1')" />
+						</div>
+						<div v-if="aiPaneVisible.box1" class="analysis-ai-pane" @mouseleave="handleHideAiPane('box1')">
+							<AiPane :aiContent="overviewAiContent.box1" />
+						</div>
 					</div>
 				</AnalysisBox>
 			</div>
@@ -80,19 +89,28 @@
 					</div>
 				</div> -->
 				<AnalysisBox title="修正案次数分析">
-					<div class="box2-main" :class="{ 'box2-main--full': !amendFooterText }">
-						<div class="box2-main-center" id="chart2"></div>
-						<div v-if="amendFooterText" class="box2-main-footer">
-							<div class="box-footer-left">
-								<img src="@/assets/icons/box-footer-left-icon.png" alt="" />
-							</div>
-							<div class="box-footer-center">
-								{{ amendFooterText }}
-							</div>
-							<div class="box-footer-right">
-								<img src="../assets/icons/arrow-right.png" alt="" />
+					<div class="analysis-ai-wrapper analysis-ai-wrapper--box2">
+						<div class="box2-main" :class="{ 'box2-main--full': !amendFooterText }">
+							<div class="box2-main-center" id="chart2"></div>
+							<div v-if="amendFooterText" class="box2-main-footer">
+								<div class="box-footer-left">
+									<img src="@/assets/icons/box-footer-left-icon.png" alt="" />
+								</div>
+								<div class="box-footer-center">
+									{{ amendFooterText }}
+								</div>
+								<div class="box-footer-right">
+									<img src="../assets/icons/arrow-right.png" alt="" />
+								</div>
 							</div>
 						</div>
+						<div v-if="!aiPaneVisible.box2" class="analysis-ai-tip-row">
+							<TipTab class="analysis-ai-tip" />
+							<AiButton class="analysis-ai-tip-action" @mouseenter="handleShowAiPane('box2')" />
+						</div>
+						<div v-if="aiPaneVisible.box2" class="analysis-ai-pane" @mouseleave="handleHideAiPane('box2')">
+							<AiPane :aiContent="overviewAiContent.box2" />
+						</div>
 					</div>
 				</AnalysisBox>
 			</div>
@@ -366,7 +384,8 @@
 					</div>
 				</div> -->
 				<AnalysisBox title="投票分析">
-					<div class="vote-legend">
+					<div class="analysis-ai-wrapper analysis-ai-wrapper--box3">
+						<div class="vote-legend">
 						<div class="vote-legend-item">
 							<span class="vote-legend-dot agree"></span>
 							<span>赞成票</span>
@@ -375,7 +394,7 @@
 							<span class="vote-legend-dot against"></span>
 							<span>反对票</span>
 						</div>
-					</div>
+						</div>
 					<div class="box3-main" :class="{ 'box3-main--full': !voteFooterText }">
 						<div class="box3-main-center">
 							<div class="box3-main-center-header">
@@ -678,7 +697,15 @@
 								<img src="../assets/icons/arrow-right.png" alt="" />
 							</div>
 						</div>
+						<div v-if="!aiPaneVisible.box3" class="analysis-ai-tip-row">
+							<TipTab class="analysis-ai-tip" />
+							<AiButton class="analysis-ai-tip-action" @mouseenter="handleShowAiPane('box3')" />
+						</div>
+						<div v-if="aiPaneVisible.box3" class="analysis-ai-pane" @mouseleave="handleHideAiPane('box3')">
+							<AiPane :aiContent="overviewAiContent.box3" />
+						</div>
 					</div>
+				</div>
 				</AnalysisBox>
 			</div>
 		</div>
@@ -690,6 +717,10 @@ import { ref, onMounted } from "vue";
 import { getBillTimeAnalyze, getBillAmeAnalyzeCount, getBillTp } from "@/api/deepdig";
 import getBoxPlotChcart from "./utils/boxplot";
 import * as echarts from "echarts";
+import { getChartAnalysis } from "@/api/aiAnalysis/index";
+import TipTab from "@/components/base/TipTab/index.vue";
+import AiButton from "@/components/base/Ai/AiButton/index.vue";
+import AiPane from "@/components/base/Ai/AiPane/index.vue";
 
 import icon1 from "./assets/images/icon1.png";
 import icon2 from "./assets/images/icon2.png";
@@ -895,6 +926,31 @@ const timeFooterText = ref("");
 const amendFooterText = ref("");
 const voteFooterText = ref("");
 
+// AI面板显示状态（box1=典型阶段耗时，box2=修正案次数分析，box3=投票分析）
+const aiPaneVisible = ref({
+	box1: false,
+	box2: false,
+	box3: false
+});
+
+const overviewAiContent = ref({
+	box1: "智能总结生成中...",
+	box2: "智能总结生成中...",
+	box3: "智能总结生成中..."
+});
+
+const aiPaneFetched = ref({
+	box1: false,
+	box2: false,
+	box3: false
+});
+
+const aiPaneLoading = ref({
+	box1: false,
+	box2: false,
+	box3: false
+});
+
 // 绘制echarts图表
 const setChart = (option, chartId) => {
 	let chartDom = document.getElementById(chartId);
@@ -991,6 +1047,96 @@ const handleGetBillVoteAnalyze = async () => {
 	}
 };
 
+const buildAiChartPayload = key => {
+	if (key === "box1") {
+		return {
+			type: "箱线图",
+			name: "典型阶段耗时",
+			data: {
+				categories: Array.isArray(chartData1.value?.dataX) ? chartData1.value.dataX : [],
+				samples: Array.isArray(chartData1.value?.dataY) ? chartData1.value.dataY : []
+			}
+		};
+	}
+
+	if (key === "box2") {
+		return {
+			type: "箱线图",
+			name: "修正案次数分析",
+			data: {
+				categories: Array.isArray(chartData2.value?.dataX) ? chartData2.value.dataX : [],
+				samples: Array.isArray(chartData2.value?.dataY) ? chartData2.value.dataY : []
+			}
+		};
+	}
+
+	if (key === "box3") {
+		return {
+			type: "投票分析",
+			name: "投票分析",
+			data: Array.isArray(voteAnalysisList.value) ? voteAnalysisList.value : []
+		};
+	}
+
+	return { type: "", name: "", data: [] };
+};
+
+const requestAiPaneContent = async key => {
+	if (!key || aiPaneLoading.value[key] || aiPaneFetched.value[key]) return;
+
+	aiPaneLoading.value = { ...aiPaneLoading.value, [key]: true };
+	overviewAiContent.value = { ...overviewAiContent.value, [key]: "智能总结生成中..." };
+
+	try {
+		const payload = buildAiChartPayload(key);
+		const res = await getChartAnalysis(
+			{ text: JSON.stringify(payload) },
+			{
+				onChunk: chunk => {
+					const current = overviewAiContent.value[key];
+					const base = current === "智能总结生成中..." ? "" : current;
+					overviewAiContent.value = {
+						...overviewAiContent.value,
+						[key]: base + chunk
+					};
+				}
+			}
+		);
+
+		const list = res?.data;
+		const first = Array.isArray(list) ? list[0] : null;
+		const interpretation = first?.解读 || first?.["解读"];
+		if (interpretation) {
+			overviewAiContent.value = {
+				...overviewAiContent.value,
+				[key]: interpretation
+			};
+		}
+
+		aiPaneFetched.value = { ...aiPaneFetched.value, [key]: true };
+	} catch (error) {
+		console.error("获取图表解读失败", error);
+		overviewAiContent.value = { ...overviewAiContent.value, [key]: "智能总结生成失败" };
+	} finally {
+		aiPaneLoading.value = { ...aiPaneLoading.value, [key]: false };
+	}
+};
+
+const handleShowAiPane = key => {
+	aiPaneVisible.value = {
+		...aiPaneVisible.value,
+		[key]: true
+	};
+	requestAiPaneContent(key);
+};
+
+const handleHideAiPane = key => {
+	aiPaneVisible.value = {
+		...aiPaneVisible.value,
+		[key]: false
+	};
+};
+
 onMounted(async () => {
 	await handleGetBillTimeAnalyze();
 	await handleGetBillAmeAnalyzeCount();
@@ -1916,4 +2062,38 @@ onMounted(async () => {
 	width: 200px;
 	margin-left: 10px;
 }
+
+.analysis-ai-wrapper {
+	position: relative;
+	height: 100%;
+}
+
+.analysis-ai-tip-row {
+	position: absolute;
+	left: 0;
+	bottom: 15px;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 2;
+}
+
+.analysis-ai-tip-action {
+	position: absolute;
+	right: 0px;
+}
+
+.analysis-ai-pane {
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	z-index: 5;
+	pointer-events: none;
+
+	:deep(.ai-pane-wrapper) {
+		pointer-events: auto;
+	}
+}
 </style>

src/views/bill/deepDig/processAnalysis/utils/boxplot.js

 
+const resolveCssVarColor = (varName, fallback) => {
+  try {
+    if (typeof window === 'undefined' || typeof document === 'undefined') return fallback
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(varName)
+    const trimmed = value ? value.trim() : ''
+    return trimmed || fallback
+  } catch (e) {
+    return fallback
+  }
+}
+
 const getBoxPlotChcart = (data, unit, labelConfig = {}) => {
+  const primary2 = resolveCssVarColor('--color-primary-2', '#F6FAFF')
+
   const labels = {
     max: labelConfig.max || '最大耗时',
     q3: labelConfig.q3 || '平均耗时大',
@@ -16,6 +29,19 @@ const getBoxPlotChcart = (data, unit, labelConfig = {}) => {
     //     left: 'center'
     //   }
     // ],
+    graphic: [
+      {
+        type: 'text',
+        // 左上角只标注一次单位（y轴刻度不再逐行带单位）
+        left: '5%',
+        top: '0%',
+        style: {
+          text: unit,
+          fill: 'rgba(95, 101, 108, 1)',
+          font: '14px Microsoft YaHei'
+        }
+      }
+    ],
     tooltip: {
       trigger: 'item',
       axisPointer: {
@@ -61,10 +87,14 @@ const getBoxPlotChcart = (data, unit, labelConfig = {}) => {
       type: 'value',
       name: '',
       axisLabel: {
-        formatter: (value) => `${value}${unit}`
+        formatter: (value) => `${value}`
       },
       splitArea: {
-        show: true
+        show: true,
+        // ECharts绘制到canvas，不能直接识别CSS变量字符串；这里取到真实颜色值后再配置交替背景
+        areaStyle: {
+          color: [primary2, '#ffffff']
+        }
       }
     },
     series: [