product-inventory-management.git

			@@ -1,6 +1,6 @@
			<template>
			<div>
			<PanelHeader title="客户金额贡献排名" />
			<PanelHeader title="客户贡献排名" />
			<div class="panel-item-customers">
			<div class="switch-container">
			<DateTypeSwitch v-model="dateType" @change="handleDateTypeChange" />
			@@ -22,7 +22,7 @@
			</template>

			<script setup>
			import { ref, onMounted, computed } from 'vue'
			import { ref, onMounted, computed, inject, watch } from 'vue'
			import Echarts from '@/components/Echarts/echarts.vue'
			import PanelHeader from '../PanelHeader.vue'
			import DateTypeSwitch from '../DateTypeSwitch.vue'
			@@ -33,7 +33,7 @@
			height: '100%',
			}

			const dateType = ref(1) // 1=周 2=月 3=季度
			const dateType = ref(3) // 1=周 2=月 3=季度

			// 飞机图标 SVG path（与 right-top 一致）
			const aircraft =
			@@ -104,7 +104,7 @@
			formatter: function (params) {
			let result = params[0].axisValueLabel + '<br/>'
			params.forEach((item) => {
			result += `<div style="color: #B8C8E0">${item.marker} ${item.seriesName}: ${item.value}</div>`
			result += `<div>${item.marker} ${item.seriesName}: ${item.value}元</div>`
			})
			return result
			},
			@@ -127,10 +127,20 @@
			inverse: false,
			data: xdataName.value,
			axisLabel: {
			formatter: (params) => `{a\|${params}}`,
			formatter: (value) => {
			if (!value) return ''
			const maxLen = 6 // 每行最多字符数，可按需调整
			if (value.length <= maxLen) return `{a\|${value}}`

			const lines = []
			for (let i = 0; i < value.length; i += maxLen) {
			lines.push(value.slice(i, i + maxLen))
			}
			return lines.map((line) => `{a\|${line}}`).join('\n')
			},
			rich: {
			a: {
			width: 160,
			width: 120,
			fontSize: 14,
			color: '#fff',
			padding: [5, 4, 5, 0],
			@@ -298,6 +308,13 @@
			fetchCustomerRanking()
			}

			const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null)
			if (dataDashboardRefreshTick) {
			watch(dataDashboardRefreshTick, () => {
			fetchCustomerRanking()
			})
			}

			onMounted(() => {
			fetchCustomerRanking()
			})
			@@ -309,6 +326,32 @@
			padding: 18px;
			width: 100%;
			height: 449px;
			position: relative;
			overflow: hidden;
			}

			/* 面板角落装饰 */
			.panel-item-customers::before,
			.panel-item-customers::after {
			content: '';
			position: absolute;
			width: 15px;
			height: 15px;
			border-color: rgba(0, 212, 255, 0.5);
			border-style: solid;
			pointer-events: none;
			}

			.panel-item-customers::before {
			top: -1px;
			left: -1px;
			border-width: 2px 0 0 2px;
			}

			.panel-item-customers::after {
			bottom: -1px;
			right: -1px;
			border-width: 0 2px 2px 0;
			}

			.switch-container {