创新主体-领域布局接口对接

src/api/innovationSubject/overview.js

@@ -40,4 +40,23 @@ export function getOverallRanking(params) {
     url: `/api/innovateSubject/overallRanking`,
     params
   })
-}
\ No newline at end of file
+}
+
+//创新主体主页:领域布局
+export function getResearchField(params) {
+  return request({
+    method: 'GET',
+    url: `/api/innovateSubject/researchField`,
+    params
+  })
+}
+
+//创新主体主页:主体类型分类领域布局
+export function getResearchFieldSubjectType(params) {
+  return request({
+    method: 'GET',
+    url: `/api/innovateSubject/researchFieldSubjectType`,
+    params
+  })
+}
+

src/views/innovationSubject/index.vue

@@ -240,7 +240,7 @@
 								</div>
 							</div>
 							<div class="select-box">
-								<el-select v-model="releaseTime" placeholder="2022" style="width: 120px"
+								<el-select v-model="releaseTime" pl aceholder="2022" style="width: 120px"
 									@change="handleGetOverallRanking">
 									<el-option v-for="item in releaseTimeList" :key="item.value" :label="item.label"
 										:value="item.value" />
@@ -308,7 +308,8 @@
 								</div>
 							</div>
 							<div class="select-box">
-								<el-select v-model="releaseTime" placeholder="2022" style="width: 120px">
+								<el-select v-model="releaseTime" placeholder="2022" style="width: 120px"
+									@change="handleGetResearchField(), handleGetResearchFieldSubjectType()">
 									<el-option v-for="item in releaseTimeList" :key="item.value" :label="item.label"
 										:value="item.value" />
 								</el-select>
@@ -324,7 +325,7 @@
 						</div>
 						<div class="center-footer-layout-content">
 							<div class="center-footer-layout-content-item">
-								<EChart :option="pieOption" autoresize :style="{ height: '370px', width: '750px' }" />
+								<EChart :option="pieOption(barOptionData)" autoresize :style="{ height: '370px', width: '750px' }" />
 								<div class="center-footer-elx-footer">
 									<img src="./assets/images/ai.png" alt="" />
 									<div class="center-footer-elx-footer-text">
@@ -335,7 +336,8 @@
 							</div>
 							<div style="width: 1px;height: 432px;background: rgba(234, 236, 238, 1);"></div>
 							<div class="center-footer-layout-content-item">
-								<EChart :option="raderOption" autoresize :style="{ height: '370px', width: '750px' }" />
+								<EChart :option="raderOption(raderOptionData)" autoresize
+									:style="{ height: '370px', width: '750px' }" />
 								<div class="center-footer-elx-footer">
 									<img src="./assets/images/ai.png" alt="" />
 									<div class="center-footer-elx-footer-text">
@@ -413,7 +415,9 @@ import {
 	getCountSubjectType,
 	getSubjectTypeList,
 	findListBySubjectTypeId,
-	getOverallRanking
+	getOverallRanking,
+	getResearchField,
+	getResearchFieldSubjectType
 } from "@/api/innovationSubject/overview.js";
 import setChart from "@/utils/setChart";
 
@@ -884,6 +888,43 @@ const releaseTimeList = ref([
 ]);
 const categoryList = ref(["创新主体排名", "研究布局"]);
 const activeCate = ref("创新主体排名");
+//研究领域布局情况
+const barOptionData = ref([])
+const handleGetResearchField = async () => {
+	try {
+		let params = {
+			year: releaseTime.value,
+		}
+		const res = await getResearchField(params);
+		console.log("研究领域布局情况", res);
+		if (res.code === 200 && res.data) {
+			// 提取 names 和 values
+			const names = res.data.map(item => item.areaName);
+			const values = res.data.map(item => item.amount); // 或者使用 item.percent，根据需求选择
+			const total = res.data.reduce((sum, item) => sum + item.amount, 0);
+			barOptionData.value = {
+				names, values, total
+			}
+		}
+	} catch (error) {
+		console.error("获取研究领域布局情况error", error);
+	}
+};
+const raderOptionData = ref([])
+const handleGetResearchFieldSubjectType = async () => {
+	try {
+		let params = {
+			year: releaseTime.value,
+		}
+		const res = await getResearchFieldSubjectType(params);
+		console.log("研究领域布局情况", res);
+		if (res.code === 200 && res.data) {
+			raderOptionData.value = res.data
+		}
+	} catch (error) {
+		console.error("获取研究领域布局情况error", error);
+	}
+};
 
 const areaList = ref([
 	{
@@ -965,6 +1006,8 @@ onMounted(async () => {
 	handleGetOverallRanking()
 
 	handleFindListBySubjectTypeId()
+	handleGetResearchField()
+	handleGetResearchFieldSubjectType()
 	let chart1 = getPieChart(chart1Data.value, colorList);
 	setChart(chart1, "chart1");
 });