<template>
|
<div>
|
<vol-box
|
v-model="showBox"
|
:lazy="true"
|
width="500px"
|
:padding="15"
|
title="手动创建任务"
|
>
|
<el-form :model="formData" ref="form" label-width="100px">
|
<el-form-item label="任务类型" prop="taskType" required>
|
<el-select v-model="formData.taskType" placeholder="请选择任务类型">
|
<el-option label="入库" value="入库"></el-option>
|
<el-option label="出库" value="出库"></el-option>
|
<el-option label="移库" value="移库"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="起点地址" prop="sourceAddress" required>
|
<el-input v-model="formData.sourceAddress" placeholder="请输入起点地址"></el-input>
|
</el-form-item>
|
<el-form-item label="终点地址" prop="targetAddress" required>
|
<el-input v-model="formData.targetAddress" placeholder="请输入终点地址"></el-input>
|
</el-form-item>
|
<el-form-item label="条码" prop="barcode" required>
|
<el-input v-model="formData.barcode" placeholder="请输入条码"></el-input>
|
</el-form-item>
|
<el-form-item label="仓库ID" prop="warehouseId" required>
|
<el-input v-model="formData.warehouseId" placeholder="请输入仓库ID"></el-input>
|
</el-form-item>
|
<el-form-item label="优先级">
|
<el-input v-model="formData.grade" readonly></el-input>
|
</el-form-item>
|
</el-form>
|
<template #footer>
|
<el-button type="primary" size="small" @click="submit">确定</el-button>
|
<el-button type="danger" size="small" @click="showBox = false">关闭</el-button>
|
</template>
|
</vol-box>
|
</div>
|
</template>
|
<script>
|
import VolBox from "@/components/basic/VolBox.vue";
|
export default {
|
components: { VolBox },
|
data() {
|
return {
|
showBox: false,
|
formData: {
|
taskType: "",
|
sourceAddress: "",
|
targetAddress: "",
|
barcode: "",
|
warehouseId: "",
|
grade: 1,
|
},
|
};
|
},
|
methods: {
|
open() {
|
this.showBox = true;
|
this.resetForm();
|
},
|
resetForm() {
|
this.formData = {
|
taskType: "",
|
sourceAddress: "",
|
targetAddress: "",
|
barcode: "",
|
warehouseId: "",
|
grade: 1,
|
};
|
},
|
submit() {
|
if (!this.formData.taskType) return this.$message.error("请选择任务类型");
|
if (!this.formData.sourceAddress) return this.$message.error("请输入起点地址");
|
if (!this.formData.targetAddress) return this.$message.error("请输入终点地址");
|
if (!this.formData.barcode) return this.$message.error("请输入条码");
|
if (!this.formData.warehouseId) return this.$message.error("请输入仓库ID");
|
|
this.http
|
.post("/api/Task/CreateManualTask", this.formData, "数据处理中...")
|
.then((res) => {
|
if (!res.status) return this.$message.error(res.message);
|
this.$message.success("任务创建成功");
|
this.showBox = false;
|
this.$emit("parentCall", ($vue) => {
|
$vue.refresh();
|
});
|
});
|
},
|
},
|
};
|
</script>
|
