| | |
| | | :width="800" |
| | | :visible="visible" |
| | | :confirmLoading="confirmLoading" |
| | | :maskClosable="false" |
| | | :okButtonProps="{ props: {disabled: disableSubmit} }" |
| | | @ok="handleOk" |
| | | @cancel="handleCancel" |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item |
| | | :labelCol="{span:3}" |
| | | :wrapperCol="{span:21}" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="线边库编号" |
| | | > |
| | | <a-input |
| | | :readOnly="disableSubmit" |
| | | :disabled="disableSubmit" |
| | | allow-clear |
| | | placeholder="请输入线边库编号" |
| | | v-decorator="['warehouseCode', validatorRules.warehouseCode ]" |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item |
| | | :labelCol="{span:3}" |
| | | :wrapperCol="{span:21}" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="线边库名称" |
| | | > |
| | | <a-input |
| | | :readOnly="disableSubmit" |
| | | :disabled="disableSubmit" |
| | | allow-clear |
| | | placeholder="请输入线边库名称" |
| | | v-decorator="['warehouseName', validatorRules.warehouseName ]" |
| | |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-col :span="24"> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="产线" |
| | | > |
| | | <j-dict-select-tag |
| | | type="list" |
| | | v-model="model.factoryId" |
| | | :trigger-change="true" |
| | | dictCode="base_factory,factory_name,id" |
| | | placeholder="请选择产线" |
| | | /> |
| | | <j-dict-select-tag :disabled="disableSubmit" type="list" placeholder="请选择产线" |
| | | v-model="model.factoryId" |
| | | dictCode="base_factory,factory_name,id,del_flag='0' and factory_category='3'" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { httpAction, getAction } from '@/api/manage' |
| | | import JDate from '@/components/jeecg/JDate' |
| | | import { httpAction } from '@/api/manage' |
| | | import pick from 'lodash.pick' |
| | | import moment from 'moment' |
| | | import { duplicateCheck } from '@/api/api'//重复校验 |
| | | import JTreeDict from '@/components/jeecg/JTreeDict'//分类字典树形下拉组件 |
| | | import { duplicateCheck } from '@/api/api' //重复校验 |
| | | |
| | | export default { |
| | | name: "WarehouseModal", |
| | | components: { |
| | | JDate, |
| | | JTreeDict, |
| | | }, |
| | | name: 'WarehouseModal', |
| | | components: {}, |
| | | data() { |
| | | return { |
| | | title: "操作", |
| | | title: '操作', |
| | | visible: false, |
| | | disableSubmit: false, |
| | | model: {}, |
| | | treeData: [], |
| | | warehouseId: "", //保存线边库id |
| | | warehouseId: '', //保存线边库id |
| | | labelCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 6 }, |
| | | sm: { span: 5 } |
| | | }, |
| | | wrapperCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 18 }, |
| | | sm: { span: 16 } |
| | | }, |
| | | |
| | | confirmLoading: false, |
| | |
| | | rules: [ |
| | | { required: true, message: '请输入线边库编号' }, |
| | | { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }, |
| | | { validator: this.validateNum }, |
| | | { validator: this.validateNum } |
| | | ] |
| | | }, |
| | | warehouseName: { |
| | | rules: [ |
| | | { required: true, message: '请输入线边库名称' }, |
| | | { min: 0, max: 64, message: '长度不超过 64 个字符', trigger: 'blur' }, |
| | | { validator: this.validateName }, |
| | | { validator: this.validateName } |
| | | ] |
| | | }, |
| | | } |
| | | }, |
| | | url: { |
| | | add: "/base/lineSideWarehouse/add", |
| | | edit: "/base/lineSideWarehouse/edit", |
| | | add: '/base/lineSideWarehouse/add', |
| | | edit: '/base/lineSideWarehouse/edit' |
| | | }, |
| | | nextFactoryOptions: [] |
| | | } |
| | | }, |
| | | created() { |
| | | }, |
| | | methods: { |
| | | add() { |
| | | this.edit({}); |
| | | this.edit({}) |
| | | }, |
| | | edit(record) { |
| | | this.form.resetFields(); |
| | | this.model = Object.assign({}, record); |
| | | this.warehouseId = record.id; |
| | | this.visible = true; |
| | | this.form.resetFields() |
| | | this.model = Object.assign({}, record) |
| | | this.warehouseId = record.id |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue( |
| | | pick(this.model, 'warehouseCode', 'warehouseName', 'factoryId') |
| | | ) |
| | | }); |
| | | }) |
| | | }, |
| | | close() { |
| | | this.$emit('close'); |
| | | this.visible = false; |
| | | this.$emit('close') |
| | | this.visible = false |
| | | }, |
| | | handleOk() { |
| | | const that = this; |
| | | const that = this |
| | | // 触发表单验证 |
| | | this.form.validateFields((err, values) => { |
| | | if (!err) { |
| | | that.confirmLoading = true; |
| | | let httpurl = ''; |
| | | let method = ''; |
| | | that.confirmLoading = true |
| | | let httpurl = '' |
| | | let method = '' |
| | | if (!this.model.id) { |
| | | httpurl += this.url.add; |
| | | method = 'post'; |
| | | httpurl += this.url.add |
| | | method = 'post' |
| | | } else { |
| | | httpurl += this.url.edit; |
| | | method = 'put'; |
| | | httpurl += this.url.edit |
| | | method = 'put' |
| | | } |
| | | let formData = Object.assign(this.model, values); |
| | | let formData = Object.assign(this.model, values) |
| | | httpAction(httpurl, formData, method).then((res) => { |
| | | if (res.success) { |
| | | that.$message.success(res.message); |
| | | that.$emit('ok'); |
| | | that.$message.success(res.message) |
| | | that.$emit('ok') |
| | | } else { |
| | | that.$message.warning(res.message); |
| | | that.$message.warning(res.message) |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false; |
| | | that.close(); |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | } |
| | | }) |
| | |
| | | fieldVal: value, |
| | | dataId: this.warehouseId, |
| | | //数据库中存在字段del_flag并使用该字段作为未删除策略,真删除:false 假删除:true |
| | | delFlag: 'true', |
| | | }; |
| | | delFlag: 'true' |
| | | } |
| | | duplicateCheck(params).then((res) => { |
| | | if (res.success) { |
| | | callback(); |
| | | callback() |
| | | } else { |
| | | callback("线边库编号已存在!"); |
| | | callback('线边库编号已存在!') |
| | | } |
| | | }) |
| | | }, |
| | |
| | | fieldVal: value, |
| | | dataId: this.warehouseId, |
| | | //数据库中存在字段del_flag并使用该字段作为未删除策略,真删除:false 假删除:true |
| | | delFlag: 'true', |
| | | }; |
| | | delFlag: 'true' |
| | | } |
| | | duplicateCheck(params).then((res) => { |
| | | if (res.success) { |
| | | callback(); |
| | | callback() |
| | | } else { |
| | | callback("线边库名称已存在!"); |
| | | callback('线边库名称已存在!') |
| | | } |
| | | }) |
| | | }, |
| | | backFactoryInfo(info) { |
| | | this.model.factoryIds = this.model.factoryId |
| | | this.nextFactoryOptions = info.map((item, index, arr) => { |
| | | let c = { label: item.text, value: item.value + '' } |
| | | return c |
| | | }) |
| | | }, |
| | | // 关闭弹窗时清除表单校验 |
| | | removeValidate() { |
| | | if (this.$refs.form) this.$refs.form.clearValidate() |
| | | } |
| | | } |
| | | } |
| | | </script> |