<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="sn"> <a-input v-model="model.sn" 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 {validateDuplicateValue} from '@/utils/util' import { createShipmentTask, createShipmentBatchTask, reduceInventoryDetailBySn, shipmentInventoryDetail } from '@/api/api' import {selectSortingPort} from '@/api/api' export default { name: "ReduceInventoryBySnModal", components: {}, props: { mainId: { type: String, required: false, default: '' } }, data() { return { portList: [], flag:'0', shipmentContainerHeaderList:[], title: "操作", width: 500, visible: false, model: {}, labelCol: { xs: {span: 24}, sm: {span: 5}, }, wrapperCol: { xs: {span: 24}, sm: {span: 16}, }, confirmLoading: false, validatorRules: {}, url: { createTask: "/shipment/shipmentContainerHeader/createShipmentTask", } } }, created() { //备份model原始值 this.modelDefault = JSON.parse(JSON.stringify(this.model)); }, methods: { add() { this.edit(this.modelDefault); }, edit(record) { this.flag='0'; this.getPortList(record); }, batchEdit(record) { this.visible = true; this.flag='1'; this.getPortList(record[0]) this.shipmentContainerHeaderList=record; }, close() { this.$emit('close'); this.visible = false; this.$refs.form.clearValidate(); }, handleOk() { reduceInventoryDetailBySn(this.model.sn).then(res => { if (res.success) { this.$message.success(res.message) } else { this.$message.error(res.message) } }) this.$emit('ok') this.close() }, handleCancel() { this.close() }, getPortList(record) { console.log("getPortList"); selectSortingPort(record).then((res) => { if (res.success) { this.portList = res.result; console.log("getPortList11"); this.model = Object.assign({}, record); this.visible = true; } }); } } } </script>