<template> <j-modal :title="title" :width="width" :visible="visible" :confirmLoading="confirmLoading" switchFullscreen @ok="handleOk" @cancel="handleCancel" cancelText="关闭"> <a-spin :spinning="confirmLoading"> <a-form-model ref="form" :model="model" :rules="validatorRules"> <a-row> <a-col :xs="24"> <a-form-model-item label="物料" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="materialCode"> <j-search-select-tag v-model="model.materialCode" :dictOptions="materialList" :trigger-change="true" placeholder="请选择物料编码" @change="searchMaterial"> </j-search-select-tag> </a-form-model-item> </a-col> <a-col :xs="24"> <a-form-model-item label="实盘数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="countedQty"> <a-input v-model="model.countedQty" placeholder="请输入实盘数量"></a-input> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="库存状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="inventoryStatus"> <j-dict-select-tag type="list" v-model="model.inventoryStatus" dictCode="inventory_status" placeholder="请选择库存状态"/> </a-form-model-item> </a-col> <a-col :xs="24"> <a-form-model-item label="批次" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="batch"> <a-input v-model="model.batch" placeholder="请输入批次"></a-input> </a-form-model-item> </a-col> </a-row> </a-form-model> </a-spin> </j-modal> </template> <script> import { createManyEmptyIn, increaseInInventoryGain, searchMaterialByCode } from '@/api/api' import Utils from '../../../../components/jeecgbiz/JButtonBizComponent/util.js'; export default { name: "CycleCountDetailChiIdModal", components: {}, props: { id: "", }, data() { return { title: "操作", width: 500, visible: false, model: { cycleCountDetailid:this.id, materialCode:'', batch:'', countedQty:'', }, materialList: {}, querySource: {}, labelCol: { xs: {span: 24}, sm: {span: 5}, }, wrapperCol: { xs: {span: 24}, sm: {span: 16}, }, confirmLoading: false, validatorRules: { countedQty: [ {required: true, message: '请输入实盘数量!'}, ], }, url: { add: "/cycleCountDetail/cycleCountDetail/increaseInInventoryGain", } } }, created() { //备份model原始值 this.modelDefault = JSON.parse(JSON.stringify(this.model)); this.searchMaterial(); // this.model.inventoryStatus = "good"; }, methods: { searchMaterial() { const that = this; that.querySource.materialCode = that.model.materialCode; searchMaterialByCode(that.querySource).then((res) => { that.materialList = res.result; }) }, add() { this.edit(this.modelDefault); }, edit() { this.visible = true; }, close() { this.$emit('close'); this.visible = false; this.$refs.form.clearValidate(); }, handleOk() { const that = this; // 触发表单验证 this.$refs.form.validate(valid => { if (valid) { that.confirmLoading = true; increaseInInventoryGain(this.model).then((res) => { if (res.success) { that.$message.success(res.message); that.$emit('ok'); that.model.containerCode = ''; that.model.toLocationCode = ''; Utils.$emit('methodB',res.result); } else { that.$message.warning(res.message); } }).finally(() => { that.confirmLoading = false; that.close(); }) } else { return false } }) }, handleCancel() { this.close() }, } } </script>