hgwms-2098 fix 货拉管理弹窗修改
A0066811
parent
087b9aa7b3
commit
65b8f5d368
|
|
@ -1,260 +1,321 @@
|
|||
<template>
|
||||
<a-modal :open="visible" title="编辑货位" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel" :width='1200'>
|
||||
<a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<div>
|
||||
<page-layout>
|
||||
<a-row :gutter="[0, 0]">
|
||||
<a-col :span="24">
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-drawer :open="visible" title="编辑货位">
|
||||
<a-form
|
||||
ref="formRef"
|
||||
:model="formState"
|
||||
:rules="formRules"
|
||||
layout="vertical"
|
||||
style="padding: 0 8px"
|
||||
>
|
||||
<a-row :gutter="[16, 0]">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locCode" label="位置编号" name="locCode">
|
||||
<a-input v-model:value="formState.locCode" placeholder="请输入位置编号" />
|
||||
<a-input
|
||||
v-model:value="formState.locCode"
|
||||
placeholder="请输入位置编号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locName" label="位置描述" name="locName">
|
||||
<a-input v-model:value="formState.locName" placeholder="请输入位置描述" />
|
||||
<a-input
|
||||
v-model:value="formState.locName"
|
||||
placeholder="请输入位置描述"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="houseCode" label="仓库号" name="houseCode">
|
||||
<a-input v-model:value="formState.houseCode" placeholder="请输入仓库号" />
|
||||
<a-input
|
||||
v-model:value="formState.houseCode"
|
||||
placeholder="请输入仓库号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="houseName" label="仓库名称" name="houseName">
|
||||
<a-input v-model:value="formState.houseName" placeholder="请输入仓库名称" />
|
||||
<a-input
|
||||
v-model:value="formState.houseName"
|
||||
placeholder="请输入仓库名称"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="parentCode" label="父编号" name="parentCode">
|
||||
<a-input v-model:value="formState.parentCode" placeholder="请输入父编号" />
|
||||
<a-input
|
||||
v-model:value="formState.parentCode"
|
||||
placeholder="请输入父编号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locRelation" label="关联位置" name="locRelation">
|
||||
<a-input v-model:value="formState.locRelation" placeholder="请输入关联位置" />
|
||||
<a-input
|
||||
v-model:value="formState.locRelation"
|
||||
placeholder="请输入关联位置"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locWcs" label="WCS位置编号" name="locWcs">
|
||||
<a-input v-model:value="formState.locWcs" placeholder="请输入WCS位置编号" />
|
||||
<a-input
|
||||
v-model:value="formState.locWcs"
|
||||
placeholder="请输入WCS位置编号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="位置类型" name="locType">
|
||||
<a-select v-model:value="formState.locType" placeholder="请选择位置类型" :options="locTypeOption">
|
||||
<a-select
|
||||
v-model:value="formState.locType"
|
||||
placeholder="请选择位置类型"
|
||||
:options="locTypeOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="货位高矮类型" name="locHighType">
|
||||
<a-select v-model:value="formState.locHighType" placeholder="请选择货位高矮类型"
|
||||
:options="locHighTypeOption">
|
||||
<a-select
|
||||
v-model:value="formState.locHighType"
|
||||
placeholder="请选择货位高矮类型"
|
||||
:options="locHighTypeOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="货位大小" name="locSizeType">
|
||||
<a-select v-model:value="formState.locSizeType" placeholder="请选择货位大小" :options="locSizeTypeOption">
|
||||
<a-select
|
||||
v-model:value="formState.locSizeType"
|
||||
placeholder="请选择货位大小"
|
||||
:options="locSizeTypeOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="row" label="排" name="row">
|
||||
<a-input v-model:value="formState.row" placeholder="请输入排" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="col" label="列" name="col">
|
||||
<a-input v-model:value="formState.col" placeholder="请输入列" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="layer" label="层" name="layer">
|
||||
<a-input v-model:value="formState.layer" placeholder="请输入层" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="trackCode" label="巷道号" name="trackCode">
|
||||
<a-input v-model:value="formState.trackCode" placeholder="请输入巷道号" />
|
||||
<a-input
|
||||
v-model:value="formState.trackCode"
|
||||
placeholder="请输入巷道号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="channelCode" label="通道号" name="channelCode">
|
||||
<a-input v-model:value="formState.channelCode" placeholder="请输入通道号" />
|
||||
<a-input
|
||||
v-model:value="formState.channelCode"
|
||||
placeholder="请输入通道号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="area" label="位置分区" name="area">
|
||||
<a-input v-model:value="formState.area" placeholder="请输入位置分区" />
|
||||
<a-input
|
||||
v-model:value="formState.area"
|
||||
placeholder="请输入位置分区"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="channelType" label="通道类型" name="channelType">
|
||||
<a-input v-model:value="formState.channelType" placeholder="请输入通道类型" />
|
||||
<a-input
|
||||
v-model:value="formState.channelType"
|
||||
placeholder="请输入通道类型"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="位置状态" name="locStatus">
|
||||
<a-select v-model:value="formState.locStatus" placeholder="请选择位置状态" :options="locStatusOption">
|
||||
<a-select
|
||||
v-model:value="formState.locStatus"
|
||||
placeholder="请选择位置状态"
|
||||
:options="locStatusOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="存储状态" name="storeStatus">
|
||||
<a-select v-model:value="formState.storeStatus" placeholder="请选择存储状态" :options="storeStatusOption">
|
||||
<a-select
|
||||
v-model:value="formState.storeStatus"
|
||||
placeholder="请选择存储状态"
|
||||
:options="storeStatusOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="优先级" name="priority">
|
||||
<a-select v-model:value="formState.priority" placeholder="请选择优先级" :options="locPriority">
|
||||
<a-select
|
||||
v-model:value="formState.priority"
|
||||
placeholder="请选择优先级"
|
||||
:options="locPriority"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="Mes工位号" name="ext1">
|
||||
<a-input v-model:value="formState.ext1" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注" name="remark">
|
||||
<a-textarea v-model:value="formState.remark" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-form-item label="Mes工位号" name="ext1">
|
||||
<a-input v-model:value="formState.ext1" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</page-layout>
|
||||
</div>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
<template #footer>
|
||||
<a-button @click="cancel">取消</a-button>
|
||||
<a-button type="primary" @click="submit">提交</a-button>
|
||||
</template>
|
||||
</a-drawer>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
message
|
||||
} from '@hwork/ant-design-vue';
|
||||
import {
|
||||
edit
|
||||
} from "@/api/wms/loc";
|
||||
import {
|
||||
defineComponent,
|
||||
reactive,
|
||||
ref,
|
||||
toRaw,
|
||||
watch
|
||||
} from "vue";
|
||||
export default defineComponent({
|
||||
import { message } from "@hwork/ant-design-vue";
|
||||
import { edit } from "@/api/wms/loc";
|
||||
import { defineComponent, reactive, ref, toRaw, watch } from "vue";
|
||||
export default defineComponent({
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
},
|
||||
record: {
|
||||
type: Object,
|
||||
}
|
||||
},
|
||||
},
|
||||
emit: ["close"],
|
||||
setup(props, context) {
|
||||
|
||||
const formRef = ref();
|
||||
|
||||
const formState = reactive({});
|
||||
|
||||
const locTypeOption = ref([{
|
||||
value: 'Point',
|
||||
label: '道路',
|
||||
}, {
|
||||
value: 'Loc',
|
||||
label: '货位',
|
||||
}, {
|
||||
value: 'Station',
|
||||
label: '站台',
|
||||
},{
|
||||
value: 'Area',
|
||||
label: '区域',
|
||||
}]);
|
||||
const locTypeOption = ref([
|
||||
{
|
||||
value: "Point",
|
||||
label: "道路",
|
||||
},
|
||||
{
|
||||
value: "Loc",
|
||||
label: "货位",
|
||||
},
|
||||
{
|
||||
value: "Station",
|
||||
label: "站台",
|
||||
},
|
||||
{
|
||||
value: "Area",
|
||||
label: "区域",
|
||||
},
|
||||
]);
|
||||
|
||||
const locHighTypeOption = ref([{
|
||||
value: 'High',
|
||||
label: '高货位',
|
||||
}, {
|
||||
value: 'Short',
|
||||
label: '矮货位',
|
||||
}, {
|
||||
value: 'None',
|
||||
label: '不区分高矮',
|
||||
}]);
|
||||
const locHighTypeOption = ref([
|
||||
{
|
||||
value: "High",
|
||||
label: "高货位",
|
||||
},
|
||||
{
|
||||
value: "Short",
|
||||
label: "矮货位",
|
||||
},
|
||||
{
|
||||
value: "None",
|
||||
label: "不区分高矮",
|
||||
},
|
||||
]);
|
||||
|
||||
const locSizeTypeOption = ref([{
|
||||
value: 'Big',
|
||||
label: '大货位',
|
||||
}, {
|
||||
value: 'Small',
|
||||
label: '小货位',
|
||||
}, {
|
||||
value: 'None',
|
||||
label: '不区分大小',
|
||||
}]);
|
||||
const locSizeTypeOption = ref([
|
||||
{
|
||||
value: "Big",
|
||||
label: "大货位",
|
||||
},
|
||||
{
|
||||
value: "Small",
|
||||
label: "小货位",
|
||||
},
|
||||
{
|
||||
value: "None",
|
||||
label: "不区分大小",
|
||||
},
|
||||
]);
|
||||
|
||||
const locStatusOption = ref([{
|
||||
value: 'Normal',
|
||||
label: '正常',
|
||||
}, {
|
||||
value: 'NoIn',
|
||||
label: '禁入',
|
||||
}, {
|
||||
value: 'NoOut',
|
||||
label: '禁出',
|
||||
}, {
|
||||
value: 'Freeze',
|
||||
label: '冻结',
|
||||
}]);
|
||||
const locStatusOption = ref([
|
||||
{
|
||||
value: "Normal",
|
||||
label: "正常",
|
||||
},
|
||||
{
|
||||
value: "NoIn",
|
||||
label: "禁入",
|
||||
},
|
||||
{
|
||||
value: "NoOut",
|
||||
label: "禁出",
|
||||
},
|
||||
{
|
||||
value: "Freeze",
|
||||
label: "冻结",
|
||||
},
|
||||
]);
|
||||
|
||||
const storeStatusOption = ref([{
|
||||
value: 'Free',
|
||||
label: '空闲',
|
||||
}, {
|
||||
value: 'Load',
|
||||
label: '载货',
|
||||
}, {
|
||||
value: 'DoIn',
|
||||
label: '预入',
|
||||
}, {
|
||||
value: 'DoOut',
|
||||
label: '预出',
|
||||
}, {
|
||||
value: 'Fault',
|
||||
label: '故障',
|
||||
}]);
|
||||
const storeStatusOption = ref([
|
||||
{
|
||||
value: "Free",
|
||||
label: "空闲",
|
||||
},
|
||||
{
|
||||
value: "Load",
|
||||
label: "载货",
|
||||
},
|
||||
{
|
||||
value: "DoIn",
|
||||
label: "预入",
|
||||
},
|
||||
{
|
||||
value: "DoOut",
|
||||
label: "预出",
|
||||
},
|
||||
{
|
||||
value: "Fault",
|
||||
label: "故障",
|
||||
},
|
||||
]);
|
||||
|
||||
const locPriority = ref([{
|
||||
value: '2',
|
||||
label: '高',
|
||||
}, {
|
||||
value: '1',
|
||||
label: '中',
|
||||
}, {
|
||||
value: '0',
|
||||
label: '低',
|
||||
}]);
|
||||
const locPriority = ref([
|
||||
{
|
||||
value: "2",
|
||||
label: "高",
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
label: "中",
|
||||
},
|
||||
{
|
||||
value: "0",
|
||||
label: "低",
|
||||
},
|
||||
]);
|
||||
|
||||
watch(props, (props) => {
|
||||
formState.id = props.record.id
|
||||
formState.id = props.record.id;
|
||||
formState.locCode = props.record.locCode;
|
||||
formState.locName = props.record.locName;
|
||||
formState.houseCode = props.record.houseCode;
|
||||
|
|
@ -275,84 +336,104 @@
|
|||
formState.locStatus = props.record.locStatus;
|
||||
formState.storeStatus = props.record.storeStatus;
|
||||
formState.priority = props.record.priority;
|
||||
formState.ext1 =props.record.ext1;
|
||||
})
|
||||
formState.ext1 = props.record.ext1;
|
||||
});
|
||||
|
||||
const formRules = {
|
||||
locCode: [{
|
||||
locCode: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入locCode(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locName: [{
|
||||
message: "请输入locCode(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locName: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入位置描述(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
parentCode: [{
|
||||
message: "请输入位置描述(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
parentCode: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入父编号(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locWcs: [{
|
||||
message: "请输入父编号(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locWcs: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入WCS位置编号(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locType: [{
|
||||
message: "请输入WCS位置编号(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locType: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入位置类型(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
channelType: [{
|
||||
message: "请输入位置类型(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
channelType: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入通道类型(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locStatus: [{
|
||||
message: "请输入通道类型(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locStatus: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入位置状态(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
storeStatus: [{
|
||||
message: "请输入位置状态(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
storeStatus: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入存储状态(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
message: "请输入存储状态(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const editKey = "add";
|
||||
|
||||
const submit = (e) => {
|
||||
message.loading({
|
||||
content: '提交中...',
|
||||
key: editKey
|
||||
content: "提交中...",
|
||||
key: editKey,
|
||||
});
|
||||
formRef.value
|
||||
.validate()
|
||||
.then(() => {
|
||||
edit(toRaw(formState)).then((response) => {
|
||||
if (response.success) {
|
||||
message.success({
|
||||
content: '保存成功',
|
||||
message
|
||||
.success({
|
||||
content: "保存成功",
|
||||
key: editKey,
|
||||
duration: 1
|
||||
}).then(() => {
|
||||
duration: 1,
|
||||
})
|
||||
.then(() => {
|
||||
cancel();
|
||||
});
|
||||
} else {
|
||||
message.error({
|
||||
message
|
||||
.error({
|
||||
content: response.msg,
|
||||
key: editKey,
|
||||
duration: 1
|
||||
}).then(() => {
|
||||
duration: 1,
|
||||
})
|
||||
.then(() => {
|
||||
// cancel();
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
console.log('error', error);
|
||||
.catch((error) => {
|
||||
console.log("error", error);
|
||||
});
|
||||
};
|
||||
|
||||
|
|
@ -362,7 +443,6 @@
|
|||
};
|
||||
|
||||
return {
|
||||
|
||||
submit,
|
||||
cancel,
|
||||
formRef,
|
||||
|
|
@ -377,12 +457,12 @@
|
|||
locPriority,
|
||||
|
||||
labelCol: {
|
||||
span: 8
|
||||
span: 8,
|
||||
},
|
||||
wrapperCol: {
|
||||
span: 12
|
||||
span: 12,
|
||||
},
|
||||
};
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,164 +1,206 @@
|
|||
<template>
|
||||
<a-modal :open="visible" title="新增货位" cancelText="取消" okText="提交" @ok="submit" @cancel="cancel" :width='1200'>
|
||||
<a-form ref="formRef" :model="formState" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<div>
|
||||
<page-layout>
|
||||
<a-row :gutter="[0, 0]">
|
||||
<a-col :span="24">
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-drawer
|
||||
:open="visible"
|
||||
title="新增货位"
|
||||
>
|
||||
<a-form
|
||||
ref="formRef"
|
||||
:model="formState"
|
||||
:rules="formRules"
|
||||
layout="vertical"
|
||||
style="padding: 0 8px"
|
||||
>
|
||||
<!-- <div> -->
|
||||
<!-- <page-layout> -->
|
||||
<a-row :gutter="[16, 0]">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locCode" label="位置编号" name="locCode">
|
||||
<a-input v-model:value="formState.locCode" placeholder="请输入位置编号" />
|
||||
<a-input
|
||||
v-model:value="formState.locCode"
|
||||
placeholder="请输入位置编号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locName" label="位置描述" name="locName">
|
||||
<a-input v-model:value="formState.locName" placeholder="请输入位置描述" />
|
||||
<a-input
|
||||
v-model:value="formState.locName"
|
||||
placeholder="请输入位置描述"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="houseCode" label="仓库号" name="houseCode">
|
||||
<a-input v-model:value="formState.houseCode" placeholder="请输入仓库号" />
|
||||
<a-input
|
||||
v-model:value="formState.houseCode"
|
||||
placeholder="请输入仓库号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="houseName" label="仓库名称" name="houseName">
|
||||
<a-input v-model:value="formState.houseName" placeholder="请输入仓库名称" />
|
||||
<a-input
|
||||
v-model:value="formState.houseName"
|
||||
placeholder="请输入仓库名称"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="parentCode" label="父编号" name="parentCode">
|
||||
<a-input v-model:value="formState.parentCode" placeholder="请输入父编号" />
|
||||
<a-input
|
||||
v-model:value="formState.parentCode"
|
||||
placeholder="请输入父编号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locRelation" label="关联位置" name="locRelation">
|
||||
<a-input v-model:value="formState.locRelation" placeholder="请输入关联位置" />
|
||||
<a-input
|
||||
v-model:value="formState.locRelation"
|
||||
placeholder="请输入关联位置"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="locWcs" label="WCS位置编号" name="locWcs">
|
||||
<a-input v-model:value="formState.locWcs" placeholder="请输入WCS位置编号" />
|
||||
<a-input
|
||||
v-model:value="formState.locWcs"
|
||||
placeholder="请输入WCS位置编号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="位置类型" name="locType">
|
||||
<a-select v-model:value="formState.locType" placeholder="请选择位置类型" :options="locTypeOption">
|
||||
<a-select
|
||||
v-model:value="formState.locType"
|
||||
placeholder="请选择位置类型"
|
||||
:options="locTypeOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="货位高矮类型" name="locHighType">
|
||||
<a-select v-model:value="formState.locHighType" placeholder="请选择货位高矮类型"
|
||||
:options="locHighTypeOption">
|
||||
<a-select
|
||||
v-model:value="formState.locHighType"
|
||||
placeholder="请选择货位高矮类型"
|
||||
:options="locHighTypeOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="货位大小" name="locSizeType">
|
||||
<a-select v-model:value="formState.locSizeType" placeholder="请选择货位大小" :options="locSizeTypeOption">
|
||||
<a-select
|
||||
v-model:value="formState.locSizeType"
|
||||
placeholder="请选择货位大小"
|
||||
:options="locSizeTypeOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="row" label="排" name="row">
|
||||
<a-input v-model:value="formState.row" placeholder="请输入排" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="col" label="列" name="col">
|
||||
<a-input v-model:value="formState.col" placeholder="请输入列" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="layer" label="层" name="layer">
|
||||
<a-input v-model:value="formState.layer" placeholder="请输入层" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="trackCode" label="巷道号" name="trackCode">
|
||||
<a-input v-model:value="formState.trackCode" placeholder="请输入巷道号" />
|
||||
<a-input
|
||||
v-model:value="formState.trackCode"
|
||||
placeholder="请输入巷道号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="channelCode" label="通道号" name="channelCode">
|
||||
<a-input v-model:value="formState.channelCode" placeholder="请输入通道号" />
|
||||
<a-input
|
||||
v-model:value="formState.channelCode"
|
||||
placeholder="请输入通道号"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="area" label="位置分区" name="area">
|
||||
<a-input v-model:value="formState.area" placeholder="请输入位置分区" />
|
||||
<a-input
|
||||
v-model:value="formState.area"
|
||||
placeholder="请输入位置分区"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item ref="channelType" label="通道类型" name="channelType">
|
||||
<a-input v-model:value="formState.channelType" placeholder="请输入通道类型" />
|
||||
<a-input
|
||||
v-model:value="formState.channelType"
|
||||
placeholder="请输入通道类型"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="位置状态" name="locStatus">
|
||||
<a-select v-model:value="formState.locStatus" placeholder="请选择位置状态" :options="locStatusOption">
|
||||
<a-select
|
||||
v-model:value="formState.locStatus"
|
||||
placeholder="请选择位置状态"
|
||||
:options="locStatusOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="存储状态" name="storeStatus">
|
||||
<a-select v-model:value="formState.storeStatus" placeholder="请选择存储状态" :options="storeStatusOption">
|
||||
<a-select
|
||||
v-model:value="formState.storeStatus"
|
||||
placeholder="请选择存储状态"
|
||||
:options="storeStatusOption"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="优先级" name="priority">
|
||||
<a-select v-model:value="formState.priority" placeholder="请选择优先级" :options="locPriority">
|
||||
<a-select
|
||||
v-model:value="formState.priority"
|
||||
placeholder="请选择优先级"
|
||||
:options="locPriority"
|
||||
>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="Mes工位号" name="ext1">
|
||||
<a-input v-model:value="formState.ext1" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注" name="remark">
|
||||
<a-textarea v-model:value="formState.remark" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="8">
|
||||
<a-form-item label="Mes工位号" name="ext1">
|
||||
<a-input v-model:value="formState.ext1" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</page-layout>
|
||||
</div>
|
||||
<!-- </page-layout> -->
|
||||
<!-- </div> -->
|
||||
</a-form>
|
||||
</a-modal>
|
||||
<template #footer>
|
||||
<a-button @click="cancel">取消</a-button>
|
||||
<a-button type="primary" @click="submit">提交</a-button>
|
||||
</template>
|
||||
</a-drawer>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
message
|
||||
} from '@hwork/ant-design-vue';
|
||||
import {
|
||||
save
|
||||
} from "@/api/wms/loc";
|
||||
import {
|
||||
defineComponent,
|
||||
reactive,
|
||||
ref,
|
||||
toRaw
|
||||
} from "vue";
|
||||
export default defineComponent({
|
||||
import { message } from "@hwork/ant-design-vue";
|
||||
import { save } from "@/api/wms/loc";
|
||||
import { defineComponent, reactive, ref, toRaw } from "vue";
|
||||
export default defineComponent({
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
|
|
@ -166,163 +208,209 @@
|
|||
},
|
||||
emit: ["close"],
|
||||
setup(props, context) {
|
||||
|
||||
const formRef = ref();
|
||||
|
||||
const state = reactive({});
|
||||
|
||||
const formState = reactive({});
|
||||
|
||||
const locTypeOption = ref([{
|
||||
value: 'Point',
|
||||
label: '货道',
|
||||
}, {
|
||||
value: 'Loc',
|
||||
label: '货位',
|
||||
}, {
|
||||
value: 'Area',
|
||||
label: '区域',
|
||||
}]);
|
||||
const locTypeOption = ref([
|
||||
{
|
||||
value: "Point",
|
||||
label: "货道",
|
||||
},
|
||||
{
|
||||
value: "Loc",
|
||||
label: "货位",
|
||||
},
|
||||
{
|
||||
value: "Area",
|
||||
label: "区域",
|
||||
},
|
||||
]);
|
||||
|
||||
const locHighTypeOption = ref([{
|
||||
value: 'High',
|
||||
label: '高货位',
|
||||
}, {
|
||||
value: 'Short',
|
||||
label: '矮货位',
|
||||
}, {
|
||||
value: 'None',
|
||||
label: '不区分高矮',
|
||||
}]);
|
||||
const locHighTypeOption = ref([
|
||||
{
|
||||
value: "High",
|
||||
label: "高货位",
|
||||
},
|
||||
{
|
||||
value: "Short",
|
||||
label: "矮货位",
|
||||
},
|
||||
{
|
||||
value: "None",
|
||||
label: "不区分高矮",
|
||||
},
|
||||
]);
|
||||
|
||||
const locSizeTypeOption = ref([{
|
||||
value: 'Big',
|
||||
label: '大货位',
|
||||
}, {
|
||||
value: 'Small',
|
||||
label: '小货位',
|
||||
}, {
|
||||
value: 'None',
|
||||
label: '不区分大小',
|
||||
}]);
|
||||
const locSizeTypeOption = ref([
|
||||
{
|
||||
value: "Big",
|
||||
label: "大货位",
|
||||
},
|
||||
{
|
||||
value: "Small",
|
||||
label: "小货位",
|
||||
},
|
||||
{
|
||||
value: "None",
|
||||
label: "不区分大小",
|
||||
},
|
||||
]);
|
||||
|
||||
const locStatusOption = ref([{
|
||||
value: 'Normal',
|
||||
label: '正常',
|
||||
}, {
|
||||
value: 'NoIn',
|
||||
label: '禁入',
|
||||
}, {
|
||||
value: 'NoOut',
|
||||
label: '禁出',
|
||||
}, {
|
||||
value: 'Freeze',
|
||||
label: '冻结',
|
||||
}]);
|
||||
const locStatusOption = ref([
|
||||
{
|
||||
value: "Normal",
|
||||
label: "正常",
|
||||
},
|
||||
{
|
||||
value: "NoIn",
|
||||
label: "禁入",
|
||||
},
|
||||
{
|
||||
value: "NoOut",
|
||||
label: "禁出",
|
||||
},
|
||||
{
|
||||
value: "Freeze",
|
||||
label: "冻结",
|
||||
},
|
||||
]);
|
||||
|
||||
const storeStatusOption = ref([{
|
||||
value: 'Free',
|
||||
label: '空闲',
|
||||
}, {
|
||||
value: 'Load',
|
||||
label: '载货',
|
||||
}, {
|
||||
value: 'DoIn',
|
||||
label: '预入',
|
||||
}, {
|
||||
value: 'DoOut',
|
||||
label: '预出',
|
||||
}, {
|
||||
value: 'Fault',
|
||||
label: '故障',
|
||||
}]);
|
||||
const storeStatusOption = ref([
|
||||
{
|
||||
value: "Free",
|
||||
label: "空闲",
|
||||
},
|
||||
{
|
||||
value: "Load",
|
||||
label: "载货",
|
||||
},
|
||||
{
|
||||
value: "DoIn",
|
||||
label: "预入",
|
||||
},
|
||||
{
|
||||
value: "DoOut",
|
||||
label: "预出",
|
||||
},
|
||||
{
|
||||
value: "Fault",
|
||||
label: "故障",
|
||||
},
|
||||
]);
|
||||
|
||||
const locPriority = ref([{
|
||||
value: '2',
|
||||
label: '高',
|
||||
}, {
|
||||
value: '1',
|
||||
label: '中',
|
||||
}, {
|
||||
value: '0',
|
||||
label: '低',
|
||||
}]);
|
||||
const locPriority = ref([
|
||||
{
|
||||
value: "2",
|
||||
label: "高",
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
label: "中",
|
||||
},
|
||||
{
|
||||
value: "0",
|
||||
label: "低",
|
||||
},
|
||||
]);
|
||||
|
||||
const formRules = {
|
||||
locCode: [{
|
||||
locCode: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入locCode(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locName: [{
|
||||
message: "请输入locCode(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locName: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入位置描述(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
parentCode: [{
|
||||
message: "请输入位置描述(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
parentCode: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入父编号(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locDcs: [{
|
||||
message: "请输入父编号(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locDcs: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入WCS位置编号(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locType: [{
|
||||
message: "请输入WCS位置编号(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locType: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择位置类型(必选)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
channelType: [{
|
||||
message: "请选择位置类型(必选)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
channelType: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入通道类型(必填)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
locStatus: [{
|
||||
message: "请输入通道类型(必填)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
locStatus: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择位置状态(必选)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
storeStatus: [{
|
||||
message: "请选择位置状态(必选)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
storeStatus: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择存储状态(必选)',
|
||||
trigger: 'blur'
|
||||
}],
|
||||
message: "请选择存储状态(必选)",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const saveKey = "save";
|
||||
|
||||
const submit = (e) => {
|
||||
message.loading({
|
||||
content: '提交中...',
|
||||
key: saveKey
|
||||
content: "提交中...",
|
||||
key: saveKey,
|
||||
});
|
||||
formRef.value
|
||||
.validate()
|
||||
.then(() => {
|
||||
save(toRaw(formState)).then((response) => {
|
||||
if (response.success) {
|
||||
message.success({
|
||||
content: '保存成功',
|
||||
message
|
||||
.success({
|
||||
content: "保存成功",
|
||||
key: saveKey,
|
||||
duration: 1
|
||||
}).then(() => {
|
||||
duration: 1,
|
||||
})
|
||||
.then(() => {
|
||||
cancel();
|
||||
});
|
||||
} else {
|
||||
message.error({
|
||||
message
|
||||
.error({
|
||||
content: response.msg,
|
||||
key: saveKey,
|
||||
duration: 1
|
||||
}).then(() => {
|
||||
duration: 1,
|
||||
})
|
||||
.then(() => {
|
||||
// cancel();
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
console.log('error', error);
|
||||
.catch((error) => {
|
||||
console.log("error", error);
|
||||
});
|
||||
};
|
||||
|
||||
|
|
@ -347,12 +435,12 @@
|
|||
locPriority,
|
||||
|
||||
labelCol: {
|
||||
span: 8
|
||||
span: 8,
|
||||
},
|
||||
wrapperCol: {
|
||||
span: 12
|
||||
span: 12,
|
||||
},
|
||||
};
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue