feat:update

.gitignore

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

src/App.vue

@@ -321,6 +321,13 @@ body {
 .el-popper[data-popper-placement^="top"] > .el-popper__arrow:before {
 	display: none;
 }
+
+/* 单行文本溢出隐藏显示省略号 */
+.one-line-ellipsis {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
 </style>
 
 <style lang="scss" scoped>

src/api/allUnion.js

@@ -8,31 +8,40 @@ import request from "@/api/request.js";
  */
 export function getAllUnionList(params) {
 	return request({
-    method: 'GET',
-    url: `/api/union/union/unionList/${params.date}`
-  })
+		method: "GET",
+		url: `/api/union/union/unionList/${params.date}`,
+		params: {
+			domainId: params.domainId ? params.domainId : null
+		}
+	});
 }
 
 // 全联盟-获取排华数量
 /**
  * @header token
  */
-export function getUnionCount() {
+export function getUnionCount(params) {
 	return request({
-    method: 'GET',
-    url: `/api/union/union/unionCount`
-  })
+		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() {
+export function getDynamic(params) {
 	return request({
-    method: 'GET',
-    url: `/api/union/union/dynamic`
-  })
+		method: "GET",
+		url: `/api/union/union/dynamic`,
+		params
+	});
 }
 
 // 全联盟-获取排华联盟预警
@@ -43,9 +52,9 @@ export function getDynamic() {
  */
 export function getPrediction() {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/union/union/prediction`
-  })
+	});
 }
 
 // 全联盟-获取排华联盟领域分布
@@ -56,9 +65,9 @@ export function getPrediction() {
  */
 export function getIndustry() {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/union/union/industry`
-  })
+	});
 }
 
 // 全联盟-获取排华联盟国家紧密度
@@ -69,7 +78,7 @@ export function getIndustry() {
  */
 export function getCountryRelation() {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/union/union/countryRelation`
-  })
+	});
 }

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({
@@ -150,3 +170,99 @@ export function getPostMemberList() {
         url: `/api/BillDict/member`,
     })
 }
+
+
+/**
+ * 获取筛选项配置 - 行业列表
+ * 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

@@ -99,7 +99,7 @@ export function getCharacterResume(params) {
 export function getCharacterView(params) {
     return request({
         method: 'GET', 
-        url: `/api/personHomepage/option/${params.personId}/${params.year}`,
+        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,
     })
 }
@@ -142,3 +142,61 @@ export function getCharacterRelatedEntity(params) {
         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/decree/background.js

@@ -12,6 +12,18 @@ export function getDecreeBackground(params) {
     })
 }
 
+// 前序政令
+/**
+ * @param {id} 
+ */
+export function getDecreePrev(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/prev/${params.id}`,
+        params
+    })
+}
+
 // 相关事件
 /**
  * @param { id } 
@@ -35,3 +47,27 @@ export function getDecreeDepend(params) {
         params
     })
 }
+
+// 主要指令
+/**
+ * @param { id } 
+ */
+export function getDecreeMainContent(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/mainContent/${params.id}`,
+        params
+    })
+}
+
+// 相关实体
+/**
+ * @param { id } 
+ */
+export function getDecreeRelatedEntity(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/relatedEntity/${params.id}`,
+        params
+    })
+}
\ No newline at end of file

src/api/decree/deepdig.js

 import request from "@/api/request.js";
 
