223 lines
7.2 KiB
Vue
223 lines
7.2 KiB
Vue
|
<!--
|
||
|
|
* @Author: zhp
|
||
|
|
* @Date: 2023-11-06 15:15:30
|
||
|
|
* @LastEditTime: 2023-11-07 19:38:13
|
||
|
|
* @LastEditors: zhp
|
||
|
|
* @Description:
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<el-dialog :visible.sync="dialogVisible" width="50%" :before-close="handleClose">
|
||
|
|
<small-title slot="title" :no-padding="true">
|
||
|
|
{{ '详情' }}
|
||
|
|
</small-title>
|
||
|
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
|
||
|
|
label-width="auto">
|
||
|
|
<el-row :gutter="24">
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="工单号" prop="workOrderId">
|
||
|
|
<el-select v-model="dataForm.workOrderId" placeholder="请选择工单号" disabled>
|
||
|
|
<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="teamId">
|
||
|
|
<el-select v-model="dataForm.teamId" placeholder="请选择班组" disabled>
|
||
|
|
<el-option v-for="dict in teamList" :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="sum">
|
||
|
|
<el-input v-model="dataForm.sum" placeholder="请输入数量" disabled />
|
||
|
|
</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="请选择产线" disabled>
|
||
|
|
<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="detId">
|
||
|
|
<el-select v-model="dataForm.detId" placeholder="请选择报废原因" disabled>
|
||
|
|
<el-option v-for="dict in detList" :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="logTime">
|
||
|
|
<el-date-picker v-model="dataForm.logTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" disabled
|
||
|
|
placeholder="选择日期">
|
||
|
|
</el-date-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
<el-row :gutter="20">
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="来源" prop="source">
|
||
|
|
<el-select v-model="dataForm.source" placeholder="请选择来源" disabled>
|
||
|
|
<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="description">
|
||
|
|
<el-input v-model="dataForm.description" placeholder="请输入描述" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="备注" prop="remark">
|
||
|
|
<el-input v-model="dataForm.remark" placeholder="备注" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-form>
|
||
|
|
</el-dialog>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import basicAdd from '../../../core/mixins/basic-add';
|
||
|
|
import {
|
||
|
|
createQualityScrapLog, updateQualityScrapLog, getQualityScrapLog, getWorkOrderList,
|
||
|
|
getTeamList, getDetList,getLineList } from "@/api/base/qualityScrapLog";
|
||
|
|
import { getList,} from "@/api/base/qualityScrapType";
|
||
|
|
import SmallTitle from './SmallTitle';
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
SmallTitle,
|
||
|
|
},
|
||
|
|
mixins: [basicAdd],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
urlOptions: {
|
||
|
|
isGetCode: false,
|
||
|
|
// codeURL: getCode,
|
||
|
|
createURL: createQualityScrapLog,
|
||
|
|
updateURL: updateQualityScrapLog,
|
||
|
|
infoURL: getQualityScrapLog,
|
||
|
|
},
|
||
|
|
lineList:[],
|
||
|
|
typeList: [],
|
||
|
|
workOrderList: [],
|
||
|
|
detList:[],
|
||
|
|
teamList: [],
|
||
|
|
sourceList: [
|
||
|
|
{
|
||
|
|
id: 1,
|
||
|
|
name: '手动',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
id: 2,
|
||
|
|
name: '自动',
|
||
|
|
}
|
||
|
|
],
|
||
|
|
dialogVisible:false,
|
||
|
|
dataForm: {
|
||
|
|
id: undefined,
|
||
|
|
logTime: undefined,
|
||
|
|
source:1,
|
||
|
|
detId: undefined,
|
||
|
|
workOrderId: null,
|
||
|
|
teamId: undefined,
|
||
|
|
num: 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()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
init() {
|
||
|
|
this.dialogVisible = true
|
||
|
|
},
|
||
|
|
getCurrentTime() {
|
||
|
|
// new Date().Format("yyyy-MM-dd HH:mm:ss")
|
||
|
|
this.dataForm.logTime = new Date()
|
||
|
|
// 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.workOrderList = res.data.map((item) => {
|
||
|
|
// return {
|
||
|
|
// name: item.name,
|
||
|
|
// 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;
|
||
|
|
// })
|
||
|
|
// },
|
||
|
|
// setMaterialCode() {
|
||
|
|
// const chooseM = this.materialList.filter(item => {
|
||
|
|
// return item.id === this.dataForm.materialId
|
||
|
|
// })
|
||
|
|
// this.dataForm.materialCode = chooseM[0].code
|
||
|
|
// }
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|