[update]:完成部分规则限制接口对接以及页面优化

src/api/ruleRestriction/index.js

+import request from "@/api/request.js";
+
+// 规则限制-首页统计接口
+export function getStatCount() {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/statCount`
+  })
+}
+
+// 规则限制-查询最新动态接口
+export function getLatestUpdates() {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/getLatestUpdates`
+  })
+}
+
+// 规则限制-风险信号
+export function getRiskSignal(params) {
+  return request({
+    method: 'GET',
+    url: `/api/commonFeature/riskSignal/${params}`
+  })
+}
+
+// 规则限制-查询新闻资讯
+export function getNews(params) {
+  return request({
+    method: 'GET',
+    url: `/api/commonFeature/news/${params}`
+  })
+}
+
+// 规则限制-查询社交媒体
+export function getRemarks(params) {
+  return request({
+    method: 'GET',
+    url: `/api/commonFeature/remarks/${params}`
+  })
+}
+
+// 规则限制-限制领域分布情况
+/**
+ * @param {Object} params
+ * @param {string} params.year
+ * @header token
+ */
+export function getAreaDistribution(params) {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/getAreaDistribution`,
+    params
+  })
+}
+
+// 规则限制-受限实体数量变化趋势
+/**
+ * @param {Object} params
+ * @param {Integer} params.year
+ * @param {String} params.type
+ * @header token
+ */
+export function getEntityChangeTrend(params) {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/getEntityChangeTrend`,
+    params
+  })
+}
+
+// 规则限制-规则限制政令列表查询接口
+/**
+ * @param {Object} params
+ * @param {Integer} params.currentPage
+ * @param {Integer} params.pageSize
+ * @param {List<String>} params.years
+ * @param {List<String>} params.areas
+ * @param {String} params.keywords
+ * @param {String} params.sortField
+ * @param {String} params.sortOrder
+ * @header token
+ */
+export function getRuleLimitList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/getRuleLimitList`,
+    params
+  })
+}
+
+// 规则限制-排华科技联盟列表接口
+/**
+ * @param {Object} params
+ * @param {Integer} params.currentPage
+ * @param {Integer} params.pageSize
+ * @param {List<String>} params.years
+ * @param {List<String>} params.countries
+ * @param {List<String>} params.areas
+ * @param {String} params.keywords
+ * @param {String} params.sortField
+ * @param {String} params.sortOrder
+ * @header token
+ */
+export function getACTAList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/getACTAList`,
+    params
+  })
+}
+
+export function getAcTAAllcountry() {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/getACTAAllCountry/`
+  })
+}
+
+
+// 规则限制-规则限制基本详情
+export function getSanctionOverview(params) {
+  return request({
+    method: 'GET',
+    url: `/api/ruleLimitInfo/getSanctionOverview/${params}`
+  })
+}
+
+
+// 实体清单-制裁概况-获取发布机构机构动态
+/**
+ * @param {Object} data
+ * @param {string} data.orgId
+ * @header token
+ */
+export function getPublishOrgInfo(data) {
+  return request({
+    method: 'POST',
+    url: `/api/organization/relate/news`,
+    data,
+  })
+}
\ No newline at end of file

src/views/coopRestriction/components/resLib/index.vue

@@ -106,7 +106,8 @@ const getMainDataList = async () => {
 		params.sortOrder = value.value;
 	}
 
-	try {
+  try {
+    console.log('----params getMainDataList', params)
 		const res = await getCoopRestrictionList(params);
 		if (res && res.code === 200) {
 			mainDataList.value = (res.data.content || []).map(item => ({

src/views/exportControl/v2.0CommercialControlList/components/sanctionsOverview/components/introductionPage/index.vue

@@ -161,26 +161,26 @@
 							@click="handlePerClick(item)"
 						>
 							<img :src="item.imageUrl" alt />
-              
+
 							<div class="person-info">
-                <el-tooltip
-								effect="dark"
-								:content="item.name"
-								popper-class="common-prompt-popper"
-								placement="top"
-								:show-after="500"
-							>
-								<div class="name">{{ item.name }}</div>
-							</el-tooltip>
-              <el-tooltip
-								effect="dark"
-								:content="item.position"
-								popper-class="common-prompt-popper"
-								placement="top"
-								:show-after="500"
-							>
-								<div class="title1">{{ item.position }}</div>
-							</el-tooltip>
+								<el-tooltip
+									effect="dark"
+									:content="item.name"
+									popper-class="common-prompt-popper"
+									placement="top"
+									:show-after="500"
+								>
+									<div class="name">{{ item.name }}</div>
+								</el-tooltip>
+								<el-tooltip
+									effect="dark"
+									:content="item.position"
+									popper-class="common-prompt-popper"
+									placement="top"
+									:show-after="500"
+								>
+									<div class="title1">{{ item.position }}</div>
+								</el-tooltip>
 							</div>
 						</div>
 					</div>
@@ -916,10 +916,10 @@ onMounted(() => {
 							flex-shrink: 0;
 						}
 						.person-info {
-              width: calc(100% - 48px - 8px);
+							width: calc(100% - 48px - 8px);
 							overflow: hidden;
 							text-overflow: ellipsis;
-              white-space: nowrap; /* 防止文本换行 */
+							white-space: nowrap; /* 防止文本换行 */
 							.name {
 								font-size: 16px;
 								font-weight: 700;

src/views/ruleRestriction/components/dataNew/index.vue

 <template>
 	<div class="data-new">
 		<div class="left">
-			<img src="./assets/leftbtn.png" alt="" class="left-btn" />
-			<img src="./assets/rightbtn.png" alt="" class="right-btn" />
+			<img src="./assets/leftbtn.png" alt class="left-btn" @click="changeIndex(-1)" />
+			<img src="./assets/rightbtn.png" alt class="right-btn" @click="changeIndex(1)" />
 			<div class="left-top">
-				<img src="./assets/icon01.png" alt="" />
+				<img src="./assets/icon01.png" alt />
 				<div class="left-top-title">规则限制动态</div>
 				<div class="more" @click="handleClickToDetail">查看详情 ></div>
 			</div>
 			<div class="left-center">
-				<img src="./assets/usImg.png" alt="" />
+				<img src="./assets/usImg.png" alt />
 				<div class="left-center-main">
-					<div class="left-center-main-title">
-						美国联邦通信委员会（FCC）启动撤销重庆信息通信研究院作为认可测试实验室资格的程序
-					</div>
+					<div class="left-center-main-title">{{ latestUpdateList[latestUpdateIndex].RULENAMEZH }}</div>
 					<div class="left-center-main-ul">
 						<ul>
 							<li>
 								<span class="ul-title">发布机构：</span>
-								<span class="ul-content">美国联邦通信委员会（FCC）工程技术与媒体关系部</span>
+								<span class="ul-content">{{ latestUpdateList[latestUpdateIndex].PUBLISHORGNAME }}</span>
 							</li>
 							<li>
 								<span class="ul-title">发布日期：</span>
-								<span class="ul-content">2025年10月24日</span>
+								<span class="ul-content">{{ latestUpdateList[latestUpdateIndex].PUBLISHDATE }}</span>
 							</li>
 							<li>
 								<span class="ul-title">涉及领域：</span>
-								<span class="ul-pie cl1">能源</span>
-								<span class="ul-pie cl2">集成电路</span>
+								<span
+									class="ul-pie cl1"
+									v-for="item in latestUpdateList[latestUpdateIndex].ruleAreas"
+								>{{ item }}</span>
+								<!-- <span class="ul-pie cl2">集成电路</span>
 								<span class="ul-pie cl3">新材料</span>
-								<span class="ul-pie cl4">生物科技</span>
+								<span class="ul-pie cl4">生物科技</span>-->
 							</li>
 							<li>
 								<span class="ul-title">限制实体：</span>
-								<span class="ul-content">重庆信息通信研究院</span>
+								<span
+									class="ul-content"
+									v-for="item in latestUpdateList[latestUpdateIndex].ruleEntities"
+								>{{ item.ORGNAME }} &nbsp;</span>
 							</li>
 						</ul>
 					</div>
@@ -44,30 +48,29 @@
 				<ul>
 					<li class="left-bottom-li">内容摘要：</li>
 				</ul>
-				<div class="left-bottom-content">
-					工程和技术办公室着手撤销对德国莱茵 TÜV 集团/中国检验认证集团（宁波）有限公司作为认可测试实验室的资格。
-				</div>
+				<div class="left-bottom-content">{{ latestUpdateList[latestUpdateIndex].RULEINTRODUCTION }}</div>
 			</div>
 		</div>
 		<div class="right">
 			<div class="right-top">
-				<img src="./assets/icon02.png" alt="" />
+				<img src="./assets/icon02.png" alt />
 				<div class="right-top-title">
 					风险信号
-					<span>4</span>
+					<span>{{ list.length }}</span>
 				</div>
 			</div>
 			<div style="margin: 6px 34px 0 23px">
-				<div v-for="item in list" :key="item.id" class="right-main" @click="handleClickToDetail">
-					<div class="main-left" :class="{ cl4: item.title === '特别重大', cl5: item.title === '重大风险' }">
-						{{ item.title }}
-					</div>
-					<div class="main-center">{{ item.content }}</div>
-					<div class="main-right">{{ item.time }}</div>
+				<div v-for="(item, index) in list" :key="index" class="right-main">
+					<div
+						class="main-left"
+						:class="{ cl4: item.signalLevel === '特别重大', cl5: item.signalLevel === '重大风险', cl6: item.signalLevel === '一般风险'}"
+					>{{ item.signalLevel }}</div>
+					<div class="main-center">{{ item.signalTitle }}</div>
+					<div class="main-right">{{ item.signalTime }}</div>
 				</div>
 			</div>
 			<div class="right-mainbtn" @click="handleToMoreRiskSignal">
-				<img src="./assets/btn.png" alt="" />
+				<img src="./assets/btn.png" alt />
 				查看更多
 			</div>
 		</div>
@@ -75,48 +78,105 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, onBeforeMount } from "vue";
 import router from "@/router";
+import { getLatestUpdates, getRiskSignal } from '@/api/ruleRestriction/index.js'
 
 const list = ref([
-	{
-		id: 1,
-		title: "特别重大",
-		content: "保护美国资金与专业知识免受敌对研究利用法案",
-		time: "一天前"
-	},
-	{
-		id: 2,
-		title: "特别重大",
-		content: "美国国土安全部终止哈佛大学SEVP认证",
-		time: "一天前"
-	},
-	{
-		id: 3,
-		title: "重大风险",
-		content: "众议院“美中战略竞争特别委员会”向国会提...",
-		time: "一天前"
-	},
-	{
-		id: 4,
-		title: "重大风险",
-		content: '2026财年拨款法案要求重启"中国行动计划"',
-		time: "一天前"
-	}
+  {
+    id: 1,
+    title: "特别重大",
+    content: "保护美国资金与专业知识免受敌对研究利用法案",
+    time: "一天前"
+  },
+  {
+    id: 2,
+    title: "特别重大",
+    content: "美国国土安全部终止哈佛大学SEVP认证",
+    time: "一天前"
+  },
+  {
+    id: 3,
+    title: "重大风险",
+    content: "众议院“美中战略竞争特别委员会”向国会提...",
+    time: "一天前"
+  },
+  {
+    id: 4,
+    title: "重大风险",
+    content: '2026财年拨款法案要求重启"中国行动计划"',
+    time: "一天前"
+  }
 ]);
 
+// 最新动态列表
+const latestUpdateList = ref([{}])
+// 当前显示最新动态的序号
+const latestUpdateIndex = ref(0)
+
+// 改变序号
+const changeIndex = (num) => {
+  if (num === -1) {
+    // 判断当前是否是第一个，是的话则将序号设置为最后一个
+    if (latestUpdateIndex.value === 0) {
+      latestUpdateIndex.value = latestUpdateList.value.length - 1
+    } else {
+      latestUpdateIndex.value--
+    }
+  } else {
+    // 判断当前是否是最后一个，是的话则将序号设置为第一个
+    if (latestUpdateIndex.value === latestUpdateList.value.length - 1) {
+      latestUpdateIndex.value = 0
+    } else {
+      latestUpdateIndex.value++
+    }
+  }
+}
+
+
+const getLatestUpdateInfo = async () => {
+  try {
+    const res = await getLatestUpdates();
+    // console.log('------getLatestUpdateInfo res', res)
+    if (res && res.code === 200) {
+      console.log('----getLatestUpdateInfo', res.data)
+      latestUpdateList.value = res.data
+    }
+  } catch (error) {
+    console.error("获取最新动态接口失败:", error);
+  }
+}
+
+const getRiskSignalInfo = async () => {
+  try {
+    const res = await getRiskSignal('0108');
+    console.log('------getRiskSignalInfo res', res)
+    if (res && res.code === 200) {
+      console.log('----getRiskSignalInfo', res.data)
+      list.value = res.data
+    }
+  } catch (error) {
+    console.error("获取风险信号接口失败:", error);
+  }
+}
+
 // 跳转详情
 const handleClickToDetail = () => {
-	// router.push("/decreeLayout");
-	const route = router.resolve("/ruleRestrictions/detail");
-	window.open(route.href, "_blank");
+  // router.push("/decreeLayout");
+  // const route = router.resolve("");
+  window.open(`/ruleRestrictions/detail?id=${latestUpdateList.value[latestUpdateIndex.value].RULEID}`, "_blank");
 };
 
 // 查看更多风险信号
 const handleToMoreRiskSignal = () => {
-	const route = router.resolve("/riskSignal");
-	window.open(route.href, "_blank");
+  const route = router.resolve("/riskSignal");
+  window.open(route.href, "_blank");
 };
+
+onBeforeMount(async () => {
+  await getLatestUpdateInfo()
+  await getRiskSignalInfo()
+})
 </script>
 
 <style scoped lang="scss">
@@ -363,7 +423,7 @@ const handleToMoreRiskSignal = () => {
 		.right-main {
 			width: 468px;
 			padding-right: 5px;
-			height: 47px;
+			// height: 47px;
 			border-radius: 2px;
 			display: flex;
 			align-items: center;
@@ -373,7 +433,7 @@ const handleToMoreRiskSignal = () => {
 			}
 			.main-left {
 				width: 40px;
-				height: 40px;
+				// height: 40px;
 				margin: 4px 13px 3px 2px;
 				border-radius: 50%;
 				font-size: 12px;
@@ -391,9 +451,13 @@ const handleToMoreRiskSignal = () => {
 				background-color: rgba(255, 247, 230, 1);
 				color: rgba(250, 140, 22, 1);
 			}
+      .cl6 {
+				background-color: rgba(255, 247, 230, 1);
+				color: rgb(22, 223, 250);
+			}
 			.main-center {
 				width: 347px;
-				height: 30px;
+				// height: 30px;
 				font-size: 16px;
 				font-weight: 400;
 				font-family: "Microsoft YaHei";
@@ -403,7 +467,7 @@ const handleToMoreRiskSignal = () => {
 			}
 			.main-right {
 				width: 60px;
-				height: 24px;
+				// height: 24px;
 				font-size: 16px;
 				font-weight: 400;
 				font-family: "Microsoft YaHei";

src/views/ruleRestriction/index.vue

@@ -6,7 +6,7 @@
 				<input v-model="input" class="search-input" placeholder="搜索规则限制" />
 				<div class="search-btn-small" @click="handleSearch">
 					<div class="search-icon">
-						<img src="./assets/icons/search-icon.png" alt="" />
+						<img src="./assets/icons/search-icon.png" alt />
 					</div>
 					<div class="search-text">搜索</div>
 				</div>
@@ -15,25 +15,25 @@
 				<div class="btn" @click="handleToPosi('position1')">
 					<div class="btn-text">最新动态</div>
 					<div class="btn-icon">
-						<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+						<img src="@/assets/icons/arrow-right-icon.png" alt />
 					</div>
 				</div>
 				<div class="btn" @click="handleToPosi('position2')">
 					<div class="btn-text">咨询要闻</div>
 					<div class="btn-icon">
-						<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+						<img src="@/assets/icons/arrow-right-icon.png" alt />
 					</div>
 				</div>
 				<div class="btn" @click="handleToPosi('position3')">
 					<div class="btn-text">数据总览</div>
 					<div class="btn-icon">
-						<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+						<img src="@/assets/icons/arrow-right-icon.png" alt />
 					</div>
 				</div>
 				<div class="btn" @click="handleToPosi('position4')">
 					<div class="btn-text">资源库</div>
 					<div class="btn-icon">
-						<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+						<img src="@/assets/icons/arrow-right-icon.png" alt />
 					</div>
 				</div>
 			</div>
@@ -55,51 +55,51 @@
 				<div class="search-main">
 					<input v-model="input" placeholder="搜索规则限制" class="search-input" />
 					<div class="search-btn">
-						<img src="./assets/icons/search-icon.png" alt="" />
+						<img src="./assets/icons/search-icon.png" alt />
 						搜索
 					</div>
 				</div>
-				<!-- <div class="search-center">
+				<div class="search-center">
 					<div class="search-item">
-						<div class="search-item-num">190</div>
+						<div class="search-item-num">{{ statCountInfo.AOCOUNT }}</div>
 						<div class="search-item-name">规则限制政令</div>
 					</div>
 					<div class="search-item">
-						<div class="search-item-num">125</div>
+						<div class="search-item-num">{{ statCountInfo.ENTITYCOUNT }}</div>
 						<div class="search-item-name">规则限制实体</div>
 					</div>
 					<div class="search-item">
-						<div class="search-item-num">18</div>
+						<div class="search-item-num">{{ statCountInfo.ACTACOUNT }}</div>
 						<div class="search-item-name">排华科技联盟</div>
 					</div>
 					<div class="search-item">
-						<div class="search-item-num">12</div>
+						<div class="search-item-num">{{ statCountInfo.COUNTRYCOUNT }}</div>
 						<div class="search-item-name">排华国家数量</div>
 					</div>
-				</div> -->
+				</div>
 				<div class="search-bottom">
 					<div class="btn" @click="handleToPosi('position1')">
 						<div class="btn-text">最新动态</div>
 						<div class="btn-icon">
-							<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+							<img src="@/assets/icons/arrow-right-icon.png" alt />
 						</div>
 					</div>
 					<div class="btn" @click="handleToPosi('position2')">
 						<div class="btn-text">咨询要闻</div>
 						<div class="btn-icon">
-							<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+							<img src="@/assets/icons/arrow-right-icon.png" alt />
 						</div>
 					</div>
 					<div class="btn" @click="handleToPosi('position3')">
 						<div class="btn-text">数据总览</div>
 						<div class="btn-icon">
-							<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+							<img src="@/assets/icons/arrow-right-icon.png" alt />
 						</div>
 					</div>
 					<div class="btn" @click="handleToPosi('position4')">
 						<div class="btn-text">资源库</div>
 						<div class="btn-icon">
-							<img src="@/assets/icons/arrow-right-icon.png" alt="" />
+							<img src="@/assets/icons/arrow-right-icon.png" alt />
 						</div>
 					</div>
 				</div>
@@ -137,7 +137,7 @@
 </template>
 
 <script setup>
-import { ref, nextTick } from "vue";
+import { ref, nextTick, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import comTitle from "./common/comTitle.vue";
 import newData from "./components/dataNew/index.vue";
@@ -147,6 +147,7 @@ import resLib from "./components/resLib/index.vue";
 import HeaderMenu from "@/components/headerMenu.vue";
 import headerInfo from "@/components/headerInfo.vue";
 import { useContainerScroll } from "@/hooks/useScrollShow";
+import { getStatCount } from '@/api/ruleRestriction/index.js'
 
 // 搜索框
 const input = ref("");
@@ -155,41 +156,59 @@ const { isShow } = useContainerScroll(homeMainRef);
 
 const router = useRouter();
 
+const statCountInfo = ref({})
+
+const getStatCountInfo = async () => {
+  try {
+    const res = await getStatCount();
+    if (res && res.code === 200) {
+      // console.log('----getStatCountInfo', res.data)
+      statCountInfo.value = res.data
+    }
+  } catch (error) {
+    console.error("获取首页统计接口失败:", error);
+  }
+}
+
 // 搜索功能
 const handleSearch = () => {
-	console.log("搜索内容：", input.value);
+  console.log("搜索内容：", input.value);
 };
 
 // 锚点跳转
 const handleToPosi = id => {
-	const element = document.getElementById(id);
-	if (element && homeMainRef.value) {
-		// 如果当前还未显示吸顶搜索栏，先强制切换状态以稳定布局
-		if (!isShow.value) {
-			isShow.value = true;
-		}
+  const element = document.getElementById(id);
+  if (element && homeMainRef.value) {
+    // 如果当前还未显示吸顶搜索栏，先强制切换状态以稳定布局
+    if (!isShow.value) {
+      isShow.value = true;
+    }
 
-		// 使用 nextTick 确保 DOM 状态更新（高度变化生效）后再计算
-		nextTick(() => {
-			const containerRect = homeMainRef.value.getBoundingClientRect();
-			const elementRect = element.getBoundingClientRect();
-			// 使用 getBoundingClientRect 计算元素相对于容器顶部的绝对距离，不受嵌套布局影响
-			const top = elementRect.top - containerRect.top + homeMainRef.value.scrollTop;
+    // 使用 nextTick 确保 DOM 状态更新（高度变化生效）后再计算
+    nextTick(() => {
+      const containerRect = homeMainRef.value.getBoundingClientRect();
+      const elementRect = element.getBoundingClientRect();
+      // 使用 getBoundingClientRect 计算元素相对于容器顶部的绝对距离，不受嵌套布局影响
+      const top = elementRect.top - containerRect.top + homeMainRef.value.scrollTop;
 
-			homeMainRef.value.scrollTo({
-				top: top,
-				behavior: "smooth"
-			});
-		});
-	}
+      homeMainRef.value.scrollTo({
+        top: top,
+        behavior: "smooth"
+      });
+    });
+  }
 };
 
 // 返回首页
 const handleBackHome = () => {
-	router.push({
-		path: "/overview"
-	});
+  router.push({
+    path: "/overview"
+  });
 };
+
+onMounted(async () => {
+  await getStatCountInfo()
+})
 </script>
 
 <style scoped lang="scss">
@@ -226,6 +245,45 @@ const handleBackHome = () => {
 			width: 960px;
 			height: 168px;
 			margin: 0 auto 68px auto;
+			.search-center {
+				width: 688px;
+				height: 48px;
+				margin: 0 auto;
+				margin-top: 36px;
+				display: flex;
+				justify-content: space-between;
+
+				.search-item {
+					width: 120px;
+					height: 57px;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					justify-content: space-between;
+
+					.search-item-num {
+						font-family: Microsoft YaHei;
+						font-style: Bold;
+						font-size: 36px;
+						font-weight: 700;
+						line-height: 22px;
+						letter-spacing: 0px;
+						text-align: center;
+						color: rgba(5, 95, 194, 1);
+					}
+
+					.search-item-name {
+						font-family: Microsoft YaHei;
+						font-style: Regular;
+						font-size: 16px;
+						font-weight: 400;
+						line-height: 24px;
+						letter-spacing: 0px;
+						text-align: center;
+						color: rgba(95, 101, 108, 1);
+					}
+				}
+			}
 			.search-main {
 				display: flex;
 				padding-right: 3px;