383 lines
10 KiB
Vue
383 lines
10 KiB
Vue
<!--
|
|
* @Author: zhp
|
|
* @Date: 2023-11-06 15:15:30
|
|
* @LastEditTime: 2024-04-28 17:10:02
|
|
* @LastEditors: DY
|
|
* @Description:
|
|
-->
|
|
<template>
|
|
<!-- <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="auto">
|
|
<el-row :gutter="20">
|
|
<el-col :span="8">
|
|
<el-form-item label="工单号" prop="workOrderId">
|
|
<el-select filterable v-model="dataForm.workOrderId" placeholder="请选择工单号">
|
|
<el-option v-for="dict in workOrderList" :key="dict.id" :label="dict.name" :value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="数量" prop="num">
|
|
<el-input v-model="dataForm.num" placeholder="请输入数量" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="报废时间" prop="logTime">
|
|
<el-date-picker style="width: 100%;" v-model="dataForm.logTime" type="datetime" value-format="timestamp"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20">
|
|
<el-col :span="8">
|
|
<el-form-item label="产线" prop="lineId">
|
|
<el-select v-model="dataForm.lineId" placeholder="请选择产线" @change="getWorksectionById">
|
|
<el-option v-for="dict in lineList" :key="dict.id" :label="dict.name" :value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="工段" prop="sectionId">
|
|
<el-select v-model="dataForm.sectionId" placeholder="请选择工段">
|
|
<el-option v-for="dict in sectionList" :key="dict.id" :label="dict.name" :value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="报废原因" prop="detId">
|
|
<el-select v-model="dataForm.detId" placeholder="请选择报废原因" multiple>
|
|
<el-option v-for="dict in detList" :key="dict.id" :label="dict.name" :value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20">
|
|
<el-col :span="24">
|
|
<el-form-item label="描述" prop="description">
|
|
<el-input v-model="dataForm.description" type="textarea" :rows="4" placeholder="请输入描述" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="来源" prop="source">
|
|
<el-select v-model="dataForm.source" placeholder="请选择来源">
|
|
<el-option v-for="dict in sourceList" :key="dict.id" :label="dict.name" :value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="备注" prop="remark">
|
|
<el-input v-model="dataForm.remark" placeholder="备注" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-form> -->
|
|
<el-form
|
|
:model="dataForm"
|
|
:rules="dataRule"
|
|
ref="dataForm"
|
|
@keyup.enter.native="dataFormSubmit()"
|
|
label-width="auto">
|
|
<el-row :gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item
|
|
label="工单号"
|
|
prop="workOrderId">
|
|
<el-select
|
|
filterable
|
|
v-model="dataForm.workOrderId"
|
|
placeholder="请选择工单号"
|
|
style="width: 100%">
|
|
<el-option
|
|
v-for="dict in workOrderList"
|
|
:key="dict.id"
|
|
:label="dict.name"
|
|
:value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item
|
|
label="数量"
|
|
prop="num"
|
|
style="width: 100%">
|
|
<el-input
|
|
v-model="dataForm.num"
|
|
placeholder="请输入数量" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item
|
|
label="产线"
|
|
prop="lineId">
|
|
<el-select
|
|
v-model="dataForm.lineId"
|
|
placeholder="请选择产线"
|
|
@change="getWorksectionById"
|
|
style="width: 100%">
|
|
<el-option
|
|
v-for="dict in lineList"
|
|
:key="dict.id"
|
|
:label="dict.name"
|
|
:value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item
|
|
label="工段"
|
|
prop="sectionId">
|
|
<el-select
|
|
v-model="dataForm.sectionId"
|
|
placeholder="请选择工段"
|
|
style="width: 100%">
|
|
<el-option
|
|
v-for="dict in sectionList"
|
|
:key="dict.id"
|
|
:label="dict.name"
|
|
:value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item
|
|
label="报废时间"
|
|
prop="logTime">
|
|
<el-date-picker
|
|
style="width: 100%"
|
|
v-model="dataForm.logTime"
|
|
type="datetime"
|
|
value-format="timestamp"
|
|
placeholder="选择日期"></el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item
|
|
label="报废原因"
|
|
prop="detId">
|
|
<el-select
|
|
v-model="dataForm.detId"
|
|
placeholder="请选择报废原因"
|
|
multiple
|
|
style="width: 100%">
|
|
<el-option
|
|
v-for="dict in detList"
|
|
:key="dict.id"
|
|
:label="dict.name"
|
|
:value="dict.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20">
|
|
<el-col :span="24">
|
|
<el-form-item
|
|
label="描述"
|
|
prop="description">
|
|
<el-input
|
|
v-model="dataForm.description"
|
|
type="textarea"
|
|
:rows="4"
|
|
placeholder="请输入描述"
|
|
style="width: 100%" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-col :span="24">
|
|
<el-form-item
|
|
label="备注"
|
|
prop="remark">
|
|
<el-input
|
|
v-model="dataForm.remark"
|
|
placeholder="备注"
|
|
style="width: 100%" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-form>
|
|
</template>
|
|
|
|
<script>
|
|
import basicAdd from './basic-add';
|
|
import {
|
|
createQualityScrapLog,
|
|
updateQualityScrapLog,
|
|
getQualityScrapLog,
|
|
getWorkOrderList,
|
|
getTeamList,
|
|
getDetList,
|
|
getLineList,
|
|
} from '@/api/base/qualityScrapLog';
|
|
import { getList } from '@/api/base/qualityScrapType';
|
|
// import { getMaterialList } from "@/api/base/material";
|
|
import moment from 'moment';
|
|
export default {
|
|
mixins: [basicAdd],
|
|
data() {
|
|
return {
|
|
urlOptions: {
|
|
isGetCode: false,
|
|
// codeURL: getCode,
|
|
createURL: createQualityScrapLog,
|
|
updateURL: updateQualityScrapLog,
|
|
infoURL: getQualityScrapLog,
|
|
},
|
|
lineList: [],
|
|
typeList: [],
|
|
workOrderList: [],
|
|
detList: [],
|
|
teamList: [],
|
|
sectionList: [],
|
|
dataForm: {
|
|
id: undefined,
|
|
logTime: undefined,
|
|
source: 2,
|
|
detId: undefined,
|
|
workOrderId: null,
|
|
teamId: undefined,
|
|
num: undefined,
|
|
sectionId:undefined,
|
|
lineId:undefined,
|
|
description:undefined,
|
|
// description: undefined,
|
|
remark: undefined
|
|
// id: undefined,
|
|
// logTime: undefined,
|
|
// detId: undefined,
|
|
// workOrderId: null,
|
|
// teamId: undefined,
|
|
// num: undefined,
|
|
// sectionId: undefined,
|
|
// lineId: undefined,
|
|
// description: undefined,
|
|
// // description: undefined,
|
|
// remark: undefined,
|
|
},
|
|
// materialList: [],
|
|
dataRule: {
|
|
// materialId: [{ required: true, message: "", trigger: "blur" }],
|
|
workOrderId: [
|
|
{ required: true, message: '工单号不能为空', trigger: 'change' },
|
|
],
|
|
num: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
|
|
detId: [
|
|
{ required: true, message: '报废原因不能为空', trigger: 'change' },
|
|
],
|
|
|
|
logTime: [
|
|
{ required: true, message: '报废时间不能为空', trigger: 'change' },
|
|
],
|
|
},
|
|
};
|
|
},
|
|
mounted() {
|
|
this.getDict();
|
|
console.log('我看看', this.dataForm);
|
|
// this.getCurrentTime()
|
|
// this.dataForm.logTime = new Date()
|
|
},
|
|
methods: {
|
|
// getCurrentTime() {
|
|
// // new Date().Format("yyyy-MM-dd HH:mm:ss")
|
|
// // this.dataForm.logTime = year + "-" + month + "-" + day;
|
|
// // console.log(this.dataForm.logTime);
|
|
// },
|
|
async getDict() {
|
|
// 物料列表
|
|
const res = await getList();
|
|
this.typeList = res.data;
|
|
getWorkOrderList().then((res) => {
|
|
console.log(res);
|
|
// console.log(response);
|
|
this.workOrderList = res.data.map((item) => {
|
|
return {
|
|
name: item.name,
|
|
id: item.id,
|
|
};
|
|
});
|
|
// console.log(this.formConfig[0].selectOptions);
|
|
// this.listQuery.total = response.data.total;
|
|
});
|
|
getLineList().then((res) => {
|
|
console.log(res);
|
|
// console.log(response);
|
|
this.lineList = res.data.map((item) => {
|
|
return {
|
|
name: item.name,
|
|
id: item.id,
|
|
};
|
|
});
|
|
// console.log(this.formConfig[0].selectOptions);
|
|
// this.listQuery.total = response.data.total;
|
|
});
|
|
getDetList().then((res) => {
|
|
console.log(res);
|
|
// console.log(response);
|
|
this.detList = res.data.map((item) => {
|
|
return {
|
|
name: item.content,
|
|
id: item.id,
|
|
};
|
|
});
|
|
// console.log(this.formConfig[0].selectOptions);
|
|
// this.listQuery.total = response.data.total;
|
|
});
|
|
getTeamList().then((res) => {
|
|
console.log(res);
|
|
// console.log(response);
|
|
this.teamList = res.data.map((item) => {
|
|
return {
|
|
name: item.name,
|
|
id: item.id,
|
|
};
|
|
});
|
|
// console.log(this.formConfig[0].selectOptions);
|
|
// this.listQuery.total = response.data.total;
|
|
});
|
|
},
|
|
async getWorksectionById(lineId) {
|
|
if (lineId) {
|
|
const { code, data } = await this.$axios({
|
|
url: '/base/core-workshop-section/listByParentId',
|
|
method: 'get',
|
|
params: {
|
|
id: lineId,
|
|
},
|
|
});
|
|
if (code == 0) {
|
|
console.log(data);
|
|
this.sectionList = data.map((item) => {
|
|
return {
|
|
name: item.name,
|
|
id: item.id,
|
|
};
|
|
});
|
|
}
|
|
} else {
|
|
this.$axios({
|
|
url: '/base/core-workshop-section/listAll',
|
|
method: 'get',
|
|
// params: {
|
|
// id: lineId,
|
|
// },
|
|
}).then((res) => {
|
|
// console.log(data)
|
|
this.sectionList = res.data.map((item) => {
|
|
return {
|
|
name: item.name,
|
|
id: item.id,
|
|
};
|
|
});
|
|
});
|
|
}
|
|
},
|
|
// setMaterialCode() {
|
|
// const chooseM = this.materialList.filter(item => {
|
|
// return item.id === this.dataForm.materialId
|
|
// })
|
|
// this.dataForm.materialCode = chooseM[0].code
|
|
// }
|
|
},
|
|
};
|
|
</script>
|