mt-ck-wms-ui/src/views/orderManage/mesToErp.vue

346 lines
10 KiB
Vue
Raw Normal View History

2021-09-13 14:56:28 +08:00
<!--
* @Author: zwq
* @Date: 2021-07-19 15:18:30
* @LastEditors: Please set LastEditors
* @LastEditTime: 2021-07-26 10:54:06
* @Description:
-->
<template>
<el-row :gutter="10">
<el-form
ref="dataForm"
:model="dataForm"
:rules="rules"
size="medium"
label-width="130px"
style="margin:30px"
label-position="left"
>
<el-col :span="6">
<el-form-item label="grade" prop="grade">
<el-input v-model="dataForm.grade" placeholder="grade" clearable :style="{width: '100%'}" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('module.orderManage.erpToMes.mfoCode')" prop="mfoCode">
<el-input v-model="dataForm.mfoCode" :placeholder="$t('module.orderManage.erpToMes.mfoCode')" clearable :style="{width: '100%'}" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('module.orderManage.erpToMes.packagingBoxId')" prop="packagingBoxId">
<el-input
v-model="dataForm.packagingBoxId"
oninput="value=value.replace(/[^\d]/g,'')"
:placeholder="$t('module.orderManage.erpToMes.packagingBoxId')"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('module.orderManage.erpToMes.reportTime')" prop="reportTime">
<el-date-picker
v-model="dataForm.reportTime"
:style="{width: '100%'}"
:placeholder="$t('module.orderManage.erpToMes.reportTime')"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="totlePower" prop="totlePower">
<el-input
v-model="dataForm.totlePower"
placeholder="totlePower"
oninput="value=value.replace(/[^\d]/g,'')"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId1" prop="substrateId1">
<el-input
v-model="dataForm.substrateId1"
placeholder="substrateId1"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId2" prop="substrateId2">
<el-input
v-model="dataForm.substrateId2"
placeholder="substrateId2"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId3" prop="substrateId3">
<el-input
v-model="dataForm.substrateId3"
placeholder="substrateId3"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId4" prop="substrateId4">
<el-input
v-model="dataForm.substrateId4"
placeholder="substrateId4"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId5" prop="substrateId5">
<el-input
v-model="dataForm.substrateId5"
placeholder="substrateId5"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId6" prop="substrateId6">
<el-input
v-model="dataForm.substrateId6"
placeholder="substrateId6"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId7" prop="substrateId7">
<el-input
v-model="dataForm.substrateId7"
placeholder="substrateId7"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId8" prop="substrateId8">
<el-input
v-model="dataForm.substrateId8"
placeholder="substrateId8"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId9" prop="substrateId9">
<el-input
v-model="dataForm.substrateId9"
placeholder="substrateId9"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId10" prop="substrateId10">
<el-input
v-model="dataForm.substrateId10"
placeholder="substrateId10"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId11" prop="substrateId11">
<el-input
v-model="dataForm.substrateId11"
placeholder="substrateId11"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId12" prop="substrateId12">
<el-input
v-model="dataForm.substrateId12"
placeholder="substrateId12"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId13" prop="substrateId13">
<el-input
v-model="dataForm.substrateId13"
placeholder="substrateId13"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId14" prop="substrateId14">
<el-input
v-model="dataForm.substrateId14"
placeholder="substrateId14"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId15" prop="substrateId15">
<el-input
v-model="dataForm.substrateId15"
placeholder="substrateId15"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId16" prop="substrateId16">
<el-input
v-model="dataForm.substrateId16"
placeholder="substrateId16"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId17" prop="substrateId17">
<el-input
v-model="dataForm.substrateId17"
placeholder="substrateId17"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId18" prop="substrateId18">
<el-input
v-model="dataForm.substrateId18"
placeholder="substrateId18"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId19" prop="substrateId19">
<el-input
v-model="dataForm.substrateId19"
placeholder="substrateId19"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="substrateId20" prop="substrateId20">
<el-input
v-model="dataForm.substrateId20"
placeholder="substrateId20"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label-width="0" prop="">
<el-button type="primary" size="medium" @click="submit"> 提交 </el-button>
</el-form-item>
</el-col>
</el-form>
</el-row>
</template>
<script>
import { mesToErpAdd } from '@/api/orderManage/erpToMes'
export default {
components: {},
props: [],
data() {
return {
dataForm: {
grade: undefined,
mfoCode: undefined,
packagingBoxId: undefined,
reportTime: undefined,
totlePower: undefined,
substrateId1: undefined,
substrateId2: undefined,
substrateId3: undefined,
substrateId4: undefined,
substrateId5: undefined,
substrateId6: undefined,
substrateId7: undefined,
substrateId8: undefined,
substrateId9: undefined,
substrateId10: undefined,
substrateId11: undefined,
substrateId12: undefined,
substrateId13: undefined,
substrateId14: undefined,
substrateId15: undefined,
substrateId16: undefined,
substrateId17: undefined,
substrateId18: undefined,
substrateId19: undefined,
substrateId20: undefined
},
rules: {
grade: [],
mfoCode: [],
packagingBoxId: [],
reportTime: [],
totlePower: [],
substrateId1: []
}
}
},
computed: {},
watch: {},
created() {
this.init()
},
mounted() {},
methods: {
init() {
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
})
},
submit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
mesToErpAdd(this.dataForm).then(res => {
this.$message({
message: this.$t('module.basicData.visual.success'),
type: 'success',
duration: 1500,
onClose: () => {
this.init()
}
})
})
}
})
}
}
}
</script>