+// 获取相关政令
+/**
+ * @param { id }
+ */
+export function getDecreeRelatedOrder(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/relatedOrder/${params.id}`,
+        params
+    })
+}
+
 // 根据政令ID获取领域公司信息
 /**
  * @param {cRelated, id} 

src/api/decree/introduction.js

@@ -60,16 +60,17 @@ export function getDecreeSummary(params) {
     })
 }
 
-// 获取报告原文
+// 获取风险信号
 /**
  * @param {id} 
  */
-// export function getDecreeReport(params) {
-//     return request({
-//         method: 'GET',
-//         url: `/api/administrativeOrderInfo/contentUrl/${params.id}`,
-//     })
-// }
+export function getDecreeRiskSignal(params) {
+    return request({
+        method: 'GET',
+        url: `/api/administrativeOrderInfo/riskSignal/${params.id}`,
+        params
+    })
+}
 
 export function getDecreeReport(params) {
     return request({

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/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
     })
 }

src/api/request.js

@@ -73,6 +73,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)) {
             ElMessage({

src/api/thinkTank/overview.js

@@ -83,6 +83,15 @@ export function getThinkTankReport(params) {
   })
 }
 
+// 智库概览：政策建议（资源库-政策建议）
+export function getThinkTankOverviewPolicy(params) {
+  return request({
+    method: 'GET',
+    url: `/api/thinkTankOverview/policy`,
+    params
+  })
+}
+
 /*********  智库信息 */
 //智库百科:获取全局信息
 export function getThinkTankSummary(params) {
@@ -119,6 +128,13 @@ export function getThinkPolicyIndustry(params) {
     url: `/api/thinkTankInfo/policyIndustry/${params.id}/${params.year}`,
   })
 }
+//提出政策建议涉及部门分布
+export function getPolicyAdviceDeptDistribution(params){
+   return request({
+    method: 'GET',
+    url: `/api/thinkTankInfo/policyDepartment/${params.id}/${params.year}`,
+  })
+}
 
 //获取相关政策领域分布
 export function getThinkPolicyIndustryTotal(params) {
@@ -201,6 +217,15 @@ export const getThinkTankReportSummary = (params) => {
     }
   );
 }
+//智库报告：获取相关报告
+export const getThinkTankReportRelated = (params) => {
+  return request(
+    {
+      method: 'GET',
+      url: `/api/thinkTankReport/related/${params}`,
+    }
+  );
+}
 
 //获取报告原文
 export const getThinkTankReportcontentUrl = (params) => {

src/api/zmOverview/allElement/index.js

@@ -3,17 +3,28 @@ import request from "@/api/request.js";
 // 全要素统计
 export function getElementCount(params) {
 	return request({
-    method: 'GET',
-    url: `/api/element/elementCount/${params.date}`,
-  })
+		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`,
-  })
+		method: "GET",
+		url: `/api/element/newDynamics`
+	});
 }
 
 // 美对我要素打压情况
@@ -22,10 +33,14 @@ export function getNewDynamics() {
  */
 export function getElementSuppress(params) {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/element/elementSuppress/${params.date}`,
-    params
-  })
+		params: {
+			elementId: params.elementId ? params.elementId : null,
+			page: params.currentPage,
+			pageSize: params.pageSize
+		}
+	});
 }
 
 // 关键词云-上
@@ -34,9 +49,12 @@ export function getElementSuppress(params) {
  */
 export function getKeyWordUp(params) {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/element/getKeyWordUp/${params.date}`,
-  })
+		params: {
+			elementId: params.elementId ? params.elementId : null
+		}
+	});
 }
 
 // 美自身要素发展情况
@@ -45,10 +63,14 @@ export function getKeyWordUp(params) {
  */
 export function getElementDevelop(params) {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/element/elementDevelop/${params.date}`,
-    params
-  })
+		params: {
+			elementId: params.elementId ? params.elementId : null,
+			page: params.currentPage,
+			pageSize: params.pageSize
+		}
+	});
 }
 
 // 关键词云-下
@@ -57,9 +79,12 @@ export function getElementDevelop(params) {
  */
 export function getKeyWordDown(params) {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/element/getKeyWordDown/${params.date}`,
-  })
+		params: {
+			elementId: params.elementId ? params.elementId : null
+		}
+	});
 }
 
 // 通过id获取政令详细信息
@@ -68,8 +93,8 @@ export function getKeyWordDown(params) {
  */
 export function getOrderInfo(params) {
 	return request({
-    method: 'GET',
+		method: "GET",
 		url: `/api/element/getOrderInfo/${params.id}`,
 		params
-  })
+	});
 }

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/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/boxBackground/analysisBox.vue

