fix:员工生产及缺陷统计初版页面

This commit is contained in:
shijing 2025-10-31 10:53:47 +08:00
parent e3a5eb9567
commit a0814191a7
1 changed files with 127 additions and 0 deletions

View File

@ -0,0 +1,127 @@
<template>
<el-container>
<el-header>
<div class="left-panel"></div>
<div class="right-panel">
<el-select v-model="query.mgroup_name" placeholder="工段" clearable style="width: 150px">
<el-option v-for="item in mgroups" :key="item.id" :label="item.name" :value="item.name"></el-option>
</el-select>
<el-date-picker
v-model="query.start_date"
type="date"
value-format="YYYY-MM-DD"
placeholder="开始时间"
style="width: 150px"
/>
<el-date-picker
v-model="query.end_date"
type="date"
value-format="YYYY-MM-DD"
placeholder="结束时间"
style="margin-left: 2px; width: 150px"
/>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div>
</el-header>
<el-main class="nopadding">
<scTable
ref="table"
:data="tableData"
id="exportDiv"
stripe
>
<el-table-column type="index" width="50" fixed="left"/>
<el-table-column label="工段">{{ query.mgroup_name }}
</el-table-column>
<el-table-column label="员工" prop="员工">
</el-table-column>
<el-table-column label="总数" prop="总生产数">
</el-table-column>
<el-table-column label="剪切" prop="剪切">
</el-table-column>
<el-table-column label="剪切加功率" prop="剪切加功率">
</el-table-column>
<el-table-column label="暗点" prop="暗点不合格">
</el-table-column>
<el-table-column label="长点率" prop="长点率">
</el-table-column>
<el-table-column label="加功率" prop="加功率">
</el-table-column>
<el-table-column label="不合格数" prop="不合格数">
</el-table-column>
<el-table-column label="合格率" prop="合格率">
</el-table-column>
</scTable>
</el-main>
</el-container>
</template>
<script>
import { genTree } from "@/utils/verificate";
export default {
name: "workerTimes",
data() {
return {
query:{
end_date:'',
mgroup_name:'',
start_date:'',
},
mgroups: [],
tableData:[],
};
},
mounted() {
let that = this;
let date = new Date();
that.query.start_date = that.query.end_date = that.$TOOL.dateFormat2(date);
that.getData();
this.deptMgroup();
},
methods: {
deptMgroup() {
this.$API.mtm.mgroup.list.req({ page: 0 }).then(res => {
this.mgroups = res;
});
},
getData(){
let that = this;
let params = {};
params.query = that.query;
that.$API.bi.dataset.exec.req('prodect_defect', params).then((res) => {
let data = res.data2.ds0;
data.forEach(item=>{
if(item.缺陷分布!==null){
let defect = JSON.parse(item.缺陷分布);
for(let key in defect){
item[key]=defect[key];
}
}
})
data.forEach(item=>{
if(item.暗点不合格){
item.长点率 = (item.暗点不合格/item.总生产数*100).toFixed(2)+'%';
}
})
console.log('data',data)
that.tableData = data;
});
},
deptChange(){
this.getData();
},
handleQuery(){
let that = this;
console.log('that.query',that.query)
that.getData();
},
},
};
</script>
<style scoped>
</style>