545 lines
14 KiB
Vue
545 lines
14 KiB
Vue
<template>
|
||
<el-dialog append-to-body
|
||
:title="titleMap[mode]"
|
||
v-model="visible"
|
||
style="width: 80%;"
|
||
destroy-on-close
|
||
@closed="$emit('closed')"
|
||
>
|
||
<el-form
|
||
ref="dialogForm"
|
||
:model="form"
|
||
:rules="rules"
|
||
label-position="right"
|
||
label-width="100px"
|
||
>
|
||
<el-row>
|
||
<el-col v-if="!hasRoute&&!is_fix">
|
||
<el-form-item label="工艺步骤" prop="route">
|
||
<el-select
|
||
v-model="form.route"
|
||
placeholder="工艺步骤"
|
||
clearable
|
||
filterable
|
||
style="width: 100%"
|
||
:disabled="mode == 'edit'"
|
||
@change="routeChange"
|
||
>
|
||
<el-option
|
||
v-for="item in routeOptions"
|
||
:key="item.id"
|
||
:label="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')"
|
||
:value="item.id"
|
||
>
|
||
<span style="display: flex; width: 100%; min-width: 0" :title="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')">
|
||
<span style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.name }}</span>
|
||
<span v-if="item.routepack_name" style="max-width: 45%; flex-shrink: 0; overflow: hidden; color: var(--el-text-color-secondary); text-overflow: ellipsis; white-space: nowrap">（{{ item.routepack_name }}）</span>
|
||
</span>
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col>
|
||
<el-form-item label="批次号" prop="wm_in">
|
||
<xtSelect
|
||
:apiObj="apiObjM"
|
||
v-model="form.wm_in"
|
||
v-model:obj="selectObj"
|
||
v-model:label="wmInLabel"
|
||
:labelField="'batch'"
|
||
style="width: 100%;"
|
||
:params = "paramsM"
|
||
@change="materialBatchChange"
|
||
>
|
||
<!-- :params = "{type__in: '10,20',is_hidden: false}" -->
|
||
<el-table-column label="物料" prop="full_name">
|
||
<template #default="scope">
|
||
<span v-if="scope.row.state==20" style="color: red;border: 1px solid red;border-radius: 3px;">不合格</span>
|
||
<span v-if="scope.row.state==30" style="color: orange;border: 1px solid orange;border-radius: 3px;">返工</span>
|
||
<span>{{ scope.row.batch }}({{ scope.row.material_name }})</span>
|
||
<el-tag v-if="scope.row.defect_name" type="warning" size="small" effect="plain" style="margin-left: 8px;">{{ scope.row.defect_name }}</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="车间库存" prop="count" width="110px"></el-table-column>
|
||
<el-table-column label="可用数量" prop="count_cando" width="110px"></el-table-column>
|
||
</xtSelect>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :md="12" :sm="24">
|
||
<el-form-item label="关联任务">
|
||
<el-select
|
||
v-model="form.mtask"
|
||
placeholder="关联任务"
|
||
clearable
|
||
style="width: 100%"
|
||
@change="getMaterial"
|
||
>
|
||
<el-option
|
||
v-for="item in options"
|
||
:key="item.id"
|
||
:label="item.number"
|
||
:value="item.id"
|
||
>
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
|
||
<el-col :md="12" :sm="24" v-if="mgroupName=='黑化'||mgroupName=='退火'">
|
||
<el-form-item label="进炉数">
|
||
<el-input-number
|
||
v-model="batch_count"
|
||
class="width-100"
|
||
:disabled="true"
|
||
controls-position="right"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :md="12" :sm="24">
|
||
<el-form-item :label="mgroupMtype==10?'领用数量':'批次总数'">
|
||
<el-input-number
|
||
v-model="form.count_use"
|
||
:max="selectObj.count_cando"
|
||
:min="0"
|
||
class="width-100"
|
||
controls-position="right"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :md="12" :sm="24" v-if="mgroupMtype==10">
|
||
<el-form-item label="加工前不良" prop="count_pn_jgqbl">
|
||
<el-input-number
|
||
v-model="form.count_pn_jgqbl"
|
||
:min="0"
|
||
:disabled="true"
|
||
style="width: 100%"
|
||
controls-position="right"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :md="12" :sm="24">
|
||
<el-form-item label="备注">
|
||
<el-input v-model="form.note"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-divider v-if="(mgroupName=='黑化'||mgroupName=='退火')&&cellsList.length>0"></el-divider>
|
||
<el-button
|
||
v-if="mgroupName=='黑化'||mgroupName=='退火'"
|
||
icon="el-icon-plus"
|
||
type="primary"
|
||
@click="cellsAdd"
|
||
></el-button>
|
||
<template v-if="mgroupName=='黑化'||mgroupName=='退火'">
|
||
<el-row v-for="(item,$index) in cellsList" :key="item">
|
||
<el-col style="display: flex;">
|
||
<el-form-item label="第" label-width="50">
|
||
<el-input-number
|
||
v-model="item.start"
|
||
:min="1"
|
||
placeholder="层数"
|
||
controls-position="right"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="层到第" label-width="65">
|
||
<el-input-number
|
||
v-model="item.end"
|
||
:min="1"
|
||
placeholder="层数"
|
||
controls-position="right"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="层，总数:" label-width="80">
|
||
<el-input-number
|
||
v-model="item.count_t"
|
||
:min="0"
|
||
placeholder="总数量"
|
||
controls-position="right"
|
||
@change="countTotalChange"
|
||
/>
|
||
</el-form-item>
|
||
<el-button
|
||
type="danger"
|
||
style="margin: 0 20px;"
|
||
@click="cellsDel($index)">删除</el-button>
|
||
</el-col>
|
||
</el-row>
|
||
</template>
|
||
<el-divider v-if="qct_defects.length>0"></el-divider>
|
||
<el-row>
|
||
<el-col :md="12" :sm="24" v-for="item in qct_defects" :key="item.id">
|
||
<el-form-item :label="item.defect_name">
|
||
<el-input-number
|
||
v-model="defectform[item.defect_name]"
|
||
:min="0"
|
||
style="width: 100%"
|
||
controls-position="right"
|
||
@change="countChange"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form>
|
||
<el-footer>
|
||
<el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
|
||
<el-button @click="visible = false">取消</el-button>
|
||
</el-footer>
|
||
</el-dialog>
|
||
</template>
|
||
|
||
<script>
|
||
import { max } from 'd3';
|
||
|
||
const defaultForm = {
|
||
mlog: "",
|
||
mtask: "",
|
||
batch: "",
|
||
count_pn_jgqbl:0,
|
||
count_use: 0,
|
||
};
|
||
|
||
export default {
|
||
props: {
|
||
mlog: {
|
||
type: String,
|
||
default: "",
|
||
},
|
||
mgroup: {
|
||
type: String,
|
||
default: "",
|
||
},
|
||
mgroupName:{
|
||
type: String,
|
||
default: "",
|
||
},
|
||
materialIn: {
|
||
type: String,
|
||
default: "",
|
||
},
|
||
codeText: {
|
||
type: String,
|
||
default: "",
|
||
},
|
||
is_fix: {
|
||
type: Boolean,
|
||
default: false,
|
||
},
|
||
hasRoute:{
|
||
type: Boolean,
|
||
default: false,
|
||
},
|
||
mgroupMtype:{
|
||
type: String,
|
||
default: "",
|
||
},
|
||
mlogbdefect:{
|
||
type:Array,
|
||
default:()=>[]
|
||
},
|
||
process:{
|
||
type: String,
|
||
default: "",
|
||
},
|
||
|
||
},
|
||
emits: ["success", "closed"],
|
||
data() {
|
||
return {
|
||
loading: false,
|
||
mode: "add",
|
||
titleMap: {
|
||
add: "新增",
|
||
edit: "编辑",
|
||
},
|
||
//表单数据
|
||
form: defaultForm,
|
||
//验证规则
|
||
rules: {
|
||
wm_in: [
|
||
{
|
||
required: true,
|
||
message: "请填写批次号",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
count_use: [
|
||
{
|
||
required: true,
|
||
message: "请填写领用数量",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
},
|
||
selectObj:{count:0},
|
||
wmInLabel:"",
|
||
batch_count:null,
|
||
codeBatch:"",
|
||
materialFix:"",
|
||
options: [],
|
||
cellsList:[],
|
||
qct_defects:[],
|
||
routeOptions: [],
|
||
materialOptions: [],
|
||
defectform:{},
|
||
visible: false,
|
||
isSaveing: false,
|
||
setFiltersVisible: false,
|
||
apiObjM:this.$API.wpm.wmaterial.list,
|
||
paramsM:{},
|
||
};
|
||
},
|
||
mounted() {
|
||
let that = this;
|
||
that.paramsM.mtaskx =that.form.mtask;
|
||
that.paramsM.mgroup = that.mgroup;
|
||
// that.paramsM.query = "{id,batch,count,material,material_name,defect_name}";
|
||
that.paramsM.page =0;
|
||
if(that.is_fix){//来料未完成的返修品&&出料已完成的返修品和不合格品
|
||
that.paramsM.tag = 'canfix';
|
||
}else{
|
||
that.paramsM.material =that.materialIn;
|
||
that.paramsM.state =10;
|
||
that.paramsM.tag = 'todo';
|
||
}
|
||
if(that.codeText!==''){
|
||
let id = that.codeText.split('#')[1];
|
||
this.$API.cm.labelmat.item.req(id).then((res) => {
|
||
that.codeBatch = res.batch;
|
||
that.paramsM.search = that.codeBatch;
|
||
that.apiObjM = that.$API.wpm.wmaterial.list;
|
||
// this.getMaterial();
|
||
}).catch((err) => {
|
||
that.apiObjM = that.$API.wpm.wmaterial.list;
|
||
// that.getMaterial();
|
||
})
|
||
}else{
|
||
that.apiObjM = that.$API.wpm.wmaterial.list;
|
||
// that.getMaterial();
|
||
}
|
||
if(that.is_fix){}else{
|
||
console.log('that.materialIn' ,that.materialIn);
|
||
if(that.materialIn!==''&&that.materialIn!==null){
|
||
this.getdefects(that.materialIn);
|
||
}
|
||
}
|
||
if(!this.hasRoute){
|
||
this.getRoute();
|
||
}
|
||
},
|
||
methods: {
|
||
open(mode="add",data) {
|
||
this.visible = true;
|
||
this.form.mtask = "";
|
||
this.form.wm_in = "";
|
||
this.form.count_use = 0;
|
||
this.form.parent = "";
|
||
if(data){
|
||
this.form = data;
|
||
this.cellsList = data.count_json_from;
|
||
}
|
||
},
|
||
getRoute(material) {
|
||
let that = this;
|
||
let obj = { process:that.process,page: 0, routepack__state: 30};
|
||
if(material){
|
||
obj.material_in__in = material;
|
||
}
|
||
that.$API.mtm.route.list.req(obj).then((res) => {
|
||
that.routeOptions = res;
|
||
if(res.length==1){
|
||
that.form.route = res[0].id;
|
||
}
|
||
});
|
||
},
|
||
getMtask() {
|
||
let that = this;
|
||
this.$API.pm.mtask.list.req({ page: 0, mgroup: that.mgroup, state: 20 }).then((res) => {
|
||
that.options = res;
|
||
});
|
||
},
|
||
routeChange(){
|
||
let that = this;
|
||
that.$API.mtm.route.item.req(that.form.route).then((res) => {
|
||
that.form.parent = res.parent;
|
||
});
|
||
},
|
||
//获取车间物料
|
||
getMaterial() {
|
||
let that = this;
|
||
let obj = {};
|
||
obj.mtaskx =that.form.mtask;
|
||
obj.mgroup = that.mgroup;
|
||
obj.search = that.codeBatch;
|
||
// obj.query = "{id,batch,count,material,material_name,defect_name}";
|
||
obj.page =0;
|
||
if(that.is_fix){//来料未完成的返修品&&出料已完成的返修品和不合格品
|
||
obj.tag = 'canfix';
|
||
// obj.state = 20;
|
||
// obj.state =30;
|
||
}else{
|
||
obj.material =that.materialIn;
|
||
obj.state =10;
|
||
obj.tag = 'todo';
|
||
}
|
||
this.$nextTick(()=>{
|
||
this.$API.wpm.wmaterial.list.req(obj).then((res) => {
|
||
that.materialOptions = res;
|
||
res.forEach(item => {
|
||
if(item.batch==that.codeBatch){
|
||
that.form.wm_in = item.id;
|
||
that.form.count_use = item.count_cando;
|
||
that.batch_count = item.count_cando;
|
||
}
|
||
if(that.form.wm_in == item.id){
|
||
that.codeBatch=item.batch;
|
||
that.batch_count = item.count_cando;
|
||
}
|
||
});
|
||
});
|
||
})
|
||
},
|
||
getdefects(material){
|
||
let that = this;
|
||
// let material = that.is_fix?that.materialFix:that.materialIn;
|
||
that.$API.qm.qct.getQct.req({material: material,tag:'process',type:'in'}).then((res) => {
|
||
res.qct_defects.forEach((item) => {
|
||
that.defectform[item.defect_name] = 0;
|
||
})
|
||
that.qct_defects=res.qct_defects;
|
||
let count_pn_jgqbl = 0;
|
||
if(res.mlogbdefect.length>0){
|
||
that.qct_defects.forEach(item => {
|
||
res.mlogbdefect.forEach(item2=>{
|
||
if(item.defect==item2.defect){
|
||
count_pn_jgqbl+=item2.count;
|
||
that.defectform[item.defect_name] = item2.count;
|
||
}
|
||
})
|
||
})
|
||
}
|
||
})
|
||
},
|
||
materialBatchChange(){
|
||
let that = this;
|
||
if(!that.selectObj || !that.selectObj.id){
|
||
that.wmInLabel = "";
|
||
return;
|
||
}
|
||
that.wmInLabel = that.formatWmaterialLabel(that.selectObj);
|
||
that.getRoute(that.selectObj.material);
|
||
that.form.batch = that.selectObj.batch;
|
||
that.form.count_use = that.selectObj.count_cando;
|
||
that.batch_count = that.selectObj.count;
|
||
if(that.is_fix){
|
||
that.materialFix = that.selectObj.material;
|
||
}
|
||
that.getdefects(that.selectObj.material);
|
||
},
|
||
//添加层组
|
||
cellsAdd(){
|
||
let that = this;
|
||
let obj = {start:null, end:null,count_t:null};
|
||
that.cellsList.push(obj)
|
||
},
|
||
//删除层组
|
||
cellsDel(index){
|
||
this.cellsList.splice(index,1)
|
||
},
|
||
countTotalChange(){
|
||
let that = this;
|
||
let sum = 0,sumTotal=0;
|
||
that.cellsList.forEach(item=>{
|
||
sum+=item.count_t;
|
||
if(sum>that.batch_count){
|
||
item.count_t=0;
|
||
that.$message.error('合计数量超过该批次总数量，请重新分配第'+item.start+'层到第'+item.end+'层的数量');
|
||
}else{
|
||
sumTotal+=item.count_t;
|
||
}
|
||
})
|
||
that.form.count_use = sumTotal;
|
||
|
||
},
|
||
cellStartChanges(){
|
||
let that = this;
|
||
let remaind = (that.form.count_use-that.form.count_pn_jgqbl)%that.count_cell;
|
||
that.cellsList = [];
|
||
for(let i=0;i<that.cells;i++){
|
||
let obj = {};
|
||
obj.floor=that.cell_start+i;
|
||
if((that.cells-i)==1&&remaind>0){
|
||
obj.count_use = remaind;
|
||
}else{
|
||
obj.count_use = that.count_cell;
|
||
}
|
||
that.cellsList.push(obj)
|
||
}
|
||
},
|
||
countCellChanges(){
|
||
this.cells =Math.ceil((this.form.count_use-this.form.count_pn_jgqbl)/this.count_cell);
|
||
this.cellStartChanges();
|
||
},
|
||
countChange() {
|
||
let that = this;
|
||
that.form.count_pn_jgqbl = 0;
|
||
that.qct_defects.forEach(item => {
|
||
if(item.defect_okcate==30){
|
||
that.form.count_pn_jgqbl += that.defectform[item.defect_name];
|
||
}
|
||
})
|
||
that.countCellChanges();
|
||
},
|
||
formatWmaterialLabel(row){
|
||
if(!row || !row.batch){
|
||
return "";
|
||
}
|
||
return row.defect_name ? `${row.batch} [${row.defect_name}]` : row.batch;
|
||
},
|
||
//表单提交方法
|
||
submit() {
|
||
let that = this;
|
||
that.$refs.dialogForm.validate(async (valid) => {
|
||
if (valid) {
|
||
that.isSaveing = true;
|
||
that.form.mlog = that.mlog;
|
||
that.form.batch = that.selectObj.batch;
|
||
// that.form.count_use = that.selectObj.count_cando;
|
||
if(that.mgroupMtype==10&&that.cellsList.length>0){
|
||
that.form.count_json_from = that.cellsList;
|
||
}
|
||
let count_pn_jgqbl = 0,mlogbdefect=[];
|
||
that.qct_defects.forEach(item => {
|
||
if(that.defectform[item.defect_name]>0){
|
||
count_pn_jgqbl += that.defectform[item.defect_name] ;
|
||
let obj = {};
|
||
obj.defect = item.defect;
|
||
obj.count = that.defectform[item.defect_name];
|
||
mlogbdefect.push(obj);
|
||
}
|
||
})
|
||
that.form.mlogbdefect = mlogbdefect;
|
||
that.form.count_pn_jgqbl = count_pn_jgqbl;
|
||
console.log(that.form);
|
||
console.log(that.selectObj);
|
||
that.$API.wpm.mlogb.in.req(that.form).then((res) => {
|
||
that.isSaveing = false;
|
||
that.$emit("success");
|
||
that.visible = false;
|
||
that.$message.success("操作成功");
|
||
}).catch((err) => {
|
||
that.isSaveing = false;
|
||
});
|
||
}
|
||
});
|
||
},
|
||
//设置过滤项
|
||
setFilters(filters) {
|
||
this.selectionFilters = filters;
|
||
this.setFiltersVisible = true;
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style></style>
|