| | |
| | | <template> |
| | | <a-modal |
| | | title="新增往来关系" |
| | | :width="1100" |
| | | :visible="visible" |
| | | :confirmLoading="confirmLoading" |
| | | @ok="handleSubmit" |
| | | <a-modal title="新增往来关系" :width="1100" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit" |
| | | @cancel="handleCancel"> |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | | <a-form-item label="中文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入中文名称" v-decorator="['custChinaName', {rules: [{required: true, message: '请输入中文名称!'}]}]" /> |
| | | <a-input placeholder="请输入中文名称" |
| | | v-decorator="['custChinaName', { rules: [{ required: true, message: '请输入中文名称!' }] }]" /> |
| | | </a-form-item> |
| | | <a-form-item label="英文名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入英文名称" v-decorator="['custEnglishName']" /> |
| | | </a-form-item> |
| | | |
| | | <a-form-item label="助记码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | | <a-input placeholder="请输入助记码" v-decorator="['mnemonicCode']" /> |
| | | <!-- <a-input placeholder="请输入助记码" v-decorator="['mnemonicCode']" /> --> |
| | | <a-input-search :disabled="disabled" placeholder="请输入助记码" v-decorator="['mnemonicCode']" @search="onSearch" /> |
| | | </a-form-item> |
| | | |
| | | <a-form-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-select style="width: 100%" placeholder="请选择类型" v-decorator="['custType', {rules: [{ required: true, message: '请选择类型!' }]}]"> |
| | | <a-select-option v-for="(item,index) in custTypeData" :key="index" :value="item.code">{{ item.name }}</a-select-option> |
| | | <a-select style="width: 100%" placeholder="请选择类型" |
| | | v-decorator="['custType', { rules: [{ required: true, message: '请选择类型!' }] }]"> |
| | | <a-select-option v-for="(item, index) in custTypeData" :key="index" :value="item.code">{{ item.name |
| | | }}</a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | <a-form-item label="联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> |
| | |
| | | <script> |
| | | import moment from 'moment' |
| | | import { |
| | | BaseCustomerAdd |
| | | BaseCustomerAdd, BaseZjmList |
| | | } from '@/api/modular/main/WmsBase/BaseCustomerManage' |
| | | export default { |
| | | data () { |
| | |
| | | custTypeData: [], |
| | | visible: false, |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this) |
| | | form: this.$form.createForm(this), |
| | | zjCode: '', |
| | | disabled: false |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | const custTypeOption = this.$options |
| | | this.custTypeData = custTypeOption.filters['dictData']('base_customer_type') |
| | | }, |
| | | onSearch() { |
| | | let mnemonicCode = this.form.getFieldValue('mnemonicCode'); |
| | | if (!mnemonicCode) { |
| | | this.$message.warning("请输入助记码") |
| | | return |
| | | } |
| | | BaseZjmList({ |
| | | 'name': mnemonicCode |
| | | }).then((res) => { |
| | | if (res.success) { |
| | | if (res.data) { |
| | | this.zjCode = res.data || ''; |
| | | this.disabled = true; |
| | | this.form.setFieldsValue({ |
| | | mnemonicCode: this.zjCode |
| | | }) |
| | | } else { |
| | | this.$message.warning("助记码生成失败") |
| | | this.form.setFieldsValue({ |
| | | mnemonicCode: '' |
| | | }) |
| | | } |
| | | } else { |
| | | this.$message.error('新增失败:' + JSON.stringify(res.message)) |
| | | } |
| | | }).finally((res) => { |
| | | this.confirmLoading = false |
| | | }) |
| | | }, |
| | | /** |
| | | * 提交表单 |
| | | */ |
| | | handleSubmit () { |
| | | const { form: { validateFields } } = this |
| | | this.confirmLoading = true |
| | | |
| | | validateFields((errors, values) => { |
| | | if (!errors) { |
| | | for (const key in values) { |
| | |
| | | values[key] = JSON.stringify(values[key]) |
| | | } |
| | | } |
| | | if (values.mnemonicCode && !this.zjCode) { |
| | | this.$message.warning("请点击搜索助记码!") |
| | | return |
| | | } |
| | | this.confirmLoading = true |
| | | BaseCustomerAdd(values).then((res) => { |
| | | if (res.success) { |
| | | this.$message.success('新增成功') |