You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

274 lines
8.6 KiB

<template>
<div class="customer-css">
<el-dialog :title="titleCon" v-drag v-bind="$attrs" v-on="$listeners"
width="405px" style="height: 310px;" class="customer-dialog">
<el-container style="height: 135px;">
<el-form :inline="true" label-position="top" label-width="80px">
<!-- 换材料 -->
<el-container>
<fieldset class="customer-fieldset" style="width: 165px;">
<legend>换材料</legend>
<!-- 材料卷号 序号 -->
<!-- 材料卷号和BOM序号 -->
<el-row>
<el-col :span="16">
<el-form-item :label="'材料卷号:'">
<el-input ref="rmRollNo" @keyup.native="recordTime"
@keyup.enter.native="checkRmRollNoBun"
v-model="pageData.rmRollNo"
style="width: 120px">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item :label="'BOM 序号:'">
<el-input v-model="pageData.bomItemNo" readonly style="width: 120px"></el-input>
</el-form-item>
</el-col>
</el-row>
</fieldset>
</el-container>
<!-- 停机信息 -->
<el-container style="margin-left: 170px; margin-top: -120px;">
<fieldset class="customer-fieldset" style="width: 210px;">
<legend>停机</legend>
<!-- 原工具信息 -->
<el-row>
<el-col :span="12">
<el-form-item class="customer-item" label="开始时间:">
<el-date-picker v-model="pageData.reportDate" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" style="width: 100px;"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item class="customer-item" label=" ">
<el-time-picker v-model="pageData.reportTime" format="HH:mm:ss"
value-format="HH:mm:ss" style="width: 80px;"></el-time-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item class="customer-item" label="时长:">
<el-input v-model="pageData.downTimeQty" @blur="changeTimeQty"type="number" style="width: 100px;" ></el-input>
</el-form-item>
</el-col>
</el-row>
</fieldset>
</el-container>
</el-form>
</el-container>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="connectMaterialRollBun">确 定</el-button>
<el-button type="primary" @click="closeDialog">关闭</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {
checkConnectMaterialRoll,
connectMaterialRoll,
}
from '@/api/yieldReport/com_replace_material.js';
export default {
name: "com_defect_roll",
data() {
return {
titleCon: '换料',
timeArray: [],
scheduleData: {
site: this.$store.state.user.site,
username: this.$store.state.user.name,
seqNo: '',
orderNo: '',
itemNo: 0,
partNo: '',
workCenterNo: '',
workCenterDesc: '',
resourceDesc: '',
rollNo: '',
partDesc: '',
planStartTime: '',
planFinishTime: '',
qtyRequiredOriginal: 0,
scheduledDate: '',
shiftNo: '',
preItemDesc: '',
nextItemDesc: '',
nextItemNo: 0,
operatorId: '',
functionName: '',
currentRollFlag: false
},
pageData: {
site: this.$store.state.user.site,
username: this.$store.state.user.name,
orderNo: '',
itemNo: '',
seqNo: '',
rollNo: '',
operatorId: '',
histSeqNo: 0,
bomItemNo: -1,
rmRollNo: '',
oriRmRollNo: '',
reportDate: '',
reportTime: '',
downTimeQty: 0,
consumeQty: 0,
oriConsumeQty: 0,
totalConsumeQty: 0,
checkFlag: false,
},
operatorData: {
site: this.$store.state.user.site,
username: this.$store.state.user.name,
operatorId: '',
operatorName: '',
status: '',
seqNo: '',
showFlag: false
},
oriMaterialData: {
site: this.$store.state.user.site,
username: this.$store.state.user.name,
orderNo: '',
itemNo: 0,
seqNo: '',
histSeqNo: '',
rmRollNo: '',
},
dataListLoading: false,
}
},
methods: {
//初始化组件的参数
init(scheduleData, operatorData, oriMaterialData) {
//初始化参数
this.scheduleData = scheduleData;
this.oriMaterialData = oriMaterialData;
//初始化操作员对象
this.operatorData = JSON.parse(JSON.stringify(operatorData));
//设置参数
this.pageData.orderNo = scheduleData.orderNo;
this.pageData.itemNo = scheduleData.itemNo;
this.pageData.seqNo = scheduleData.seqNo;
this.pageData.rollNo = scheduleData.rollNo;
this.pageData.operatorId = operatorData.operatorId;
this.pageData.histSeqNo = oriMaterialData.histSeqNo;
this.pageData.oriRmRollNo = oriMaterialData.rmRollNo;
this.pageData.bomItemNo = oriMaterialData.sAPBOMItemNo;
//重置时间
this.pageData.reportDate = this.dayjs(new Date()).format('YYYY-MM-DD');
this.pageData.reportTime = this.dayjs(new Date()).format('HH:mm:ss');
this.pageData.downTimeQty = 0;
this.pageData.rmRollNo = '';
//自动获取焦点
this.$nextTick(() => {
this.$refs.rmRollNo.focus();
});
//重置校验的标记
this.pageData.checkFlag = false;
},
/*关闭modal*/
closeDialog(){
//刷新报工的页面
this.$emit('refreshPageData');
//关闭当前的页面
this.$emit('update:visible', false);
},
/*记录每一次录入字符串的时间*/
recordTime(){
//判断是否清掉所有的内容
if(this.pageData.rmRollNo.trim().length === 0){
this.timeArray = [];
}else{
this.timeArray.push(new Date().getTime());
}
},
/*验证时长的参数*/
changeTimeQty(){
let downTimeQty = this.pageData.downTimeQty;
if(downTimeQty <= 0){
this.$message.error('时长必须大于0!');
return false;
}
},
/*检查材料卷号的数据*/
checkRmRollNoBun() {
//首先判断时间是否超过100毫秒
let len = this.timeArray.length;
let timeDiff = this.timeArray[len - 1] - this.timeArray[0];
//判断时间是否在范围之内
if(timeDiff > 1000){
// this.$message.error('请扫码输入!');
//return false;
}
//判断null和空字符串
if (this.pageData.rmRollNo == null || this.pageData.rmRollNo === '') {
this.$message.error('材料卷号不能为空!');
return false;
}else{
this.pageData.rmRollNo = this.pageData.rmRollNo.trim();
}
//调用方法检查材料的数据(验证通过调用检查的方法)
this.checkConnectRmRollNoOperation();
},
/*检查新的工具实例信息*/
checkConnectRmRollNoOperation(){
/*调用检查的方法检验下*/
checkConnectMaterialRoll(this.pageData).then(({data}) => {
//判断是否存在异常
if(data.code == 500){
this.$message.error(data.msg);
}else{
this.pageData.checkFlag = true;
}
});
},
/*接料操作*/
connectMaterialRollBun(){
let downTimeQty = this.pageData.downTimeQty;
if(downTimeQty <= 0){
this.$message.error('时长必须大于0!');
return false;
}
connectMaterialRoll(this.pageData).then(({data}) => {
//判断是否存在异常
if(data.code == 500){
this.$message.error(data.msg);
}else{
//先提示 后关闭
this.$message.success(data.msg);
//关闭当前的页面
this.closeDialog();
}
});
},
},
created() {
// this.factoryList()
// this.getLanguageList()
}
}
</script>
<style scoped lang="scss">
</style>