423 lines
13 KiB
Vue
423 lines
13 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<uni-collapse>
|
|||
|
|
<uni-forms :modelValue="jobInForm" ref="jobInForm" :rules="rules">
|
|||
|
|
<uni-collapse-item title="上机转入单" :open="true">
|
|||
|
|
<uni-forms-item label="作业编码" :labelWidth='90' name="pwoJobCode">
|
|||
|
|
<uni-easyinput suffixIcon="scan" @iconClick="scanBar" disabled type="text" @confirm="scanJobCode"
|
|||
|
|
v-model="jobInForm.pwoJobCode"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="工单" :labelWidth='90' name="pwoCode">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="jobInForm.pwoCode"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="工位编码" :labelWidth='90' name="stationCode">
|
|||
|
|
<uni-easyinput suffixIcon="scan" type="text" v-model="stationCode"
|
|||
|
|
@iconClick="scanBarStationCode" @input="scanStationCode"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="设备编码" :labelWidth='90' name="equipmentCode">
|
|||
|
|
<uni-easyinput suffixIcon="scan" :disabled=flag ref="equipmentCode" @iconClick="scanBar1"
|
|||
|
|
type="text" v-model="equipmentCode">
|
|||
|
|
</uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item v-show="show" :labelWidth='90' style="text-align: center;" name="">
|
|||
|
|
<button type="primary" size="mini" style=" text-align: center;font-size: 18px;"
|
|||
|
|
@click="eqpBind">绑定</button>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="选择状态" :labelWidth='90'>
|
|||
|
|
<u-radio-group v-model="radiovalue1" placement="row">
|
|||
|
|
<u-radio v-for="(item, index) in radiolist1" :key="index" :label="item.name"
|
|||
|
|
:name="item.name">
|
|||
|
|
</u-radio>
|
|||
|
|
</u-radio-group>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item :label="radiovalue1+'时间'" :labelWidth='90'>
|
|||
|
|
<view class="example-body">
|
|||
|
|
<uni-datetime-picker type="datetime" v-model="value1" />
|
|||
|
|
</view>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="操作人编码" :labelWidth='90' name="operateByCode">
|
|||
|
|
<uni-easyinput suffixIcon="scan" @confirm="scanBarOperateBy" @iconClick="scanBar2" type="text"
|
|||
|
|
v-model="operateByCode"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="操作人" :labelWidth='90' name="operateBy">
|
|||
|
|
<uni-easyinput disabled type="text" v-model="operateBy"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="转移单类型" :labelWidth='90' name="type">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="jobInForm.type"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="备注" :labelWidth='90' name="remark">
|
|||
|
|
<uni-easyinput autoHeight type="textarea" v-model="jobInForm.remark"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
|
|||
|
|
</uni-collapse-item>
|
|||
|
|
<uni-collapse-item title="上机转入单明细" :open="true">
|
|||
|
|
<uni-swipe-action>
|
|||
|
|
<uni-swipe-action-item :rightOptions="rightOptions"
|
|||
|
|
v-for="(item, index) in jobInForm.mesPwoJobCvDetailList" :key="index"
|
|||
|
|
@click="(data) => clickDetail(index,data)" @change="swipChange">
|
|||
|
|
<!-- <uni-badge :text="index+1" type="primary"><u-tag text="未核销" size="large" type="error" plain
|
|||
|
|
plainFill></u-tag></uni-badge> -->
|
|||
|
|
<!-- <div><u-tag text="未核销" size="mini" type="error" plain plainFill></u-tag></div> -->
|
|||
|
|
<uni-forms-item label="物料编码" :labelWidth='90'
|
|||
|
|
:name="'mesPwoJobCvDetailList.'+ index +'.materialCode'">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="item.materialCode"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="物料名称" :labelWidth='90'
|
|||
|
|
:name="'mesPwoJobCvDetailList.'+ index +'.materialName'">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="item.materialName"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="物料批号" :labelWidth='90'
|
|||
|
|
:name="'mesPwoJobCvDetailList.'+ index +'.materialBatch'">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="item.materialBatch"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="目标仓库" :labelWidth='90'
|
|||
|
|
:name="'mesPwoJobCvDetailList.'+ index +'.whCodeDest'">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="item.whCodeDest"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="目标库位" :labelWidth='90'
|
|||
|
|
:name="'mesPwoJobCvDetailList.'+ index +'.locCodeDest'">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="item.locCodeDest"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="可转入数量" :labelWidth='90'
|
|||
|
|
:name="'mesPwoJobCvDetailList.'+ index +'.availableNum'">
|
|||
|
|
<uni-easyinput type="text" disabled v-model="item.availableNum"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="转移数量" :labelWidth='90'
|
|||
|
|
:name="'mesPwoJobCvDetailList.'+ index +'.number'">
|
|||
|
|
<uni-easyinput type="text" v-model="item.number"></uni-easyinput>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
</uni-swipe-action-item>
|
|||
|
|
</uni-swipe-action>
|
|||
|
|
</uni-collapse-item>
|
|||
|
|
</uni-forms>
|
|||
|
|
</uni-collapse>
|
|||
|
|
<view style="text-align: center;margin: 10px 0;" v-show="jobInForm.mesPwoJobCvDetailList.length>0">
|
|||
|
|
<button type="primary" size="mini" style=" text-align: center;font-size: 18px;"
|
|||
|
|
@click="byDetailAdd">照单领</button>
|
|||
|
|
</view>
|
|||
|
|
<u-button type="primary" @click="jobInSubmit">提交</u-button>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
handleConvert,
|
|||
|
|
getEquipment,
|
|||
|
|
addConversion,
|
|||
|
|
listEmpEqpHistory,
|
|||
|
|
listEmployee,
|
|||
|
|
listConversion,
|
|||
|
|
pwoStart,
|
|||
|
|
pwoStop
|
|||
|
|
} from "@/api/mes/jobIn.js";
|
|||
|
|
import {
|
|||
|
|
updatePwoJob,
|
|||
|
|
listEquipment,
|
|||
|
|
getPwoJob,
|
|||
|
|
listPwoJob
|
|||
|
|
} from "@/api/mes/jobReport.js"
|
|||
|
|
import {
|
|||
|
|
listStation,
|
|||
|
|
addCustomizeEsop
|
|||
|
|
} from "@/api/esop/esop.js";
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
value1: null,
|
|||
|
|
radiolist1: [{
|
|||
|
|
name: '开工',
|
|||
|
|
disabled: false
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '暂停',
|
|||
|
|
disabled: false
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
radiovalue1: '开工',
|
|||
|
|
stationCode: null,
|
|||
|
|
jobInForm: {
|
|||
|
|
mesPwoJobCvDetailList: [],
|
|||
|
|
},
|
|||
|
|
stationId: null,
|
|||
|
|
number: null,
|
|||
|
|
equipmentCode: null,
|
|||
|
|
flag: true,
|
|||
|
|
show: false,
|
|||
|
|
operateBy: null,
|
|||
|
|
operateByCode: null,
|
|||
|
|
rightOptions: [{
|
|||
|
|
text: '删除',
|
|||
|
|
style: {
|
|||
|
|
backgroundColor: '#ff2a17'
|
|||
|
|
}
|
|||
|
|
}, ],
|
|||
|
|
rules: {
|
|||
|
|
pwoJobCode: {
|
|||
|
|
rules: [{
|
|||
|
|
required: true,
|
|||
|
|
errorMessage: '请输入作业编码！'
|
|||
|
|
}]
|
|||
|
|
},
|
|||
|
|
// materialName: [{
|
|||
|
|
// required: false,
|
|||
|
|
// errorMessage: '请输入物料名称!'
|
|||
|
|
// }],
|
|||
|
|
// number: [{
|
|||
|
|
// required: true,
|
|||
|
|
// errorMessage: '请输入转移数量!'
|
|||
|
|
// }],
|
|||
|
|
// equipmentCode: {
|
|||
|
|
// rules: [{
|
|||
|
|
// pattern: '^[A-Z0-9]+$',
|
|||
|
|
// errorMessage: '请输入正确格式的设备编码！',
|
|||
|
|
// trigger: 'blur',
|
|||
|
|
// }]
|
|||
|
|
// }
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
listEquipment().then(response => {
|
|||
|
|
this.equipmentList = response.rows
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//照单领
|
|||
|
|
byDetailAdd() {
|
|||
|
|
if (this.jobInForm.mesPwoJobCvDetailList.length > 0) {
|
|||
|
|
for (var i in this.jobInForm.mesPwoJobCvDetailList) {
|
|||
|
|
this.jobInForm.mesPwoJobCvDetailList[i].number = this.jobInForm.mesPwoJobCvDetailList[i]
|
|||
|
|
.availableNum;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
deleteDetail(index) {
|
|||
|
|
this.jobInForm.mesPwoJobCvDetailList.splice(index, 1);
|
|||
|
|
},
|
|||
|
|
clickDetail(itemIndex, {
|
|||
|
|
position,
|
|||
|
|
index
|
|||
|
|
}) {
|
|||
|
|
if (index == 0) {
|
|||
|
|
this.deleteDetail(itemIndex);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
reset(code) {
|
|||
|
|
this.jobInForm = {
|
|||
|
|
pwoJobCode: code,
|
|||
|
|
mesPwoJobCvDetailList: [],
|
|||
|
|
};
|
|||
|
|
this.equipmentCode = null;
|
|||
|
|
this.operateBy = null;
|
|||
|
|
this.operateByCode = null;
|
|||
|
|
},
|
|||
|
|
eqpBind() {
|
|||
|
|
|
|||
|
|
let id = Number(this.jobInForm.pwoJobCode.substring(4));
|
|||
|
|
//判断是否有该设备
|
|||
|
|
if (this.equipmentCode != "" && this.equipmentCode) {
|
|||
|
|
let query = {
|
|||
|
|
equipmentCode: this.equipmentCode
|
|||
|
|
}
|
|||
|
|
listEquipment(query).then(async res => {
|
|||
|
|
if (res.rows.length != 0) {
|
|||
|
|
//绑定设备
|
|||
|
|
let data = {
|
|||
|
|
id: this.jobInForm.pwoJobCode.slice(4),
|
|||
|
|
eqpId: res.rows[0].id
|
|||
|
|
}
|
|||
|
|
this.$modal.loading('提交中')
|
|||
|
|
updatePwoJob(data).then(res => {
|
|||
|
|
this.$modal.closeLoading();
|
|||
|
|
this.$modal.msgSuccess("绑定成功!");
|
|||
|
|
this.show = false;
|
|||
|
|
this.flag = true;
|
|||
|
|
this.scanJobCode(this.jobInForm.pwoJobCode);
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
this.$modal.msg("未查询到该设备编码！");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
this.$modal.msg("请输入设备编码！");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
scanJobCode(code) {
|
|||
|
|
if (code) {
|
|||
|
|
this.reset(code);
|
|||
|
|
// let id = Number(code.substring(4));
|
|||
|
|
listPwoJob({
|
|||
|
|
code: code
|
|||
|
|
}).then(async res => {
|
|||
|
|
if (res.rows.length != 0) {
|
|||
|
|
if (!res.rows[0].eqpId) {
|
|||
|
|
//未绑定设备，设备编码框可用，绑定按钮显示
|
|||
|
|
this.$modal.msg("该作业未绑定设备，请绑定设备！");
|
|||
|
|
this.flag = false;
|
|||
|
|
this.show = true;
|
|||
|
|
} else {
|
|||
|
|
//已绑定设备，
|
|||
|
|
handleConvert(res.rows[0].id).then(async response => {
|
|||
|
|
this.equipmentCode = this.equipmentList.find(item => item.id ==
|
|||
|
|
response.jobInfo.eqpId).equipmentCode; //赋值设备编码
|
|||
|
|
listEmpEqpHistory({
|
|||
|
|
equipmentCode: this.equipmentCode
|
|||
|
|
}).then(async res => {
|
|||
|
|
if (res.rows.length != 0) {
|
|||
|
|
//取上机且未下机的人员
|
|||
|
|
if (res.rows[res.rows.length -
|
|||
|
|
1].startTime && !res.rows[res.rows
|
|||
|
|
.length -
|
|||
|
|
1].endTime) {
|
|||
|
|
this.operateBy = res.rows[res.rows
|
|||
|
|
.length -
|
|||
|
|
1].empName;
|
|||
|
|
this.operateByCode = res.rows[res.rows
|
|||
|
|
.length - 1].empCode;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.jobInForm.pwoJobId = response.jobInfo.id;
|
|||
|
|
this.jobInForm.powJobCode = response.jobInfo.code;
|
|||
|
|
this.jobInForm.pwoId = response.jobInfo.pwoId;
|
|||
|
|
this.jobInForm.pwoCode = response.jobInfo.pwoCode;
|
|||
|
|
this.jobInForm.type = 2;
|
|||
|
|
|
|||
|
|
if (response.materials != null && response.materials.length >
|
|||
|
|
0) {
|
|||
|
|
for (let i in response.materials) {
|
|||
|
|
let obj = {};
|
|||
|
|
obj.materialCode = response.materials[i].cPtNo;
|
|||
|
|
obj.materialName = response.materials[i].cTitle;
|
|||
|
|
obj.materialBatch = response.materials[i].batchNo;
|
|||
|
|
obj.whCodeDest = "op-" + response.jobInfo.opCode;
|
|||
|
|
obj.availableNum = response.materials[i].availableNum;
|
|||
|
|
obj.locCodeDest = this.equipmentCode + "-01";
|
|||
|
|
obj.number = null;
|
|||
|
|
this.jobInForm.mesPwoJobCvDetailList.push(obj);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
this.$modal.msg("未查询到可转入的原材料！");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
scanBarOperateBy() {
|
|||
|
|
let obj = {
|
|||
|
|
empCode: this.operateByCode
|
|||
|
|
}
|
|||
|
|
listEmployee(obj).then(async res => {
|
|||
|
|
if (res.rows.length != 0) {
|
|||
|
|
this.operateBy = res.rows[0].name;
|
|||
|
|
} else {
|
|||
|
|
this.$modal.msg("未查询到该人员信息！");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//工位编码
|
|||
|
|
scanBarStationCode() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['barCode', 'qrCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.stationCode = res.result;
|
|||
|
|
_this.scanStationCode(_this.stationCode);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
scanStationCode(code) {
|
|||
|
|
let obj = {
|
|||
|
|
stationCode: code
|
|||
|
|
}
|
|||
|
|
listStation(obj).then(res => {
|
|||
|
|
if (res.rows.length > 0) {
|
|||
|
|
this.stationId = res.rows[0].id
|
|||
|
|
} else {
|
|||
|
|
this.$modal.msg("未查询到该工位，无法同步ESOP！")
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
jobInSubmit() {
|
|||
|
|
//判断是否输入工位，并进行同步esop
|
|||
|
|
if (this.stationCode && this.stationCode != '' && this.stationId && this.stationId != '') {
|
|||
|
|
addCustomizeEsop({
|
|||
|
|
pwoJobId: this.jobInForm.pwoJobId,
|
|||
|
|
stationId: this.stationId,
|
|||
|
|
stationCode: this.stationCode,
|
|||
|
|
pwoJobCode: this.jobInForm.pwoJobCode
|
|||
|
|
}).then(resp => {
|
|||
|
|
this.$modal.msgSuccess("ESOP同步成功!");
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//判断是否输入时间
|
|||
|
|
if (this.value1 && this.value1 != '') {
|
|||
|
|
switch (this.radiovalue1) {
|
|||
|
|
case '开工':
|
|||
|
|
pwoStart(this.jobInForm.pwoJobId, this.value1).then(res => {
|
|||
|
|
this.$modal.msgSuccess("作业开工成功!");
|
|||
|
|
});
|
|||
|
|
break;
|
|||
|
|
case '暂停':
|
|||
|
|
pwoStop(this.jobInForm.pwoJobId, this.value1).then(res => {
|
|||
|
|
this.$modal.msgSuccess("作业暂停成功!");
|
|||
|
|
});
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.jobInForm.operateBy = this.operateBy;
|
|||
|
|
this.$refs["jobInForm"].validate().then(valid => {
|
|||
|
|
//作业转入
|
|||
|
|
this.$modal.loading('提交中')
|
|||
|
|
addConversion(this.jobInForm).then(response => {
|
|||
|
|
this.$modal.closeLoading();
|
|||
|
|
this.$modal.msgSuccess("转入成功!");
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.$tab.switchTab("/pages/work/index");
|
|||
|
|
}, 500);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//作业编码
|
|||
|
|
scanBar() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['barCode', 'qrCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.jobInForm.pwoJobCode = res.result;
|
|||
|
|
_this.scanJobCode(_this.jobInForm.pwoJobCode);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//设备编码
|
|||
|
|
scanBar1() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['barCode', 'qrCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.equipmentCode = res.result;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//操作人编码
|
|||
|
|
scanBar2() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['barCode', 'qrCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.operateByCode = res.result;
|
|||
|
|
_this.scanBarOperateBy();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
</style>
|