@@ -2,7 +2,10 @@
   <div class="analysis-box-wrapper" :style="{ width: width ? width : '100%', height: height ? height : '100%' }">
     <div class="wrapper-header">
       <div class="header-icon"></div>
-      <div class="header-title">{{ title }}</div>
+      <div class="header-title">
+        <div v-if="title">{{ title }}</div>
+        <slot v-else name="custom-title"></slot>
+      </div>
       <div class="header-btn" v-if="!showAllBtn">
         <slot name="header-btn"></slot>
       </div>
@@ -47,21 +50,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')
 
@@ -81,54 +101,51 @@ const emit = defineEmits(['save', 'download', 'collect'])
   .wrapper-header {
     height: 45px;
     display: flex;
+    padding-right: 14px;
+    align-items: center;
     box-sizing: border-box;
-    position: relative;
 
     .header-icon {
-      margin-top: 18px;
       width: 8px;
       height: 20px;
       background: var(--color-main-active);
       border-radius: 0 4px 4px 0;
+      margin-right: 14px;
     }
     
     .header-title {
-      margin-left: 14px;
-      margin-top: 14px;
-      height: 26px;
+      flex: auto;
+      width: 20px;
       // color: var(--color-main-active);
       // font-family: Source Han Sans CN;
       // font-size: 20px;
       // font-weight: 700;
       // line-height: 26px;
       // letter-spacing: 0px;
-      height: 26px;
+      height: 100%;
+      &>div {
+        height: 100%;
         color: var(--color-main-active);
         font-family: Microsoft YaHei;
         font-size: 20px;
+        line-height: 45px;
         font-weight: 700;
-      line-height: 26px;
+      }
     }
 
-    .header-btn {
-      position: absolute;
-      top: 14px;
-      right: 84px;
+    // .header-btn {
     //   display: flex;
     //   justify-content: flex-end;
     //   gap: 8px;
-    }
+    // }
 
-    .header-btn1 {
-      position: absolute;
-      top: 14px;
-      right: 116px;
-    }
+    // .header-btn1 {
+    //   position: absolute;
+    //   top: 14px;
+    //   right: 116px;
+    // }
 
     .header-right {
-      position: absolute;
-      top: 14px;
-      right: 14px;
       height: 28px;
       display: flex;
       justify-content: flex-end;

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';
 
 // 组件属性
@@ -83,7 +82,7 @@ const processedSvgContent = computed(() => {
         });
     }
 
-    console.log(processed)
+    // console.log(processed)
     return processed;
 });
 

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>
+  <el-space alignment="flex-start" :size="10">
+    <img :width="97" :height="72" :src="news ?? DefaultIconNews" alt="" />
+    <el-space direction="vertical" alignment="flex-start" :size="0" fill>
+      <div class="full-width flex-display">
+        <common-text :line-limit="1" class="text-title-3-bold text-hover flex-fill"
+          color="var(--text-primary-80-color)">
+          {{ title }}
+        </common-text>
+        <common-text class="text-tip-2" color="var(--text-primary-65-color)">
+          {{ from }}
+        </common-text>
       </div>
+      <common-text :line-limit="contentLineLimit" class="text-compact" color="var(--text-primary-65-color)">
+        {{ content }}
+      </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: ""
   },
-
+  contentLineLimit: {
+    type: Number,
+    default: 2
+  }
 });
-const emit = defineEmits(['item-click', 'more-click']);
-
-const handleToNewsAnalysis = (item, index) => {
-  emit('item-click', 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);
-  }
-}
+@use '@/styles/container.scss';
 </style>
\ No newline at end of file

src/components/base/newsList/NewsItemMini.vue

