金工数据分析
This commit is contained in:
14
src/api/ManufacturingCenter/ManHourAnalysis.js
Normal file
14
src/api/ManufacturingCenter/ManHourAnalysis.js
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询人员总工工时
|
||||||
|
export function search1(num1, num2, num3, num4, num5) {
|
||||||
|
return request({
|
||||||
|
url: '',
|
||||||
|
method: 'post',
|
||||||
|
data: {
|
||||||
|
type: '1',
|
||||||
|
name: '车间生产管理工艺_工时统计_查询数据2',
|
||||||
|
param: '操作者_check=' + num1 + '&姓名=' + num2 + '&时间_check=' + num3 + '&开始时间=' + num4 + '&结束时间=' + num5
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
148
src/views/ManufacturingCenter/ManHourAnalysis/index.vue
Normal file
148
src/views/ManufacturingCenter/ManHourAnalysis/index.vue
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-row>
|
||||||
|
<el-card v-loading="loading1" style="height: 450px">
|
||||||
|
<span>工时分析</span>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="startTime"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
size="small"
|
||||||
|
style="width: 170px;margin:0px 10px"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择开始加工日期"/>
|
||||||
|
<span class="demonstration">~</span>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="endTime"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
size="small"
|
||||||
|
style="width: 170px;margin:0px 10px"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择加工完成日期"/>
|
||||||
|
<el-button size="small" type="success" icon="el-icon-search" @click="search1()">查询</el-button>
|
||||||
|
<div v-if="chart1" id="myChart1" :style="{width: '100%', height: '400px', margin: 'auto'}"/>
|
||||||
|
</el-card>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-card v-loading="loading2" style="height: 450px">
|
||||||
|
<span>工人时间段统计</span>
|
||||||
|
<el-button size="small" type="success" icon="el-icon-search" @click="search2()">查询</el-button>
|
||||||
|
<div v-if="chart2" id="myChart2" :style="{width: '100%', height: '400px', margin: 'auto'}"/>
|
||||||
|
</el-card>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { search1 } from '@/api/ManufacturingCenter/ManHourAnalysis'
|
||||||
|
import echarts from 'echarts'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
startTime: '',
|
||||||
|
endTime: '',
|
||||||
|
chart1: true,
|
||||||
|
res1: [],
|
||||||
|
loading1: false, // 图表1
|
||||||
|
chart2: true,
|
||||||
|
res2: [],
|
||||||
|
loading2: false // 2
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 时间段工时
|
||||||
|
search1() {
|
||||||
|
this.chart1 = false
|
||||||
|
this.loading1 = true
|
||||||
|
var check
|
||||||
|
if (this.startTime && this.endTime) { check = 1 } else { check = 0 }
|
||||||
|
search1(0, 0, check, this.startTime, this.endTime).then(response => {
|
||||||
|
this.res1 = response.data
|
||||||
|
this.loading1 = false
|
||||||
|
this.chart1 = true
|
||||||
|
}).then(() => {
|
||||||
|
var myChart1 = echarts.init(document.getElementById('myChart1'))
|
||||||
|
myChart1.clear()
|
||||||
|
this.drawLine1(this.res1)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
drawLine1(data) {
|
||||||
|
var dataX = []
|
||||||
|
var lineData1 = []
|
||||||
|
var lineData2 = []
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
dataX.push(data[i].姓名)
|
||||||
|
lineData1.push(data[i].理论加工时间段)
|
||||||
|
lineData2.push(data[i].实际加工时间段)
|
||||||
|
}
|
||||||
|
var myChart1 = echarts.init(document.getElementById('myChart1'))
|
||||||
|
myChart1.clear()
|
||||||
|
myChart1.setOption({
|
||||||
|
legend: {
|
||||||
|
data: ['理论工时', '实际工时']
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
left: '3%',
|
||||||
|
right: '8%',
|
||||||
|
bottom: '3%',
|
||||||
|
containLabel: true
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
axisPointer: {
|
||||||
|
type: 'shadow'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
type: 'category',
|
||||||
|
name: '姓名',
|
||||||
|
axisLabel: {
|
||||||
|
interval: 0,
|
||||||
|
rotate: 90,
|
||||||
|
margin: 10
|
||||||
|
},
|
||||||
|
data: dataX
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
name: 'min',
|
||||||
|
min: 0,
|
||||||
|
scale: 'true'
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: '理论工时',
|
||||||
|
type: 'bar',
|
||||||
|
color: '#67C23A',
|
||||||
|
label: {
|
||||||
|
normal: {
|
||||||
|
show: true,
|
||||||
|
position: 'inside'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data: lineData1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '实际工时',
|
||||||
|
type: 'bar',
|
||||||
|
color: 'rgb(213,58,53)',
|
||||||
|
label: {
|
||||||
|
normal: {
|
||||||
|
show: true,
|
||||||
|
position: 'top'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data: lineData2
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
<!--</el-table-column>-->
|
<!--</el-table-column>-->
|
||||||
<el-table-column label="应付金额" align="center" min-width="100px">
|
<el-table-column label="应付金额" align="center" min-width="100px">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ parseFloat(scope.row.应付总额).toFixed(2) }}
|
{{ scope.row.实际付款时间 === '' ? parseFloat(scope.row.应付总额).toFixed(2) : '-' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="扣款说明" align="center" min-width="120px">
|
<el-table-column label="扣款说明" align="center" min-width="120px">
|
||||||
|
|||||||
Reference in New Issue
Block a user