From 7b197894d375f9c445f68f965eabef83ed6791e1 Mon Sep 17 00:00:00 2001 From: liuying <1427574514@qq.com> Date: 周四, 25 4月 2024 18:33:31 +0800 Subject: [PATCH] 助记码 --- iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/BaseCustomer/addForm.vue | 191 ++++++++++++++++++++++++++++------------------- 1 files changed, 114 insertions(+), 77 deletions(-) diff --git a/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/BaseCustomer/addForm.vue b/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/BaseCustomer/addForm.vue index 0f56a8b..a151e9a 100644 --- a/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/BaseCustomer/addForm.vue +++ b/iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/BaseCustomer/addForm.vue @@ -1,25 +1,26 @@ 锘�<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 :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> @@ -52,78 +53,114 @@ </template> <script> - import moment from 'moment' - import { - BaseCustomerAdd - } from '@/api/modular/main/WmsBase/BaseCustomerManage' - export default { - data () { - return { - labelCol: { - xs: { span: 24 }, - sm: { span: 5 } - }, - wrapperCol: { - xs: { span: 24 }, - sm: { span: 15 } - }, - custTypeData: [], - visible: false, - confirmLoading: false, - form: this.$form.createForm(this) - } - }, - methods: { - moment, - // 鍒濆鍖栨柟娉� - add (record) { - this.visible = true - this.$nextTick(() => { - - }); - const custTypeOption = this.$options - this.custTypeData = custTypeOption.filters['dictData']('base_customer_type') +import moment from 'moment' +import { + BaseCustomerAdd, BaseZjmList +} from '@/api/modular/main/WmsBase/BaseCustomerManage' +export default { + 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]) - } - } - BaseCustomerAdd(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 + wrapperCol: { + xs: { span: 24 }, + sm: { span: 15 } + }, + custTypeData: [], + visible: false, + confirmLoading: false, + form: this.$form.createForm(this), + zjCode: '', + disabled: false + } + }, + methods: { + moment, + // 鍒濆鍖栨柟娉� + add(record) { + this.visible = true + this.$nextTick(() => { + + }); + 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.confirmLoading = false + this.$message.warning("鍔╄鐮佺敓鎴愬け璐�") + this.form.setFieldsValue({ + mnemonicCode: '' + }) } - }) - }, - handleCancel () { - this.form.resetFields() - this.visible = false - } + } else { + this.$message.error('鏂板澶辫触锛�' + JSON.stringify(res.message)) + } + }).finally((res) => { + this.confirmLoading = false + }) + }, + /** + * 鎻愪氦琛ㄥ崟 + */ + handleSubmit() { + const { form: { validateFields } } = this + + validateFields((errors, values) => { + if (!errors) { + for (const key in values) { + if (typeof (values[key]) === 'object') { + 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('鏂板鎴愬姛') + 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; - } +.ant-row.ant-form-item { + width: 50% !important; + display: inline-block; +} </style> \ No newline at end of file -- Gitblit v1.9.3