Merge branch 'master' into zz-dev

.gitignore

@@ -10,6 +10,7 @@ lerna-debug.log*
 *.rar
 *.zip
 *.7z
+*.rest
 
 # Dependencies
 node_modules

src/api/allUnion.js

@@ -7,32 +7,41 @@ import request from "@/api/request.js";
  * @param {String} params.date - 日期
  */
 export function getAllUnionList(params) {
-  return request({
-    method: 'GET',
-    url: `/api/union/union/unionList/${params.date}`
-  })
+	return request({
+		method: "GET",
+		url: `/api/union/union/unionList/${params.date}`,
+		params: {
+			domainId: params.domainId ? params.domainId : null
+		}
+	});
 }
 
 // 全联盟-获取排华数量
 /**
  * @header token
  */
-export function getUnionCount() {
-  return request({
-    method: 'GET',
-    url: `/api/union/union/unionCount`
-  })
+export function getUnionCount(params) {
+	return request({
+		method: "GET",
+		url: `/api/union/union/unionCount`,
+		params: {
+			currentPage: params.page ? params.page : 1,
+			pageSize: params.pageSize ? params.pageSize : 10,
+			domainId: params.domainId ? params.domainId : null
+		}
+	});
 }
 
 // 全联盟-获取排华联盟动态
 /**
  * @header token
  */
-export function getDynamic() {
-  return request({
-    method: 'GET',
-    url: `/api/union/union/dynamic`
-  })
+export function getDynamic(params) {
+	return request({
+		method: "GET",
+		url: `/api/union/union/dynamic`,
+		params
+	});
 }
 
 // 全联盟-获取排华联盟预警
@@ -42,10 +51,10 @@ export function getDynamic() {
  * @header token
  */
 export function getPrediction() {
-  return request({
-    method: 'GET',
-    url: `/api/union/union/prediction`
-  })
+	return request({
+		method: "GET",
+		url: `/api/union/union/prediction`
+	});
 }
 
 // 全联盟-获取排华联盟领域分布
@@ -55,10 +64,10 @@ export function getPrediction() {
  * @header token
  */
 export function getIndustry() {
-  return request({
-    method: 'GET',
-    url: `/api/union/union/industry`
-  })
+	return request({
+		method: "GET",
+		url: `/api/union/union/industry`
+	});
 }
 
 // 全联盟-获取排华联盟国家紧密度
@@ -68,8 +77,8 @@ export function getIndustry() {
  * @header token
  */
 export function getCountryRelation() {
-  return request({
-    method: 'GET',
-    url: `/api/union/union/countryRelation`
-  })
-}
+	return request({
+		method: "GET",
+		url: `/api/union/union/countryRelation`
+	});
+}
\ No newline at end of file

src/api/bill.js

@@ -117,7 +117,7 @@ export function getBillContentId(params) {
 
 // 主要条款-根据原文ID获取条款内容
 /**
- * @param {billid,id,cRelated,currentPage,pageSize} 
+ * @param {billId,id,cRelated,currentPage,pageSize,domainNameList,measuresNameList,content} 
  * @header token
  */
 export function getBillContentTk(params) {

src/api/bill/billHome.js

@@ -135,6 +135,26 @@ export function getBillsPerson(params, signal) {
     })
 }
 
+// 获取议员合作关系
+export function getBillsPersonRel(params, signal) {
+    return request({
+        method: 'GET',
+        url: `/api/BillOverview/billsPersonRel`,
+        params,
+        signal
+    })
+}
+
+// 获取涉华委员会及其法案
+export function getBillsIsCnCommittee(params, signal) {
+    return request({
+        method: 'GET',
+        url: `/api/BillOverview/billsIsCnCommittee`,
+        params,
+        signal
+    })
+}
+
 // 获取提出部门列表
 export function getPostOrgList() {
     return request({
@@ -149,4 +169,100 @@ export function getPostMemberList() {
         method: 'GET',
         url: `/api/BillDict/member`,
     })
-}
+}
\ No newline at end of file
+
+
+/**
+ * 获取筛选项配置 - 行业列表
+ * GET /api/billImpactAnalysis/industry/hylyList
+ */
+export async function getIndustryKeyList() {
+    return request('/api/billImpactAnalysis/industry/hylyList', {
+        method: 'GET',
+    })
+}
+
+/**
+ * 获取进度阶段配置
+ * GET /api/commonDict/bill/stage
+ */
+export async function getBillStageConfig() {
+    return request('/api/commonDict/bill/stage', {
+        method: 'GET',
+    })
+}
+
+/**
+ * 获取法案列表
+ * GET /api/personHomepage/historyBill/{personId}
+ * @param {string} personId - 人物ID
+ * @param {Object} params - 查询参数（不包含分页参数）
+ */
+export async function getHistoryBillList(personId, params = {}) {
+    const queryString = Object.entries(params)
+        .filter(([, value]) => value !== undefined && value !== null && value !== '')
+        .map(([key, value]) => {
+            if (Array.isArray(value)) {
+                return value.map(v => `${encodeURIComponent(key)}=${encodeURIComponent(v)}`).join('&')
+            }
+            return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
+        })
+        .join('&')
+
+    const url = queryString
+        ? `/api/personHomepage/historyBill/${personId}?${queryString}`
+        : `/api/personHomepage/historyBill/${personId}`
+
+    return request(url, {
+        method: 'GET',
+    })
+}
+
+/**
+ * 获取法案列表（含阶段字典）
+ * @param {string} personId - 人物ID
+ * @param {Object} params - 查询参数
+ */
+export async function getHistoryBillListWithStage(personId, params = {}) {
+    const stageRes = await getBillStageConfig()
+    const billRes = await getHistoryBillList(personId, params)
+
+    return {
+        stageConfig: stageRes,
+        billList: billRes,
+    }
+}
+
+ 
+export function getSortOptions() {
+    return Promise.resolve({
+        code: 200,
+        data: [
+            { value: 'latestMotionTimeDesc', label: '最新修议时间倒序' },
+            { value: 'latestMotionTimeAsc', label: '最新修议时间正序' },
+        ],
+    })
+}
+
+export async function getPotentialNewsList(personId, params = {}) {
+    const queryString = Object.entries(params)
+        .filter(([, value]) => value !== undefined && value !== null && value !== '')
+        .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+        .join('&')
+
+    const url = queryString
+        ? `/api/personHomepage/historyBill/clause/${personId}?${queryString}`
+        : `/api/personHomepage/historyBill/clause/${personId}`
+
+    return request(url, {
+        method: 'GET',
+    })
+}
+
+export async function getPotentialNewsKeywords(personId) {
+    return request(`/api/personHomepage/historyBill/clauseKeyword/${personId}`, {
+        method: 'GET',
+    })
+}
+
+ 
\ No newline at end of file

src/api/characterPage/characterPage.js

@@ -98,8 +98,8 @@ export function getCharacterResume(params) {
  */
 export function getCharacterView(params) {
     return request({
-        method: 'GET',
-        url: `/api/personHomepage/option/${params.personId}/${params.year}`,
+        method: 'GET', 
+        url: `/api/personHomepage/option/`,
         params,
     })
 }
@@ -112,7 +112,7 @@ export function getCharacterView(params) {
 export function getCharacterFundSource(params) {
     return request({
         method: 'GET',
-        url: `/api/personHomepage/personFunds/${params.personId}/${params.year}`,
+        url: `/api/personHomepage/personFunds/`,
         params,
     })
 }
@@ -141,4 +141,62 @@ export function getCharacterRelatedEntity(params) {
         url: `/api/personHomepage/personRelation/${params.personId}/${params.startTime}`,
         params,
     })
+}
+// 获取人物教育履历
+/**
+ * @param {personId} 
+ * @header token
+ */
+export function getCharacterReducationResume(params) {
+    return request({
+        method: 'GET',
+        url: `/api/personHomepage/educationResume/${params.personId}`,
+        params,
+    })
+}
+
+export async function getFindingsReport(personId, params = {}) {
+    const queryParts = []
+
+    Object.entries(params).forEach(([key, value]) => {
+        if (value === undefined || value === null || value === '') return
+        if (Array.isArray(value)) {
+            value.forEach(v => {
+                queryParts.push(`${encodeURIComponent(key)}=${encodeURIComponent(v)}`)
+            })
+        } else {
+            queryParts.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+        }
+    })
+
+    const queryString = queryParts.join('&')
+    const url = queryString
+        ? `/api/personHomepage/findingsReport/${personId}?${queryString}`
+        : `/api/personHomepage/findingsReport/${personId}`
+
+    return request(url, { method: 'GET' })
+}
+
+/**
+ * 获取创新主体列表（大学/实验室/企业）
+ * @param {Object} params - 请求参数
+ * @param {string} params.arealist - 科技领域ID
+ * @param {number} params.currentPage - 当前页码（从0开始）
+ * @param {string} params.keywords - 搜索关键词
+ * @param {number} params.pageSize - 每页条数
+ * @param {string} params.subjectTypeId - 主体类型ID
+ * @returns {Promise} 返回列表数据
+ */
+export async function getSubjectList(params) {
+  return request('/api/innovateSubject/findListBySubjectTypeId', {
+    method: 'GET',
+    params
+  })
+}
+export function getareaType(params) {
+    return request({
+        method: 'GET',
+        url: `/api/commonDict/areaType`,
+        params
+    })
 }
\ No newline at end of file

src/api/deepdig.js

@@ -130,3 +130,14 @@ export function getBillPersonPoliContribution(params) {
         url: `/api/billDeepDive/processAnalyze/xj/${params.id}/${params.personId}`
     })
 }
+
+// 根据法案ID和人物ID获取政治献金领域分布
+/**
+ * @param {id, personId}
+ */
+export function getBillPersonPoliDomain(params) {
+    return request({
+        method: 'GET',
+        url: `/api/billDeepDive/processAnalyze/xjDomain/${params.id}/${params.personId}`
+    })
+}

src/api/intelligent/index.ts

+import request from "@/api/request.js";
+const INTELLECTUAL_API = "/intelligent-api";
+
+export class IntelligentResultWrapper<T> {
+	result: T;
+	status: string;
+}
+export class TextEntity {
+	text_span: string;
+	type: string;
+}
+// 智能化：提取文本实体
+export function extractTextEntity(text: string): Promise<IntelligentResultWrapper<TextEntity[]>> {
+	return request({
+		url: `${INTELLECTUAL_API}/extract-entity`,
+		method: "POST",
+		data: {
+			text
+		}
+	});
+}

src/api/marketAccessRestrictions/index.js

@@ -2,10 +2,11 @@ import request from "@/api/request.js";
 
 // 概览页--------------------------------------------------------------------
 // 概览统计
-export function getStatCount() {
+export function getStatCount(params) {
     return request({
         method: 'GET',
-        url: `/api/marketsearchHome/statCount`
+        url: `/api/marketsearchHome/statCount`,
+        params
     })
 }
 

src/api/news/newsBrief.js

@@ -35,7 +35,7 @@ export function getHotNews() {
 export function getHotNewsByArea(params) {
     return request({
         method: 'GET',
-        url: `/api/news/hotNews`,
+        url: `/api/news/hotAreaNews/${params.moduleId}`,
         params
     })
 }
@@ -54,4 +54,11 @@ export function getAreaList() {
         method: 'GET',
         url: `/api/commonDict/areaType`,
     })
-}
+}
\ No newline at end of file
+export function getNewsDetail(params) {
+    return request({
+        method: 'GET',
+        url: `/api/news/findById/${params.newsId}`,
+        params
+    })
+}

src/api/request.js

@@ -72,6 +72,15 @@ service.interceptors.response.use(
     },
     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过期或无效的情况
         if (error.response && (error.response.status === 401 || error.response.status === 403)) {

src/api/zmOverview/allElement/index.js

@@ -2,74 +2,99 @@ import request from "@/api/request.js";
 
 // 全要素统计
 export function getElementCount(params) {
-  return request({
-    method: 'GET',
-    url: `/api/element/elementCount/${params.date}`,
-  })
+	return request({
+		method: "GET",
+		url: `/api/element/elementCount/${params.date}`
+	});
+}
+
+// 美对华科技要素打压遏制数量趋势
+export function getElementSuppressTrend(params) {
+	return request({
+		method: "GET",
+		url: `/api/element/DomainContainmentTrend/${params.date}`,
+		params: {
+			domainId: params.domainId ? params.domainId : null
+		}
+	});
 }
 
 // 最新动态
 export function getNewDynamics() {
-  return request({
-    method: 'GET',
-    url: `/api/element/newDynamics`,
-  })
+	return request({
+		method: "GET",
+		url: `/api/element/newDynamics`
+	});
 }
 
 // 美对我要素打压情况
 /**
- * @param {currentPage, pageSize} 
+ * @param {currentPage, pageSize}
  */
 export function getElementSuppress(params) {
-  return request({
-    method: 'GET',
-    url: `/api/element/elementSuppress/${params.date}`,
-    params
-  })
+	return request({
+		method: "GET",
+		url: `/api/element/elementSuppress/${params.date}`,
+		params: {
+			elementId: params.elementId ? params.elementId : null,
+			page: params.currentPage,
+			pageSize: params.pageSize
+		}
+	});
 }
 
 // 关键词云-上
 /**
- * @param {date} 
+ * @param {date}
  */
 export function getKeyWordUp(params) {
-  return request({
-    method: 'GET',
-    url: `/api/element/getKeyWordUp/${params.date}`,
-  })
+	return request({
+		method: "GET",
+		url: `/api/element/getKeyWordUp/${params.date}`,
+		params: {
+			elementId: params.elementId ? params.elementId : null
+		}
+	});
 }
 
 // 美自身要素发展情况
 /**
- * @param {currentPage, pageSize} 
+ * @param {currentPage, pageSize}
  */
 export function getElementDevelop(params) {
-  return request({
-    method: 'GET',
-    url: `/api/element/elementDevelop/${params.date}`,
-    params
-  })
+	return request({
+		method: "GET",
+		url: `/api/element/elementDevelop/${params.date}`,
+		params: {
+			elementId: params.elementId ? params.elementId : null,
+			page: params.currentPage,
+			pageSize: params.pageSize
+		}
+	});
 }
 
 // 关键词云-下
 /**
- * @param {currentPage, pageSize} 
+ * @param {currentPage, pageSize}
  */
 export function getKeyWordDown(params) {
-  return request({
-    method: 'GET',
-    url: `/api/element/getKeyWordDown/${params.date}`,
-  })
+	return request({
+		method: "GET",
+		url: `/api/element/getKeyWordDown/${params.date}`,
+		params: {
+			elementId: params.elementId ? params.elementId : null
+		}
+	});
 }
 
 // 通过id获取政令详细信息
 /**
- * @param {id} 
+ * @param {id}
  */
 export function getOrderInfo(params) {
-  return request({
-    method: 'GET',
-    url: `/api/element/getOrderInfo/${params.id}`,
-    params
-  })
-}
+	return request({
+		method: "GET",
+		url: `/api/element/getOrderInfo/${params.id}`,
+		params
+	});
+}
\ No newline at end of file

src/components/Container/index.vue

@@ -103,6 +103,7 @@ const headerTitleClasses = computed(() => [
 	border-bottom: 1px solid #ebeef5;
 	/* background-color: #f8fafc; */
 	padding-left: 0;
+	// background: linear-gradient(180deg, rgb(231, 243, 255) 0%, rgba(231, 243, 255, 0) 100%);
 }
 
 .header-left {
@@ -132,10 +133,10 @@ const headerTitleClasses = computed(() => [
 }
 
 .header-icon {
-	width: 20px;
-	height: 20px;
+	width: 22px;
+	height: 18px;
 	margin-left: 5px;
-	margin-right: 19px;
+	margin-right: 14px;
 }
 
 .blue-title-block {
@@ -148,14 +149,13 @@ const headerTitleClasses = computed(() => [
 
 .header-title {
 	font-family: $base-font-family;
-	font-size: $base-font-size;
+	font-size: 20px;
 	font-weight: 700;
 	/* color: var(--color-main-active); */
 	/* color: var(--base-color); */
 	color: $base-color;
 	line-height: 48px;
-	padding: 0 12px;
-	font-size: 20px;
+	// padding: 0 12px;
 }
 
 .header-title-primary {

src/components/base/GraphChart/graphChart.js

+
+
+const getGraphChart = (nodes, links, layoutType) => {
+
+  const option = {
+    // title: {
+    //   text: '企业关系网络',
+    //   subtext: '节点图标表示企业，箭头表示关联方向',
+    //   top: 'top',
+    //   left: 'center',
+    //   textStyle: {
+    //     fontSize: 20,
+    //     color: '#2c3e50'
+    //   }
+    // },
+    // tooltip: {
+    //   formatter: function (params) {
+    //     if (params.dataType === 'node') {
+    //       return `<div style="font-weight:bold;margin-bottom:5px">${params.data.name}</div>
+    //                       <div>类别: ${categories[params.data.category].name}</div>
+    //                       <div>关联度: ${params.data.value}</div>`;
+    //     } else {
+    //       return `<div>${nodes[params.data.source].name} → ${nodes[params.data.target].name}</div>
+    //                       <div>关联强度: ${params.data.value}</div>`;
+    //     }
+    //   }
+    // },
+    legend: {
+      // data: categories.map(c => c.name),
+      show: false,
+      top: 40,
+      textStyle: {
+        fontSize: 12
+      }
+    },
+    animation: true,
+    animationDuration: 1000,
+    animationEasing: 'cubicOut',
+    series: [{
+      type: 'graph',
+      itemStyle: {
+        color: '#73C0DE'
+      },
+      layout: layoutType,
+      data: nodes,
+      links: links,
+      // categories: categories,
+      roam: true,
+      label: {
+        show: true,
+        position: 'bottom',
+        formatter: '{b}',
+        fontSize: 12,
+        fontWeight: 'bold',
+        // backgroundColor: 'rgba(255,255,255,0.8)',
+        padding: [4, 6],
+        borderRadius: 4
+      },
+      lineStyle: {
+        color: 'source',
+        curveness: 0,
+        width: 2,
+        type: 'dashed',
+        color: '#AED6FF'
+      },
+      edgeSymbol: ['none', 'arrow'],
+      edgeSymbolSize: [0, 10],
+      emphasis: {
+        focus: 'adjacency',
+        lineStyle: {
+          width: 4
+        },
+        label: {
+          show: true,
+          fontSize: 14
+        }
+      },
+      force: {
+        repulsion: 300,
+        gravity: 0,
+        edgeLength: 300
+      },
+      edgeLabel: {
+        show: true,
+        position: 'middle',
+        fontSize: 14,
+        color: '#333',
+        backgroundColor: 'rgba(255,255,255,0.9)',
+        borderColor: '#bbb',
+        borderWidth: 1,
+        borderRadius: 4,
+        padding: [4, 8],
+        formatter: params => params.data.label ? params.data.label.formatter : ''
+
+
+      }
+      // edgeLabel: {
+      //   show: true,
+      //   position: 'middle',
+      //   // fontSize: 14,
+      //   // backgroundColor: 'rgba(255,255,255,0.9)',
+      //   // borderColor: '#bbb',
+      //   borderWidth: 1,
+      //   borderRadius: 4,
+      //   padding: [4, 8],
+      //   // 核心：使用 formatter 函数
+      //   formatter: function (params) {
+      //     console.log('完整 params:', params);
+      //     console.log('label 数据:', params.data.label);
+      //     // 获取标签的文本内容，它存储在 params.data.label.formatter 里
+      //     const labelText = params.data.label?.formatter || '';
+
+      //     // 定义一个颜色映射
+      //     const colorMap = {
+      //       '合作': '#52c41a', // 绿色
+      //       '持股': '#faad14', // 橙色
+      //       '从属': '#f5222d'  // 红色
+      //     };
+
+      //     // 根据文本内容获取对应的颜色，如果没有定义则使用默认的灰色
+      //     const color = colorMap[labelText] || '#666';
+
+      //     // 返回一个带内联样式的 HTML 字符串
+      //     return `<span style="color: ${color};">${labelText}</span>`;
+      //   }
+      // }
+    }],
+    // color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de']
+  };
+
+  return option
+
+}
+
+export default getGraphChart
\ No newline at end of file

src/components/base/GraphChart/index.vue

+<template>
+  <div class="graph-chart-wrapper" id="graph">
+
+  </div>
+</template>
+
+<script setup>
+import { onMounted, nextTick } from 'vue';
+import setChart from '@/utils/setChart';
+import getGraphChart from './graphChart';
+
+const props = defineProps({
+  nodes: {
+    type: Array,
+    default: []
+  },
+  links: {
+    type: Array,
+    default: []
+  },
+  layoutType: {
+    type: String,
+    default: 'force'
+  },
+  width: {
+    type: String,
+    default: 'force'
+  },
+  height: {
+        type: String,
+    default: 'force'
+  }
+})
+
+onMounted(() => {
+  const graph = getGraphChart(props.nodes, props.links, props.layoutType)
+  setChart(graph, 'graph')
+})
+
+
+</script>
+
+
+<style lang="scss" scoped>
+.graph-chart-wrapper {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file

src/components/base/SiderTabs/index.vue

@@ -2,14 +2,14 @@
   <div class="sider-tabs-wrapper">
     <div class="sider-item" 
     :class="{'sider-item-active': sider.active}" 
-    v-for="sider, index in siderList" :key="index"
+    v-for="(sider, index) in siderList" :key="sider.name || index"
     @click="handleClickSiderItem(sider)"
     >
       <div 
       class="sider-item-text text-primary-65-clor text-tip-1" 
       :class="{'sider-item-text-active': sider.active}">{{ sider.name }}</div>
       <div class="sider-item-icon" v-show="sider.active">
-        <img src="./active-icon.svg" alt="">
+        <img src="./active-icon.svg" alt="" />
       </div>
     </div>
   </div>
@@ -20,7 +20,7 @@
 const props = defineProps({
   siderList: {
     type: Array,
-    default: [
+    default: () => [
       {
         name: '分析内容1',
         active: true

src/components/base/WarningPane/icons/level1.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" customFrame="url(#clipPath_0)">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="容器 767" width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" />
+	<g id="组合 1059">
+		<path id="矩形 350" d="M2.50019 7.57031L12.4998 7.57048C12.7759 7.57048 12.9992 7.79409 12.9995 8.07012L13 8.07012C13.0001 8.34632 12.776 8.57031 12.4998 8.57031L2.50018 8.57015C2.22419 8.57015 2.00069 8.34649 2.00054 8.07051L2 8.07051C1.9997 7.79434 2.22403 7.57031 2.50019 7.57031Z" fill="rgb(206,79,81)" fill-rule="evenodd" />
+		<path id="矢量 610" d="M8 3L13 8L8 13" stroke="rgb(206,79,81)" stroke-linecap="round" stroke-width="1.000000" />
+	</g>
+</svg>

src/components/base/WarningPane/icons/level2.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" customFrame="url(#clipPath_0)">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="容器 767" width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" />
+	<g id="组合 1059">
+		<path id="矩形 350" d="M2.50019 7.57031L12.4998 7.57048C12.7759 7.57048 12.9992 7.79409 12.9995 8.07012L13 8.07012C13.0001 8.34632 12.776 8.57031 12.4998 8.57031L2.50018 8.57015C2.22419 8.57015 2.00069 8.34649 2.00054 8.07051L2 8.07051C1.9997 7.79434 2.22403 7.57031 2.50019 7.57031Z" fill="rgb(255, 149, 77)" fill-rule="evenodd" />
+		<path id="矢量 610" d="M8 3L13 8L8 13" stroke="rgb(255, 149, 77)" stroke-linecap="round" stroke-width="1.000000" />
+	</g>
+</svg>

src/components/base/WarningPane/icons/level3.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" customFrame="url(#clipPath_0)">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="容器 767" width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" />
+	<g id="组合 1059">
+		<path id="矩形 350" d="M2.50019 7.57031L12.4998 7.57048C12.7759 7.57048 12.9992 7.79409 12.9995 8.07012L13 8.07012C13.0001 8.34632 12.776 8.57031 12.4998 8.57031L2.50018 8.57015C2.22419 8.57015 2.00069 8.34649 2.00054 8.07051L2 8.07051C1.9997 7.79434 2.22403 7.57031 2.50019 7.57031Z" fill="rgb(232, 189, 11)" fill-rule="evenodd" />
+		<path id="矢量 610" d="M8 3L13 8L8 13" stroke="rgb(232, 189, 11)" stroke-linecap="round" stroke-width="1.000000" />
+	</g>
+</svg>

src/components/base/WarningPane/icons/level4.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" customFrame="url(#clipPath_0)">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="容器 767" width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" />
+	<g id="组合 1059">
+		<path id="矩形 350" d="M2.50019 7.57031L12.4998 7.57048C12.7759 7.57048 12.9992 7.79409 12.9995 8.07012L13 8.07012C13.0001 8.34632 12.776 8.57031 12.4998 8.57031L2.50018 8.57015C2.22419 8.57015 2.00069 8.34649 2.00054 8.07051L2 8.07051C1.9997 7.79434 2.22403 7.57031 2.50019 7.57031Z" fill="rgb(33, 129, 57)" fill-rule="evenodd" />
+		<path id="矢量 610" d="M8 3L13 8L8 13" stroke="rgb(33, 129, 57)" stroke-linecap="round" stroke-width="1.000000" />
+	</g>
+</svg>

src/components/base/WarningPane/icons/level5.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" customFrame="url(#clipPath_0)">
+	<defs>
+		<clipPath id="clipPath_0">
+			<rect width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" fill="rgb(255,255,255)" />
+		</clipPath>
+	</defs>
+	<rect id="容器 767" width="16.000000" height="16.000000" x="0.000000" y="0.000000" rx="8.000000" />
+	<g id="组合 1059">
+		<path id="矩形 350" d="M2.50019 7.57031L12.4998 7.57048C12.7759 7.57048 12.9992 7.79409 12.9995 8.07012L13 8.07012C13.0001 8.34632 12.776 8.57031 12.4998 8.57031L2.50018 8.57015C2.22419 8.57015 2.00069 8.34649 2.00054 8.07051L2 8.07051C1.9997 7.79434 2.22403 7.57031 2.50019 7.57031Z" fill="rgb(5, 95, 194)" fill-rule="evenodd" />
+		<path id="矢量 610" d="M8 3L13 8L8 13" stroke="rgb(5, 95, 194)" stroke-linecap="round" stroke-width="1.000000" />
+	</g>
+</svg>

src/components/base/WarningPane/icons/warnning-icon.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" customFrame="#000000">
+	<rect id="容器 1922" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
+	<path id="减去顶层" d="M15.8612 13.4253L8.86371 1.38047C8.47821 0.716925 7.51986 0.716925 7.13436 1.38047L0.136829 13.4253C-0.250475 14.0919 0.230498 14.9276 1.0015 14.9276L14.9966 14.9276C15.7676 14.9276 16.2485 14.0919 15.8612 13.4253ZM8.73076 9.86062C8.71726 10.2202 8.42184 10.5047 8.06201 10.5047C7.7017 10.5047 7.40606 10.2195 7.39322 9.85936L7.25891 6.0939C7.24261 5.63713 7.60849 5.25797 8.06555 5.25797C8.5232 5.25797 8.8893 5.63808 8.87213 6.09541L8.73076 9.86062ZM7.21926 11.7574C7.26412 11.6666 7.32814 11.5851 7.41131 11.513C7.46859 11.4633 7.52999 11.4215 7.59553 11.3876C7.73661 11.3146 7.89683 11.278 8.07618 11.278C8.26676 11.278 8.43415 11.3187 8.57836 11.3999C8.6354 11.4321 8.68881 11.4706 8.73859 11.5154C8.81988 11.5886 8.88236 11.6708 8.92603 11.7618C8.97673 11.8675 9.00208 11.9853 9.00208 12.115C9.00208 12.2317 8.981 12.3396 8.93885 12.4386C8.89617 12.5388 8.83188 12.63 8.74598 12.7121C8.66424 12.7902 8.5746 12.8496 8.47706 12.8903C8.37086 12.9346 8.25529 12.9568 8.13036 12.9568C7.86357 12.9568 7.64481 12.8932 7.47407 12.7659C7.45149 12.7491 7.42975 12.7311 7.40885 12.7121C7.31197 12.6238 7.24131 12.5249 7.19688 12.4155C7.15926 12.3229 7.14044 12.2227 7.14044 12.115C7.14044 11.983 7.16671 11.8638 7.21926 11.7574Z" fill="rgb(255,255,255)" fill-rule="evenodd" />
+</svg>

src/components/base/WarningPane/index.vue

+<template>
+  <div class="warnning-pane-wrapper" :style="{ width: width ? width : '1600px', height: height ? height : '116px' }"
+    :class="{
+      level1: warnningLevel === '特别重大风险',
+      level2: warnningLevel === '重大风险',
+      level3: warnningLevel === '较大风险',
+      level4: warnningLevel === '一般风险',
+    }" @click="handleClickPane">
+    <div class="warnning-pane-header">
+      <div class="header-left" :class="{
+        'header-left-level1': warnningLevel === '特别重大风险',
+        'header-left-level2': warnningLevel === '重大风险',
+        'header-left-level3': warnningLevel === '较大风险',
+        'header-left-level4': warnningLevel === '一般风险',
+      }">
+        <div class="warnning-icon">
+          <img src="./icons/warnning-icon.svg" alt="">
+        </div>
+        <div class="warnning-text text-title-3-bold">{{ warnningLevel }}</div>
+      </div>
+      <div class="header-right">
+        <img v-if="warnningLevel === '特别重大风险'" src="./icons/level1.svg" alt="">
+        <img v-else-if="warnningLevel === '重大风险'" src="./icons/level2.svg" alt="">
+        <img v-else-if="warnningLevel === '较大风险'" src="./icons/level3.svg" alt="">
+        <img v-else-if="warnningLevel === '一般风险'" src="./icons/level4.svg" alt="">
+        <img v-else src="./icons/level5.svg" alt="">
+      </div>
+    </div>
+    <div class="warnning-pane-content text-regular">
+      {{ warnningContent }}
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ElMessage } from 'element-plus'
+
+
+const props = defineProps(
+  {
+    warnningContent: {
+      type: String,
+      default: ''
+    },
+
+    warnningLevel: {
+      type: String,
+      default: '低风险'
+    }
+  }
+)
+
+const emit = defineEmits(['clickPane'])
+
+const handleClickPane = () => {
+  ElMessage.success('点击了预警面板')
+  emit('clickPane')
+}
+
+</script>
+
+<style lang="scss" scoped>
+.warnning-pane-wrapper {
+  border-radius: 10px;
+  border: 1px solid var(--color-primary-100);
+  box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+  cursor: pointer;
+}
+
+.level1 {
+  border: 1px solid var(--color-red-100) !important;
+}
+
+.level2 {
+  border: 1px solid var(--color-orange-100) !important;
+}
+
+.level3 {
+  border: 1px solid var(--color-yellow-100) !important;
+}
+
+.level4 {
+  border: 1px solid var(--color-green-100) !important;
+}
+
+.warnning-pane-header {
+  height: 44px;
+  display: flex;
+  justify-content: space-between;
+
+}
+
+.header-left {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  width: 164px;
+  height: 32px;
+  background: var(--color-main-active);
+  border-radius: 10px 0 10px 0;
+}
+
+.header-left-level1 {
+  background: var(--color-red-100) !important;
+}
+
+.header-left-level2 {
+  background: var(--color-orange-100) !important;
+}
+
+.header-left-level3 {
+  background: var(--color-yellow-100) !important;
+}
+
+.header-left-level4 {
+  background: var(--color-green-100) !important;
+}
+
+.warnning-icon {
+  width: 16px;
+  height: 16px;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.warnning-text {
+  color: #fff;
+}
+
+.header-right {
+  width: 16px;
+  height: 16px;
+  margin-top: 17px;
+  margin-right: 16px;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.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;
+}
+</style>
\ No newline at end of file

src/components/base/boxBackground/analysisBox.vue

@@ -47,21 +47,38 @@ const props = defineProps({
   showAllBtn: {
     type: Boolean,
     default: true
+  },
+  // 当业务功能尚未实现时，点击右上角图标仅弹出统一提示
+  devTip: {
+    type: Boolean,
+    default: false
   }
 })
 
 const handleSave = () => {
+  if (props.devTip) {
+    ElMessage.warning('当前功能正在开发中，敬请期待！')
+    return
+  }
   ElMessage.success('保存当前内容')
   // emit('save')
 }
 
 const handleDownload = () => {
+  if (props.devTip) {
+    ElMessage.warning('当前功能正在开发中，敬请期待！')
+    return
+  }
   ElMessage.success('下载当前内容')
   // emit('download')
 
 }
 
 const handleCollect = () => {
+  if (props.devTip) {
+    ElMessage.warning('当前功能正在开发中，敬请期待！')
+    return
+  }
   ElMessage.success('收藏当前内容')
   // emit('collect')
 
@@ -122,7 +139,7 @@ const emit = defineEmits(['save', 'download', 'collect'])
     .header-btn1 {
       position: absolute;
       top: 14px;
-      right: 104px;
+      right: 116px;
     }
 
     .header-right {

src/components/base/images/ColorSvg.vue

@@ -8,7 +8,6 @@
 </template>
 
 <script setup lang="ts">
-import { size } from 'lodash';
 import { ref, computed, watch, onMounted } from 'vue';
 
 // 组件属性
@@ -21,9 +20,10 @@ const props = defineProps({
     // SVG颜色
     color: {
         type: String,
-        default: '#000'
+        default: null
     }
-    , size: {
+    ,
+    size: {
         type: Number,
         default: null
     }
@@ -43,42 +43,46 @@ const processedSvgContent = computed(() => {
 
     // 替换SVG中的颜色
     let processed = svgContent.value;
+    if (props.color) {
+
+        // 替换fill属性
+        processed = processed.replace(/fill="([^"]*)"/g, (match, p1) => {
+            // 保留透明和none值
+            if (p1 === 'none' || p1 === 'transparent') {
+                return match;
+            }
+            return `fill="${props.color}"`;
+        });
+
+        // 替换stroke属性
+        processed = processed.replace(/stroke="([^"]*)"/g, (match, p1) => {
+            // 保留透明和none值
+            if (p1 === 'none' || p1 === 'transparent') {
+                return match;
+            }
+            return `stroke="${props.color}"`;
+        });
+    }
 
-    // 替换fill属性
-    processed = processed.replace(/fill="([^"]*)"/g, (match, p1) => {
-        // 保留透明和none值
-        if (p1 === 'none' || p1 === 'transparent') {
+    if (props.size) {
+        // 替换width属性
+        processed = processed.replace(/width="([^"]*)"/g, (match, p1) => {
+            if (props.size !== null) {
+                return `width="${props.size}"`;
+            }
             return match;
-        }
-        return `fill="${props.color}"`;
-    });
+        });
 
-    // 替换stroke属性
-    processed = processed.replace(/stroke="([^"]*)"/g, (match, p1) => {
-        // 保留透明和none值
-        if (p1 === 'none' || p1 === 'transparent') {
+        // 替换height属性
+        processed = processed.replace(/height="([^"]*)"/g, (match, p1) => {
+            if (props.size !== null) {
+                return `height="${props.size}"`;
+            }
             return match;
-        }
-        return `stroke="${props.color}"`;
-    });
-
-    // 替换width属性
-    processed = processed.replace(/width="([^"]*)"/g, (match, p1) => {
-        if (props.size !== null) {
-            return `width="${props.size}"`;
-        }
-        return match;
-    });
-
-    // 替换height属性
-    processed = processed.replace(/height="([^"]*)"/g, (match, p1) => {
-        if (props.size !== null) {
-            return `height="${props.size}"`;
-        }
-        return match;
-    });
+        });
+    }
 
-    console.log(processed)
+    // console.log(processed)
     return processed;
 });
 
