product-inventory-management.git

			@@ -25,7 +25,7 @@
			import Echarts from '@/components/Echarts/echarts.vue'
			import PanelHeader from '../PanelHeader.vue'
			import DateTypeSwitch from '../DateTypeSwitch.vue'
			import { statisticsReceivablePayable } from '@/api/viewIndex.js'
			import { supplierPurchaseRanking } from '@/api/viewIndex.js'

			const chartStyle = {
			width: '100%',
			@@ -242,6 +242,7 @@
			z: 6,
			type: 'bar',
			barWidth: 25,
			tooltip: { show: false },
			itemStyle: {
			color: 'rgba(255,255,255,.1)',
			barBorderRadius: [0, 20, 20, 0],
			@@ -252,6 +253,7 @@
			type: 'bar',
			barWidth: 25,
			barGap: '-100%',
			tooltip: { show: false },
			itemStyle: {
			color: {
			type: 'linear',
			@@ -282,16 +284,15 @@
			]
			})

			// 应付应收统计
			const statisticsReceivable = () => {
			statisticsReceivablePayable({ type: radio1.value })
			// 供应商采购排名
			const fetchSupplierRanking = () => {
			supplierPurchaseRanking({ type: radio1.value })
			.then((res) => {
			// 假设 API 返回的数据格式为数组，包含 NAME 和 NUM 字段
			// 如果返回格式不同，需要根据实际 API 调整
			if (res.data && Array.isArray(res.data)) {
			dataArr.value = res.data
			} else if (res.data && res.data.list) {
			dataArr.value = res.data.list
			if (res.code === 200 && Array.isArray(res.data)) {
			dataArr.value = res.data.map(item => ({
			NAME: item.supplierName,
			NUM: item.totalAmount
			}))
			} else {
			// 如果没有数据，使用模拟数据
			dataArr.value = [
			@@ -318,11 +319,11 @@

			// 处理日期类型切换
			const handleDateTypeChange = (value) => {
			statisticsReceivable()
			fetchSupplierRanking()
			}

			onMounted(() => {
			statisticsReceivable()
			fetchSupplierRanking()
			})
			</script>