<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 :span="24"> <a-form-model-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="materialCode"> <a-input v-model="model.materialCode" placeholder="请输入物料编码" disabled="true"/> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="物料名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="materialName"> <a-input v-model="model.materialName" placeholder="请输入物料名称" disabled="true"/> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="物料规格" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="materialSpec"> <a-input v-model="model.materialSpec" placeholder="请输入物料规格" disabled="true"/> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="物料单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="materialUnit"> <a-input v-model="model.materialUnit" placeholder="请输入物料单位" disabled="true"/> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="单据数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qty"> <a-input-number v-model="model.qty"placeholder="请输入单据数量" style="width: 100%" disabled="true"/> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="合格数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qty"> <a-input-number v-model="model.qualityfiedQty"placeholder="请输入合格数量" style="width: 100%" /> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="不合格数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qty"> <a-input-number v-model="model.unqualityfiedQty"placeholder="请输入不合格数量" style="width: 100%" /> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="不合格原因" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark"> <a-input v-model="model.remark"placeholder="请输入不合格原因" /> </a-form-model-item> </a-col> </a-row> </a-form-model> </a-spin> </j-modal> </template> <script> import { httpAction } from '@/api/manage' import { validateDuplicateValue } from '@/utils/util' import {receiveHeader, qualityTesting} from "@api/api"; export default { name: "QualityTestingModal", components: { }, props:{ mainId:{ type:String, required:false, default:'' } }, data () { return { title:"操作", width:800, visible: false, model:{ }, labelCol: { xs: { span: 24 }, sm: { span: 5 }, }, wrapperCol: { xs: { span: 24 }, sm: { span: 16 }, }, confirmLoading: false, validatorRules: { }, url: { add: "/receipt/qualityHeader/addQualityDetail", edit: "/receipt/qualityHeader/editQualityDetail", } } }, created () { //备份model原始值 this.modelDefault = JSON.parse(JSON.stringify(this.model)); }, methods: { add () { this.edit(this.modelDefault); }, edit (record) { this.model = Object.assign({}, record); 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; let httpurl = ''; let method = ''; if(!this.model.id){ httpurl+=this.url.add; method = 'post'; }else{ httpurl+=this.url.edit; method = 'put'; } this.model['qualityId'] = this.mainId qualityTesting(this.model).then((res)=>{ if(res.success){ that.$message.success(res.message); that.$emit('ok'); }else{ that.$message.warning(res.message); } }).finally(() => { that.confirmLoading = false; that.close(); }) }else{ return false } }) }, handleCancel () { this.close() }, } } </script>