@@ -131,10 +135,14 @@ onMounted(() => {
 <style scoped>
 .color-svg {
     display: inline-block;
+    /* svg垂直居中 */
+    vertical-align: middle;
 }
 
 .svg-container {
-    display: inline-block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: 100%;
     height: 100%;
 }

src/components/base/messageBubble/index.vue

@@ -10,11 +10,10 @@
 			</div>
 			<!-- <div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div> -->
 		</div>
-		<div class="msg-bubble-main">
-			<div class="message-bubble" v-for="(item, index) in messageList" :key="index" @click="handleClickPerson(item)">
+		<div class="msg-bubble-main" ref="scrollContainer">
+			<div class="message-bubble" v-for="(item, index) in displayList" :key="index" @click="handleClickPerson(item)">
 				<div class="avatar-container">
 					<img :src="item[props.imageUrl] || avatarUser" :alt="item[props.name]" class="avatar" />
-
 					<div class="avatar-containerOne" v-if="isRepublicanParty">
 						<img src="./image2.png" alt="" class="avatar-imageOne" />
 					</div>
@@ -35,27 +34,12 @@
 					</div>
 				</div>
 			</div>
-			<!-- <MessageBubble v-for="(item, index) in messageList" @click="handleClickPsserson(item)"
-				@info-click="handleMediaClick(item)" :key="index" :avatar="item.img ? item.img : DefaultIcon1" :name="item.name"
-				:time="item.time" :source="item.source" :content="item.content" /> -->
-			<!-- <div class="msg-bubble-main-item" v-for="(item, index) in messageList" :key="index">
-								<div class="left" @click="handleClickPerson(item)">
-									<img :src="item.img ? item.img : DefaultIcon1" alt="" />
-								</div>
-								<div class="right">
-									<div class="right-top">
-										<div class="name">{{ item.name }}</div>
-										<div class="time">{{ item.time }}</div>
-									</div>
-									<div class="content">{{ item.content }}</div>
-								</div>
-							</div> -->
 		</div>
 	</div>
 </template>
 
 <script setup>
-import { computed } from "vue";
+import { ref, computed, onMounted, onBeforeUnmount } from "vue";
 import avatarUser from "@/assets/images/avatar_user.png";
 
 const emit = defineEmits(["click", "info-click"]);
@@ -118,6 +102,66 @@ const handleInfoClick = item => {
 const handleToMoreNews = item => {
 	emit("more-click", item);
 };
+
+const scrollContainer = ref(null)
+let timer = null
+const currentIndex = ref(0)
+// const itemHeight = ref(80) // 每条消息的高度，需要根据实际调整
+
+// 计算当前显示的消息列表（只显示固定数量的消息）
+const displayList = computed(() => {
+	if(props.messageList.length < 4) {
+		return props.messageList
+	}
+	// 确保 messageList 存在且有数据
+	if (!props.messageList || !Array.isArray(props.messageList) || props.messageList.length === 0) {
+		return []
+	}
+
+	const list = []
+	const totalLength = props.messageList.length
+
+	for (let i = 0; i < 3; i++) {
+		// 计算当前索引，确保不会超出数组长度
+		const index = (currentIndex.value + i) % totalLength
+		const item = props.messageList[index]
+
+		// 确保 item 存在再添加到列表
+		if (item) {
+			list.push(item)
+		}
+	}
+
+	return list
+})
+
+// 开始滚动
+const startScroll = () => {
+	if (timer) clearInterval(timer)
+	timer = setInterval(() => {
+		currentIndex.value = (currentIndex.value + 1) % props.messageList.length
+	}, 2000) // 每秒滚动一条
+}
+
+// 停止滚动
+const stopScroll = () => {
+	if (timer) {
+		clearInterval(timer)
+		timer = null
+	}
+}
+
+onMounted(() => {
+	if (props.messageList.length > 3) {
+		startScroll()
+	}
+
+})
+
+onBeforeUnmount(() => {
+	stopScroll()
+})
+
 </script>
 
 <style lang="scss" scoped>
@@ -180,7 +224,7 @@ const handleToMoreNews = item => {
 
 	.msg-bubble-main {
 		height: 402px;
-		overflow-y: auto;
+		overflow: hidden;
 		box-sizing: border-box;
 		padding-bottom: 8px;
 		padding-left: 21px;
@@ -190,6 +234,8 @@ const handleToMoreNews = item => {
 			display: flex;
 			max-width: 740px;
 			margin-bottom: 15px;
+			transition: transform 2s ease;
+			/* 可选：添加平滑动画 */
 
 			.avatar-container {
 				flex-shrink: 0;
@@ -317,6 +363,18 @@ const handleToMoreNews = item => {
 	}
 }
 
+// .msg-bubble-main {
+//   height: 400px; /* 设置固定高度 */
+//   overflow: hidden;
+//   position: relative;
+// }
+
+// .message-bubble {
+//   transition: transform 0.3s ease; /* 可选：添加平滑动画 */
+//   height: 80px; /* 固定每条消息高度 */
+//   margin-bottom: 10px; /* 消息之间的间距 */
+// }
+
 /* 响应式设计 */
 @media (max-width: 768px) {
 	.message-bubble {

src/components/base/moduleHeader/index.vue

@@ -9,14 +9,9 @@
 				<SearchBar v-show="isShowSearchBar" />
 				<div class="title-box" v-show="!isShowSearchBar">
 					<!-- <div class="title-box" v-if="false"> -->
-					<div
-						class="title"
-						v-for="(item, index) in homeTitleList"
-						:key="index"
-						@mouseenter="handleShowMenu(index, true)"
-						@mouseleave="handleShowMenu(index, false)"
-						@click="handleClickTitle(item)"
-					>
+					<div class="title" v-for="(item, index) in homeTitleList" :key="index"
+						@mouseenter="handleShowMenu(index, true)" @mouseleave="handleShowMenu(index, false)"
+						@click="handleClickTitle(item)">
 						<div class="text" :class="{ textActive: homeActiveTitleIndex === index }">
 							{{ item.name }}
 						</div>
@@ -36,7 +31,8 @@
 					<div class="name">{{ "管理员" }}</div>
 				</div>
 			</div>
-			<div class="menu-box" v-show="isShowMenu" @mouseenter="handleHoverMenu(true)" @mouseleave="handleHoverMenu(false)">
+			<div class="menu-box" v-show="isShowMenu" @mouseenter="handleHoverMenu(true)"
+				@mouseleave="handleHoverMenu(false)">
 				<div class="menu-content">
 					<div class="menu-item" v-for="(item, index) in menuList" :key="index" @click="handleToModule(item)">
 						<div class="icon">
@@ -90,7 +86,7 @@ const handleGetPersonType = async () => {
 			personTypeList.value = [];
 		}
 		window.sessionStorage.setItem("personTypeList", JSON.stringify(personTypeList.value));
-	} catch (error) {}
+	} catch (error) { }
 };
 
 // 概览页标题列表
@@ -230,6 +226,7 @@ onMounted(() => {
 	box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
 	background: linear-gradient(180deg, rgba(246, 250, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
 	padding: 12px 0;
+
 	.nav-content {
 		width: 1600px;
 		margin: 0 auto;
@@ -237,11 +234,14 @@ onMounted(() => {
 		justify-content: space-between;
 		position: relative;
 		align-items: flex-start;
+
 		.nav-left {
 			display: flex;
 			align-items: center;
+
 			&.flex-start {
 				align-items: flex-start;
+
 				.icon {
 					flex-shrink: 0;
 					width: 48px;
@@ -251,16 +251,19 @@ onMounted(() => {
 					display: flex;
 					align-items: center;
 					justify-content: center;
+
 					img {
 						width: 29px;
 						height: 30px;
 					}
 				}
 			}
+
 			.icon {
 				width: 29px;
 				height: 30px;
 				margin-right: 17px;
+
 				img {
 					width: 100%;
 					height: 100%;
@@ -274,6 +277,7 @@ onMounted(() => {
 				.title {
 					cursor: pointer;
 					position: relative;
+
 					&:hover {
 						.text {
 							color: var(--color-main-active);
@@ -299,6 +303,7 @@ onMounted(() => {
 						width: 90%;
 						height: 20px;
 						margin-top: 9px;
+
 						&::after {
 							display: block;
 							content: "";
@@ -365,23 +370,35 @@ onMounted(() => {
 		}
 
 		.menu-box {
+			// position: absolute;
+			// z-index: 999999999;
+			// width: 713px;
+			// height: 413px;
+			// top: 52px;
+			// left: 0;
+			// box-sizing: border-box;
+			// border-radius: 10px;
+			// backdrop-filter: blur(10px);
+			// -webkit-backdrop-filter: blur(10px);
+			// box-shadow: 0px 8px 32px 0px rgba(31, 38, 135, 0.15);
+			// background: rgba(255, 255, 255, 0.25);
+			// backdrop-filter: blur(10px);
+			// -webkit-backdrop-filter: blur(10px);
+			// border: 1px solid rgba(255, 255, 255, 0.3);
+			// background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
+			// box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
 			position: absolute;
-			z-index: 999999999;
+			z-index: 999999;
 			width: 713px;
 			height: 413px;
 			top: 52px;
-			left: 0;
+			left: -2px;
 			box-sizing: border-box;
+			border: 1px solid rgba(255, 255, 255, 1);
 			border-radius: 10px;
-			backdrop-filter: blur(10px);
-			-webkit-backdrop-filter: blur(10px);
-			box-shadow: 0px 8px 32px 0px rgba(31, 38, 135, 0.15);
-			background: rgba(255, 255, 255, 0.25);
-			backdrop-filter: blur(10px);
-			-webkit-backdrop-filter: blur(10px);
-			border: 1px solid rgba(255, 255, 255, 0.3);
-			background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
-			box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
+			backdrop-filter: blur(30px);
+			box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+			background: rgba(255, 255, 255, 0.8);
 
 			.menu-content {
 				width: 562px;

src/components/base/newsList/NewsItem.vue

 <template>
-  <div class="box3-item" @click="handleToNewsAnalysis(news)">
-    <div class="left">
-      <img :src="news[props.img] ? news[props.img] : DefaultIconNews" alt="" />
-    </div>
-    <div class="right">
-      <div class="right-top">
-        <div class="title"><span class="text-inner">{{ news[props.title] }}</span></div>
-        <div class="time">{{ news[props.from] }}</div>
-      </div>
-      <div class="right-footer">{{ news[props.content] }}</div>
-    </div>
-  </div>
+  <el-space alignment="flex-start" :size="10">
+    <img :width="64" :height="52" :src="news ?? DefaultIconNews" alt="" />
+    <el-space direction="vertical" alignment="flex-start" :size="0">
+      <common-text :line-limit="1" class="text-regular text-hover" color="var(--text-primary-80-color)">
+        {{ title }}
+      </common-text>
+      <common-text :line-limit="1" class="text-tip-1" color="var(--text-primary-65-color)">
+        {{ from }}
+      </common-text>
+    </el-space>
+  </el-space>
 </template>
 
 <script setup>
 import DefaultIconNews from "@/assets/icons/default-icon-news.png";
-const props = defineProps({
-
-  // 新闻列表数据
-  news: {
-    type: Object,
-    default: () => { }
-  },
+import { ElSpace } from "element-plus";
+import CommonText from "../texts/CommonText.vue";
 
+const props = defineProps({
   img: {
     type: String,
-    default: 'img'
+    default: ''
   },
   title: {
     type: String,
-    default: "title"
+    default: ""
   },
   from: {
     type: String,
-    default: "from"
+    default: ""
   },
   content: {
     type: String,
-    default: "content"
+    default: ""
   },
 
 });
@@ -49,72 +44,4 @@ const handleToNewsAnalysis = (item, index) => {
 </script>
 <style lang="scss" scoped>
 @use '@/styles/common.scss';
-
-.box3-item {
-  display: flex;
-  align-items: center;
-  height: 78px;
-  margin: 0px 21px;
-  cursor: pointer;
-
-  &:hover {
-    .right-top .title {
-      color: rgb(5, 95, 194) !important;
-      font-weight: 700;
-    }
-
-    .right-top .text-inner {
-      border-bottom-color: rgb(5, 95, 194) !important;
-    }
-  }
-}
-
-.left {
-  width: 97px;
-  // flex-shrink: 0;
-  height: 72px;
-
-  img {
-    width: 100%;
-    height: 100%;
-    border-radius: 4px;
-  }
-}
-
-.right {
-  flex: 1;
-  min-width: 0;
-  margin-left: 20px;
-
-  .right-top {
-    display: flex;
-    justify-content: space-between;
-
-    .title {
-      // width: 500px;
-      @extend .text-title-3-bold;
-      color: var(--text-primary-80-color);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-
-      .text-inner {
-        border-bottom: 1px solid transparent;
-
-      }
-    }
-
-    .time {
-      text-align: right;
-      @extend .text-tip-2;
-      color: var(--text-primary-65-color);
-    }
-  }
-
-  .right-footer {
-    @extend .text-compact;
-    color: var(--text-primary-65-color);
-    @include common.text-ellipsis(2);
-  }
-}
 </style>
\ No newline at end of file

src/components/base/newsList/NewsItem2.vue

+<template>
+    <div class="news-item">
+        <el-space direction="vertical" class="flex-fill" alignment='flex-start'>
+            <common-text :lineLimit="1" class="text-bold" color="var(--text-primary-80-color)">{{
+                props.title
+                }}</common-text>
+            <common-text class="text-tip-2" color="var(--text-primary-65-color)">
+                {{ props.from }}
+            </common-text>
+            <el-space v-if="props.aeraTags">
+                <area-tag v-for="(tag, index) in props.aeraTags" :key="index" :tagName="tag" />
+            </el-space>
+        </el-space>
+        <img style="width: 122px; height: 82px" :src="props.img">
+        <!-- <img v-else style="width: 122px; height: 82px" :src="DefaultIconNews"> -->
+    </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { ElSpace } from 'element-plus'
+import AreaTag from '@/components/base/AreaTag/index.vue'
+import DefaultIconNews from "@/assets/icons/default-icon-news.png";
+import CommonText from '../texts/CommonText.vue';
+
+const props = defineProps({
+
+    img: {
+        type: String,
+        default: 'img'
+    },
+    title: {
+        type: String,
+        default: "title"
+    },
+    from: {
+        type: String,
+        default: "from"
+    },
+    aeraTags: {
+        type: Array,
+        default: []
+    },
+    content: {
+        type: String,
+        default: "content"
+    },
+
+});
+const emit = defineEmits(['item-click', 'more-click']);
+</script>
+<style lang="scss" scoped>
+@use '@/styles/common.scss';
+
+.news-item {
+    display: flex;
+    margin-top: 10px;
+}
+</style>
\ No newline at end of file

src/components/base/panes/AiTipPane.vue

-<script setup>
-
-</script>
 <template>
     <div class="flex-display box">
-        <div class="img"></div>
+        <div class="img">
+            <img src="@/assets/icons/box-footer-left-icon.png" alt="">
+        </div>
         <div class="flex-fill txt text-tip-1">
             <slot></slot>
         </div>
-        <div class="arrow"><span>→</span></div>
+        <div class="arrow">
+            <img src="@/assets/icons/box-footer-right-icon.png" alt="">
+        </div>
     </div>
 </template>
+<script setup>
+
+</script>
 <style scoped lang="scss">
 @use '@/styles/common.scss';
 
@@ -29,7 +33,11 @@
 .img {
     width: 19px;
     height: 20px;
-    background-image: url("@/assets/icons/model.png");
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
 }
 
 .txt {
@@ -42,21 +50,12 @@
 }
 
 .arrow {
-    border-radius: 50%;
-    min-width: 24px;
     width: 24px;
     height: 24px;
-    background: var(--color-primary-10);
-    display: flex;
-    align-items: center;
-    justify-content: center;
 
-    span {
-        font-size: 22px;
-        font-weight: bold;
-        position: relative;
-        top: -3px;
-        /* 向上偏移2px */
+    img {
+        width: 100%;
+        height: 100%;
     }
 }
 </style>
\ No newline at end of file

src/components/base/texts/ColorPrefixTitle.vue

 <template>
-    <el-space :size="16" class="text-tip-1-bold box">
+    <el-space :size="16" class="text-tip-1-bold box-color-prefix">
         <div class="color-prefix"></div>
         <slot></slot>
     </el-space>
@@ -11,6 +11,10 @@ const props = defineProps({
     color: {
         type: String,
         default: 'var(--color-primary-100)'
+    },
+    height: {
+        type: String,
+        default: '16px'
     }
 })
 </script>
@@ -18,11 +22,11 @@ const props = defineProps({
 <style lang="scss" scoped>
 .color-prefix {
     width: 8px;
-    height: 16px;
+    height: v-bind(height);
     background-color: v-bind(color);
 }
 
-.box {
+.box-color-prefix {
     color: v-bind(color);
 }
 </style>
\ No newline at end of file

src/components/base/texts/CommonText.vue

+<template>
+    <div class="common-text-box-hudf">
+        <slot></slot>
+    </div>
+</template>
+<script setup lang="js">
+const props = defineProps({
+    color: {
+        type: String,
+        default: "#000"
+    },
+    lineLimit: {
+        type: Number,
+        default: null
+    }
+});
+</script>
+<style lang="scss" scoped>
+@use '@/styles/common.scss';
+
+.common-text-box-hudf {
+    color: v-bind(color) !important;
+
+    @if('v-bind(lineLimit) !==null') {
+        @include common.text-ellipsis(v-bind(lineLimit));
+    }
+}
+</style>

src/components/base/texts/IntelligentEntityText.vue

+<template>
+    <p class="p-regular-rereg">
+        <span class="text-regular" v-for="(segment, index) in processedText" :key="index">
+            <a v-if="segment.isEntity" :href="`https://cn.bing.com/search?q=${segment.entity?.text_span}`"
+                class="entity-link" target="_blank" rel="noopener noreferrer">
+                {{ segment.entity?.text_span }}
+                <img :src="SearchIcon" :width="10" :height="10" alt="search" />
+            </a>
+            <span v-else>
+                {{ segment.text }}
+            </span>
+        </span>
+    </p>
+</template>
+<script lang="ts" setup>
+import { TextEntity } from '@/api/intelligent';
+import { ref, watch, onMounted } from 'vue';
+import SearchIcon from './images/search.png'
+
+export interface ProcessedTextSegment {
+    text: string
+    isEntity: boolean
+    entity?: TextEntity
+}
+const props = defineProps({
+    text: {
+        type: String,
+        default: ''
+    }
+    , entities: {
+        type: Array<TextEntity>,
+        default: () => []
+    }
+})
+
+// 处理后的文本段
+const processedText = ref<ProcessedTextSegment[]>([])
+// 处理文本，识别并替换实体
+const processText = () => {
+    if (!props.text || !props.entities) {
+        console.log('props.text', props.entities.length)
+        processedText.value = [{ text: '', isEntity: false }]
+        return
+    }
+
+    const result = []
+    let currentPosition = 0
+
+    // 按实体文本长度排序，优先匹配长文本
+    const sortedEntities = [...props.entities].sort((a, b) =>
+        b.text_span.length - a.text_span.length
+    )
+
+    while (currentPosition < props.text.length) {
+        let matched = false
+
+        for (const entity of sortedEntities) {
+            const entityText = entity.text_span
+            const endPosition = currentPosition + entityText.length
+
+            if (props.text.substring(currentPosition, endPosition) === entityText) {
+                // 如果当前位置是实体，添加到结果
+                result.push({
+                    isEntity: true,
+                    entity: { ...entity }
+                })
+                currentPosition = endPosition
+                matched = true
+                break
+            }
+        }
+
+        if (!matched) {
+            // 如果不是实体，收集普通文本
+            let nextEntityStart = props.text.length
+
+            for (const entity of sortedEntities) {
+                const pos = props.text.indexOf(entity.text_span, currentPosition)
+                if (pos !== -1 && pos < nextEntityStart) {
+                    nextEntityStart = pos
+                }
+            }
+
+            if (nextEntityStart > currentPosition) {
+                const plainText = props.text.substring(currentPosition, nextEntityStart)
+                result.push({
+                    text: plainText,
+                    isEntity: false
+                })
+                currentPosition = nextEntityStart
+            } else {
+                // 没有更多实体，添加剩余文本
+                const remainingText = props.text.substring(currentPosition)
+                if (remainingText) {
+                    result.push({
+                        text: remainingText,
+                        isEntity: false
+                    })
+                }
+                currentPosition = props.text.length
+            }
+        }
+    }
+
+    processedText.value = result
+}
+// 监听文本和实体变化
+watch(() => props.text, processText)
+watch(() => props.entities, processText, { deep: true })
+
+// 初始化处理
+onMounted(processText)
+</script>
+<style lang="scss" scoped>
+@use '@/styles/common.scss';
+
+.entity-link {
+    color: var(--color-primary-100);
+}
+
+.p-regular-rereg {
+    text-indent: 2em;
+}
+</style>
\ No newline at end of file

src/router/common.js

+import { useRouter } from "vue-router";
+export function useGotoPage() {
+    const router = useRouter();
+    return (path, data, isNewTabs = true) => {
+        console.log('path', path);
+        if (isNewTabs) {
+            // 打开新页面
+            const url = new URL(window.location.origin + path);
+            if (data) {
+                Object.entries(data).forEach(([key, value]) => {
+                    url.searchParams.append(key, value);
+                });
+            }
+            window.open(url.toString(), '_blank');
+        } else {
+            // 当前页面打开
+            router.push({ path, query: data });
+        }
+    }
+}
\ No newline at end of file

src/router/modules/bill.js

@@ -13,6 +13,7 @@ const BillInfluenceLayout = () => import('@/views/bill/influence/index.vue')
 const BillInfluenceIndustry = () => import('@/views/bill/influence/industry/index.vue')
 const BillInfluenceScientificResearch = () => import('@/views/bill/influence/scientificResearch/index.vue')
 const BillRelevantCircumstance = () => import('@/views/bill/relevantCircumstance/index.vue')
+const BillOriginalText = () => import('@/views/bill/billOriginalText/index.vue')
 
 
 const billRoutes = [
@@ -35,6 +36,14 @@ const billRoutes = [
       dynamicTitle: true // 标记需要动态设置标题
     },
     children: [
+      {
+        path: "originalText",
+        name: "BillOriginalText",
+        component: BillOriginalText,
+        meta: {
+          title: "法案原文"
+        }
+      },
       // 法案分析路由
       {
         path: "bill",

src/router/modules/news.js

 const newsBrief = () => import('@/views/newsBrief/index.vue')
+const ModeuleNews = () => import('@/views/newsBrief/ModeuleNews.vue')
+const NewsDetial = () => import('@/views/newsBrief/NewsDetial.vue')
 const NewsAnalysis = () => import('@/views/newsAnalysis/index.vue')
 
 const newsRoutes = [
@@ -11,6 +13,25 @@ const newsRoutes = [
 			title: "新闻速览"
 		}
 	},
+	//新闻模块页面路由
+	{
+		path: "/newsModeule/:id",
+		name: "newsModeule",
+		component: ModeuleNews,
+		meta: {
+			title: "新闻模块"
+		}
+	},
+
+	//新闻详情页面路由
+	{
+		path: "/newsDetail/:id",
+		name: "newsDetail",
+		component: NewsDetial,
+		meta: {
+			title: "新闻详情"
+		}
+	},
 
 	// 新闻事件分析
 	{
@@ -22,5 +43,21 @@ const newsRoutes = [
 		}
 	}
 ];
+import { useGotoPage } from "../common.js";
+
+export function useGotoNewsBrief() {
+	const gotoPage = useGotoPage();
+	return (isNewTabs = true) => gotoPage("/newsBrief/", {}, isNewTabs)
+}
+export function useGotoNewsDetail() {
+	const gotoPage = useGotoPage();
+	return (id, isNewTabs = true) => gotoPage("/newsDetail/" + id, {}, isNewTabs)
+}
+export function useGotoNewsModule() {
+	const gotoPage = useGotoPage();
+	return (id, name, isNewTabs = true) =>
+		gotoPage("/newsModeule/" + id, { name }, isNewTabs)
+}
+
 
 export default newsRoutes;

src/styles/common.scss

@@ -11,19 +11,19 @@
     display: flex;
 }
 
-.flex-display-center{
+.flex-display-center {
     @extend .flex-display;
     justify-content: center;
     align-items: center;
 }
 
-.flex-display-end{
+.flex-display-end {
     @extend .flex-display;
     justify-content: flex-end;
     align-items: center;
 }
 
-.flex-display-start{
+.flex-display-start {
     @extend .flex-display;
     justify-content: flex-start;
     align-items: center;
@@ -37,6 +37,13 @@
     width: 100%;
 }
 
+.mouse-hover:hover {
+    cursor: pointer;
+    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.082);
+    // margin-top: 1px;
+    // margin-left: 1px;
+}
+
 // 文本超出指定行数省略号显示
 @mixin text-ellipsis($line-clamp) {
     overflow: hidden;
@@ -64,6 +71,13 @@
     color: var(--text-primary-80);
 }
 
+.text-hover {
+    &:hover {
+        color: rgb(5, 95, 194) !important;
+        font-weight: 700;
+    }
+}
+
 //0级标题
 .text-title-0 {
     @extend .text-base;

src/styles/components/CommonPage/index.vue

@@ -14,12 +14,30 @@ const span = 12
 </template>
 `}}
 </pre>
-            <div class="background-as-card">
-                <div v-for="item in [1, 2, 3, 4]" :key="item">
-                    {{ item }}
+            <div class="common-padding">
+                <div class="background-as-card">
+                    <div v-for="item in [1, 2, 3, 4]" :key="item">
+                        {{ item }}
+                    </div>
                 </div>
             </div>
         </el-col>
+        <el-col :span="span">
+            <pre>{{ `import '@/styles/container.scss';\n<template>
+    <div class="common-page"></div>
+</template>
+        `}}
+    </pre>
+            通用的页面容器，限定了页面宽度为1600px，居中显示
+        </el-col>
+        <el-col :span="span">
+            <pre>{{ `import '@/styles/common.scss';\n<template>
+    <div class="mouse-hover"></div>
+</template>
+        `}}
+    </pre>
+            <div class="mouse-hover">鼠标悬停</div>
+        </el-col>
     </el-row>
 </template>
 

src/styles/components/GraphChart/index.vue

+<template>
+  <el-row class="wrapper layout-grid-line">
+    <el-col :span="span">
+      <pre>
+        {{
+          `import GraphChart from '@/components/base/GraphChart/index.vue';
+        <template>
+            <GraphChart :nodes="nodes" :links="links" layoutType="none">
+            </GraphChart>
+        </template>
+`}}
+</pre>
+      <div class="chart-box">
+        <GraphChart :nodes="nodes" :links="links" layoutType="none">
+        </GraphChart>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import GraphChart from '@/components/base/GraphChart/index.vue'
+
+import CompanyImg from "./symbol.png"
+const span = 24
+
+const nodes = ref([
+  {
+    id: 0,
+    name: "泰丰先行",
+    // category: 0,
+    symbolSize: 30,
+    value: 8,
+    symbol: `image://${CompanyImg}`,
+    x: 50,
+    y: 10
+  },
+  {
+    id: 1,
+    name: "国轩高科",
+    // category: 0,
+    symbolSize: 30,
+    value: 9,
+    symbol: `image://${CompanyImg}`,
+    x: 150,
+    y: 10
+  },
+  {
+    id: 2,
+    name: "智方纳米",
+    // category: 2,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+    x: 250,
+    y: 10
+  },
+  {
+    id: 3,
+    name: "香百科技",
+    // category: 1,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+    x: 350,
+    y: 10
+  },
+  {
+    id: 4,
+    name: "格林滨",
+    // category: 2,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+    x: 450,
+    y: 10
+  },
+  {
+    id: 5,
+    name: "江西紫宸",
+    // category: 2,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+    x: 550,
+    y: 10
+  },
+  {
+    id: 6,
+    name: "紫江企业",
+    // category: 4,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+    x: 650,
+    y: 10
+  },
+  {
+    id: 7,
+    name: "大而美法案",
+    // category: 4,
+    symbolSize: 50,
+    value: 5,
+    symbol: `image://${CompanyImg}`,
+    x: 300,
+    y: 200
+  },
+  {
+    id: 8,
+    name: "比亚迪",
+    // category: 0,
+    symbolSize: 30,
+    value: 10,
+    symbol: `image://${CompanyImg}`,
+    x: 50,
+    y: 400
+  },
+  {
+    id: 9,
+    name: "铜陵有色",
+    // category: 3,
+    symbolSize: 30,
+    value: 8,
+    symbol: `image://${CompanyImg}`,
+    x: 150,
+    y: 400
+  },
+  {
+    id: 10,
+    name: "长盛精密",
+    // category: 1,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+    x: 250,
+    y: 400
+  },
+  {
+    id: 11,
+    name: "天合光能",
+    // category: 0,
+    symbolSize: 30,
+    value: 8,
+    symbol: `image://${CompanyImg}`,
+    x: 350,
+    y: 400
+  },
+  {
+    id: 12,
+    name: "昆仑化学",
+    // category: 2,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+    x: 250,
+    y: 400
+
+  },
+  {
+    id: 13,
+    name: "嘉源科技",
+    // category: 1,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+    x: 450,
+    y: 400
+  },
+  {
+    id: 14,
+    name: "华阳集团",
+    // category: 4,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+    x: 550,
+    y: 400
+  },
+  {
+    id: 15,
+    name: "海辰智能",
+    // category: 1,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+    x: 650,
+    y: 400
+  },
+]);
+
+const links = ref([
+  { source: 1, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 2, target: 7, label: { show: true, formatter: '持股' } },
+  { source: 3, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 4, target: 7, lineStyle: { type: 'dashed', color: '#d32f2f' }, label: { show: true, formatter: '从属' } },
+  { source: 5, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 6, target: 7, label: { show: true, formatter: '持股' } },
+  { source: 0, target: 7, label: { show: true, formatter: '持股' } },
+  { source: 8, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 9, target: 7, lineStyle: { type: 'dashed', color: '#d32f2f' }, label: { show: true, formatter: '从属' } },
+  { source: 10, target: 7, lineStyle: { type: 'dashed', color: '#d32f2f' }, label: { show: true, formatter: '合作' } },
+  { source: 11, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 12, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 13, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 14, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 15, target: 7, label: { show: true, formatter: '合作', color: 'red', borderColor: 'red' } },
+]);
+
+</script>
+
+<style lang="scss" scoped>
+.wrapper {
+  width: 100%;
+}
+
+.chart-box {
+  width: 800px;
+  height: 500px;
+}
+
+</style>
\ No newline at end of file

src/styles/components/GraphTreeChart/index.vue

+<template>
+  <el-row class="wrapper layout-grid-line">
+    <el-col :span="span">
+      <pre>
+    {{
+      `import GraphChart from '@/components/base/GraphChart/index.vue';
+    <template>
+            <GraphChart :nodes="nodes" :links="links"  layoutType="force" >
+            </GraphChart>
+        </template>
+`}}
+</pre>
+      <div class="chart-box">
+        <GraphChart :nodes="nodes" :links="links">
+        </GraphChart>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import GraphChart from '@/components/base/GraphChart/index.vue'
+
+import CompanyImg from "./symbol.png"
+const span = 24
+
+const nodes = ref([
+  {
+    id: 1,
+    name: "泰丰先行",
+    // category: 0,
+    symbolSize: 30,
+    value: 8,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 2,
+    name: "国轩高科",
+    // category: 0,
+    symbolSize: 30,
+    value: 9,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 3,
+    name: "智方纳米",
+    // category: 2,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 4,
+    name: "香百科技",
+    // category: 1,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 5,
+    name: "格林滨",
+    // category: 2,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 6,
+    name: "江西紫宸",
+    // category: 2,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 7,
+    name: "紫江企业",
+    // category: 4,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 8,
+    name: "大而美法案",
+    // category: 4,
+    symbolSize: 50,
+    value: 5,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 9,
+    name: "比亚迪",
+    // category: 0,
+    symbolSize: 30,
+    value: 10,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 10,
+    name: "铜陵有色",
+    // category: 3,
+    symbolSize: 30,
+    value: 8,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 11,
+    name: "长盛精密",
+    // category: 1,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 12,
+    name: "天合光能",
+    // category: 0,
+    symbolSize: 30,
+    value: 8,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 13,
+    name: "昆仑化学",
+    // category: 2,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 14,
+    name: "嘉源科技",
+    // category: 1,
+    symbolSize: 30,
+    value: 6,
+    symbol: `image://${CompanyImg}`,
+  },
+  {
+    id: 15,
+    name: "华阳集团",
+    // category: 4,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+
+  },
+  {
+    id: 16,
+    name: "海辰智能",
+    // category: 1,
+    symbolSize: 30,
+    value: 7,
+    symbol: `image://${CompanyImg}`,
+
+  },
+]);
+
+const links = ref([
+  { source: 1, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 2, target: 7, label: { show: true, formatter: '持股' } },
+  { source: 3, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 4, target: 7, lineStyle: { type: 'dashed', color: '#d32f2f' }, label: { show: true, formatter: '从属' } },
+  { source: 5, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 6, target: 7, label: { show: true, formatter: '持股' } },
+  { source: 8, target: 7, label: { show: true, formatter: '持股' } },
+  { source: 9, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 10, target: 7, lineStyle: { type: 'dashed', color: '#d32f2f' }, label: { show: true, formatter: '从属' } },
+  { source: 11, target: 7, lineStyle: { type: 'dashed', color: '#d32f2f' }, label: { show: true, formatter: '合作' } },
+  { source: 12, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 13, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 14, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 15, target: 7, label: { show: true, formatter: '合作' } },
+  { source: 16, target: 7, label: { show: true, formatter: '合作', color: 'red', borderColor: 'red' } },
+]);
+
+
+
+</script>
+
+<style lang="scss" scoped>
+.wrapper {
+  width: 100%;
+}
+
+.chart-box {
+  width: 1600px;
+  height: 800px;
+}
+</style>
\ No newline at end of file

src/styles/components/RadioPage/index.vue

@@ -24,6 +24,19 @@ const span = 12
                 <el-radio-button :value="3">选项3</el-radio-button>
             </el-radio-group>
         </el-col>
+        <el-col :span="span">
+            <pre>{{ `import '@/styles/radio.scss';\n <template>
+    <el-radio-group class="radio-group-as-radius-btn">
+    </el-radio-group>
+</template>
+        `}}
+    </pre>
+            <el-radio-group v-model="radio" class="radio-group-as-radius-btn">
+                <el-space>
+                    <el-radio-button v-for="item in 3" :key="item" :value="item">选项{{ item }} ></el-radio-button>
+                </el-space>
+            </el-radio-group>
+        </el-col>
     </el-row>
 </template>
 

src/styles/components/TextPage/index.vue

@@ -3,6 +3,7 @@ import { ElSpace, ElRow, ElCol } from 'element-plus';
 import '@/styles/tabs.scss'
 import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';
 import AiTipPane from '@/components/base/panes/AiTipPane.vue';
+import CommonText from '@/components/base/texts/CommonText.vue';
 const span = 12
 </script>
 
@@ -10,20 +11,37 @@ const span = 12
     <el-row class="layout-grid-line">
         <el-col :span="span">
             <pre>
-{{ `import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';
+{{ `import CommonText from '@/components/base/texts/CommonText.vue';
 <template>
+    <common-text>科技领域</common-text>
+    <common-text class="text-title-1-show" color="var(--color-yellow-100)">科技领域</common-text>
+    <common-text color="red" :lineLimit="1">科技领域</common-text>
+</template>
+`}}
+</pre>
+            <el-space direction="vertical">
+                <common-text>科技领域</common-text>
+                <common-text class="text-title-1-show" color="var(--color-yellow-100)">科技领域</common-text>
+                <common-text color="red"
+                    :lineLimit="1">超出行数则省略号。超出行数则省略号。超出行数则省略号。超出行数则省略号。超出行数则省略号。超出行数则省略号。超出行数则省略号。超出行数则省略号。超出行数则省略号。</common-text>
+            </el-space>
+        </el-col>
+
+        <el-col :span="span">
+            <pre>{{ `import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';\n <template>
     <color-prefix-title>科技领域</color-prefix-title>
     <color-prefix-title color="var(--color-yellow-100)">科技领域</color-prefix-title>
     <color-prefix-title color="red">科技领域</color-prefix-title>
 </template>
-`}}
-</pre>
+        `}}
+    </pre>
             <el-space direction="vertical">
                 <color-prefix-title>科技领域</color-prefix-title>
                 <color-prefix-title color="var(--color-yellow-100)">科技领域</color-prefix-title>
                 <color-prefix-title color="red">科技领域</color-prefix-title>
             </el-space>
         </el-col>
+
         <el-col :span="span">
             <pre>{{ `import AiTipPane from '@/components/base/panes/AiTipPane.vue';\n<template>
     <ai-tip-pane>huidadadadadasda</ai-tip-pane>

src/styles/components/WarnningPane/index.vue

+<script setup>
+import { ElRow, ElCol } from 'element-plus';
+import '@/styles/common.scss'
+import WarnningPane from '@/components/base/WarningPane/index.vue'
+const span = 12
+</script>
+
+<template>
+  <el-row class="wrapper layout-grid-line">
+    <el-col :span="span">
+      <pre>
+{{
+  `import WarnningPane from '@/components/base/WarningPane/index.vue';
+<template>
+    <WarnningPane warnningLevel="特别重大风险" warnningContent="我是特别重大风险内容文字我是特别重大风险内容文字">
+    </WarnningPane>
+</template>
+`}}
+</pre>
+      <WarnningPane warnningLevel="特别重大风险" warnningContent="我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字">
+      </WarnningPane>
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+.person-avatar {
+  width: 200px;
+}
+</style>
\ No newline at end of file

src/styles/components/index.vue

@@ -8,7 +8,7 @@
                 <div class="text-title-1-show">文字样式</div>
                 <TextStyle />
                 <div class="text-title-1-show">通用样式/组件</div>
-                <div style="position: relative; min-height: 300px;">
+                <div style="position: relative; min-height: 700px;">
                     <el-tabs tabPosition="left" class="tabs-nav-no-wrap left-float-nav-tabs">
                         <el-tab-pane label="通用" lazy>
                             <common-page />
@@ -28,6 +28,15 @@
                         <el-tab-pane label="人物" lazy>
                             <people-page />
                         </el-tab-pane>
+                        <el-tab-pane label="预警面板" lazy>
+                            <WarnningPane />
+                        </el-tab-pane>
+                        <el-tab-pane label="层级关系图" lazy>
+                            <GraphChart />
+                        </el-tab-pane>
+                        <el-tab-pane label="引力关系图" lazy>
+                            <GraphTreeChart />
+                        </el-tab-pane>
                     </el-tabs>
                 </div>
             </el-space>
@@ -47,6 +56,9 @@ import CommonPage from './CommonPage/index.vue';
 import TextPage from './TextPage/index.vue';
 import ImagesPage from './Images/index.vue';
 import PeoplePage from './People/index.vue';
+import WarnningPane from './WarnningPane/index.vue'
+import GraphChart from './GraphChart/index.vue'
+import GraphTreeChart from './GraphTreeChart/index.vue'
 </script>
 
 <style lang="scss" scoped>

src/styles/container.scss

@@ -5,4 +5,15 @@
     padding: 16px 160px;
     // width: 1600px;
     align-items: center;
+}
+
+//水平居中
+.h-center {
+    //水平居中
+    margin: 0 auto;
+    display: block; // 强制设置为块级元素
+}
+
+.common-padding {
+    padding: 20px 24px;
 }
\ No newline at end of file

src/styles/radio.scss

@@ -16,4 +16,35 @@
         --el-radio-button-checked-border-color: var(--color-primary-5);
         border-radius: 4px;
     }
+}
+
+.radio-group-as-radius-btn {
+
+
+    .el-radio-button {
+        --el-radio-button-checked-bg-color: transparent;
+        --el-radio-button-checked-border-color: transparent;
+
+        .el-radio-button__inner {
+            border-radius: 32px !important;
+            // height: 40px;
+            @extend .text-regular;
+            background-color: var(--bg-white-65);
+            border-color: var(--bg-white-100);
+            border-width: 1px;
+            color: var(--text-primary-65-color);
+            //垂直居中
+            // display: flex;
+            // justify-content: center;
+        }
+    }
+
+    .el-radio-button.is-active {
+        --el-radio-button-checked-text-color: var(--color-primary-100);
+
+        .el-radio-button__inner {
+            background-color: var(--color-primary-10) !important;
+            border-color: var(--color-primary-35) !important;
+        }
+    }
 }
\ No newline at end of file

src/utils/setChart.js

 // 绘制echarts图表
 import * as echarts from 'echarts'
+import 'echarts-wordcloud';
 const setChart = (option, chartId) => {
   let chartDom = document.getElementById(chartId);
   if (!chartDom) {

src/views/ZMOverView/components/fourSuppress/components/addDomain/index.vue

@@ -141,12 +141,30 @@
 					@page-change="handleNewsPageChange"
 				/>
 			</div>
+			<!-- <custom-container title="美对华领域打压遏制排行" :titleIcon="icon3" height="700px">
+				<template #header-right>
+					<div class="title-right-select">
+						<el-select
+							v-model="selectedField"
+							@change="handleFieldChange"
+							placeholder="全部领域"
+							class="field-select"
+							:style="{ width: '160px' }"
+						>
+							<el-option v-for="item in fieldOptions" :key="item.value" :label="item.label" :value="item.value" />
+						</el-select>
+					</div>
+				</template>
+			</custom-container> -->
 			<div class="empty-section">
 				<div class="bottom-item">
 					<div class="bottom-item-title">
 						<img :src="icon3" alt="" />
 						<span>美对华领域打压遏制排行</span>
 					</div>
+					<el-select v-model="selectedField" placeholder="全部领域" class="field-select">
+						<el-option v-for="item in fieldOptions" :key="item.value" :label="item.label" :value="item.value" />
+					</el-select>
 				</div>
 				<div class="select-box">
 					<div class="rank-btns">
@@ -160,13 +178,18 @@
 							受打压院校
 						</div>
 					</div>
-					<el-select v-model="selectedField" placeholder="全部领域" class="field-select">
-						<el-option v-for="item in fieldOptions" :key="item.value" :label="item.label" :value="item.value" />
-					</el-select>
 				</div>
 				<div class="main-box" v-loading="rankLoading" element-loading-background="rgba(255, 255, 255, 0.5)">
-					<!-- 机构排行的原有样式 -->
 					<template v-if="rankType === 'institution'">
+						<div class="table-header">
+							<div class="col-rank col-rank-75"></div>
+							<div class="col-name" style="color: rgb(59, 65, 75); font-weight: 700">部门名称</div>
+							<div class="col-domain" style="color: rgb(59, 65, 75); font-weight: 700"></div>
+							<div class="col-date" style="color: rgb(59, 65, 75); font-weight: 700"></div>
+							<div class="col-member" v-if="rankType !== 'school'" style="color: rgb(59, 65, 75); font-weight: 700">
+								打压次数
+							</div>
+						</div>
 						<div v-for="(item, index) in rankList" :key="index" class="rank-item">
 							<div class="rank-num" :class="'rank-' + (index + 1)">{{ index + 1 }}</div>
 							<img :src="item.orgPicture ? item.orgPicture : defaultImg" alt="" class="rank-icon" />
@@ -177,7 +200,6 @@
 							<div class="rank-count">{{ item.count }}次</div>
 						</div>
 					</template>
-					<!-- 企业/院校排行的表格样式 -->
 					<template v-else>
 						<div class="table-header">
 							<div class="col-rank"></div>
@@ -210,7 +232,6 @@
 									</div>
 								</div>
 								<div class="col-date">{{ item.date }}</div>
-								<!-- <div class="col-member" v-if="rankType !== 'school'">{{ item.member }}</div> -->
 								<div class="col-member" v-if="rankType !== 'school'">{{ item.province }}</div>
 							</div>
 						</div>
@@ -315,10 +336,13 @@ import getMultiLineChart from "./multiLineChart";
 import CommonPrompt from "../../../../commonPrompt/index.vue";
 import leftBtn from "../../assets/left-btn.png";
 import rightBtn from "../../assets/right-btn.png";
+import icon1 from "./icon/icon-1.png";
 import icon3 from "./icon/icon-3.png";
 import icon4 from "./icon/icon-4.png";
 import defaultImg from "../../../../assets/images/default-icon2.png";
 
+import { fieldOptions } from "@/views/ZMOverView/public.js";
+
 import {
 	getAllDomainCount,
 	getDomainContainmentTrend,
@@ -330,6 +354,7 @@ import { getUSGovernmentLatestDynamic, getDepartmentList, getSanTypeList } from
 import { ElMessage } from "element-plus";
 import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
 import SimplePagination from "@/components/SimplePagination.vue";
+import CustomContainer from "@/components/Container/index.vue";
 
 const router = useRouter();
 
@@ -752,23 +777,23 @@ const svgHeight = computed(() => {
 	return startY + rows * rowHeight + 50;
 });
 
-const fieldOptions = [
-	{ value: "", label: "全部领域" },
-	{ value: "1", label: "人工智能" },
-	{ value: "2", label: "生物科技" },
-	{ value: "3", label: "新一代信息技术" },
-	{ value: "4", label: "量子科技" },
-	{ value: "5", label: "新能源" },
-	{ value: "6", label: "集成电路" },
-	{ value: "7", label: "海洋" },
-	{ value: "8", label: "先进制造" },
-	{ value: "9", label: "新材料" },
-	{ value: "10", label: "航空航天" },
-	{ value: "11", label: "深海" },
-	{ value: "12", label: "极地" },
-	{ value: "13", label: "太空" },
-	{ value: "14", label: "核" }
-];
+// const fieldOptions = [
+// 	{ value: "", label: "全部领域" },
+// 	{ value: "1", label: "人工智能" },
+// 	{ value: "2", label: "生物科技" },
+// 	{ value: "3", label: "新一代信息技术" },
+// 	{ value: "4", label: "量子科技" },
+// 	{ value: "5", label: "新能源" },
+// 	{ value: "6", label: "集成电路" },
+// 	{ value: "7", label: "海洋" },
+// 	{ value: "8", label: "先进制造" },
+// 	{ value: "9", label: "新材料" },
+// 	{ value: "10", label: "航空航天" },
+// 	{ value: "11", label: "深海" },
+// 	{ value: "12", label: "极地" },
+// 	{ value: "13", label: "太空" },
+// 	{ value: "14", label: "核" }
+// ];
 
 // 全领域统计
 const buttonsData = ref([]);
@@ -1614,8 +1639,8 @@ watch(activeDate, () => {
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
-			padding-left: 17px;
-			padding-right: 35px;
+			padding-left: 16px;
+			padding-right: 16px;
 			box-sizing: border-box;
 			background: linear-gradient(180deg, rgba(231, 243, 255, 1) 0%, rgba(231, 243, 255, 0) 100%);
 			.bottom-item-title {
@@ -1634,14 +1659,19 @@ watch(activeDate, () => {
 					color: rgb(5, 95, 194);
 				}
 			}
+			.field-select {
+				width: 160px;
+			}
 		}
 		.select-box {
 			width: 691px;
-			height: 32px;
+			height: 50px;
 			margin: 10px auto 5px auto;
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
+			border-bottom: 1px solid #eee;
+			padding-bottom: 15px;
 
 			.rank-btns {
 				display: flex;
@@ -1698,7 +1728,7 @@ watch(activeDate, () => {
 			box-sizing: border-box;
 			display: flex;
 			flex-direction: column;
-			gap: 28px;
+			gap: 21px;
 			overflow-y: auto;
 			.rank-item {
 				display: flex;
@@ -1910,6 +1940,9 @@ watch(activeDate, () => {
 				text-align: center;
 				flex-shrink: 0;
 			}
+			.col-rank-75 {
+				width: 75px;
+			}
 			.col-name {
 				flex: 1.5;
 				min-width: 0;

src/views/ZMOverView/components/fourSuppress/components/allElement/mock.json

+{
+	"code": 200,
+	"message": "操作成功",
+	"success": true,
+	"data": [
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-01"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 1,
+			"elementDate": "2025-01"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-01"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-02"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-02"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 1,
+			"elementDate": "2025-02"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-03"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-03"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-03"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 1,
+			"elementDate": "2025-04"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-04"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-04"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-05"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 1,
+			"elementDate": "2025-05"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-05"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-06"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-06"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-06"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-07"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-07"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 3,
+			"elementDate": "2025-07"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-08"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-08"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-08"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-09"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-09"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-09"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-10"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-10"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-10"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-11"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-11"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-11"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2025-12"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2025-12"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2025-12"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2026-01"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2026-01"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2026-01"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2026-02"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2026-02"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2026-02"
+		},
+		{
+			"elementName": "科研机构",
+			"elementNum": 0,
+			"elementDate": "2026-03"
+		},
+		{
+			"elementName": "科研人才",
+			"elementNum": 0,
+			"elementDate": "2026-03"
+		},
+		{
+			"elementName": "科研仪器",
+			"elementNum": 0,
+			"elementDate": "2026-03"
+		}
+	]
+}
\ No newline at end of file