|
|
|
|
@ -193,8 +193,8 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
<span class="filter-label" style="margin-left: 20px;">显示单位:</span>
|
|
|
|
|
<el-radio-group v-model="chartUnit" @change="onChartUnitChange" size="small">
|
|
|
|
|
<el-radio-button label="box">箱数</el-radio-button>
|
|
|
|
|
<el-radio-button label="weight">重量</el-radio-button>
|
|
|
|
|
<el-radio-button value="box">箱数</el-radio-button>
|
|
|
|
|
<el-radio-button value="weight">重量</el-radio-button>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="salesChartLoading || historyChartLoading" v-loading="true" class="chart-loading"></div>
|
|
|
|
|
@ -238,7 +238,7 @@ const salesData = ref([])
|
|
|
|
|
const historyData = ref([])
|
|
|
|
|
const hasSalesData = ref(false)
|
|
|
|
|
const hasHistoryData = ref(false)
|
|
|
|
|
const selectedTimeRange = ref('近1周')
|
|
|
|
|
const selectedTimeRange = ref('近1月')
|
|
|
|
|
const chartUnit = ref('box')
|
|
|
|
|
const salesChartTitle = ref('')
|
|
|
|
|
const currentSalesAxle = ref(null)
|
|
|
|
|
@ -635,11 +635,17 @@ const initSalesChart = (retryCount = 0) => {
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
axisPointer: {
|
|
|
|
|
type: 'cross'
|
|
|
|
|
},
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 14
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
data: [salesName, historyName],
|
|
|
|
|
top: 10
|
|
|
|
|
top: 10,
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 14
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
grid: {
|
|
|
|
|
left: '3%',
|
|
|
|
|
@ -652,7 +658,13 @@ const initSalesChart = (retryCount = 0) => {
|
|
|
|
|
data: dates,
|
|
|
|
|
axisLabel: {
|
|
|
|
|
interval: Math.floor(dates.length / 10),
|
|
|
|
|
rotate: 30
|
|
|
|
|
rotate: 30,
|
|
|
|
|
fontSize: 13
|
|
|
|
|
},
|
|
|
|
|
axisLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
fontSize: 13
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
@ -664,6 +676,12 @@ const initSalesChart = (retryCount = 0) => {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: '#5470C6'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
axisLabel: {
|
|
|
|
|
fontSize: 13
|
|
|
|
|
},
|
|
|
|
|
nameTextStyle: {
|
|
|
|
|
fontSize: 14
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
@ -675,7 +693,10 @@ const initSalesChart = (retryCount = 0) => {
|
|
|
|
|
color: '#5470C6'
|
|
|
|
|
},
|
|
|
|
|
barGap: '10%',
|
|
|
|
|
connectNulls: true
|
|
|
|
|
connectNulls: true,
|
|
|
|
|
label: {
|
|
|
|
|
show: false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: historyName,
|
|
|
|
|
@ -688,7 +709,10 @@ const initSalesChart = (retryCount = 0) => {
|
|
|
|
|
width: 3
|
|
|
|
|
},
|
|
|
|
|
symbol: 'none',
|
|
|
|
|
connectNulls: true
|
|
|
|
|
connectNulls: true,
|
|
|
|
|
label: {
|
|
|
|
|
show: false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
|