<template> <j-modal :title="title" :width="width" :visible="visible" :confirmLoading="confirmLoading" switchFullscreen @ok="handleOk" @cancel="handleCancel" cancelText="关闭" > <div class="table-page-search-wrapper"> <a-spin :spinning="confirmLoading"> <a-form-model ref="form" :model="model" :rules="validatorRules" layout="inline"> <a-row> <a-col :span="24"> <a-form-model-item label="容器填充状态" prop="containerFillStatus"> <j-dict-select-tag v-model="model.containerFillStatus" type="radioButton" title="容器填充状态" dictCode="container_fill_status" placeholder="请选择容器填充状态" /> </a-form-model-item> </a-col> </a-row> </a-form-model> </a-spin> </div> </j-modal> </template> <script> import { httpAction } from '@/api/manage' import { validateDuplicateValue } from '@/utils/util' import { createReceiptTask } from '@/api/api' export default { name: 'ReceiptContainerSelectModal', components: {}, props: { mainId: { type: String, required: false, default: '' } }, data() { return { title: '操作', width: 500, visible: false, model: {}, labelCol: { xs: { span: 24 }, sm: { span: 5 } }, wrapperCol: { xs: { span: 24 }, sm: { span: 16 } }, confirmLoading: false, validatorRules: { containerFillStatus: [{ required: true, message: '请选择容器填充状态!' }] }, url: { } } }, created() { //备份model原始值 this.modelDefault = JSON.parse(JSON.stringify(this.model)) }, methods: { add() { this.edit(this.modelDefault) }, edit(record) { this.getPortList(record) }, 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 createReceiptTask(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() }, getPortList(record) { this.model = Object.assign({}, record) this.visible = true } } } </script>