|
|
@ -12,6 +12,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
<!--
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<pie-chart ref="pieChart"/>
|
|
|
|
<pie-chart ref="pieChart"/>
|
|
|
@ -19,14 +20,13 @@
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<pie-chart ref="pieChart2"/>
|
|
|
|
<pie-chart ref="pieChart2"/>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>-->
|
|
|
|
<el-divider />
|
|
|
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<span style="font-size: 20px;margin: 20%;color: cadetblue;">{{deviceTitle}}</span>
|
|
|
|
<span style="font-size: 18px;padding: 1% 39%;color: cadetblue;">各线体设备月故障数</span>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<span style="font-size: 20px;margin: 20%;color: cadetblue;">各线体生产不良率</span>
|
|
|
|
<span style="font-size: 18px;padding: 1% 39%;color: cadetblue;">各车间生产不良率</span>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-row :gutter="20">
|
|
|
@ -34,7 +34,7 @@
|
|
|
|
<DeviceChartLine :chart-data="deviceChartLineData" ref="DeviceChartLine"/>
|
|
|
|
<DeviceChartLine :chart-data="deviceChartLineData" ref="DeviceChartLine"/>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-col :span="12">
|
|
|
|
<DeviceChartLine :chart-data="deviceChartLineData" ref="DeviceChartLine"/>
|
|
|
|
<QcChartLine :chart-data="qcChartLineData" ref="QcChartLine"/>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -44,12 +44,14 @@
|
|
|
|
import LineChart from './dashboard/LineChart';
|
|
|
|
import LineChart from './dashboard/LineChart';
|
|
|
|
import PieChart from './dashboard/PieChart';
|
|
|
|
import PieChart from './dashboard/PieChart';
|
|
|
|
import PieChart2 from './dashboard/PieChart2';
|
|
|
|
import PieChart2 from './dashboard/PieChart2';
|
|
|
|
import {getGroupLineEquInfo, getLineChartData} from '@/api/mes/reportWork'
|
|
|
|
import {getGroupLineEquInfo, getLineChartData,getLineQcData} from '@/api/mes/reportWork'
|
|
|
|
import DeviceChartLine from "./dashboard/DeviceChartLine";
|
|
|
|
import DeviceChartLine from "./dashboard/DeviceChartLine";
|
|
|
|
|
|
|
|
import QcChartLine from "./dashboard/QcChartLine";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: "Index",
|
|
|
|
name: "Index",
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
DeviceChartLine,
|
|
|
|
DeviceChartLine,
|
|
|
|
|
|
|
|
QcChartLine,
|
|
|
|
LineChart//,PieChart,PieChart2
|
|
|
|
LineChart//,PieChart,PieChart2
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
@ -58,13 +60,13 @@ export default {
|
|
|
|
version: "1.0.0",
|
|
|
|
version: "1.0.0",
|
|
|
|
lineChartData: null,
|
|
|
|
lineChartData: null,
|
|
|
|
deviceChartLineData:null,
|
|
|
|
deviceChartLineData:null,
|
|
|
|
title:"本月工厂产量",
|
|
|
|
qcChartLineData:null,
|
|
|
|
deviceTitle: "各组线月设备故障数"
|
|
|
|
title:"本月工厂产量"
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
created() {
|
|
|
|
this.getLineChartData();
|
|
|
|
this.getLineChartData();
|
|
|
|
this.getGroupLineEquInfo();
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
goTarget(href) {
|
|
|
|
goTarget(href) {
|
|
|
@ -75,11 +77,13 @@ export default {
|
|
|
|
this.lineChartData = data;
|
|
|
|
this.lineChartData = data;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
getGroupLineEquInfo(){
|
|
|
|
getGroupLineEquInfo(){
|
|
|
|
getGroupLineEquInfo().then(response => {
|
|
|
|
getGroupLineEquInfo().then(response => {
|
|
|
|
this.deviceChartLineData = response.data;
|
|
|
|
this.deviceChartLineData = response.data;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
**/
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|