<template> <j-modal :title="title" :width="width" :visible="visible" :confirmLoading="confirmLoading" switchFullscreen @ok="handleOk" @cancel="handleCancel" :cancelText="$t('button.close')"> <a-spin :spinning="confirmLoading"> <a-form-model ref="form" :model="model" > <a-row> <a-col :span="24"> <a-form-model-item label="审核结果" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="companyCode"> <j-dict-select-tag placeholder="请选择流程类型" v-model="model.status" dictCode="auditStatus" /> </a-form-model-item> </a-col> <a-col :span="24"> <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type"> <a-input v-model="model.remark" placeholder="请输入..." ></a-input> </a-form-model-item> </a-col> </a-row> </a-form-model> </a-spin> </j-modal> </template> <script> import {httpAction} from '@/api/manage' import {auditShipment} from '@/api/api' import { translateResultMessage } from '@/api/api' export default { name: "ShipmentAuditModal", components: {}, data() { return { title: this.$t('system.options'), width: 800, visible: false, model: {}, shipmentId: '', username: '', labelCol: { xs: {span: 24}, sm: {span: 5}, }, wrapperCol: { xs: {span: 24}, sm: {span: 16}, }, confirmLoading: false, url: { add: "/receipt/receiptHeader/add", edit: "/receipt/receiptHeader/edit", } } }, created() { //备份model原始值 this.modelDefault = JSON.parse(JSON.stringify(this.model)); }, methods: { edit(record,username) { this.shipmentId=record.id this.username=username this.model = Object.assign({}, record); this.visible = true; }, close() { this.$emit('close'); this.visible = false; this.$refs.form.clearValidate(); }, handleOk() { let params={ shipmentId:this.shipmentId, status:this.model.status, remark:this.model.remark, auditorid:this.username } auditShipment(params).then((res) => { if (res.success) { this.$message.success(translateResultMessage(res, res.message)) this.visible = false; this.loadData(); }else { this.$message.error(translateResultMessage(res, res.message)) } }); }, handleCancel() { this.close() }, } } </script>