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>${item.marker} ${item.seriesName}: ${item.value}</div>`
			result += `<div>${item.marker} ${item.seriesName}: ${item.value}元</div>`
			})
			return result
			},
			@@ -308,6 +308,13 @@
			fetchCustomerRanking()
			}

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

			onMounted(() => {
			fetchCustomerRanking()
			})
			@@ -319,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 {