| | |
|---|
| | | placeholder="请选择客户" |
|---|
| | | clearable |
|---|
| | | filterable |
|---|
| | | popper-class="customer-select-dropdown" |
|---|
| | | :teleported="false" |
|---|
| | | @change="handleFilterChange" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { ref, onMounted } from 'vue' |
|---|
| | | import { ref, onMounted, inject, watch } from 'vue' |
|---|
| | | import Echarts from '@/components/Echarts/echarts.vue' |
|---|
| | | import PanelHeader from '../PanelHeader.vue' |
|---|
| | | import DateTypeSwitch from '../DateTypeSwitch.vue' |
|---|
| | | import { customerRevenueAnalysis } from '@/api/viewIndex.js' |
|---|
| | | import { listCustomer } from '@/api/basicData/customerFile.js' |
|---|
| | | import { listCustomer } from '@/api/basicData/customer.js' |
|---|
| | | |
|---|
| | | const dateType = ref(1) // 1=周 2=月 3=季度 |
|---|
| | | const customerValue = ref(null) |
|---|
| | |
|---|
| | | 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 |
|---|
| | | }, |
|---|
| | |
|---|
| | | getCustomerRevenueAnalysis() |
|---|
| | | } |
|---|
| | | |
|---|
| | | const dataDashboardRefreshTick = inject('dataDashboardRefreshTick', null) |
|---|
| | | if (dataDashboardRefreshTick) { |
|---|
| | | watch(dataDashboardRefreshTick, () => { |
|---|
| | | getCustomerRevenueAnalysis() |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | fetchCustomerOptions() |
|---|
| | | }) |
|---|
| | |
|---|
| | | height: 478px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | /* 全屏模式下下拉框层级修复 */ |
|---|
| | | .customer-select-dropdown { |
|---|
| | | z-index: 10001 !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 确保在全屏容器内的下拉框也能正常显示 */ |
|---|
| | | .scale-container:fullscreen .customer-select-dropdown, |
|---|
| | | .scale-container:-webkit-full-screen .customer-select-dropdown, |
|---|
| | | .scale-container:-ms-fullscreen .customer-select-dropdown { |
|---|
| | | z-index: 10001 !important; |
|---|
| | | } |
|---|
| | | </style> |
|---|
