437 lines
14 KiB
Vue
437 lines
14 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">
|
||
<!-- <utils-input prefixIcon="scan" @iconClick="scanBar" type="text" @confirm="scanJobCode"
|
||
v-model="jobInForm.pwoJobCode" @focus="focus" :focus='true' @click="focus" @input="handleInput" :key="input.boolean"></utils-input> -->
|
||
<uni-easyinput
|
||
prefixIcon="scan"
|
||
@iconClick="scanBar"
|
||
type="text"
|
||
@confirm="scanJobCode"
|
||
v-model="jobInForm.pwoJobCode"
|
||
@click="focus"
|
||
@input="handleInput"
|
||
:key="input.boolean"
|
||
></uni-easyinput>
|
||
<!-- <uni-easyinput type="text" prefixIcon="scan"
|
||
ref="saleCode"
|
||
class="Number"
|
||
placeholder="请扫描销售单号!"
|
||
placeholderStyle="color:black"
|
||
v-model="getCode.saleCode"
|
||
@iconClick="iconClick('number')"
|
||
@input="getNumberCode"
|
||
:focus='open'
|
||
clearable
|
||
/> -->
|
||
</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';
|
||
import { listPwoLike } from '@/api/mes/pwoIn.js';
|
||
import utilsInput from '@/utils/uniapp/utilsInput.vue';
|
||
export default {
|
||
components: {
|
||
utilsInput
|
||
},
|
||
data() {
|
||
return {
|
||
input: {
|
||
boolean: 0,
|
||
inputValue: ''
|
||
},
|
||
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.type = response.materials[i].type),
|
||
(obj.materialBatchNo = response.materials[i].batchNo),
|
||
(obj.productionVersion = response.materials[i].productionVersion),
|
||
(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();
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 隐藏软键盘
|
||
*/
|
||
focus() {
|
||
uni.hideKeyboard();
|
||
},
|
||
/**
|
||
* 不让手动输入
|
||
* @param {Object} value
|
||
*/
|
||
handleInput(value) {
|
||
const { inputValue } = this.input;
|
||
if (value.length - inputValue.length == 1 || inputValue.length - value.length == 1) {
|
||
this.$modal.msg('请扫描');
|
||
this.jobInForm.pwoJobCode = null;
|
||
this.input.inputValue = value;
|
||
this.input.boolean = this.input.boolean == 0 ? 10 : 0;
|
||
return;
|
||
}
|
||
this.input.inputValue = value;
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style></style>
|