|
|
|
@ -2,7 +2,7 @@
|
|
|
|
|
<div class="app-container home">
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :sm="24" :lg="24">
|
|
|
|
|
<span style="font-size: 20px;margin: 40%;color: cadetblue;">小榄工厂本月产量</span>
|
|
|
|
|
<span style="font-size: 20px;margin: 40%;color: cadetblue;">{{title}}</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
@ -30,60 +30,32 @@
|
|
|
|
|
import LineChart from './dashboard/LineChart';
|
|
|
|
|
import PieChart from './dashboard/PieChart';
|
|
|
|
|
import PieChart2 from './dashboard/PieChart2';
|
|
|
|
|
import {getLineChartData} from '@/api/mes/reportWork'
|
|
|
|
|
export default {
|
|
|
|
|
name: "Index",
|
|
|
|
|
components: {
|
|
|
|
|
LineChart,PieChart,PieChart2
|
|
|
|
|
LineChart//,PieChart,PieChart2
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
const lineChartData= {
|
|
|
|
|
seriesNames: ['榄菊大盘薰衣草蚊香筒装(18装)', '榄菊儿宝健蚊香(60装)', '榄菊小盘无烟型蚊香赠品装(288装)', '榄菊无烟型蚊香优惠装(30装)', '榄菊加大盘儿宝健蚊香(60装)'],
|
|
|
|
|
xAxisDatas: ['2023/08/01', '2023/08/02', '2023/08/03', '2023/08/04', '2023/08/05', '2023/08/06', '2023/08/07',
|
|
|
|
|
'2023/08/08','2023/08/09','2023/08/10','2023/08/11','2023/08/12','2023/08/13','2023/08/14',
|
|
|
|
|
],
|
|
|
|
|
seriesDatas: [
|
|
|
|
|
{
|
|
|
|
|
name: '榄菊大盘薰衣草蚊香筒装(18装)',
|
|
|
|
|
type: 'line',
|
|
|
|
|
stack: 'Total',
|
|
|
|
|
data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90, 230, 210]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '榄菊儿宝健蚊香(60装)',
|
|
|
|
|
type: 'line',
|
|
|
|
|
stack: 'Total',
|
|
|
|
|
data: [220, 182, 191, 234, 290, 330, 310,220, 182, 191, 234, 290, 330, 310]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '榄菊小盘无烟型蚊香赠品装(288装)',
|
|
|
|
|
type: 'line',
|
|
|
|
|
stack: 'Total',
|
|
|
|
|
data: [150, 232, 201, 154, 190, 330, 410,150, 232, 201, 154, 190, 330, 410]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '榄菊无烟型蚊香优惠装(30装)',
|
|
|
|
|
type: 'line',
|
|
|
|
|
stack: 'Total',
|
|
|
|
|
data: [320, 332, 301, 334, 390, 330, 150, 320, 332, 301, 334, 390, 330, 320]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '榄菊加大盘儿宝健蚊香(60装)',
|
|
|
|
|
type: 'line',
|
|
|
|
|
stack: 'Total',
|
|
|
|
|
data: [820, 932, 901, 934, 1290, 1330, 1320,820, 932, 901, 934, 1290, 1330, 1320]
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
// 版本号
|
|
|
|
|
version: "1.0.0",
|
|
|
|
|
lineChartData: lineChartData
|
|
|
|
|
lineChartData: null,
|
|
|
|
|
title:"本月工厂产量"
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getLineChartData();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
goTarget(href) {
|
|
|
|
|
window.open(href, "_blank");
|
|
|
|
|
},
|
|
|
|
|
getLineChartData(){
|
|
|
|
|
getLineChartData().then(data => {
|
|
|
|
|
this.lineChartData = data;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|