合并分支 'yp-dev' 到 'pre'

src/views/finance/v2.0EntityList/components/dataStatistics/index.vue

@@ -376,29 +376,156 @@ const getRegionCountData = async () => {
 };
 
 // 实体清单-数据统计- 制裁实体领域数量变化趋势
-const domainNumChartOption = ref({});
+const domainNumChartOption = ref({
+	color: [],
+	tooltip: {
+		trigger: "axis",
+		backgroundColor: "rgba(255, 255, 255, 0.9)",
+		textStyle: {
+			color: "#666"
+		},
+		extraCssText: "box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 4px;"
+	},
+	grid: {
+		top: "15%",
+		right: "2%",
+		bottom: "5%",
+		left: "2%",
+		containLabel: true
+	},
+	legend: {
+		type: "scroll",
+		show: true,
+		top: 0,
+		left: "center",
+		icon: "circle",
+		itemWidth: 12,
+		itemHeight: 12,
+		data: [],
+		textStyle: {
+			fontFamily: "Microsoft YaHei",
+			fontSize: 16,
+			fontWeight: 400,
+			lineHeight: 24,
+			color: "rgb(95, 101, 108)"
+		}
+	},
+	xAxis: [
+		{
+			type: "category",
+			boundaryGap: false,
+			data: [],
+			axisLine: {
+				show: false
+			},
+			axisTick: {
+				show: false
+			},
+			axisLabel: {
+				color: "#999",
+				fontSize: 12,
+				margin: 15
+			}
+		}
+	],
+	yAxis: [
+		{
+			type: "value",
+			min: 0,
+			// max: 100,
+			// interval: 20,
+			axisLine: {
+				show: false
+			},
+			axisTick: {
+				show: false
+			},
+			axisLabel: {
+				color: "#999",
+				fontSize: 12
+			},
+			splitLine: {
+				lineStyle: {
+					type: "dashed",
+					color: "#E0E6F1"
+				}
+			}
+		}
+	],
+	series: []
+});
 const activeDomainTab = ref("year");
 const handleDomainTabChange = tab => {
 	activeDomainTab.value = tab;
 	getDomainNumData();
 };
+
+// 处理领域趋势数据的方法
+const processDomainTrendData = rawData => {
+	// 提取所有的月份作为标题
+	const titles = rawData.map(item => item.year).reverse();
+
+	// 收集所有不重复的领域名称
+	const domainNamesSet = new Set();
+	rawData.forEach(item => {
+		item.domainCountInfo.forEach(domain => {
+			domainNamesSet.add(domain.name);
+		});
+	});
+	const domainNames = Array.from(domainNamesSet);
+
+	// 定义颜色映射
+	const colorMap = {
+		人工智能: "#E34D59",
+		新一代通信网络: "#FF9F1C",
+		核: "#FFB3B3",
+		生物科技: "#00A79D",
+		量子科技: "#7B61FF",
+		先进制造: "#363B42",
+		新能源: "#2BA471",
+		太空: "#3762F0",
+		集成电路: "#0052D9",
+		新材料: "#FFD900",
+		航空航天: "#3762F0",
+		海洋: "#76D1FF",
+		深海: "#002060",
+		其他: "#A6A6A6"
+	};
+
+	// 生成数据系列
+	const dataSeries = domainNames.map(domainName => {
+		const values = rawData
+			.map(yearData => {
+				const domainItem = yearData.domainCountInfo.find(d => d.name === domainName);
+				return domainItem ? domainItem.count : 0;
+			})
+			.reverse(); // 数据值也需要跟随标题反转顺序
+
+		return {
+			name: domainName,
+			color: colorMap[domainName] || `#${Math.floor(Math.random() * 16777215).toString(16)}`, // 如果没有预定义颜色，则随机生成
+			value: values
+		};
+	});
+
+	return {
+		title: titles,
+		data: dataSeries
+	};
+};
 const getDomainNumData = async () => {
 	// 参数
 	const param = {
-		IDsanTypeId: activeDomainTab.value === "year" ? "year" : "record",
-		type: sanTypeId.value
+		countType: activeDomainTab.value === "year" ? "year" : "record",
+		sanTypeId: sanTypeId.value
 	};
 	try {
 		const res = await getDomainNum(param);
-		if (res && res.code === 200) {
-			domainNumChartOption.value = getMultiLineChart({
-				data: res.data || [],
-				xAxis: res.xAxis || [],
-				yAxis: res.yAxis || [],
-				title: "制裁实体领域数量变化趋势",
-				xAxisName: "时间",
-				yAxisName: "数量"
-			});
+		if (res && res.length > 0) {
+			const processedData = processDomainTrendData(res);
+			domainNumChartOption.value = getMultiLineChart(processedData);
+			console.log("获取实体清单-数据统计-processedData:", processedData);
+			console.log("获取实体清单-数据统计-domainNumChartOption:", domainNumChartOption.value);
 		}
 	} catch (error) {
 		console.error("获取实体清单-数据统计-制裁实体领域数量变化趋势失败:", error);