Merge branch 'pre' into zz-dev

f58ff710 · 朱政 · 835f1f14 · db5f7d4e · f58ff710 · f58ff710
--- a/src/App copy.vue
+++ b/src/App copy.vue
@@ -225,31 +225,6 @@ const menuList = ref([
 	}
 ]);

-const handleToModule = item => {
-	const curRoute = router.resolve({
-		path: item.path
-	});
-	window.open(curRoute.href, "_blank");
-};
-
-const searchText = ref("");
-
-const handleSearch = () => {
-	const curRoute = router.resolve({
-		path: "/searchResults",
-		query: {
-			searchText: searchText.value
-		}
-	});
-	window.open(curRoute.href, "_blank");
-};
-
-const handleClickTitle = item => {
-	if (item.name === "主要国家科技动向感知" || item.name === "主要国家竞争科技安全") {
-		ElMessage.warning("当前功能正在开发中，敬请期待！");
-	}
-};
-
 const handleOpenPage = page => {
 	const pageObj = {
 		znwd: "/chat",

--- a/src/App.vue
+++ b/src/App.vue
@@ -27,7 +27,6 @@ import Menu12 from "@/assets/icons/overview/menu12.png";
 import { ElMessage } from "element-plus";

 const router = useRouter();
-const route = useRoute();

 import useTagsViewStore from '@/stores/tagsView.js'

@@ -48,17 +47,6 @@ router.beforeEach((to, from, next) => {
  next()
 })

-
-const isShowAiBox = ref(false);
-
-const closeAiBox = () => {
-	isShowAiBox.value = false;
-};
-
-const openAiBox = () => {
-	isShowAiBox.value = true;
-};
-
 const personTypeList = ref([]);

 // 获取人物类别
@@ -75,146 +63,6 @@ const handleGetPersonType = async () => {
 	} catch (error) {}
 };

-const isCurrentOverview = computed(() => {
-	if (route.path === "/ZMOverView") {
-		return true;
-	} else {
-		return false;
-	}
-});
-
-// 概览页标题列表
-const homeTitleList = ref([
-	{
-		name: "中美科技博弈",
-		path: "/ZMOverView",
-		disabled: false
-	},
-	{
-		name: "主要国家科技动向感知",
-		path: "",
-		disabled: true
-	},
-	{
-		name: "主要国家竞争科技安全",
-		path: "",
-		disabled: true
-	}
-]);
-
-const homeActiveTitleIndex = ref(0);
-
-const isShowMenu = ref(false);
-const handleShowMenu = (index, isShow) => {
-	if (index === 0) {
-		isShowMenu.value = isShow;
-	}
-};
-
-const handleHoverMenu = isShow => {
-	isShowMenu.value = isShow;
-};
-
-const menuList = ref([
-	{
-		title: "中美科技博弈概览",
-		icon: Menu1,
-		path: "/ZMOverView"
-	},
-	{
-		title: "科技法案",
-		icon: Menu2,
-		path: "/billHome"
-	},
-	{
-		title: "科技政令",
-		icon: Menu3,
-		path: "/decree"
-	},
-	{
-		title: "美国科技智库",
-		icon: Menu4,
-		path: "/thinkTank"
-	},
-	{
-		title: "出口管制",
-		icon: Menu5,
-		path: "/exportControl"
-	},
-	{
-		title: "科研合作限制",
-		icon: Menu6,
-		path: "/cooperationRestrictions"
-	},
-	{
-		title: "投融资限制",
-		icon: Menu7,
-		path: "/finance"
-	},
-	{
-		title: "市场准入限制",
-		icon: Menu8,
-		path: "/marketAccessRestrictions"
-	},
-	{
-		title: "规则限制",
-		icon: Menu9,
-		path: "/ruleRestrictions"
-	},
-	{
-		title: "美国科技人物观点",
-		icon: Menu10,
-		path: "/technologyFigures"
-	},
-	{
-		title: "美国主要创新主体动向",
-		icon: Menu11,
-		path: "/innovationSubject"
-	},
-	{
-		title: "美国科研资助体系",
-		icon: Menu12,
-		path: "/scientificFunding"
-	}
-]);
-
-const handleToModule = item => {
-	const curRoute = router.resolve({
-		path: item.path
-	});
-	window.open(curRoute.href, "_blank");
-};
-
-const searchText = ref("");
-
-const handleSearch = () => {
-	const curRoute = router.resolve({
-		path: "/searchResults",
-		query: {
-			searchText: searchText.value
-		}
-	});
-	window.open(curRoute.href, "_blank");
-};
-
-const handleClickTitle = item => {
-	if (item.name === "主要国家科技动向感知" || item.name === "主要国家竞争科技安全") {
-		ElMessage.warning("当前功能正在开发中，敬请期待！");
-	}
-};
-
-const handleOpenPage = page => {
-	const pageObj = {
-		znwd: "/chat",
-		znxb: "/writtingAsstaint"
-	};
-	window.open(pageObj[page], "_blank");
-};
-
-const handleClickToolBox = () => {
-	ElMessage.warning("当前功能正在开发中，敬请期待！");
-};
-
 onMounted(() => {
 	handleGetPersonType();
 });

--- a/src/api/finance/service-back.js
+++ b/src/api/finance/service-back.js
+// 引入 axios 请求
+import axios from 'axios'
+// 引入 element-plus 里面的消息提示
+import { ElMessage } from 'element-plus'
+import { getToken, setToken, removeToken, formatBearerAuthorization } from '@/api/request.js'
+
+export { getToken, setToken, removeToken }
+
+// 【新增】全局 AbortController，用于管理所有通过此 service 发出的请求
+let globalAbortController = new AbortController()
+
+// 【新增】暴露一个方法，供外部（如路由守卫）调用以取消所有正在进行的请求
+export const cancelAllRequests = () => {
+	if (globalAbortController) {
+		globalAbortController.abort()
+		// 创建一个新的 Controller 以备下次使用
+		globalAbortController = new AbortController()
+	}
+}
+
+// 创建 axios 实例
+const service = axios.create({
+	timeout: 30 * 1000 // 请求超时时间
+})
+
+// request 拦截器：与主 request 一致，就地改 config，避免 mergeConfig 破坏 url
+service.interceptors.request.use(config => {
+	const raw = getToken()
+	const token = raw ? String(raw).trim() : ""
+	if (!config.headers) {
+		config.headers = new axios.AxiosHeaders()
+	} else if (!(config.headers instanceof axios.AxiosHeaders)) {
+		config.headers = axios.AxiosHeaders.from(config.headers)
+	}
+	if (token) {
+		config.headers.set('token', token, true)
+	} else {
+		config.headers.delete('token')
+		config.headers.delete('Token')
+	}
+
+	const reqUrl = String(config.url ?? '')
+	if (reqUrl.includes('aiAnalysis')) {
+		const aiApiKey = import.meta.env.VITE_AI_ANALYSIS_API_KEY
+		if (aiApiKey) {
+			if (!config.headers) {
+				config.headers = new axios.AxiosHeaders()
+			} else if (!(config.headers instanceof axios.AxiosHeaders)) {
+				config.headers = axios.AxiosHeaders.from(config.headers)
+			}
+			config.headers.set('X-API-Key', aiApiKey)
+		}
+	}
+	// 【新增】将全局控制器的 signal 注入到当前请求中
+	// 注意：如果 config 中已经手动传入了 signal（例如组件内单独控制），则优先使用组件内的
+	if (!config.signal) {
+		config.signal = globalAbortController.signal
+	}
+	return config
+}, error => {
+	console.log(error)
+	return Promise.reject(error)
+})
+
+// response 拦截器
+service.interceptors.response.use(
+	response => {
+		const res = response?.data
+		if (!res) {
+			return Promise.reject(new Error('响应数据为空'))
+		}
+		// 根据需求：接口返回 code 不等于 200 的时候报错
+		if (res.code !== 200) {
+			ElMessage({
+				message: res.message || '请求失败',
+				type: 'error',
+				duration: 3 * 1000
+			})
+			return Promise.reject(res)
+		}
+		return res.data
+	},
+	error => {
+		console.log('err' + error)
+
+		const isCanceledError =
+			error?.code === 'ERR_CANCELED' ||
+			error?.name === 'CanceledError' ||
+			error?.name === 'AbortError' ||
+			(typeof error?.message === 'string' && /canceled/i.test(error.message))
+
+		if (isCanceledError) return Promise.reject(error)
+		
+		// 处理 token 过期或无效的情况
+		const errUrl = String(error.config?.url || '')
+		const isAiAnalysisRequest = errUrl.includes('aiAnalysis')
+		if (
+			error.response &&
+			(error.response.status === 401 || error.response.status === 403) &&
+			!isAiAnalysisRequest
+		) {
+			ElMessage({
+				message: 'Token 已过期，请重新登录',
+				type: 'error',
+				duration: 3 * 1000
+			})
+			const h = error.config?.headers
+			const hadToken =
+				h &&
+				(typeof h.get === 'function'
+					? Boolean(
+						  h.get('token') || h.get('Token')
+					  )
+					: Boolean(
+						  h.token || h.Token
+					  ))
+			if (hadToken) removeToken()
+		} else {
+			ElMessage({
+				message: typeof error?.message === 'string' ? error.message : '请求失败',
+				type: 'error',
+				duration: 3 * 1000
+			})
+		}
+		return Promise.reject(error)
+	}
+)
+
+// 封装通用请求函数（支持 http(config) 和 http.get/post 等调用方式）
+function http(config) {
+	return service(config)
+}
+
+// 为 http 函数添加快捷方法
+http.get = function(url, params) {
+	return service({ url, method: 'get', params })
+}
+
+http.post = function(url, data) {
+	return service({ url, method: 'post', data })
+}
+
+http.put = function(url, data) {
+	return service({ url, method: 'put', data })
+}
+
+http.delete = function(url, params) {
+	return service({ url, method: 'delete', params })
+}
+
+export { http }
+export default service
\ No newline at end of file
--- a/src/api/finance/service.js
+++ b/src/api/finance/service.js
-// 引入 axios 请求
+// src/api/finance/service.js
+
 import axios from 'axios'
-// 引入 element-plus 里面的消息提示
 import { ElMessage } from 'element-plus'
-import { getToken, setToken, removeToken, formatBearerAuthorization } from '@/api/request.js'
+import { getToken, setToken, removeToken } from '@/api/request.js'

 export { getToken, setToken, removeToken }

+// 定义全局控制器，以便在取消后重新赋值
+let currentAbortController = new AbortController()
+
+/**
+ * 获取当前有效的 AbortSignal
+ * 供 axios 拦截器和 fetch 请求共同使用
+ */
+export const getAbortSignal = () => {
+    return currentAbortController.signal
+}
+
+/**
+ * 取消所有正在进行的请求
+ * 路由守卫中调用此方法
+ */
+export const cancelAllRequests = () => {
+    // 1. 终止当前控制器的所有请求
+    currentAbortController.abort()
+    // 2. 创建一个新的控制器，供后续新请求使用
+    currentAbortController = new AbortController()
+}
+
 // 创建 axios 实例
 const service = axios.create({
    timeout: 30 * 1000 // 请求超时时间   30s
 })

-// request 拦截器：与主 request 一致，就地改 config，避免 mergeConfig 破坏 url
+// request 拦截器
 service.interceptors.request.use(config => {
    const raw = getToken()
    const token = raw ? String(raw).trim() : ""
+    
+    // 处理 Headers
    if (!config.headers) {
        config.headers = new axios.AxiosHeaders()
    } else if (!(config.headers instanceof axios.AxiosHeaders)) {
        config.headers = axios.AxiosHeaders.from(config.headers)
    }
+
+    // 设置 Token
    if (token) {
        config.headers.set('token', token, true)
    } else {
        config.headers.delete('token')
        config.headers.delete('Token')
-
-        // ===== 旧逻辑保留（勿删）：Authorization: Bearer <token> =====
-        // config.headers.delete('Authorization')
-        // config.headers.delete('authorization')
    }
+
+    // 处理 AI 分析接口的特殊 Header
    const reqUrl = String(config.url ?? '')
    if (reqUrl.includes('aiAnalysis')) {
        const aiApiKey = import.meta.env.VITE_AI_ANALYSIS_API_KEY
        if (aiApiKey) {
+            // 确保 headers 存在
            if (!config.headers) {
                config.headers = new axios.AxiosHeaders()
            } else if (!(config.headers instanceof axios.AxiosHeaders)) {
@@ -42,6 +67,13 @@ service.interceptors.request.use(config => {
            config.headers.set('X-API-Key', aiApiKey)
        }
    }
+    
+    // 将全局控制器的 signal 注入到 axios 请求中
+    // 如果用户手动传入了 signal，则优先使用用户的（虽然少见）
+    if (!config.signal) {
+        config.signal = getAbortSignal()
+    }
+    
    return config
 }, error => {
    console.log(error)
@@ -55,7 +87,6 @@ service.interceptors.response.use(
        if (!res) {
            return Promise.reject(new Error('响应数据为空'))
        }
-        // 根据需求：接口返回 code 不等于 200 的时候报错
        if (res.code !== 200) {
            ElMessage({
                message: res.message || '请求失败',
@@ -67,19 +98,25 @@ service.interceptors.response.use(
        return res.data
    },
    error => {
-        console.log('err' + error)
-
+        // 精准识别取消错误，避免弹窗骚扰用户
        const isCanceledError =
+            axios.isCancel(error) ||
            error?.code === 'ERR_CANCELED' ||
            error?.name === 'CanceledError' ||
            error?.name === 'AbortError' ||
            (typeof error?.message === 'string' && /canceled/i.test(error.message))

-        if (isCanceledError) return Promise.reject(error)
+        if (isCanceledError) {
+            // 静默处理取消错误，不弹窗，不打印.error
+            return Promise.reject(error)
+        }
+        
+        console.log('err' + error)
        
-        // 处理 token 过期或无效的情况
+        // 处理 Token 过期
        const errUrl = String(error.config?.url || '')
        const isAiAnalysisRequest = errUrl.includes('aiAnalysis')
+        
        if (
            error.response &&
            (error.response.status === 401 || error.response.status === 403) &&
@@ -94,14 +131,11 @@ service.interceptors.response.use(
            const hadToken =
                h &&
                (typeof h.get === 'function'
-                    ? Boolean(
-                          h.get('token') || h.get('Token')
-                      )
-                    : Boolean(
-                          h.token || h.Token
-                      ))
+                    ? Boolean(h.get('token') || h.get('Token'))
+                    : Boolean(h.token || h.Token))
            if (hadToken) removeToken()
        } else {
+            // 只有非取消、非 Token 过期的错误才弹出通用提示
            ElMessage({
                message: typeof error?.message === 'string' ? error.message : '请求失败',
                type: 'error',
@@ -112,12 +146,11 @@ service.interceptors.response.use(
    }
 )

-// 封装通用请求函数（支持 http(config) 和 http.get/post 等调用方式）
+// 封装通用请求函数
 function http(config) {
    return service(config)
 }

-// 为 http 函数添加快捷方法
 http.get = function(url, params) {
    return service({ url, method: 'get', params })
 }

--- a/src/assets/images/chart-bg.png
+++ b/src/assets/images/chart-bg.png
--- a/src/components/base/GradeSortSelectBox/down.svg
+++ b/src/components/base/GradeSortSelectBox/down.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 12" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="路径" d="M12.6473 7.70235L14.0825 6.30313C14.1606 6.22657 14.2121 6.12657 14.2278 6.01719C14.27 5.74376 14.0793 5.49063 13.8059 5.45001L9.83871 4.87344L8.06527 1.27813C8.01683 1.17969 7.93715 1.10001 7.83871 1.05157C7.59183 0.929693 7.29183 1.03126 7.1684 1.27813L5.39496 4.87344L1.42777 5.45001C1.3184 5.46563 1.2184 5.51719 1.14183 5.59532C0.949647 5.79376 0.952772 6.10938 1.15121 6.30313L4.02152 9.10157L3.3434 13.0531C3.32465 13.1609 3.34183 13.2734 3.3934 13.3703C3.52152 13.6141 3.82465 13.7094 4.0684 13.5797L7.61684 11.7141L8.50394 12.1805" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
+	<path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+</svg>
--- a/src/components/base/GradeSortSelectBox/index.vue
+++ b/src/components/base/GradeSortSelectBox/index.vue
+<template>
+  <div class="grade-sort-select-box">
+    <el-select v-model="isSort" placeholder="评分排序" style="width: 130px" @change="handlePxChange">
+      <template #prefix>
+        <div style="display: flex; align-items: center; height: 100%">
+          <img v-if="isSort" src="./down.svg" style="width: 16px; height: 16px" />
+          <img v-else src="./up.svg" style="width: 16px; height: 16px" />
+        </div>
+      </template>
+      <el-option v-for="item in gradeList" :key="item.value" :label="item.label" :value="item.value" />
+    </el-select>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const isSort = ref(true)
+
+const gradeList = ref([
+  { label: "评分倒序", value: true },
+  { label: "评分正序", value: false }
+])
+
+const emits = defineEmits(['handlePxChange'])
+
+const handlePxChange = () => {
+  emits('handlePxChange', isSort.value)
+}
+
+</script>
+
+<style scoped>
+.grade-sort-select-box {
+  height: 42px;
+  box-sizing: border-box;
+  padding: 5px 0;
+}
+</style>
\ No newline at end of file
--- a/src/components/base/GradeSortSelectBox/up.svg
+++ b/src/components/base/GradeSortSelectBox/up.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 11" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,10)" />
+	<path id="矢量 1984" d="M10 10.9969L12.0003 9L14 10.9969" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+	<path id="路径" d="M12.6473 7.70235L14.0825 6.30313C14.1606 6.22657 14.2121 6.12657 14.2278 6.01719C14.27 5.74376 14.0793 5.49063 13.8059 5.45001L9.83871 4.87344L8.06527 1.27813C8.01683 1.17969 7.93715 1.10001 7.83871 1.05157C7.59183 0.929693 7.29183 1.03126 7.1684 1.27813L5.39496 4.87344L1.42777 5.45001C1.3184 5.46563 1.2184 5.51719 1.14183 5.59532C0.949647 5.79376 0.952772 6.10938 1.15121 6.30313L4.02152 9.10157L3.3434 13.0531C3.32465 13.1609 3.34183 13.2734 3.3934 13.3703C3.52152 13.6141 3.82465 13.7094 4.0684 13.5797L7.61684 11.7141L9.39105 12.6469" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+</svg>
--- a/src/components/base/HeatSortSelectBox/down.svg
+++ b/src/components/base/HeatSortSelectBox/down.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 8" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<rect id="矩形 6349" width="12.000000" height="1.000000" x="2.000000" y="3.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6350" width="12.000000" height="1.000000" x="2.000000" y="6.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6351" width="6.000000" height="1.000000" x="2.000000" y="9.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6352" width="6.000000" height="1.000000" x="2.000000" y="12.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
+	<path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+</svg>
--- a/src/components/base/HeatSortSelectBox/index.vue
+++ b/src/components/base/HeatSortSelectBox/index.vue
+<template>
+  <div class="heat-sort-select-box">
+    <el-select v-model="isSort" placeholder="热度排序" style="width: 130px" @change="handlePxChange">
+      <template #prefix>
+        <div style="display: flex; align-items: center; height: 100%">
+          <img v-if="isSort" src="./down.svg" style="width: 16px; height: 16px" />
+          <img v-else src="./up.svg" style="width: 16px; height: 16px" />
+        </div>
+      </template>
+      <el-option v-for="item in heatList" :key="item.value" :label="item.label" :value="item.value" />
+    </el-select>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const isSort = ref(true)
+
+const heatList = ref([
+  { label: "热度倒序", value: true },
+  { label: "热度正序", value: false }
+])
+
+const emits = defineEmits(['handlePxChange'])
+
+const handlePxChange = () => {
+  emits('handlePxChange', isSort.value)
+}
+
+</script>
+
+<style scoped>
+.heat-sort-select-box {
+  height: 42px;
+  box-sizing: border-box;
+  padding: 5px 0;
+}
+</style>
\ No newline at end of file
--- a/src/components/base/HeatSortSelectBox/up.svg
+++ b/src/components/base/HeatSortSelectBox/up.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 10" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,10)" />
+	<path id="矢量 1984" d="M10 10.9969L12.0003 9L14 10.9969" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+	<rect id="矩形 6349" width="12.000000" height="1.000000" x="2.000000" y="3.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6350" width="12.000000" height="1.000000" x="2.000000" y="6.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6351" width="6.000000" height="1.000000" x="2.000000" y="9.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6352" width="6.000000" height="1.000000" x="2.000000" y="12.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+</svg>
--- a/src/components/base/RelationCenterChart/index.vue
+++ b/src/components/base/RelationCenterChart/index.vue
 <template>
-  <RelationGraph style="width: 100%; height: 100%;" ref="graphRef" :options="graphOptions" @node-click="onNodeClick"
+  <RelationGraph class="graph-box" style="width: 100%; height: 100%;" ref="graphRef" :options="graphOptions" @node-click="onNodeClick"
    @line-click="onLineClick" />
 </template>

@@ -18,6 +18,13 @@ const graphOptions = {
  allowSwitchJunctionPoint: true,
  defaultLineShape: 1,
  distance_coefficient: 1,
+   // 背景图配置
+  backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
+  // backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
+  backgroundImageNoRepeat: true, // 图片不重复
+  backgroundImageOffsetX: 0,    // X轴偏移
+  backgroundImageOffsetY: 0,    // Y轴偏移
+  // backgroundColor: '#f5f5f5',    // 背景底色
  layouts: [
    {
      layoutName: 'center',
@@ -123,4 +130,9 @@ onMounted(() => {
 });
 </script>

-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+// .graph-box{
+//   background: url('@/assets/images/bg/chart-bg.png');
+//   background: orange;
+// }
+</style>
--- a/src/components/base/RelationChart/index.vue
+++ b/src/components/base/RelationChart/index.vue
 <template>
-	<RelationGraph
-		style="width: 100%; height: 100%"
-		ref="graphRef"
-		:options="currentGraphOptions"
-		:on-node-click="onNodeClick"
-		:on-line-click="onLineClick"
-	>
+	<RelationGraph style="width: 100%; height: 100%" ref="graphRef" :options="currentGraphOptions"
+		:on-node-click="onNodeClick" :on-line-click="onLineClick">
 		<template #node="{ node }">
-			<div
-				class="custom-node"
-				:style="{
-					backgroundColor: node.color || 'var(--color-primary-50)'
-				}"
-			>
-				<span
-					:style="{
-						color: node.fontColor || '#ffffff',
-						fontSize: node.customFontSize || '24px',
-						fontWeight: 'normal',
-						textAlign: 'center',
-						wordBreak: 'break-word',
-						padding: '0 8px'
-					}"
-				>
+			<div class="custom-node" :style="{
+				backgroundColor: node.color || 'var(--color-primary-50)'
+			}">
+				<span :style="{
+					color: node.fontColor || '#ffffff',
+					fontSize: node.customFontSize || '24px',
+					fontWeight: 'normal',
+					textAlign: 'center',
+					wordBreak: 'break-word',
+					padding: '0 8px'
+				}">
 					{{ node.text }}
 				</span>
 			</div>
@@ -76,7 +66,14 @@ const baseGraphOptionsH = {
 	defaultNodeBorderColor: "var(--color-primary-100)",
 	defaultLineColor: "var(--color-primary-50)",
 	defaultNodeColor: "var(--color-primary-50)",
-	defaultNodeFontColor: "var(--text-primary-90-color)"
+	defaultNodeFontColor: "var(--text-primary-90-color)",
+	// 背景图配置
+	backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
+	// backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
+	backgroundImageNoRepeat: true, // 图片不重复
+	backgroundImageOffsetX: 0,    // X轴偏移
+	backgroundImageOffsetY: 0,    // Y轴偏移
+	// backgroundColor: '#f5f5f5',    // 背景底色
 };

 // 基础垂直配置
@@ -102,7 +99,14 @@ const baseGraphOptionsV = {
 	defaultNodeBorderWidth: 2,
 	defaultLineColor: "var(--color-primary-50)",
 	defaultNodeColor: "var(--color-primary-50)",
-	defaultNodeFontColor: "var(--bg-white-100)"
+	defaultNodeFontColor: "var(--bg-white-100)",
+	// 背景图配置
+	backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
+	// backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
+	backgroundImageNoRepeat: true, // 图片不重复
+	backgroundImageOffsetX: 0,    // X轴偏移
+	backgroundImageOffsetY: 0,    // Y轴偏移
+	// backgroundColor: '#f5f5f5',    // 背景底色
 };

 // 【核心修改】根据 isReversed 动态计算配置
@@ -184,6 +188,7 @@ onMounted(() => {
 		justify-content: center;
 	}
 }
+
 .custom-node {
 	border-radius: 50%;
 	display: flex;

--- a/src/components/base/RelationForceChart/index.vue
+++ b/src/components/base/RelationForceChart/index.vue
 <template>
-	<RelationGraph
-		style="width: 100%; height: 100%"
-		ref="graphRef"
-		:options="graphOptions"
-		@node-click="onNodeClick"
-		@line-click="onLineClick"
-	>
+	<RelationGraph style="width: 100%; height: 100%" ref="graphRef" :options="graphOptions" @node-click="onNodeClick"
+		@line-click="onLineClick">
 		<!-- 自定义节点插槽 - 这是官方推荐的方式 -->
 		<template #node="{ node }">
-			<div
-				class="custom-node"
-				:style="{
-					backgroundColor: node.color || 'var(--color-primary-50)'
-				}"
-			>
+			<div class="custom-node" :style="{
+				backgroundColor: node.color || 'var(--color-primary-50)'
+			}">
 				{{ console.log(node) }}
 				<!-- 在这里自由控制文字样式 -->
 				<div class="img" v-if="node.data.pic">
 					<img :src="node.data.pic" alt="" />
 				</div>
-				<span
-					class="text"
-					:style="{
-						color: node.fontColor || 'var(--text-primary-80-color)',
-						fontSize: node.customFontSize || '24px' // 可以从数据中读取
-					}"
-				>
+				<span class="text" :style="{
+					color: node.fontColor || 'var(--text-primary-80-color)',
+					fontSize: node.customFontSize || '24px' // 可以从数据中读取
+				}">
 					{{ node.text }}
 				</span>
 			</div>
@@ -57,7 +46,14 @@ const graphOptions = ref({
 	layout: {
 		layoutName: "force"
 	},
-	defaultJunctionPoint: "border"
+	defaultJunctionPoint: "border",
+	// 背景图配置
+	backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
+	// backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
+	backgroundImageNoRepeat: true, // 图片不重复
+	backgroundImageOffsetX: 0,    // X轴偏移
+	backgroundImageOffsetY: 0,    // Y轴偏移
+	// backgroundColor: '#f5f5f5',    // 背景底色
 	// defaultNodeWidth:  150,   // 全局默认节点宽度
 	// defaultNodeHeight:  150,   // 全局默认节点高度
 });

--- a/src/components/base/SummaryCardsPanel/index.vue
+++ b/src/components/base/SummaryCardsPanel/index.vue
@@ -25,7 +25,7 @@
 				<el-icon color="var(--color-primary-100)">
 					<ArrowRightBold />
 				</el-icon>
-				<div class="item-dot" v-if="item.delta">+{{ item.delta }}</div>
+				<div class="item-dot" v-if="item.delta">{{ dotPrefix }}{{ item.delta }}</div>
 			</div>

 			<div v-if="shouldShowMoreCard" class="summary-item" @click="emit('more-click')">
@@ -100,6 +100,10 @@ const props = defineProps({
 	loading: {
 		type: Boolean,
 		default: false
+	},
+	dotPrefix: {
+		type: String,
+		default: "+"
 	}
 });


--- a/src/components/base/TimeSortSelectBox/down.svg
+++ b/src/components/base/TimeSortSelectBox/down.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 6" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="椭圆 465" d="M8 14.5C6.20507 14.5 4.67301 13.8654 3.40381 12.5962C2.1346 11.327 1.5 9.79492 1.5 8C1.5 6.20507 2.1346 4.67301 3.40381 3.40381C4.67301 2.1346 6.20507 1.5 8 1.5C9.79492 1.5 11.327 2.1346 12.5962 3.40381C13.8654 4.67301 14.5 6.20507 14.5 8L13.5 8C13.5 6.48122 12.963 5.18485 11.8891 4.11091C10.8151 3.03697 9.51878 2.5 8 2.5C6.48122 2.5 5.18485 3.03697 4.11091 4.11091C3.03697 5.18486 2.5 6.48122 2.5 8C2.5 9.51878 3.03697 10.8151 4.11091 11.8891C5.18485 12.963 6.48122 13.5 8 13.5L8 14.5ZM14.48 7.98L14.5 8C14.5 8.28 14.28 8.5 14 8.5C13.72 8.5 13.5 8.28 13.5 8L13.52 7.98L14.48 7.98ZM7.98 13.52L8 13.5C8.28 13.5 8.5 13.72 8.5 14C8.5 14.28 8.28 14.5 8 14.5L7.98 14.48L7.98 13.52Z" fill="rgb(95, 101, 108)" fill-rule="nonzero" />
+	<path id="矢量 1981" d="M4 8L8 8" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+	<path id="矢量 1982" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,8,4)" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
+	<path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+</svg>
--- a/src/components/base/TimeSortSelectBox/down1.svg
+++ b/src/components/base/TimeSortSelectBox/down1.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 8" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<rect id="矩形 6349" width="12.000000" height="1.000000" x="2.000000" y="3.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6350" width="12.000000" height="1.000000" x="2.000000" y="6.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6351" width="6.000000" height="1.000000" x="2.000000" y="9.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<rect id="矩形 6352" width="6.000000" height="1.000000" x="2.000000" y="12.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
+	<path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+</svg>
--- a/src/components/base/TimeSortSelectBox/down2.svg
+++ b/src/components/base/TimeSortSelectBox/down2.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 12" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="路径" d="M12.6473 7.70235L14.0825 6.30313C14.1606 6.22657 14.2121 6.12657 14.2278 6.01719C14.27 5.74376 14.0793 5.49063 13.8059 5.45001L9.83871 4.87344L8.06527 1.27813C8.01683 1.17969 7.93715 1.10001 7.83871 1.05157C7.59183 0.929693 7.29183 1.03126 7.1684 1.27813L5.39496 4.87344L1.42777 5.45001C1.3184 5.46563 1.2184 5.51719 1.14183 5.59532C0.949647 5.79376 0.952772 6.10938 1.15121 6.30313L4.02152 9.10157L3.3434 13.0531C3.32465 13.1609 3.34183 13.2734 3.3934 13.3703C3.52152 13.6141 3.82465 13.7094 4.0684 13.5797L7.61684 11.7141L8.50394 12.1805" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
+	<path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+</svg>
--- a/src/components/base/TimeSortSelectBox/index.vue
+++ b/src/components/base/TimeSortSelectBox/index.vue
+<template>
+  <div class="time-sort-select-box">
+    <el-select v-model="sortValue" placeholder="排序方式" style="width: 130px" @change="handlePxChange">
+      <template #prefix>
+        <div style="display: flex; align-items: center; height: 100%">
+          <img v-if="sortValue === 1" src="./down.svg" style="width: 16px; height: 16px" />
+          <img v-else-if="sortValue === 2" src="./up.svg" style="width: 16px; height: 16px" />
+          <img v-else-if="sortValue === 3" src="./down1.svg" style="width: 16px; height: 16px" />
+          <img v-else-if="sortValue === 4" src="./down2.svg" style="width: 16px; height: 16px" />
+        </div>
+      </template>
+      <el-option v-for="item in sortList" :key="item.value" :label="item.label" :value="item.value" />
+    </el-select>
+  </div>
+</template>
+
+<script setup>
+import { computed, ref } from 'vue'
+
+const props = defineProps({
+  sortDemension: {
+    type: Number,
+    default: 1
+  }
+})
+
+const sortValue = ref(1)
+
+const sortList = computed(() => {
+  if (props.sortDemension === 1) {
+    return [
+      { label: "时间倒序", value: 1 },
+      { label: "时间正序", value: 2 },
+    ]
+  } else if (props.sortDemension === 2) {
+    return [
+      { label: "时间倒序", value: 1 },
+      { label: "时间正序", value: 2 },
+      { label: "评分倒序", value: 3 },
+    ]
+  } else {
+    return [
+      { label: "时间倒序", value: 1 },
+      { label: "时间正序", value: 2 },
+      { label: "评分倒序", value: 3 },
+      { label: "热度倒序", value: 4 },
+    ]
+  }
+})
+
+const emits = defineEmits(['handlePxChange'])
+
+const handlePxChange = () => {
+  emits('handlePxChange', sortValue.value)
+}
+
+</script>
+
+<style scoped>
+.time-sort-select-box {
+  height: 42px;
+  box-sizing: border-box;
+  padding: 5px 0;
+}
+</style>
\ No newline at end of file
--- a/src/components/base/TimeSortSelectBox/up.svg
+++ b/src/components/base/TimeSortSelectBox/up.svg
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
+	<rect id="降序 7" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="椭圆 465" d="M8 14.5C6.20507 14.5 4.67301 13.8654 3.40381 12.5962C2.1346 11.327 1.5 9.79492 1.5 8C1.5 6.20507 2.1346 4.67301 3.40381 3.40381C4.67301 2.1346 6.20507 1.5 8 1.5C9.79492 1.5 11.327 2.1346 12.5962 3.40381C13.8654 4.67301 14.5 6.20507 14.5 8L13.5 8C13.5 6.48122 12.963 5.18485 11.8891 4.11091C10.8151 3.03697 9.51878 2.5 8 2.5C6.48122 2.5 5.18485 3.03697 4.11091 4.11091C3.03697 5.18486 2.5 6.48122 2.5 8C2.5 9.51878 3.03697 10.8151 4.11091 11.8891C5.18485 12.963 6.48122 13.5 8 13.5L8 14.5ZM14.48 7.98L14.5 8C14.5 8.28 14.28 8.5 14 8.5C13.72 8.5 13.5 8.28 13.5 8L13.52 7.98L14.48 7.98ZM7.98 13.52L8 13.5C8.28 13.5 8.5 13.72 8.5 14C8.5 14.28 8.28 14.5 8 14.5L7.98 14.48L7.98 13.52Z" fill="rgb(95, 101, 108)" fill-rule="nonzero" />
+	<path id="矢量 1981" d="M4 8L8 8" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+	<path id="矢量 1982" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,8,4)" />
+	<path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,10)" />
+	<path id="矢量 1984" d="M10 10.9969L12.0003 9L14 10.9969" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
+</svg>
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,6 +2,8 @@ import { createRouter, createWebHistory } from "vue-router";
 import { setToken, removeToken, getToken } from "@/api/request.js";
 import { AUTH_LOGOUT_CHANNEL } from "@/utils/authCrossTabLogout.js";

+import { cancelAllRequests } from "@/api/finance/service.js" 
+
 /** localStorage：跨标签页记录当前前端的 bootId（与 vite define 的 __APP_BOOT_ID__ 对齐） */
 const VITE_BOOT_STORAGE_KEY = "app_vite_boot_id";
 /** 退出后强制回登录页（跨标签页/刷新生效） */
@@ -145,51 +147,9 @@ const router = createRouter({
 // 2）登录成功回跳带 ?token=：先 setToken 并同步 bootId，再去掉 URL 中的 token（须先于 clearTokenIfNewDevBoot，避免误清刚写入的登录态）
 // 3）已有本地 token：正常走前端路由
 router.beforeEach((to, from, next) => {
-  // ===== SSO/重定向逻辑（切线上接口时停用，保留注释） =====
-  // const queryToken = to.query && to.query.token != null && String(to.query.token).trim() !== ""
-  //   ? String(to.query.token).trim()
-  //   : "";
-  //
-  // if (queryToken) {
-  //   setToken(queryToken);
-  //   // 成功回跳拿到 token，说明统一登录链路已完成，清除强制标记
-  //   try {
-  //     if (typeof window !== "undefined") {
-  //       window.sessionStorage.removeItem(FORCE_SSO_LOGIN_KEY);
-  //     }
-  //   } catch {
-  //     // ignore
-  //   }
-  //   persistViteBootIdOnly();
-  //   const restQuery = { ...to.query };
-  //   delete restQuery.token;
-  //   const isGatewayCallback =
-  //     to.path === "/callback" || to.path.replace(/\/$/, "") === "/callback";
-  //   const targetPath = isGatewayCallback ? SSO_POST_LOGIN_PATH : to.path;
-  //   next({
-  //     path: targetPath,
-  //     query: restQuery,
-  //     hash: to.hash,
-  //     replace: true,
-  //   });
-  //   return;
-  // }
-  //
-  // // 若用户点了“退出登录”，即使本地还有残留 token/或别处写回，也强制先走统一登录链路
-  // try {
-  //   if (typeof window !== "undefined" && window.sessionStorage.getItem(FORCE_SSO_LOGIN_KEY) === "1") {
-  //     removeToken();
-  //     const targetUrl = `${SSO_GATEWAY_ORIGIN}/api/v2${to.fullPath || "/"}`;
-  //     window.location.replace(targetUrl);
-  //     next(false);
-  //     return;
-  //   }
-  // } catch {
-  //   // ignore
-  // }
-
-  // 外网/线上版本：不因重启清登录态；仅开发环境需要此逻辑
-  // clearTokenIfNewDevBoot();
+  // 【新增】在每次路由跳转开始前，取消上一个页面所有未完成的请求
+  // 这能防止旧页面的数据回来覆盖新页面，也能减少服务器压力
+  cancelAllRequests();
  if (import.meta.env.DEV) {
    clearTokenIfNewDevBoot();
  }

--- a/src/router/modules/bill.js
+++ b/src/router/modules/bill.js
@@ -35,7 +35,7 @@ const billRoutes = [
    component: BillAllCommittee,
    meta: {
      title: "法案委员会列表",
-      isShowHeader: true
+      isShowHeader: false
    }
  },
  {

--- a/src/styles/components/TimeSortSelectBox/index.vue
+++ b/src/styles/components/TimeSortSelectBox/index.vue
+<template>
+  <el-row class="wrapper layout-grid-line">
+    <el-col :span="span">
+      <pre>
+{{
+  `
+import TimeSortSelectBox from '@/components/base/TimeSortSelectBox/index.vue'
+  <div class="time-box">
+    <TimeSortSelectBox @handle-px-change="handleTimePx" />
+    <TimeSortSelectBox :sort-demension="2" @handle-px-change="handleTimePx" />
+    <TimeSortSelectBox :sort-demension="3" @handle-px-change="handleTimePx" />
+  </div>
+  `
+}}
+      </pre>
+      <div class="time-box">
+        <TimeSortSelectBox @handle-px-change="handleTimePx" />
+        <TimeSortSelectBox :sort-demension="2" @handle-px-change="handleTimePx" />
+        <TimeSortSelectBox :sort-demension="3" @handle-px-change="handleTimePx" />
+      </div>
+
+    </el-col>
+
+  </el-row>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import '@/styles/common.scss'
+import TimeSortSelectBox from '@/components/base/TimeSortSelectBox/index.vue'
+import HeatSortSelectBox from '@/components/base/HeatSortSelectBox/index.vue'
+import GradeSortSelectBox from '@/components/base/GradeSortSelectBox/index.vue'
+
+const span = 12
+
+const handleTimePx = (val) => {
+  alert(val)
+}
+
+const handleHeatPx = (val) => {
+  alert(val)
+}
+
+const handleGradePx = (val) => {
+  alert(val)
+}
+
+
+</script>
+
+<style lang="scss" scoped>
+.time-box {
+  width: 700px;
+  height: 400px;
+  padding: 100px;
+  background: #F2F8FF;
+  border: 1px solid var(--bg-black-5);
+  display: flex;
+  gap: 8px;
+}
+</style>
\ No newline at end of file
--- a/src/styles/components/index.vue
+++ b/src/styles/components/index.vue
@@ -8,8 +8,8 @@
                <div class="text-title-1-show">文字样式</div>
                <TextStyle />
                <div class="text-title-1-show">通用样式/组件</div>
-                <div style="position: relative; min-height: 700px;">
-                    <el-tabs tabPosition="left" class="tabs-nav-no-wrap left-float-nav-tabs dev-style-tabs">
+                <div style="position: relative; height: 800px;">
+                    <el-tabs tabPosition="left" style="position: relative; height: 700px;" class="tabs-nav-no-wrap left-float-nav-tabs dev-style-tabs">
                        <el-tab-pane label="通用" lazy>
                            <common-page />
                        </el-tab-pane>
@@ -73,6 +73,9 @@
                        <el-tab-pane label="激活工作框" lazy>
                            <WorkingBox />
                        </el-tab-pane>
+                        <el-tab-pane label="自定义排序" lazy>
+                            <TimeSortSelectBox />
+                        </el-tab-pane>
                    </el-tabs>
                </div>
            </el-space>
@@ -107,6 +110,7 @@ import RelationChart from './RelationChart/index.vue'
 import RelationCenterChart from './RelationCenterChart/index.vue'
 import RelationForceChart from './RelationForceChart/index.vue'
 import WorkingBox from './WorkingBox/index.vue'
+import TimeSortSelectBox from './TimeSortSelectBox/index.vue'
 </script>

 <style lang="scss" scoped>

--- a/src/utils/goToPage.js
+++ b/src/utils/goToPage.js
 import { useRouter } from "vue-router";
+import { getPersonSummaryInfo } from "@/api/common/index";
 const router = useRouter()

 // 跳转法案详情
@@ -27,8 +28,20 @@ export const goToDecree = (id, tabName) => {
  window.open(route.href, "_blank");
 };

-// 跳转智库
+// 跳转智库详情
 export const goToThinkTank = (id, tabName) => {
+  window.sessionStorage.setItem("curTabName", tabName);
+  const curRoute = router.resolve({
+    name: "ThinkTankDetail",
+    params: {
+      id: id
+    }
+  });
+  window.open(curRoute.href, "_blank");
+}
+
+// 跳转智库报告详情
+export const goToThinkTankReport = (id, tabName) => {
  window.sessionStorage.setItem("curTabName", tabName);
  const route = router.resolve({
    name: "ReportDetail",
@@ -49,4 +62,129 @@ export const goToInstitution = (id, tabName) => {
    }
  });
  window.open(curRoute.href, "_blank");
-}
\ No newline at end of file
+}
+
+// 跳转人物详情
+export const goToCharacterPage = async (id, tabName) => {
+  window.sessionStorage.setItem('curTabName', tabName)
+  const personTypeList = JSON.parse(window.sessionStorage.getItem("personTypeList"));
+  let type
+  let personTypeName
+  const params = {
+    personId: id
+  }
+  // 先获取人物全局信息
+  try {
+    const res = await getPersonSummaryInfo(params)
+    if (res.code === 200 && res.data) {
+      const arr = personTypeList.filter(item => {
+        return item.typeId === res.data.personType;
+      })
+      if (arr && arr.length) {
+        personTypeName = arr[0].typeName;
+        if (personTypeName === "科技企业领袖") {
+          type = 1;
+        } else if (personTypeName === "国会议员") {
+          type = 2;
+        } else if (personTypeName === "智库研究人员") {
+          type = 3;
+        } else {
+          personTypeName = "其他类型";
+          const route = router.resolve({
+            path: "/characterPage",
+            query: {
+              personId: item.id
+            }
+          });
+          window.open(route.href, "_blank");
+          return;
+        }
+        const route = router.resolve({
+          path: "/characterPage",
+          query: {
+            type: type, // type=1为科技企业领袖，2为国会议员，3为智库研究人员
+            personId: item.id
+          }
+        });
+        window.open(route.href, "_blank");
+      } else {
+        personTypeName = "";
+        const route = router.resolve({
+          path: "/characterPage",
+          query: {
+            personId: item.id
+          }
+        });
+        window.open(route.href, "_blank");
+        return;
+      }
+    } else {
+      const route = router.resolve({
+        path: "/characterPage",
+        query: {
+          personId: item.id
+        }
+      });
+      window.open(route.href, "_blank");
+      return;
+    }
+  } catch (error) {
+    const route = router.resolve({
+      path: "/characterPage",
+      query: {
+        personId: item.id
+      }
+    });
+    window.open(route.href, "_blank");
+    return;
+  }
+}
+
+// 跳转企业
+export const goToCompanyPage = (id, tabName) => {
+  window.sessionStorage.setItem('curTabName', tabName)
+  const route = router.resolve({
+    name: "companyPages",
+    params: {
+      id: id
+    }
+  });
+  window.open(route.href, "_blank");
+}
+
+// 跳转新闻详情
+export const goToNewsPage = (id, tabName) => {
+  window.sessionStorage.setItem("curTabName", tabName);
+  const route = router.resolve({
+    path: "/newsAnalysis",
+    query: {
+      newsId: id
+    }
+  });
+  window.open(route.href, "_blank");
+}
+
+// 跳转搜索详情页
+export const goToSearch = (tabName, areaName, billSearchType) => {
+  window.sessionStorage.setItem("curTabName", tabName);
+	// if (!areaName) return;
+	const query = {
+		searchText: tabName,
+		areaName: areaName
+	};
+	if (enableBillTypeSwitch) {
+		query.billSearchType = billSearchType
+	}
+	const curRoute = router.resolve({
+		path: "/searchResults",
+		query
+	});
+	window.open(curRoute.href, "_blank");
+}
+
+
+// 跳转数据资源库
+
+
+
+
--- a/src/views/bill/allCommittee/index.vue
+++ b/src/views/bill/allCommittee/index.vue
@@ -14,6 +14,12 @@
 						placeholder="搜索委员会"
 					/>
 				</div>
+				<div class="hard-select">
+					<el-select v-model="committeeInfo.metricType" @change="onAllCommittee()" placeholder="统计口径" style="width: 160px; margin-left: 8px">
+						<el-option label="政令数据总量" :value="1" />
+						<el-option label="政令新增数量" :value="2" />
+					</el-select>
+				</div>
 			</div>

 			<div class="date-box">
@@ -30,7 +36,7 @@
 						<div class="item-name one-line-ellipsis">{{ item.name }}</div>
 						<div class="item-chamber one-line-ellipsis">{{ item.chamber }}</div>
 					</div>
-					<div class="item-total">{{ item.count }}项</div>
+					<div class="item-total">{{ getDisplayCount(item) }}项</div>
 					<el-icon color="var(--color-primary-100)">
 						<ArrowRightBold />
 					</el-icon>
@@ -48,6 +54,12 @@
 				/>
 			</div>
 		</div>
+		<div class="back-bnt" @click="handleBack">
+			<el-icon>
+				<Back />
+			</el-icon>
+			<div class="back-text">返回</div>
+		</div>
 	</div>
 </template>

@@ -55,6 +67,7 @@
 import { onMounted, reactive, ref } from "vue";
 import { Search } from "@element-plus/icons-vue";
 import { ArrowRightBold } from "@element-plus/icons-vue";
+import { Back } from "@element-plus/icons-vue";
 import router from "@/router";
 import TimeTabPane from "@/components/base/TimeTabPane/index.vue";
 import { getStatisticsBillCountByCommittee } from "@/api/bill/billHome";
@@ -66,6 +79,7 @@ const committeeInfo = reactive({
 	pageSize: 8,
 	total: 0,
 	keyWord: "",
+	metricType: 1,
 	dateDesc: "近一年",
 	list: []
 });
@@ -89,10 +103,11 @@ const onAllCommittee = async num => {
 					id: `${item.orgType || ""}-${item.orgName || ""}`,
 					name: item.orgName,
 					chamber: getChamberLabel(item.orgType),
-					count: Number(item.count || 0)
+					totalCount: Number(item.count || 0),
+					recentCount: Number(item.countRecent || item.totalRecent || item.recentCount || item.recent || item.newCount || 0)
 				}))
 				.filter(item => !committeeInfo.keyWord || item.name?.includes(committeeInfo.keyWord))
-				.sort((a, b) => (b.count || 0) - (a.count || 0));
+				.sort((a, b) => getSortValue(b) - getSortValue(a));

 			committeeInfo.total = source.length;
 			const start = (committeeInfo.pageNum - 1) * committeeInfo.pageSize;
@@ -108,20 +123,36 @@ const onAllCommittee = async num => {
 	committeeInfo.loading = false;
 };

+const getSortValue = item => {
+	if (committeeInfo.metricType === 2) return Number(item?.recentCount || 0);
+	return Number(item?.totalCount || 0);
+};
+
+const getDisplayCount = item => {
+	return getSortValue(item);
+};
+
 const handleDateChange = event => {
 	committeeInfo.dateDesc = event?.time || "近一年";
 	onAllCommittee();
 };

 const handleToDataLibrary = item => {
-	const route = router.resolve({
+	router.push({
 		path: "/dataLibrary/countryBill",
 		query: {
 			selectedOrg: item.name,
 			selectedCongress: item.chamber
 		}
 	});
-	window.open(route.href, "_blank");
+};
+
+const handleBack = () => {
+	if (window.history.length > 1) {
+		router.back();
+		return;
+	}
+	router.push("/billHome");
 };

 const refCommittee = ref();
@@ -143,6 +174,28 @@ onMounted(() => {
 	background-size: 100% 100%;
 	display: flex;
 	justify-content: center;
+	position: relative;
+
+	.back-bnt {
+		position: absolute;
+		top: 16px;
+		left: 30px;
+		width: 86px;
+		height: 38px;
+		background-color: white;
+		border-radius: 19px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: var(--text-primary-65-color);
+		font-family: Source Han Sans CN;
+		font-size: 16px;
+		cursor: pointer;
+	}
+
+	.back-text {
+		margin-left: 6px;
+	}

 	.container-box {
 		width: 1600px;
@@ -180,6 +233,11 @@ onMounted(() => {
 				width: 180px;
 				height: 32px;
 			}
+
+			.hard-select {
+				height: 42px;
+				padding: 5px 0;
+			}
 		}

 		.date-box {

--- a/src/views/bill/billHome/assets/images/box8-header-icon.png
+++ b/src/views/bill/billHome/assets/images/box8-header-icon.png
--- a/src/views/bill/billHome/index.vue
+++ b/src/views/bill/billHome/index.vue
--- a/src/views/bill/billHome/utils/doublePieChart.js
+++ b/src/views/bill/billHome/utils/doublePieChart.js
@@ -69,7 +69,7 @@ const getDoublePieChart = (data1, data2) => {
            const name = truncateLabel(params?.name, 6)
            const value = params?.value ?? 0
            const percent = typeof params?.percent === 'number' ? params.percent : 0
-            return `{name|${name}}\n{time|${value} 条 ${percent}%}`
+            return `{name|${name}}\n{time|${value}项 ${percent}%}`
          },
          minMargin: 5,
          edgeDistance: 10,

--- a/src/views/bill/billHome/utils/piechart.js
+++ b/src/views/bill/billHome/utils/piechart.js
@@ -10,6 +10,7 @@ const truncateLabel = (value, maxLen = 6) => {

 const getPieChart = (data, colorList, options = {}) => {
  const showCount = options.showCount !== false
+  const countUnit = options.countUnit || '条'
  const chartColors = Array.isArray(colorList) && colorList.length ? colorList : MUTICHARTCOLORS
  let option = {
    color: chartColors,
@@ -38,7 +39,7 @@ const getPieChart = (data, colorList, options = {}) => {
            const name = truncateLabel(params?.name, 6)
            const value = params?.value ?? 0
            const percent = typeof params?.percent === 'number' ? params.percent : 0
-            const labelText = showCount ? `${value} 条 ${percent}%` : `${percent}%`
+            const labelText = showCount ? `${value}${countUnit} ${percent}%` : `${percent}%`
            return `{name|${name}}\n{time|${labelText}}`
          },
          minMargin: 5,

--- a/src/views/comprehensiveSearch/searchResults/index.vue
+++ b/src/views/comprehensiveSearch/searchResults/index.vue
@@ -75,7 +75,7 @@
 				</div>
 			</div> -->
 		</div>
-		<div class="main" v-if="curArea !== '实体清单'" >
+		<div class="main" v-if="curArea !== '实体清单'">
 			<div class="item" v-for="(item, index) in searchResults" :key="index" @click="handleToPage(item)">
 				<div class="item-left" v-if="item.img">
 					<img :src="item?.img" alt="" />
@@ -93,7 +93,7 @@
 			</div>
 			<el-empty v-if="!searchResults.length"></el-empty>
 		</div>
-		<div class="main1" v-if="curArea === '实体清单'" >
+		<div class="main1" v-if="curArea === '实体清单'">
 			<div class="item" v-for="(item, index) in searchResults" :key="index" @click="handleToPage(item)">
 				<div class="main-header">
 					<div class="title" v-html="item?.originalTitle"></div>
@@ -358,9 +358,9 @@ const handleSearch = async (isShowResultTip) => {
 			}

 		}
-	} catch (error) { 
+	} catch (error) {
 		console.error('error', error);
-		
+
 	} finally {
 		isLoading.value = false
 	}
@@ -397,25 +397,44 @@ const handleToPage = async item => {
 					} else if (personTypeName === "智库研究人员") {
 						type = 3;
 					} else {
-						personTypeName = "";
-						ElMessage.warning("找不到当前人员的类型值！");
+						personTypeName = "其他类型";
+						const route = router.resolve({
+							path: "/characterPage",
+							query: {
+								personId: item.id
+							}
+						});
+						window.open(route.href, "_blank");
 						return;
 					}
 					const route = router.resolve({
 						path: "/characterPage",
 						query: {
 							type: type, // type=1为科技企业领袖，2为国会议员，3为智库研究人员
-							personId: id
+							personId: item.id
 						}
 					});
 					window.open(route.href, "_blank");
 				} else {
 					personTypeName = "";
-					ElMessage.warning("找不到当前人员的类型值！");
+					const route = router.resolve({
+						path: "/characterPage",
+						query: {
+							personId: item.id
+						}
+					});
+					window.open(route.href, "_blank");
 					return;
 				}
 			} else {
-				ElMessage.warning("获取人物全局信息错误");
+				// ElMessage.warning("获取人物全局信息错误");
+				const route = router.resolve({
+					path: "/characterPage",
+					query: {
+						personId: item.id
+					}
+				});
+				window.open(route.href, "_blank");
 				return;
 			}
 		} catch (error) { }
@@ -445,7 +464,7 @@ const handleToPage = async item => {
 			break;
 		case "智库":
 			curRoute = router.resolve({
-				name: "ReportDetail",
+				name: "ThinkTankDetail",
 				params: {
 					id: item.id
 				}
@@ -517,36 +536,36 @@ const handleToPage = async item => {
 				}
 			});
 			break
-		case "商业管制清单事件":
-			curRoute = router.resolve({
-				path: "/exportControl/singleSanction",
-				query: {
-					id: item.id,
-					sanTypeId: 2,
-					date: item.date
-				}
-			});
-			break
-		case "SDN清单事件":
-			curRoute = router.resolve({
-				path: "/exportControl/singleSanction",
-				query: {
-					id: item.id,
-					sanTypeId: 2,
-					date: item.date
-				}
-			});
-			break
-		case "涉军企业清单事件":
-			curRoute = router.resolve({
-				path: "/exportControl/singleSanction",
-				query: {
-					id: item.id,
-					sanTypeId: 2,
-					date: item.date
-				}
-			});
-			break
+		// case "商业管制清单事件":
+		// 	curRoute = router.resolve({
+		// 		path: "/exportControl/singleSanction",
+		// 		query: {
+		// 			id: item.id,
+		// 			sanTypeId: 2,
+		// 			date: item.date
+		// 		}
+		// 	});
+		// 	break
+		// case "SDN清单事件":
+		// 	curRoute = router.resolve({
+		// 		path: "/exportControl/singleSanction",
+		// 		query: {
+		// 			id: item.id,
+		// 			sanTypeId: 2,
+		// 			date: item.date
+		// 		}
+		// 	});
+		// 	break
+		// case "涉军企业清单事件":
+		// 	curRoute = router.resolve({
+		// 		path: "/exportControl/singleSanction",
+		// 		query: {
+		// 			id: item.id,
+		// 			sanTypeId: 2,
+		// 			date: item.date
+		// 		}
+		// 	});
+		// 	break
 		case "机构":
 			curRoute = router.resolve({
 				path: "/institution",
@@ -998,6 +1017,18 @@ const handleCompClick = item => {
 					letter-spacing: 0px;
 					text-align: left;
 					overflow: hidden;
+					/* 2. 关键属性：将元素转为弹性盒模型 */
+					display: -webkit-box;
+					/* 3. 限制显示的行数（修改数字即可改变行数） */
+					-webkit-line-clamp: 2;
+					/* 4. 设置文字垂直排列方向 */
+					-webkit-box-orient: vertical;
+					/* 5. 隐藏超出部分 */
+					overflow: hidden;
+					/* 6. 显示省略号 */
+					text-overflow: ellipsis;
+					/* 可选：修复文字间距/换行问题 */
+					word-break: break-all;
 				}

 				.item-right-footer {
@@ -1164,7 +1195,7 @@ const handleCompClick = item => {
 			.content {
 				margin-top: 10px;
 				min-height: 0;
-				// max-height: 48px;
+				max-height: 48px;
 				font-family: Microsoft YaHei;
 				font-size: 16px;
 				color: rgba(59, 65, 75, 1);
@@ -1173,6 +1204,18 @@ const handleCompClick = item => {
 				letter-spacing: 0px;
 				text-align: left;
 				overflow: hidden;
+				/* 2. 关键属性：将元素转为弹性盒模型 */
+				display: -webkit-box;
+				/* 3. 限制显示的行数（修改数字即可改变行数） */
+				-webkit-line-clamp: 2;
+				/* 4. 设置文字垂直排列方向 */
+				-webkit-box-orient: vertical;
+				/* 5. 隐藏超出部分 */
+				overflow: hidden;
+				/* 6. 显示省略号 */
+				text-overflow: ellipsis;
+				/* 可选：修复文字间距/换行问题 */
+				word-break: break-all;
 			}

 			.time {

--- a/src/views/dataLibrary/components/BarChart/barChart.js
+++ b/src/views/dataLibrary/components/BarChart/barChart.js
@@ -12,6 +12,10 @@ const getBarChart = (data) => {
    },
    yAxis: {
      type: 'value',
+      name: '数量',
+      nameTextStyle: {
+        padding: [-10, 0, 0, -40] // [上, 右, 下, 左]，向左移动10px
+      },
      splitLine: {
        show: true,
        lineStyle: {

--- a/src/views/dataLibrary/components/LineChart/lineChart.js
+++ b/src/views/dataLibrary/components/LineChart/lineChart.js
@@ -24,6 +24,9 @@ const getLineChart = (dataX, dataY) => {
    yAxis: {
      type: 'value',
      name: '数量',
+      nameTextStyle: {
+        padding: [-10, 0, 0, -40] // [上, 右, 下, 左]，向左移动10px
+      },
      splitLine: {
        show: true,
        lineStyle: {

--- a/src/views/dataLibrary/financeControl/mREList/index.vue
+++ b/src/views/dataLibrary/financeControl/mREList/index.vue
@@ -199,7 +199,7 @@ const staticsDemensionList = ref([
    name: '制裁时间',
    active: true,
    chartTypeList: ['折线图', '柱状图'],
-    chartTitle: '商业管制清单制裁时间变化趋势',
+    chartTitle: '涉军企业清单制裁时间变化趋势',
    data: {
      dataX: [],
      dataY: []
@@ -217,14 +217,14 @@ const staticsDemensionList = ref([
    name: '科技领域',
    active: false,
    chartTypeList: ['饼状图'],
-    chartTitle: '商业管制清单科技领域分布',
+    chartTitle: '涉军企业清单科技领域分布',
    data: []
  },
  {
    name: '物项类别',
    active: false,
    chartTypeList: ['饼状图'],
-    chartTitle: '商业管制清单物项类别分布',
+    chartTitle: '涉军企业清单物项类别分布',
    data: []
  }

@@ -908,13 +908,13 @@ const initParam = () => {

 }

-// 跳转政令详情
+// 跳转企业详情
 const handleClickToDetail = (curEntity) => {
  window.sessionStorage.setItem("curTabName", curEntity.title);
  const route = router.resolve({
    name: "companyPages",
    params: {
-      id: curEntity.id
+      id: curEntity.organizationId
    }
  });
  window.open(route.href, "_blank");

--- a/src/views/dataLibrary/financeControl/sDNList/index.vue
+++ b/src/views/dataLibrary/financeControl/sDNList/index.vue
@@ -234,7 +234,7 @@ const staticsDemensionList = ref([
    name: '制裁时间',
    active: true,
    chartTypeList: ['折线图', '柱状图'],
-    chartTitle: '实体清单制裁时间变化趋势',
+    chartTitle: 'SDN清单制裁时间变化趋势',
    data: {
      dataX: [],
      dataY: []
@@ -252,28 +252,28 @@ const staticsDemensionList = ref([
    name: '科技领域',
    active: false,
    chartTypeList: ['饼状图'],
-    chartTitle: '实体清单科技领域分布',
+    chartTitle: 'SDN清单科技领域分布',
    data: []
  },
  {
-    name: '实体类型',
+    name: 'SDN类型',
    active: false,
    chartTypeList: ['饼状图'],
-    chartTitle: '实体类型分布',
+    chartTitle: 'SDN类型分布',
    data: []
  },
  {
-    name: '实体国家地区',
+    name: 'SDN国家地区',
    active: false,
    chartTypeList: ['饼状图'],
-    chartTitle: '实体国家地区分布',
+    chartTitle: 'SDN国家地区分布',
    data: []
  },
  {
-    name: '实体省份',
+    name: 'SDN省份',
    active: false,
    chartTypeList: ['饼状图'],
-    chartTitle: '实体省份分布',
+    chartTitle: 'SDN省份分布',
    data: []
  }
 ])

--- a/src/views/exportControl/components/info.vue
+++ b/src/views/exportControl/components/info.vue
@@ -157,6 +157,11 @@ const desMap = {
 	display: flex;
 	flex-direction: column;
 	align-items: flex-end;
+	&:hover{
+		text-decoration: underline;
+		background: var(--color-primary-2);
+	}
+

 	.quantity-title-des {
 		display: flex;

--- a/src/views/exportControl/index.vue
+++ b/src/views/exportControl/index.vue
--- a/src/views/finance/index.vue
+++ b/src/views/finance/index.vue
@@ -60,9 +60,10 @@
 										<div>
 											<div class="box1-top">
 												<div class="box1-top-title">
-													{{ item.postDate }}——{{
+													<!-- {{ item.postDate }}——{{
 														item.sanTypeId == allSanTypeIds[0] ? "OFAC" : "DoD"
-													}}《实体清单增列与修订条目》
+													}}《实体清单增列与修订条目》 -->
+													{{ item.postDate }}——{{ item.name }}
 												</div>
 												<div class="box1-top-content">
 													<div class="box1-top-content-item">
@@ -1073,7 +1074,7 @@ const handleToEntityList = item => {
 	console.log("这是什么数据1 =>", item);
 	let id = item?.id;
 	let sanTypeId = item?.sanTypeId || 1;
-	let date = entitiesDataInfoList.value[currentCarouselIndex.value].postDate
+	let date = entitiesDataInfoList.value[currentCarouselIndex.value].postDate;
 	if (!id) {
 		const currentItem = entitiesDataInfoList.value[currentCarouselIndex.value];
 		id = currentItem?.id;
@@ -1826,14 +1827,20 @@ const handleToDataLibrary = item => {
 onMounted(async () => {
 	console.log("finance 页面 mounted");
 	try {
+		// 获取趋势图数据
+		fetchTrendData();
+
+		fetchRiskSignals("0109");
+		// 获取社交媒体信息
+		fetchSocialMediaInfo();
+		// 获取新闻资讯
+		fetchNewsInfo();
 		const [dataCount, entitiesDataInfo, industryCountByYear, cclList] = await Promise.all([
 			getDataCount(),
 			getLatestEntityListInfo(),
 			getReleaseCount(2)
 			// getReleaseCount(3)
 		]);
-		// 交换第二个和第三个元素
-		// [dataCount[1], dataCount[2]] = [dataCount[2], dataCount[1]];
 		console.log("dataCount", dataCount);
 		infoList.value = dataCount.slice(0, 2).map((item, idx) => {
 			return {
@@ -1874,6 +1881,11 @@ onMounted(async () => {
 				tags: item.domain
 			};
 		});
+		await fetchSanctionProcess(sanctionPage.value, 10);
+		// 获取雷达图数据
+		await fetchRadarData(domainChecked.value);
+		// 获取出口管制制裁措施
+		await fetchSanctionList();
 		entityListReleaseFreqChart.interpret({
 			type: "柱状图",
 			name: "美国商务部发布实体清单的频次",
@@ -1892,21 +1904,6 @@ onMounted(async () => {
 			name: "美国商务部发布商业管制清单的频次",
 			data: commerceControlListReleaseFreq.value
 		});
-
-		// 获取趋势图数据
-		fetchTrendData();
-
-		fetchRiskSignals("0109");
-		// 获取社交媒体信息
-		fetchSocialMediaInfo();
-		// 获取新闻资讯
-		fetchNewsInfo();
-		// fetchEntitiesList(currentPage.value, pageSize.value);
-		await fetchSanctionProcess(sanctionPage.value, 10);
-		// 获取雷达图数据
-		await fetchRadarData(domainChecked.value);
-		// 获取出口管制制裁措施
-		await fetchSanctionList();
 	} catch (err) {
 		console.log("此处报错？");
 		console.log(err);
@@ -1957,11 +1954,12 @@ const handleMediaClick = item => {
 	flex-direction: column;
 	gap: 20px;
 	position: relative;
+	width: 1036px;

 	.box1-left-arrow {
 		position: absolute;
 		z-index: 9999;
-		left: -20px;
+		left: -24px;
 		top: 135px;
 		width: 24px !important;
 		height: 48px;
@@ -1985,7 +1983,7 @@ const handleMediaClick = item => {
 	.box1-right-arrow {
 		position: absolute;
 		z-index: 9999;
-		right: -20px;
+		right: 0px;
 		top: 135px;
 		width: 24px;
 		height: 48px;
@@ -2050,6 +2048,10 @@ const handleMediaClick = item => {
 			color: $base-color;
 			margin-top: 10px;
 			margin-bottom: 15px;
+			max-width: 80%;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
 		}

 		&-content {

--- a/src/views/finance/utils/common-back.js
+++ b/src/views/finance/utils/common-back.js
+import { ref } from "vue";
+
+export const useChartInterpretation = () => {
+	const loading = ref(false);
+	const interpretation = ref("");
+	const error = ref(null);
+
+	const interpret = async text => {
+		loading.value = true;
+		error.value = null;
+		interpretation.value = "";
+
+		try {
+			const response = await fetch("/aiAnalysis/chart_interpretation", {
+				method: "POST",
+				headers: {
+					"X-API-Key": "aircasKEY19491001",
+					"Content-Type": "application/json"
+				},
+				body: JSON.stringify({ text })
+			});
+
+			if (!response.ok) {
+				throw new Error(`HTTP error! status: ${response.status}`);
+			}
+
+			const reader = response.body.getReader();
+			const decoder = new TextDecoder();
+			let buffer = "";
+
+			while (true) {
+				const { done, value } = await reader.read();
+				if (done) break;
+
+				buffer += decoder.decode(value, { stream: true });
+				const lines = buffer.split("\n");
+				buffer = lines.pop() || "";
+
+				for (const line of lines) {
+					if (line.startsWith("data: ")) {
+						const content = line.substring(6);
+						const textMatch = content.match(/"解读":\s*"([^"]*)"/);
+						if (textMatch && textMatch[1]) {
+							interpretation.value = textMatch[1];
+						}
+					}
+				}
+			}
+		} catch (err) {
+			error.value = err.message || "AI 解读失败";
+			console.error("AI Chart Interpretation Error:", err);
+		} finally {
+			loading.value = false;
+		}
+	};
+
+	return {
+		loading,
+		interpretation,
+		error,
+		interpret
+	};
+};
--- a/src/views/finance/utils/common.js
+++ b/src/views/finance/utils/common.js
+// src/views/finance/utils/common.js
+
 import { ref } from "vue";
+// 【新增】引入获取全局 Signal 的方法
+import { getAbortSignal } from "@/api/finance/service.js";

 export const useChartInterpretation = () => {
 	const loading = ref(false);
@@ -10,14 +14,20 @@ export const useChartInterpretation = () => {
 		error.value = null;
 		interpretation.value = "";

+		// 【新增】在请求发起前获取当前的 Signal
+		// 注意：必须在每次调用 interpret 时重新获取，以确保拿到最新的 controller 的 signal
+		const signal = getAbortSignal();
+
 		try {
+			// 【修改】在 fetch 中传入 signal
 			const response = await fetch("/aiAnalysis/chart_interpretation", {
 				method: "POST",
 				headers: {
-					"X-API-Key": "aircasKEY19491001",
+					"X-API-Key": "aircasKEY19491001", 
 					"Content-Type": "application/json"
 				},
-				body: JSON.stringify({ text })
+				body: JSON.stringify({ text }),
+				signal: signal // 【关键】绑定取消信号
 			});

 			if (!response.ok) {
@@ -29,6 +39,7 @@ export const useChartInterpretation = () => {
 			let buffer = "";

 			while (true) {
+				// reader.read() 会在 signal abort 时抛出 AbortError
 				const { done, value } = await reader.read();
 				if (done) break;

@@ -39,18 +50,43 @@ export const useChartInterpretation = () => {
 				for (const line of lines) {
 					if (line.startsWith("data: ")) {
 						const content = line.substring(6);
-						const textMatch = content.match(/"解读":\s*"([^"]*)"/);
-						if (textMatch && textMatch[1]) {
-							interpretation.value = textMatch[1];
-						}
+						// 尝试解析 JSON
+						try {
+                            const jsonMatch = content.match(/\{.*\}/);
+                            if (jsonMatch) {
+                                const parsed = JSON.parse(jsonMatch[0]);
+                                if (parsed["解读"]) {
+                                    interpretation.value = parsed["解读"];
+                                }
+                            } else {
+                                // 兼容旧的正则匹配
+                                const textMatch = content.match(/"解读":\s*"([^"]*)"/);
+                                if (textMatch && textMatch[1]) {
+                                    interpretation.value = textMatch[1];
+                                }
+                            }
+                        } catch (e) {
+                            // 忽略解析错误
+                        }
 					}
 				}
 			}
 		} catch (err) {
+			// 【关键】判断是否是因路由切换导致的取消
+			if (err.name === 'AbortError') {
+				console.log('AI 解读请求已取消');
+				loading.value = false; // 关闭 loading
+				return; // 直接返回，不设置 error，不弹窗
+			}
+
 			error.value = err.message || "AI 解读失败";
 			console.error("AI Chart Interpretation Error:", err);
 		} finally {
-			loading.value = false;
+			// 只有在非 AbortError 的情况下，才由 finally 统一关闭 loading
+            // 如果上面 catch 中已经 return 了，这里不会执行
+            if (err?.name !== 'AbortError') {
+                 loading.value = false;
+            }
 		}
 	};

@@ -60,4 +96,4 @@ export const useChartInterpretation = () => {
 		error,
 		interpret
 	};
-};
+};
\ No newline at end of file