| | |
| | | <template> |
| | | <a-modal |
| | | title="新增仓库信息" |
| | | :width="900" |
| | | :visible="visible" |
| | | :confirmLoading="confirmLoading" |
| | | @ok="handleSubmit" |
| | | <a-modal title="新增仓库信息" :width="900" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit" |
| | | @cancel="handleCancel"> |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | | <a-form :form="form"> |
| | | <a-form-item label="仓库编号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入仓库编号" v-decorator="['code', {rules: [{required: true, message: '请输入仓库编号!'}]}]" /> |
| | | <a-input placeholder="请输入仓库编号" v-decorator="['code', { rules: [{ required: true, message: '请输入仓库编号!' }] }]" /> |
| | | </a-form-item> |
| | | <a-form-item label="仓库名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入仓库名称" v-decorator="['name', {rules: [{required: true, message: '请输入仓库名称!'}]}]" /> |
| | | <a-input placeholder="请输入仓库名称" v-decorator="['name', { rules: [{ required: true, message: '请输入仓库名称!' }] }]" /> |
| | | </a-form-item> |
| | | <a-form-item label="仓库地址" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入仓库地址" v-decorator="['address']" /> |
| | | </a-form-item> |
| | | <a-form-item label="工厂编号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入工厂编号" v-decorator="['factoryCode', {rules: [{required: true, message: '请输入工厂编号!'}]}]" /> |
| | | <a-form-item label="所属工厂" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <!-- <a-input placeholder="请选择所属工厂" v-decorator="['factoryCode', {rules: [{required: true, message: '请选择所属工厂!'}]}]" /> --> |
| | | |
| | | <a-select style="width: 100%" placeholder="请选择所属工厂" v-decorator="['factoryCode']"> |
| | | <a-select-option v-for="(item, index) in selectTypeData" :key="index" |
| | | :value="item.factoryCode">{{ item.factoryName }}</a-select-option> |
| | | </a-select> |
| | | |
| | | |
| | | </a-form-item> |
| | | <a-form-item label="长" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入长" v-decorator="['length']" /> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import moment from 'moment' |
| | | import { |
| | | import moment from 'moment' |
| | | import { |
| | | WmsWarehouseAdd |
| | | } from '@/api/modular/main/WmsBase/WmsWarehouseManage' |
| | | export default { |
| | | data () { |
| | | return { |
| | | labelCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 5 } |
| | | }, |
| | | wrapperCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 15 } |
| | | }, |
| | | visible: false, |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this) |
| | | } |
| | | }, |
| | | methods: { |
| | | moment, |
| | | // 初始化方法 |
| | | add (record) { |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | } from '@/api/modular/main/WmsBase/WmsWarehouseManage' |
| | | |
| | | }); |
| | | import { WmsFactoryPage } from '@/api/modular/main/WmsBase/WmsFactoryManage' |
| | | export default { |
| | | created() { |
| | | this.getSelectDataList() |
| | | }, |
| | | data() { |
| | | return { |
| | | labelCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 5 } |
| | | }, |
| | | /** |
| | | * 提交表单 |
| | | */ |
| | | handleSubmit () { |
| | | const { form: { validateFields } } = this |
| | | this.confirmLoading = true |
| | | validateFields((errors, values) => { |
| | | if (!errors) { |
| | | for (const key in values) { |
| | | if (typeof (values[key]) === 'object') { |
| | | values[key] = JSON.stringify(values[key]) |
| | | } |
| | | wrapperCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 15 } |
| | | }, |
| | | visible: false, |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this) |
| | | } |
| | | }, |
| | | methods: { |
| | | moment, |
| | | getSelectDataList() { |
| | | WmsFactoryPage().then((d) => { |
| | | this.selectTypeData = d.data.rows || [] |
| | | }).catch(() => { |
| | | |
| | | }) |
| | | }, |
| | | // 初始化方法 |
| | | add(record) { |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | |
| | | }); |
| | | }, |
| | | /** |
| | | * 提交表单 |
| | | */ |
| | | handleSubmit() { |
| | | const { form: { validateFields } } = this |
| | | this.confirmLoading = true |
| | | validateFields((errors, values) => { |
| | | if (!errors) { |
| | | for (const key in values) { |
| | | if (typeof (values[key]) === 'object') { |
| | | values[key] = JSON.stringify(values[key]) |
| | | } |
| | | WmsWarehouseAdd(values).then((res) => { |
| | | if (res.success) { |
| | | this.$message.success('新增成功') |
| | | this.confirmLoading = false |
| | | this.$emit('ok', values) |
| | | this.handleCancel() |
| | | } else { |
| | | this.$message.error('新增失败:' + JSON.stringify(res.message)) |
| | | } |
| | | }).finally((res) => { |
| | | this.confirmLoading = false |
| | | }) |
| | | } else { |
| | | this.confirmLoading = false |
| | | } |
| | | }) |
| | | }, |
| | | handleCancel () { |
| | | this.form.resetFields() |
| | | this.visible = false |
| | | } |
| | | WmsWarehouseAdd(values).then((res) => { |
| | | if (res.success) { |
| | | this.$message.success('新增成功') |
| | | this.confirmLoading = false |
| | | this.$emit('ok', values) |
| | | this.handleCancel() |
| | | } else { |
| | | this.$message.error('新增失败:' + JSON.stringify(res.message)) |
| | | } |
| | | }).finally((res) => { |
| | | this.confirmLoading = false |
| | | }) |
| | | } else { |
| | | this.confirmLoading = false |
| | | } |
| | | }) |
| | | }, |
| | | handleCancel() { |
| | | this.form.resetFields() |
| | | this.visible = false |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | .ant-row.ant-form-item { |
| | | width: 50% !important; |
| | | display: inline-block; |
| | | } |
| | | </style> |