+<template>
+  <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";
+import { ElSpace } from "element-plus";
+import CommonText from "../texts/CommonText.vue";
+
+const props = defineProps({
+  img: {
+    type: String,
+    default: ''
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  from: {
+    type: String,
+    default: ""
+  }
+});
+</script>
+<style lang="scss" scoped>
+@use '@/styles/common.scss';
+</style>
\ No newline at end of file

src/components/base/newsList/NewsItem2.vue → src/components/base/newsList/NewsItemWithTag.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)">{{
+            <common-text :lineLimit="1" class="text-bold text-hover" color="var(--text-primary-80-color)">{{
                 props.title
                 }}</common-text>
             <common-text class="text-tip-2" color="var(--text-primary-65-color)">
@@ -12,7 +12,6 @@
             </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>
 

src/components/base/newsList/index.vue

@@ -80,6 +80,7 @@ const handleToNewsAnalysis = (item, index) => {
 	flex-direction: column;
 	gap: 0 !important;
 	overflow: hidden;
+	border: 1px solid rgba(234, 236, 238, 1) !important;
 
 	.news-header {
 		height: 48px !important;
@@ -149,6 +150,7 @@ const handleToNewsAnalysis = (item, index) => {
 
 			&:hover {
 				background: var(--color-bg-hover);
+
 				.right-top .title {
 					text-decoration: underline;
 					color: rgb(5, 95, 194) !important;

src/components/base/texts/CommonText.vue

 <template>
-    <div class="common-text">
+    <div class="common-text-box-hudf">
         <slot></slot>
     </div>
 </template>
@@ -18,8 +18,8 @@ const props = defineProps({
 <style lang="scss" scoped>
 @use '@/styles/common.scss';
 
-.common-text {
-    color: v-bind(color);
+.common-text-box-hudf {
+    color: v-bind(color) !important;
 
     @if('v-bind(lineLimit) !==null') {
         @include common.text-ellipsis(v-bind(lineLimit));

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 = () => {
+    console.log('props.entities.length', props.entities.length)
+    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/components/base/texts/TextTranslatePane.vue

+<template>
+    <div class="full-width">
+        <div class="flex-display" style="align-items: center;">
+            <common-text class="text-title-3-bold" color="var(--text-primary-80-color)">{{ isOpenTranslation
+                ? '中文' : '原文' }}</common-text>
+            <div class="flex-fill" style="margin: 0 10px;">
+                <el-divider></el-divider>
+            </div>
+            <el-button v-if="showMoreVisible" @click="() => { showMore = !showMore; updateText() }">
+                {{ showMore ? '收起' : '展开' }}
+                <el-icon>
+                    <arrow-down v-if="showMore" />
+                    <arrow-up v-else />
+                </el-icon>
+            </el-button>
+        </div>
+        <el-row :gutter="32">
+            <el-col :span="textColSpan" v-for="(item, index) in allTexts" :key="index">
+                <!-- <p class="p-news-content"> {{ item }}</p> -->
+                <intelligent-entity-text :text="item"
+                    :entities="isHighlightEntity ? textEntities : []"></intelligent-entity-text>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+<script lang="ts" setup>
+import '@/styles/container.scss';
+import '@/styles/common.scss';
+
+import { ref, watch, onMounted } from 'vue';
+import { TextEntity } from '@/api/intelligent';
+import IntelligentEntityText from '@/components/base/texts/IntelligentEntityText.vue';
+import { ElIcon, ElButton, ElDivider, ElRow, ElCol } from 'element-plus';
+import CommonText from './CommonText.vue';
+
+const allTexts = ref([]);
+const textColSpan = ref(12);
+const hasTranslation = ref(false);
+const showMore = ref(false);
+const showMoreVisible = ref(false);
+const props = defineProps({
+    //段落列表： 原始文本
+    textsRaw: {
+        type: Array<String>,
+        default: () => []
+    },
+    //段落列表： 翻译文本
+    textsTranslate: {
+        type: Array<String>,
+        default: () => []
+    },
+    //是否显示翻译
+    isOpenTranslation: {
+        type: Boolean,
+        default: true
+    },
+    //是否高亮实体
+    isHighlightEntity: {
+        type: Boolean,
+        default: true
+    },
+    //实体列表
+    textEntities: {
+        type: Array<TextEntity>,
+        default: () => []
+    }
+})
+
+function updateText() {
+    const tempTexts = []
+    const tempRaws = props.textsRaw ?? []
+    const tempTranslates = props.textsTranslate ?? []
+    hasTranslation.value = tempTranslates.length > 0
+
+    if (hasTranslation.value && props.isOpenTranslation) {
+        // 遍历原始文本和翻译文本，将它们交替添加到 tempTexts 中,并保持原始文本和翻译文本的的数量一致
+        const maxCount = Math.max(tempRaws.length, tempTranslates.length)
+        for (let i = 0; i < maxCount; i++) {
+            if (i < tempTranslates.length) {
+                tempTexts.push(tempTranslates[i]);
+            } else {
+                tempTexts.push('');
+            }
+            if (i < tempRaws.length) {
+                tempTexts.push(tempRaws[i]);
+            } else {
+                tempTexts.push('');
+            }
+        }
+        console.log(tempTexts.length)
+        textColSpan.value = 12;
+        showMoreVisible.value = tempTexts.length > 6;
+        allTexts.value = showMore.value ? tempTexts : tempTexts.slice(0, 6);
+    } else {
+        textColSpan.value = 24;
+        showMoreVisible.value = tempRaws.length > 3;
+        allTexts.value = showMore.value ? tempRaws : tempRaws.slice(0, 3);
+    }
+}
+
+watch(() => [props.textsRaw, props.textsTranslate, props.isOpenTranslation], () => {
+    updateText();
+})
+
+
+onMounted(() => {
+    updateText();
+})
+</script>
\ 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/decree.js

@@ -4,6 +4,7 @@ const DecreeLayoutContainer = () => import('@/views/decree/decreeLayout/index.vu
 const DecreeOverviewLayout = () => import('@/views/decree/decreeLayout/overview/index.vue')
 const DecreeIntroduction = () => import('@/views/decree/decreeLayout/overview/introduction/index.vue')
 const DecreeBackground = () => import('@/views/decree/decreeLayout/overview/background/index.vue')
+const DecreeMeasures = () => import('@/views/decree/decreeLayout/overview/measures/index.vue')
 const DecreeDeepDig = () => import('@/views/decree/decreeLayout/deepdig/index.vue')
 const DecreeInfluence = () => import('@/views/decree/decreeLayout/influence/index.vue')
 const Institution = () => import('@/views/decree/institution/index.vue')
@@ -50,7 +51,13 @@ const decreeRoutes = [
             name: "DecreeBackground",
             component: DecreeBackground,
             // meta: { title: "政令背景" }
-          }
+          },
+          {
+            path: "measures",
+            name: "DecreeMeasures",
+            component: DecreeMeasures,
+            // meta: { title: "政令举措" }
+          },
         ]
       },
       // 深度挖掘路由

src/styles/common.scss

@@ -71,6 +71,14 @@
     color: var(--text-primary-80);
 }
 
+.text-hover {
+    &:hover {
+        color: rgb(5, 95, 194) !important;
+        font-weight: 700;
+        cursor: pointer;
+    }
+}
+
 //0级标题
 .text-title-0 {
     @extend .text-base;

src/styles/components/CommonPage/index.vue

@@ -38,6 +38,14 @@ const span = 12
     </pre>
             <div class="mouse-hover">鼠标悬停</div>
         </el-col>
+        <el-col :span="span">
+            <pre>{{ `import '@/styles/common.scss';\n<template>
+    <div class="text-hover"></div>
+</template>
+        `}}
+    </pre>
+            <div class="text-hover">文字悬停</div>
+        </el-col>
     </el-row>
 </template>
 

src/styles/components/TextPage/TranslateExample.vue

+<template>
+    <el-space direction="vertical" class="common-padding" fill alignment="flex-start">
+        <el-space>
+            <el-switch v-model="isHightLightEntity" active-text="高亮实体" @change="console.log(isHightLightEntity)" />
+            <el-switch v-model="isOpenTranslation" active-text="译文" />
+        </el-space>
+        <text-translate-pane :texts-raw="textEns" :texts-translate="textZns" :text-entities="textEntities"
+            :is-open-translation="isOpenTranslation" :is-highlight-entity="isHightLightEntity">
+        </text-translate-pane>
+    </el-space>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import TextTranslatePane from '@/components/base/texts/TextTranslatePane.vue'
+import { ElSwitch, ElButton, ElSpace } from 'element-plus'
+const isOpenTranslation = ref(true);
+const isHightLightEntity = ref(true);
+const textEntities = ref([{
+    text_span: '美国',
+    type: '国家'
+},
+{
+    text_span: 'U.S.',
+    type: '国家'
+}]);
+const textZns = ref(['华盛顿当地时间2024年7月2日，美国商务部产业与安全局（BIS）',
+    '发布一项最终规则，宣布修订《出口管理条例》（EAR） ，',
+    '以违反美国国家安全或外交政策利益为由在实体清单中增列来自四个国家的6个实体，其中包括2家中国企业。[1]',
+    '多余段落-测试']);
+const textEns = ref(['Washington local time on July 2, 2024, the U.S. Department of Commerce, Industry and Security (BIS) released a final rule, announcing the revision of the Export Administration Regulations (EAR) ,',
+    'Violating the U.S. national security or diplomatic policy interests, BIS increased the list of 6 entities from four countries, including 2 Chinese companies, on the entity list. [1]',
+    'Your company has a large amount of money in the U.S.',
+]);
+
+</script>
+<style scoped>
+:deep(.el-col) {
+    border: 0px !important;
+}
+</style>

src/styles/components/TextPage/index.vue

@@ -4,6 +4,9 @@ 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';
+import IntelligentEntityText from '@/components/base/texts/IntelligentEntityText.vue';
+import TranslateExample from './TranslateExample.vue';
+
 const span = 12
 </script>
 
@@ -50,6 +53,40 @@ const span = 12
     </pre>
             <ai-tip-pane>huidadadadadasda</ai-tip-pane>
         </el-col>
+
+        <el-col :span="span">
+            <pre>{{ `import IntelligentEntityText from '@/components/base/texts/IntelligentEntityText.vue';\n<template>
+    <intelligent-entity-text
+        text="华盛顿当地时间2024年7月2日，美国商务部产业与安全局（BIS） 发布一项最终规则，宣布修订《出口管理条例》（EAR） ，以违反美国国家安全或外交政策利益为由在实体清单 中增列来自四个国家的6个实体，其中包括2家中国企业。[1]"
+        :entities="[{
+            text_span: '华盛顿',
+            type: 'location'
+        }, {
+            text_span: '美国商务部产业与安全局',
+            type: 'organization'
+        }]">
+    </intelligent-entity-text>
+</template>
+        `}}
+    </pre>
+            <intelligent-entity-text
+                text="华盛顿当地时间2024年7月2日，美国商务部产业与安全局（BIS） 发布一项最终规则，宣布修订《出口管理条例》（EAR） ，以违反美国国家安全或外交政策利益为由在实体清单 中增列来自四个国家的6个实体，其中包括2家中国企业。[1]"
+                :entities="[{
+                    text_span: '华盛顿',
+                    type: 'location'
+                }, {
+                    text_span: '美国商务部产业与安全局',
+                    type: 'organization'
+                }]">
+            </intelligent-entity-text>
+        </el-col>
+
+        <el-col :span="span">
+            <pre>{{ `参考src/styles/components/TextPage/TranslateExample.vue` }}
+    </pre>
+            <translate-example>
+            </translate-example>
+        </el-col>
     </el-row>
 </template>
 

src/styles/components/devStyle.scss

 .layout-grid-line {
-    .el-col {
+    .el-col:not(disinheritance) {
         border: 1px double var(--bg-black-5);
     }
 

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 />

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