218 lines
7.6 KiB
Vue
218 lines
7.6 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<!-- 搜索部分 -->
|
|
<div>
|
|
<el-form :model="search" inline>
|
|
<el-form-item label="年">
|
|
<el-input v-model="search.year" placeholder="输入年份"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="周">
|
|
<el-input v-model="search.week" placeholder="输入周"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="日期">
|
|
<el-input v-model="search.date" placeholder="输入日期"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="工单号">
|
|
<el-input v-model="search.workorderid" placeholder="输入工单号"></el-input>
|
|
</el-form-item>
|
|
<el-button type="primary" icon="el-icon-search" @click="GetQualityStatisticsTable">搜索</el-button>
|
|
</el-form>
|
|
</div>
|
|
|
|
<vxe-table
|
|
:data="QualityStatisticsTable"
|
|
align="center"
|
|
:loading="loading"
|
|
border
|
|
:column-config="{ resizable: true, useKey: true }"
|
|
:row-config="{ useKey: true }"
|
|
>
|
|
<vxe-column type="seq" width="60"></vxe-column>
|
|
<vxe-column field="id" title="id"></vxe-column>
|
|
<vxe-column field="fkWorkorderId" title="工单id"></vxe-column>
|
|
<vxe-column field="productName" title="产品名称"></vxe-column>
|
|
<vxe-column field="color" title="颜色"></vxe-column>
|
|
<vxe-column field="require" title="投入数"></vxe-column>
|
|
<vxe-column field="left_right" title="左右产品"></vxe-column>
|
|
<vxe-column field="team" title="班组"></vxe-column>
|
|
<vxe-colgroup title="首检">
|
|
<vxe-column field="qualifiedNum01" title="首检合格数量"></vxe-column>
|
|
<vxe-column title="首检抛光数量">
|
|
<template #default="{ row }">
|
|
<el-link type="primary" @click="QualityAnalysis(row.fkWorkorderId, 1)">{{ row.defectNum01 }}</el-link>
|
|
</template></vxe-column
|
|
>
|
|
<vxe-column title="首检打磨数量">
|
|
<template #default="{ row }">
|
|
<el-link type="warning" @click="QualityAnalysis(row.fkWorkorderId, 2)">{{ row.polishNum01 }}</el-link>
|
|
</template>
|
|
</vxe-column>
|
|
<vxe-column title="首检报废数量">
|
|
<template #default="{ row }">
|
|
<el-link type="danger" @click="QualityAnalysis(row.fkWorkorderId, 3)">{{ row.scrapNum01 }}</el-link>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-colgroup>
|
|
<vxe-colgroup title="二检">
|
|
<vxe-column field="qualifiedNum02" title="二检合格数量"></vxe-column>
|
|
<vxe-column title="二检打磨数量">
|
|
<template #default="{ row }">
|
|
<el-link type="warning" @click="QualityAnalysis(row.fkWorkorderId, 4)">{{ row.polishNum02 }}</el-link>
|
|
</template>
|
|
</vxe-column>
|
|
<vxe-column title="二检报废数量">
|
|
<template #default="{ row }">
|
|
<el-link type="danger" @click="QualityAnalysis(row.fkWorkorderId, 5)">{{ row.scrapNum02 }}</el-link>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-colgroup>
|
|
<vxe-colgroup title="三检">
|
|
<vxe-column field="qualifiedNum03" title="三检合格数量"></vxe-column>
|
|
<vxe-column title="三检打磨数量">
|
|
<template #default="{ row }">
|
|
<el-link type="warning" @click="QualityAnalysis(row.fkWorkorderId, 6)">{{ row.polishNum03 }}</el-link>
|
|
</template>
|
|
</vxe-column>
|
|
<vxe-column title="三检报废数量">
|
|
<template #default="{ row }">
|
|
<el-link type="danger" @click="QualityAnalysis(row.fkWorkorderId, 7)">{{ row.scrapNum03 }}</el-link>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-colgroup>
|
|
<vxe-colgroup title="统计分析" fixed="right">
|
|
<vxe-column field="firstgoodNum" title="一次合格数量"></vxe-column>
|
|
<vxe-column field="firstgoodRate" title="一次合格率"></vxe-column>
|
|
<vxe-column field="finalgoodNum" title="最终合格数量"></vxe-column>
|
|
<vxe-column field="finalgoodRate" title="最终合格率"></vxe-column>
|
|
<vxe-column field="scrapNum" title="报废数"></vxe-column>
|
|
<vxe-column field="scrapRate" title="报废率"></vxe-column>
|
|
</vxe-colgroup>
|
|
</vxe-table>
|
|
<pagination
|
|
:total="pagination.total"
|
|
:page.sync="pagination.pageNum"
|
|
:limit.sync="pagination.pageSize"
|
|
@pagination="GetQualityStatisticsTable()"
|
|
/>
|
|
|
|
<!-- 弹窗-- 修改和删除 -->
|
|
<el-dialog :title="DMLdialog.title" :visible.sync="DMLdialog.visiable" width="600px" append-to-body>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-card class="box-card">
|
|
<div v-for="(item, index) in DefectDetails" :key="index" class="text item">
|
|
{{ DefectDetails.InspectionName }}+"----------"+{{ DefectDetails.Counter }}
|
|
</div>
|
|
</el-card></el-col
|
|
>
|
|
<el-col :span="12"> <div ref="chartColumn" style="width: 100%; height: 400px"></div></el-col>
|
|
</el-row>
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button @click="DMLdialog.visiable = false">取 消</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { QueryQualityStatisticsTable, GetDetailsOfDetectionItems } from '@/api/operationManagement/quality/qualityStatistics.js'
|
|
export default {
|
|
name: 'qualityStatistics',
|
|
data() {
|
|
return {
|
|
search: {
|
|
year: 2023,
|
|
week: null,
|
|
date: null,
|
|
workorderid: '',
|
|
},
|
|
pagination: {
|
|
total: 0,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
},
|
|
loading: true,
|
|
QualityStatisticsTable: [],
|
|
DMLdialog: {
|
|
title: '',
|
|
visiable: false,
|
|
},
|
|
DefectDetails: [], //缺陷详情
|
|
}
|
|
},
|
|
mounted() {
|
|
this.GetQualityStatisticsTable()
|
|
},
|
|
methods: {
|
|
// todo 获取表格
|
|
GetQualityStatisticsTable() {
|
|
const query = { ...this.search, ...this.pagination }
|
|
if (query.year == null || query.year == 0) query.year = -1
|
|
if (query.week == null || query.week == 0) query.week = -1
|
|
if (query.date == null || query.date == 0) query.date = -1
|
|
if (query.date == null || query.date == 0) query.date = -1
|
|
|
|
QueryQualityStatisticsTable(query)
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
this.QualityStatisticsTable = res.data.item1
|
|
this.pagination.total = res.data.item2
|
|
this.loading = false
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.$notify.error('未知错误')
|
|
})
|
|
},
|
|
// todo 统计分析详情
|
|
QualityAnalysis(fkWorkorderId, index) {
|
|
this.DMLdialog.visiable = true
|
|
const query = {
|
|
fkWorkorderId,
|
|
index,
|
|
}
|
|
switch (index) {
|
|
case 1:
|
|
// 首检抛光数量
|
|
this.DMLdialog.title = '首检抛光'
|
|
|
|
break
|
|
case 2:
|
|
// 首检打磨数量
|
|
this.DMLdialog.title = '首检打磨'
|
|
break
|
|
case 3:
|
|
// 首检报废数量
|
|
this.DMLdialog.title = '首检报废'
|
|
break
|
|
case 4:
|
|
// 二检打磨数量
|
|
this.DMLdialog.title = '二检打磨'
|
|
break
|
|
case 5:
|
|
// 二检报废数量
|
|
this.DMLdialog.title = '二检报废'
|
|
break
|
|
case 6:
|
|
// 三检打磨数量
|
|
this.DMLdialog.title = '三检打磨'
|
|
break
|
|
case 7:
|
|
// 三检报废数量
|
|
this.DMLdialog.title = '三检报废'
|
|
break
|
|
}
|
|
//todo 获取检测项，详细信息
|
|
GetDetailsOfDetectionItems(query).then((res) => {
|
|
if (res.code == 200) {
|
|
this.DefectDetails = res.data
|
|
}
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|