|
|
<template>
|
|
|
<div>
|
|
|
<el-card>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
<el-divider content-position="left"><span style="font-weight: bold; font-size: larger;">工单信息</span></el-divider>
|
|
|
<el-row :gutter="10">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="工单号：">{{ form.orderCode }}</el-form-item>
|
|
|
<el-form-item label="成品编码：">{{ form.materialCode }}</el-form-item>
|
|
|
<el-form-item label="计划开始时间：">{{ parseTime(form.planBeginTime) }}</el-form-item>
|
|
|
<el-form-item label="计划数量/已派工数量/完成数量：" label-width="220px">
|
|
|
{{ form.planAmount }}/{{ form.dispatchAmount }}/{{ form.completeAmount }}
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="工艺路线：">{{ form.dispatchName }}</el-form-item>
|
|
|
<el-form-item label="成品名称：">{{ form.materialName }}</el-form-item>
|
|
|
<el-form-item label="计划结束时间：">{{ parseTime(form.planEndTime) }}</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<el-divider content-position="left"><span style="font-weight: bold; font-size: larger;">派工信息</span></el-divider>
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<el-col :span="1.5">
|
|
|
<el-button icon="el-icon-plus" size="mini" type="primary" @click="handleAddMesProductPlan">新增
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="1.5">
|
|
|
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeleteMesProductPlan"
|
|
|
:disabled="single">删除
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-table ref="mesProductPlan" :data="mesProductPlanList"
|
|
|
:row-class-name="rowMesProductPlanIndex" @selection-change="handleMesProductPlanSelectionChange">
|
|
|
<el-table-column align="center" type="selection" width="50"/>
|
|
|
<el-table-column align="center" label="序号" prop="index" width="50" v-if="false"/>
|
|
|
<el-table-column align="center" label="派工单号" prop="dispatchCode" width="290">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.dispatchCode" :disabled="true"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="工序" prop="processName" width="140">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.processName" :disabled="true"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="步骤" prop="processOrder">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.processOrder" :disabled="true"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="工位" prop="stationName" width="140">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.stationName" :disabled="true"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="派工数量" prop="planAmount" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.planAmount" :disabled="scope.row.oldRowFlag"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="派工标准工时" prop="productionTime" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.productionTime" :disabled="scope.row.oldRowFlag"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="计划开始时间" prop="planBeginTime" width="230">
|
|
|
<template slot-scope="scope">
|
|
|
<el-date-picker v-model="scope.row.planBeginTime" :disabled="scope.row.oldRowFlag" clearable
|
|
|
placeholder="请选择计划开始时间"
|
|
|
type="datetime" value-format="yyyy-MM-dd HH:mm:ss"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="计划完成时间" prop="planEndTime" width="230">
|
|
|
<template slot-scope="scope">
|
|
|
<el-date-picker v-model="scope.row.planEndTime" :disabled="scope.row.oldRowFlag" clearable
|
|
|
placeholder="请选择计划完成时间"
|
|
|
type="datetime" value-format="yyyy-MM-dd HH:mm:ss"/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" label="状态" prop="planStatus" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
<el-select v-model="scope.row.planStatus" :disabled="true" placeholder="请选择状态">
|
|
|
<el-option
|
|
|
v-for="dict in dict.type.product_status"
|
|
|
:key="dict.value"
|
|
|
:label="dict.label"
|
|
|
:value="dict.value"
|
|
|
/>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
</el-table>
|
|
|
</el-form>
|
|
|
<el-form label-width="100px">
|
|
|
<el-form-item style="text-align: center;margin-left:-100px;margin-top:10px;">
|
|
|
<el-button type="primary" @click="submitForm()">提交</el-button>
|
|
|
<el-button @click="close()">返回</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { getProdOrderInfo, listProdOrderInfo } from '@/api/mes/prod/prodOrderInfo'
|
|
|
|
|
|
export default {
|
|
|
name: "productPlanEdit",
|
|
|
dicts: ['product_status'],
|
|
|
data() {
|
|
|
return {
|
|
|
blueprintModel: false,
|
|
|
sopViewModel: false,
|
|
|
pictureDetailModel: false,
|
|
|
// 图片预览地址
|
|
|
dialogImageUrl: '',
|
|
|
// 非单个禁用
|
|
|
single: true,
|
|
|
checkedMesProductPlanList: [],
|
|
|
// 上传的文件服务器地址
|
|
|
uploadImgUrl: process.env.VUE_APP_BASE_API,
|
|
|
// 选中选项卡的 name
|
|
|
activeName: "columnInfo",
|
|
|
// 表格的高度
|
|
|
tableHeight: document.documentElement.scrollHeight - 245 + "px",
|
|
|
// 表信息
|
|
|
tables: [],
|
|
|
// 表列信息
|
|
|
columns: [],
|
|
|
// 生产计划表格数据
|
|
|
mesProductPlanList: [],
|
|
|
// 表详细信息
|
|
|
info: {},
|
|
|
// 表单参数
|
|
|
form: {},
|
|
|
// 表单校验
|
|
|
rules: {
|
|
|
materialId: [
|
|
|
{required: true, message: "物料ID不能为空", trigger: "blur"}
|
|
|
],
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
const objId = this.$route.params && this.$route.params.objId;
|
|
|
console.log(123,objId)
|
|
|
if (objId) {
|
|
|
// 获取表详细信息
|
|
|
getProdOrderInfo(objId).then(res => {
|
|
|
this.form = res.data;
|
|
|
});
|
|
|
// getProductPlan({objId: objId}).then(res => {
|
|
|
// res.data.forEach(e => {
|
|
|
// this.mesProductPlanList.push(e);
|
|
|
// })
|
|
|
// })
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
let dataList = this.mesProductPlanList.filter(plan => !plan.oldRowFlag);
|
|
|
if (dataList.length === 0) {
|
|
|
this.close();
|
|
|
return;
|
|
|
}
|
|
|
// 校验派工数量(已派工数量 + 派工数量 <= 计划数量)
|
|
|
// 按照processId分组，所有分组的planAmount之和是否相等，相等后输出planAmount之和的值
|
|
|
const sumList = dataList.reduce((result, {processId, planAmount}) => {
|
|
|
const numericAmount = parseInt(planAmount, 10);
|
|
|
if (!this.isPositiveInteger(numericAmount)) {
|
|
|
this.$modal.msgError("派工数量须为大于等于0的正整数！");
|
|
|
return;
|
|
|
}
|
|
|
result[processId] = (result[processId] || 0) + numericAmount;
|
|
|
return result;
|
|
|
}, {});
|
|
|
|
|
|
const uniqueSum = new Set(Object.values(sumList));
|
|
|
if (uniqueSum.size === 1) {
|
|
|
const finalSum = Array.from(uniqueSum)[0];
|
|
|
let dispatchedAmount = this.form.dispatchAmount + finalSum;
|
|
|
if (dispatchedAmount > this.form.planAmount) {
|
|
|
this.$modal.msgError("每个工序的派工数量之和需小于等于该工单计划数量！");
|
|
|
return;
|
|
|
}
|
|
|
dataList.forEach(e => {
|
|
|
e.dispatchedAmount = dispatchedAmount;
|
|
|
}
|
|
|
)
|
|
|
} else {
|
|
|
this.$modal.msgError("每个工序的派工数量之和需相等！");
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
orderAddMesProductPlanList(dataList).then(res => {
|
|
|
this.$modal.msgSuccess(res.msg);
|
|
|
this.close();
|
|
|
});
|
|
|
},
|
|
|
|
|
|
/** 删除按钮操作 */
|
|
|
// handleDeleteMesProductPlan() {
|
|
|
// let productPlan = this.checkedMesProductPlanList[0];
|
|
|
// this.$modal.confirm('是否确认删除生产派工编号为"' + productPlan.dispatchCode + '"的数据项？').then(function () {
|
|
|
// return true;
|
|
|
// }).then(() => {
|
|
|
// if (productPlan.planId === undefined || productPlan.planId === null) {
|
|
|
// //新增删除
|
|
|
// const mesProductPlanDetailList = this.mesProductPlanList;
|
|
|
// this.mesProductPlanList = mesProductPlanDetailList.filter(function (item) {
|
|
|
// return productPlan.dispatchCode !== item.dispatchCode
|
|
|
// });
|
|
|
// } else {
|
|
|
// //历史删除
|
|
|
// const delList = this.mesProductPlanList;
|
|
|
// let dispatchSum = 0;
|
|
|
// try {
|
|
|
// const planIds = delList.filter(function (item) {
|
|
|
// return productPlan.dispatchCode === item.dispatchCode
|
|
|
// }).map(item => {
|
|
|
// if (item.planStatus !== '1') {
|
|
|
// throw Error("只能删除未派工状态的生产派工单！");
|
|
|
// }
|
|
|
// if (item.processId === productPlan.processId) {
|
|
|
// dispatchSum = dispatchSum + item.planAmount;
|
|
|
// }
|
|
|
// return item.planId;
|
|
|
// });
|
|
|
// dispatchSum = this.form.dispatchAmount - dispatchSum;
|
|
|
// delProductplan(planIds).then(res =>{
|
|
|
// // 更新生产工单
|
|
|
// updateProductOrder({
|
|
|
// productOrderId: this.form.productOrderId,
|
|
|
// dispatchAmount: dispatchSum
|
|
|
// })
|
|
|
// getProductOrder(this.form.productOrderId).then(res => {
|
|
|
// this.form = res.data;
|
|
|
// });
|
|
|
// });
|
|
|
// const mesProductPlanDetailList = this.mesProductPlanList;
|
|
|
// this.mesProductPlanList = mesProductPlanDetailList.filter(function (item) {
|
|
|
// return productPlan.dispatchCode !== item.dispatchCode
|
|
|
// });
|
|
|
// this.$modal.msgSuccess("删除成功");
|
|
|
// } catch (e) {
|
|
|
// this.$modal.msgError(e);
|
|
|
// }
|
|
|
// }
|
|
|
// }).catch(() => {
|
|
|
// });
|
|
|
// },
|
|
|
|
|
|
/** 生产计划明细序号 */
|
|
|
rowMesProductPlanIndex({row, rowIndex}) {
|
|
|
row.index = rowIndex + 1;
|
|
|
},
|
|
|
/** 复选框选中数据 */
|
|
|
handleMesProductPlanSelectionChange(selection) {
|
|
|
this.checkedMesProductPlanList = selection
|
|
|
this.single = selection.length !== 1
|
|
|
},
|
|
|
/** 关闭按钮 */
|
|
|
close() {
|
|
|
const obj = {path: "/mes/plan/productOrder", query: {t: Date.now(), queryParams: this.$route.query.queryParams}};
|
|
|
this.$tab.closeOpenPage(obj);
|
|
|
},
|
|
|
|
|
|
/** 生产计划添加按钮操作 */
|
|
|
handleAddMesProductPlan() {
|
|
|
let dispatchCode = "";
|
|
|
getDispatchCode().then(res => {
|
|
|
dispatchCode = res.msg;
|
|
|
getStationByRouteId(this.form.dispatchId).then(res => {
|
|
|
if (res.data.length === 0) {
|
|
|
this.$modal.msgError("工艺路线未维护工位信息！");
|
|
|
}
|
|
|
let lastProcessId = null;
|
|
|
res.data.forEach((e, index) => {
|
|
|
let obj = {};
|
|
|
obj.dispatchCode = dispatchCode;
|
|
|
obj.processId = e.processId;
|
|
|
obj.processName = e.processName;
|
|
|
obj.processOrder = e.processOrder;
|
|
|
obj.stationId = e.stationId;
|
|
|
obj.stationName = e.stationName;
|
|
|
obj.productionTime = 0;
|
|
|
obj.planBeginTime = this.form.planBeginTime;
|
|
|
obj.planEndTime = this.form.planEndTime;
|
|
|
obj.planStatus = '1';
|
|
|
// multiStationFlag：一个工序对应工位个数
|
|
|
if (e.multiStationFlag > 1) {
|
|
|
obj.planAmount = 0;
|
|
|
} else {
|
|
|
obj.planAmount = this.form.planAmount - this.form.dispatchAmount;
|
|
|
}
|
|
|
obj.materialId = this.form.materialId;
|
|
|
obj.materialBomId = this.form.materialBomId;
|
|
|
obj.productOrderId = this.form.productOrderId;
|
|
|
// 上一工序ID
|
|
|
if (lastProcessId == null) {
|
|
|
obj.lastProcessId = 0;
|
|
|
} else if(lastProcessId === obj.processId){
|
|
|
obj.lastProcessId = this.mesProductPlanList[index - 1].lastProcessId;
|
|
|
} else {
|
|
|
obj.lastProcessId = lastProcessId;
|
|
|
}
|
|
|
lastProcessId = e.processId;
|
|
|
// 新添加列标识 false=新添加，true=历史行
|
|
|
obj.oldRowFlag = false;
|
|
|
this.mesProductPlanList.push(obj);
|
|
|
})
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
mounted() {
|
|
|
}
|
|
|
}
|
|
|
;
|
|
|
</script>
|