285 lines
8.1 KiB
Vue
285 lines
8.1 KiB
Vue
<template>
|
|
<!-- 各工序操作 -->
|
|
<view class="common-box">
|
|
<uni-card>
|
|
<u-text size="18" :text="`工序名称：` + processName"></u-text>
|
|
<ScanInput @scanConfirm="scanConfirm" placeholder="请扫标签"></ScanInput>
|
|
</uni-card>
|
|
|
|
<!-- 工单信息 -->
|
|
<uni-card v-if="formData.workorder">
|
|
<u-form labelPosition="left" ref="uForm" labelWidth="100">
|
|
<u-form-item label="工单号" borderBottom>
|
|
<u-text :text="formData.workorder" type="primary" bold size="18"></u-text>
|
|
</u-form-item>
|
|
<u-form-item label="主体型号" borderBottom>
|
|
<u-text :text="formData.productionCode" size="16"></u-text>
|
|
</u-form-item>
|
|
<u-form-item label="主体品名" borderBottom>
|
|
<u-text :text="formData.productionName" size="16"></u-text>
|
|
</u-form-item>
|
|
<u-form-item label="炉号" borderBottom>
|
|
<u-input readonly v-model="formData.stoveCode" border="none"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="计划数量" borderBottom>
|
|
<u-input readonly v-model="formData.planNum" border="none"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="完成数量" borderBottom>
|
|
<u--input class="input-border" v-model.number="formData.finishNum" type="number"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="不良数量" borderBottom>
|
|
<u--input class="input-border" v-model.number="formData.badNum" type="number"></u--input>
|
|
</u-form-item>
|
|
<u-form-item v-if="processName === '出货'" label="客户定单">
|
|
<u--input class="input-border" v-model="formData.customerOrder"></u--input>
|
|
</u-form-item>
|
|
<u-form-item label="作业员" borderBottom>
|
|
<u--input class="input-border" v-model="formData.worker"></u--input>
|
|
</u-form-item>
|
|
</u-form>
|
|
</uni-card>
|
|
|
|
<!-- 其他信息 -->
|
|
<uni-card v-if="formData.workorder">
|
|
<u-form labelPosition="left" ref="uForm" labelWidth="100">
|
|
<u-form-item label="主体图号" borderBottom>
|
|
<u-input readonly v-model="formData.drawingCode" border="none">
|
|
<template slot="suffix">
|
|
<u-button type="primary" @click="uOverlay.show = true" size="mini">展示</u-button>
|
|
</template>
|
|
</u-input>
|
|
</u-form-item>
|
|
<u-form-item label="版本号" borderBottom>
|
|
<u-input readonly v-model="formData.version" border="none"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="材料型号" borderBottom>
|
|
<u-input readonly v-model="formData.materialName" border="none"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="材料编号" borderBottom>
|
|
<u-input readonly v-model="formData.materialCode" border="none"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="材质" borderBottom>
|
|
<u-input readonly v-model="formData.materialtextureCode" border="none"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="指示日期" borderBottom>
|
|
<u-input v-model="formData.instructionDate" border="none"></u-input>
|
|
</u-form-item>
|
|
</u-form>
|
|
</uni-card>
|
|
<!-- 底部按钮 -->
|
|
<view class="bottom-box" v-if="formData.workorder">
|
|
<u-button type="success" @click="submit">确认报工</u-button>
|
|
</view>
|
|
<!-- 图片展示 -->
|
|
<u-overlay :show="uOverlay.show" @click="uOverlay.show = false">
|
|
<view class="warp">
|
|
<img :src="uOverlay.imageUrl + formData.drawingCode" alt="图片" />
|
|
</view>
|
|
</u-overlay>
|
|
|
|
<!-- 消息提示 -->
|
|
<u-modal :show="uModal.show" :title="uModal.title" :content="uModal.content" @confirm="closeModal"></u-modal>
|
|
<!-- 消息确认 -->
|
|
<u-modal :show="uModal2.show" :title="uModal2.title" showCancelButton :content="uModal2.content" @cancel="uModal2.show = false" @confirm="modalConfirm"></u-modal>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as reportWorkOrderApi from '@/api/reportFlow/index.js';
|
|
export default {
|
|
onLoad: function (option) {
|
|
this.processId = option.processId;
|
|
this.processName = option.processName;
|
|
},
|
|
data() {
|
|
return {
|
|
processId: -1,
|
|
processName: '',
|
|
|
|
lineCode: '',
|
|
groupCode: '',
|
|
loading: false,
|
|
formData: {
|
|
id: null,
|
|
workorder: '',
|
|
// productionName: '产品名称',
|
|
// productionCode: '产品编码',
|
|
// unit: '单位',
|
|
planNum: 0,
|
|
finishNum: 0,
|
|
badNum: 0,
|
|
worker: '',
|
|
jobDate: ''
|
|
// sort: '排序',
|
|
// workorderDate: '工单日期',
|
|
// priority: '优先级',
|
|
// beat: '节拍',
|
|
// status: '状态',
|
|
// instructionDate: '指导日期',
|
|
// materialName: '材料名称',
|
|
// materialtextureCode: '材质编码',
|
|
// materialCode: '材料编码',
|
|
// drawingCode: '图纸编码',
|
|
// version: '版本',
|
|
// stoveCode: '炉子编码',
|
|
// workshopCode: '车间编码',
|
|
// routeCode: '路线编码',
|
|
// groupCode: '组编码',
|
|
},
|
|
uModal: {
|
|
show: false,
|
|
title: '提示',
|
|
content: ''
|
|
},
|
|
uModal2: {
|
|
show: false,
|
|
title: '提示',
|
|
content: ''
|
|
},
|
|
uOverlay: {
|
|
show: false,
|
|
imageUrl: ''
|
|
}
|
|
};
|
|
},
|
|
methods: {
|
|
// 扫工单码结果
|
|
async scanConfirm(val) {
|
|
const params = {
|
|
workorder: val,
|
|
processId: this.processId
|
|
};
|
|
|
|
const res1 = await reportWorkOrderApi.GetWorkOrderDetail(params);
|
|
if (res1.code === 200) {
|
|
if (!res1.data) {
|
|
this.uModal.content = '工单号不存在！';
|
|
this.openModal();
|
|
this.clear();
|
|
return;
|
|
}
|
|
this.formData = res1.data;
|
|
}
|
|
const res2 = await reportWorkOrderApi.GetProcessReportWorkDetail(params);
|
|
if (res2.code === 200) {
|
|
if (!res2.data) {
|
|
this.formData.finishNum = this.formData.planNum;
|
|
this.formData.badNum = 0;
|
|
this.formData.worker = '';
|
|
} else {
|
|
this.formData.finishNum = res2.data.finishNum;
|
|
this.formData.badNum = res2.data.badNum ?? 0;
|
|
this.formData.worker = res2.data.worker;
|
|
if (this.formData.finishNum > 0) {
|
|
this.uModal.title = '报工提醒';
|
|
this.uModal.content = '此工序该工单已报工过！';
|
|
this.openModal();
|
|
}
|
|
}
|
|
}
|
|
},
|
|
// 清空form
|
|
clear() {
|
|
this.formData = {
|
|
id: -1,
|
|
workorder: '',
|
|
planNum: 0,
|
|
finishNum: 0,
|
|
badNum: 0
|
|
};
|
|
},
|
|
openModal() {
|
|
this.uModal.show = true;
|
|
},
|
|
closeModal() {
|
|
this.uModal.show = false;
|
|
},
|
|
submit() {
|
|
// if (!this.check()) {
|
|
// return;
|
|
// }
|
|
this.uModal2.content = '是否确认报工';
|
|
this.uModal2.show = true;
|
|
},
|
|
check() {
|
|
try {
|
|
const _planNum = this.formData.planNum * 1;
|
|
const _finishNum = this.formData.finishNum * 1;
|
|
const _badNum = this.formData.badNum * 1;
|
|
if (_planNum !== _finishNum + _badNum) {
|
|
this.uModal.title = '报工填写异常';
|
|
this.uModal.content = '计划数量不等于完成数量加不良数量，请检查！';
|
|
this.openModal();
|
|
return false;
|
|
}
|
|
return true;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
},
|
|
checkInput(){
|
|
if(!(this.formData.finishNum > -1)){
|
|
this.uModal.title = '参数未填写提醒';
|
|
this.uModal.content = '完成数必填';
|
|
this.openModal();
|
|
return false;
|
|
}
|
|
if(!this.formData.worker){
|
|
this.uModal.title = '参数未填写提醒';
|
|
this.uModal.content = '作业人必填';
|
|
this.openModal();
|
|
return false;
|
|
}
|
|
return true;
|
|
},
|
|
modalConfirm() {
|
|
const params = {
|
|
workorder: this.formData.workorder,
|
|
processId: this.processId,
|
|
// 参数填写
|
|
finish_num: this.formData.finishNum,
|
|
bad_num: this.formData.badNum ?? 0,
|
|
customer_order:this.formData.customerOrder,
|
|
process_operator: this.formData.worker
|
|
};
|
|
if(!this.checkInput()){
|
|
this.uModal2.show = false;
|
|
return;
|
|
}
|
|
if(this.processName === '出货'){
|
|
reportWorkOrderApi.ShipmentProcessReportwork(params).then((res) => {
|
|
if (res.code === 200 && res.data === "成功") {
|
|
this.uModal2.show = false;
|
|
this.uModal.content = '出货成功！';
|
|
this.openModal();
|
|
this.clear();
|
|
}else{
|
|
this.uModal.content = res.data;
|
|
this.openModal();
|
|
}
|
|
});
|
|
}else{
|
|
reportWorkOrderApi.ProcessReportWork(params).then((res) => {
|
|
if (res.code === 200) {
|
|
this.uModal2.show = false;
|
|
this.uModal.content = '报工成功！';
|
|
this.openModal();
|
|
this.clear();
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.common-box {
|
|
padding-bottom: 60px;
|
|
}
|
|
.input-border {
|
|
border: 1px solid #eeeeee;
|
|
}
|
|
</style>
|