7 changed files with 836 additions and 65 deletions
-
1src/api/production.js
-
7src/api/production/generateReport.js
-
4src/assets/scss/global.scss
-
10src/views/modules/pad/padPartPhoto.vue
-
262src/views/modules/production/generateReport.vue
-
515src/views/modules/production/generateReport_old.vue
-
102src/views/modules/production/scheduleForSOTask.vue
@ -0,0 +1,515 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -20px;"> |
|||
<el-form-item :label="'生产订单号'"> |
|||
<el-input v-model="searchData.orderNo" style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item > |
|||
<span slot="label" style="" @click="getBaseList(24)"><a herf="#">加工中心编码</a></span> |
|||
<el-input v-model="searchData.workCenterNo" style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item > |
|||
<span slot="label" style="" @click="getBaseList(5)"><a herf="#">产品编码</a></span> |
|||
<el-input v-model="searchData.partNo" style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-button @click="search()" style="margin-left: 0px;margin-top:0px" type="primary">查询</el-button> |
|||
<download-excel |
|||
:fields="exportDataStandard" |
|||
:data="tableData" |
|||
type="xlsx" |
|||
:name="exportName" |
|||
:header="exportHeader" |
|||
:footer="exportFooter" |
|||
:defaultValue="exportDefaultValue" |
|||
:fetch="createExportData" |
|||
:before-generate="startDownload" |
|||
:before-finish="finishDownload" |
|||
worksheet="导出信息" |
|||
class="el-button el-button--primary el-button--medium"> |
|||
{{'导出'}} |
|||
</download-excel> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table |
|||
:height="height" |
|||
:data="tableData" |
|||
border |
|||
style="width: 100%"> |
|||
<el-table-column |
|||
prop="" |
|||
header-align="center" |
|||
align="center" |
|||
min-width="50" |
|||
label="操作"> |
|||
<template slot-scope="scope" class="foo_container"> |
|||
<a type="text" size="small" @click="initReportModal(scope.row)">报告</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="orderNo" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="100" |
|||
label="生产订单号"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="itemNo" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="50" |
|||
label="工序号"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="operationDesc" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="70" |
|||
label="工序名称"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="workCenterNo" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="70" |
|||
label="加工中心"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="workCenterDesc" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="100" |
|||
label="加工中心名称"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="qtyRequired" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="70" |
|||
label="需求数量"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="qtyReported" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="70" |
|||
label="报告数量"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="qtyApprove" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="70" |
|||
label="合格数量"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="timeRequired" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="70" |
|||
label="需求时间"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="timeReported" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="70" |
|||
label="报告时间"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="partNo" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="70" |
|||
label="产品编码"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="partDescription" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="100" |
|||
label="产品名称"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="lotSize" |
|||
header-align="center" |
|||
align="right" |
|||
min-width="70" |
|||
label="订单数量"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="status" |
|||
header-align="center" |
|||
align="left" |
|||
min-width="70" |
|||
label="订单状态"> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<el-dialog @close="closeDialog" :close-on-click-modal="false" :close-on-press-escape="false" v-drag title="报告信息" :visible.sync="setUp.reviewFlag" width="615px"> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item label="生产订单号"> |
|||
<el-input style="width: 130px;" :disabled="setUp.disabled" onkeyup="this.value = this.value.toUpperCase()" v-model="saveHeaderData.orderNo"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="产品编码"> |
|||
<el-input style="width: 130px;" :disabled="setUp.disabled" v-model="saveHeaderData.partNo"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="产品名称/规格型号"> |
|||
<el-input style="width: 275px;" :disabled="setUp.disabled" v-model="saveHeaderData.partDescription"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item label="工序号"> |
|||
<el-input style="width: 130px;" :disabled="setUp.disabled" v-model="saveHeaderData.itemNo"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="工序名称"> |
|||
<el-input style="width: 130px;" :disabled="setUp.disabled" v-model="saveHeaderData.operationDesc"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="加工中心编码"> |
|||
<el-input style="width: 130px;" :disabled="setUp.disabled" v-model="saveHeaderData.workCenterNo"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="加工中心名称"> |
|||
<el-input style="width: 130px;" :disabled="setUp.disabled" v-model="saveHeaderData.workCenterDesc"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item> |
|||
<span slot="label" style="" @click="getBaseList(26 ,1)"><a herf="#">操作员</a></span> |
|||
<el-input style="width: 130px;" v-model="saveHeaderData.operatorId"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="操作员姓名"> |
|||
<el-input style="width: 130px;" v-model="saveHeaderData.operatorName"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="生产日期"> |
|||
<el-date-picker |
|||
style="width: 130px" |
|||
v-model="saveHeaderData.planStartTime" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
format = "yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="报告日期"> |
|||
<el-date-picker |
|||
style="width: 130px" |
|||
v-model="saveHeaderData.planFinishTime" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
format = "yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item label="报告数量"> |
|||
<el-input type="number" oninput="value=value.replace(/[^\d]/g,'')" class="input_left" style="width: 178px;" v-model="saveHeaderData.qtyReported"></el-input> |
|||
<!-- <el-input-number style="width: 178px;text-align: right;" v-model="saveHeaderData.qtyRework" size="medium" :min="0" :controls="false"></el-input-number>--> |
|||
</el-form-item> |
|||
<el-form-item label="合格数量"> |
|||
<el-input type="number" style="width: 178px;" oninput="value=value.replace(/[^\d]/g,'')" class="input_reight" v-model="saveHeaderData.qtyApprove"></el-input> |
|||
<!-- <el-input-number style="width: 178px;text-align: right;" v-model="saveHeaderData.qtyRework" size="medium" :min="0" :controls="false"></el-input-number>--> |
|||
</el-form-item> |
|||
<el-form-item label="返工数量"> |
|||
<el-input type="number" style="width: 178px;" oninput="value=value.replace(/[^\d]/g,'')" v-model="saveHeaderData.qtyRework"></el-input> |
|||
<!-- <el-input-number style="width: 178px;text-align: right;" v-model="saveHeaderData.qtyRework" size="medium" :min="0" :controls="false"></el-input-number>--> |
|||
</el-form-item> |
|||
</el-form> |
|||
<fieldset class="customer-fieldset" style="width: 597px;margin-left: -10px;"> |
|||
<legend class="customer-legend">不良品分析</legend> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item> |
|||
<span slot="label" style="" @click="getBaseList(26 ,2)"><a herf="#">操作员</a></span> |
|||
<el-input style="width: 178px;" v-model="saveHeaderData.operatorId2"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="操作员姓名"> |
|||
<el-input style="width: 178px;" v-model="saveHeaderData.operatorIdName2"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="报废原因"> |
|||
<el-input style="width: 178px;" v-model="saveHeaderData.scrapReason"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
</fieldset> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item label="准备时间"> |
|||
<el-input type="number" style="width: 178px;text-align: right;" v-model="saveHeaderData.preparationTime"></el-input> <!--oninput ="value=value.replace(/[^0-9.]/g,'')"--> |
|||
<!-- <el-input-number style="width: 178px;text-align: right;" v-model="saveHeaderData.preparationTime" size="medium" :min="0" :controls="false"></el-input-number>--> |
|||
</el-form-item> |
|||
<el-form-item label="制造时间"> |
|||
<el-input type="number" style="width: 178px;" v-model="saveHeaderData.manufacturingTime"></el-input> <!--oninput ="value=value.replace(/[^0-9.]/g,'')"--> |
|||
<!-- <el-input-number style="width: 178px;text-align: right;" v-model="saveHeaderData.manufacturingTime" size="medium" :min="0" :controls="false"></el-input-number>--> |
|||
</el-form-item> |
|||
<el-form-item label="清理时间" label-width="0px"> |
|||
<el-input type="number" style="width: 178px;" v-model="saveHeaderData.cleaningTime"></el-input> <!--oninput ="value=value.replace(/[^0-9.]/g,'')"--> |
|||
<!-- :min="0" 最小值 :controls="false" 隐藏减价按钮 --> |
|||
<!-- <el-input-number style="width: 178px;text-align: right;" v-model="saveHeaderData.cleaningTime" size="medium" :min="0" :controls="false"></el-input-number>--> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item label="停机原因"> |
|||
<el-input style="width: 560px;" v-model="saveHeaderData.shutdownReason"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item label="备注"> |
|||
<el-input style="width: 560px;" v-model="saveHeaderData.remark"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="setUp.reviewFlag = false">取消</el-button> |
|||
<el-button type="primary" :disabled="setUp.saveButton" @click="saveReport()">确定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getGenerateReportList |
|||
, saveGenerateReport |
|||
} from '@/api/production/generateReport.js' |
|||
import Chooselist from '@/views/modules/common/Chooselist' |
|||
|
|||
export default { |
|||
name: 'generateReport', |
|||
components: { |
|||
Chooselist |
|||
}, |
|||
data () { |
|||
return { |
|||
setUp: { |
|||
reviewFlag: false, |
|||
saveButton: false, |
|||
readonlyFlag: false, |
|||
disabled: false |
|||
}, |
|||
saveHeaderData: { |
|||
site: '', |
|||
orderNo: '', |
|||
itemNo: '', |
|||
partNo: '', |
|||
partDescription: '', |
|||
operationDesc: '', |
|||
workCenterNo: '', |
|||
workCenterDesc: '', |
|||
operatorId: '', |
|||
operatorName: '', |
|||
planStartTime: '', |
|||
planFinishTime: '', |
|||
qtyReported: 0, |
|||
qtyApprove: 0, |
|||
qtyRework: 0, |
|||
operatorId2: '', |
|||
operatorIdName2: '', |
|||
scrapReason: '', |
|||
preparationTime: 0, |
|||
manufacturingTime: 0, |
|||
cleaningTime: 0, |
|||
shutdownReason: '', |
|||
remark: '' |
|||
}, |
|||
site: this.$store.state.user.site, |
|||
operatorType: 0, |
|||
// 导出 start |
|||
exportData: [], |
|||
exportDataStandard: { |
|||
'日计划单号': 'orderNo', |
|||
'计划日期': 'orderDate', |
|||
'订单号': 'orderRef1', |
|||
'物料编码': 'partNo', |
|||
'物料名称': 'partDescription', |
|||
'计划数量': 'orderQty', |
|||
'已完工数': 'qtyfinished', |
|||
'录入人': 'userName', |
|||
'录入时间': 'enterDate' |
|||
}, |
|||
exportName: '日计划列表' + this.getStrDate(), |
|||
exportHeader: ['日计划列表'], |
|||
exportFooter: [], |
|||
exportDefaultValue: '这一行这一列没有数据', |
|||
// 导出 end |
|||
height: 200, |
|||
tableData: [], |
|||
date1: '', |
|||
searchData: { |
|||
orderNo: '', |
|||
workCenterNo: '', |
|||
partNo: '', |
|||
site: this.$store.state.user.site |
|||
} |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.$nextTick(() => { |
|||
this.height = window.innerHeight - 210 |
|||
}) |
|||
}, |
|||
methods: { |
|||
saveReport () { |
|||
if (this.saveHeaderData.qtyReported == null || this.saveHeaderData.qtyReported <= 0) { |
|||
this.$alert('报告数量错误！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (this.saveHeaderData.qtyApprove == null || this.saveHeaderData.qtyApprove < 0) { |
|||
this.$alert('合格数量错误！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (this.saveHeaderData.qtyRework == null || this.saveHeaderData.qtyRework < 0) { |
|||
this.$alert('返工数量错误！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (this.saveHeaderData.preparationTime == null || this.saveHeaderData.preparationTime < 0) { |
|||
this.$alert('准备时间错误！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (this.saveHeaderData.manufacturingTime == null || this.saveHeaderData.manufacturingTime < 0) { |
|||
this.$alert('制造时间错误！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (this.saveHeaderData.cleaningTime == null || this.saveHeaderData.cleaningTime < 0) { |
|||
this.$alert('清理时间错误！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (parseFloat(this.saveHeaderData.qtyApprove) > parseFloat(this.saveHeaderData.qtyReported)) { |
|||
this.$alert('合格数量大于报告数量！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (this.saveHeaderData.planStartTime == null || this.saveHeaderData.planStartTime === '') { |
|||
this.$alert('请选择生产日期！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
if (this.saveHeaderData.planFinishTime == null || this.saveHeaderData.planFinishTime === '') { |
|||
this.$alert('请选择报告日期！', '错误信息', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return |
|||
} |
|||
saveGenerateReport(this.saveHeaderData).then(({data}) => { |
|||
if (data.code == 0) { |
|||
this.$message.success(data.msg) |
|||
this.setUp.reviewFlag = false |
|||
this.search() |
|||
} else { |
|||
this.$alert(data.msg, '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 获取基础数据列表S |
|||
getBaseList (val, type) { |
|||
this.tagNo = val |
|||
this.$nextTick(() => { |
|||
let strVal = '' |
|||
if (val === 24) { |
|||
strVal = this.searchData.workCenterNo |
|||
} else if (val === 26) { |
|||
this.operatorType = type |
|||
if (type === 1) { |
|||
strVal = this.saveHeaderData.operatorId |
|||
} else if (type === 2) { |
|||
strVal = this.saveHeaderData.operatorId2 |
|||
} |
|||
} |
|||
this.$refs.baseList.init(val, strVal) |
|||
}) |
|||
}, |
|||
/* 列表方法的回调 */ |
|||
getBaseData (val) { |
|||
console.log(val) |
|||
if (this.tagNo === 24) { |
|||
this.searchData.workCenterNo = val.WorkCenterNo |
|||
} else if (this.tagNo === 26) { |
|||
if (this.operatorType === 1) { |
|||
this.saveHeaderData.operatorId = val.OperatorID |
|||
this.saveHeaderData.operatorName = val.OperatorName |
|||
} else if (this.operatorType === 2) { |
|||
this.saveHeaderData.operatorId2 = val.OperatorID |
|||
this.saveHeaderData.operatorIdName2 = val.OperatorName |
|||
} |
|||
} else if (this.tagNo === 5) { |
|||
this.searchData.partNo = val.PartNo |
|||
} |
|||
}, |
|||
initReportModal (row) { |
|||
this.setUp.reviewFlag = true |
|||
this.setUp.disabled = true |
|||
let currentData = JSON.parse(JSON.stringify(row)) |
|||
this.saveHeaderData.site = currentData.site |
|||
this.saveHeaderData.orderNo = currentData.orderNo |
|||
this.saveHeaderData.itemNo = currentData.itemNo |
|||
this.saveHeaderData.operationDesc = currentData.operationDesc |
|||
this.saveHeaderData.partNo = currentData.partNo |
|||
this.saveHeaderData.partDescription = currentData.partDescription + '/' + currentData.spec |
|||
this.saveHeaderData.workCenterNo = currentData.workCenterNo |
|||
this.saveHeaderData.workCenterDesc = currentData.workCenterDesc |
|||
this.saveHeaderData.planFinishTime = this.dayjs(new Date()).format('YYYY-MM-DD 00:00:00') |
|||
this.saveHeaderData.planStartTime = this.dayjs(new Date()).format('YYYY-MM-DD 00:00:00') |
|||
}, |
|||
closeDialog () { |
|||
Object.assign(this.$data.saveHeaderData, this.$options.data.call(this).saveHeaderData) |
|||
}, |
|||
search () { |
|||
getGenerateReportList(this.searchData).then(({data}) => { |
|||
this.tableData = data.rows |
|||
}) |
|||
}, |
|||
createExportData () { |
|||
return this.tableData |
|||
}, |
|||
startDownload () { |
|||
// this.exportData = this.dataList |
|||
|
|||
}, |
|||
finishDownload () { |
|||
|
|||
}, |
|||
getStrDate () { |
|||
let dd = new Date() |
|||
let Y = dd.getFullYear() |
|||
let M = (dd.getMonth() + 1) < 10 ? '0' + (dd.getMonth() + 1) : (dd.getMonth() + 1)// 获取当前月份的日期，不足10补0 |
|||
let D = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate()// 获取当前几号，不足10补0 |
|||
let H = dd.getHours() < 10 ? '0' + dd.getHours() : dd.getHours() |
|||
let MM = dd.getMinutes() < 10 ? '0' + dd.getMinutes() : dd.getMinutes() |
|||
let S = dd.getSeconds() < 10 ? '0' + dd.getSeconds() : dd.getSeconds() |
|||
return Y + M + D + H + MM + S |
|||
} |
|||
|
|||
}, |
|||
created () { |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.input_left{ |
|||
text-align: left; |
|||
} |
|||
.input_reight{ |
|||
text-align: right; |
|||
} |
|||
/deep/ input::-webkit-inner-spin-button { |
|||
-webkit-appearance: none !important; |
|||
} |
|||
input[type='number'] { |
|||
-moz-appearance: textfield !important; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue