You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

512 lines
22 KiB
Vue

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
<div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<!-- <el-form-item label="表主键" prop="moveId">
<el-input v-model="queryParams.moveId" placeholder="请输入表主键" clearable @keyup.enter="handleQuery" />
</el-form-item> -->
<!-- <el-form-item label="物料ID" prop="materialId">
<el-input v-model="queryParams.materialId" placeholder="请输入物料ID" clearable @keyup.enter="handleQuery" />
</el-form-item> -->
<el-form-item label="物料大类" prop="materialCategories">
<el-select v-model="queryParams.materialCategories" placeholder="请选择物料大类" clearable >
<el-option v-for="dict in material_mategories" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="仓库" prop="warehouseId">
<el-select v-model="form.warehouseId" placeholder="请选择所属仓库" clearable>
<el-option
v-for="item in baseStoreList"
:key="item.warehouseId"
:label="item.warehouseName"
:value="item.warehouseId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="计划库位" prop="planLocationCode">
<el-input v-model="queryParams.planLocationCode" placeholder="请输入计划库位" clearable @keyup.enter="handleQuery" />
</el-form-item>
<!-- <el-form-item label="工单状态(0执行中1完成2关闭)" prop="orderStatus">
<el-select v-model="queryParams.orderStatus" placeholder="请选择工单状态(0执行中1完成2关闭)" clearable >
<el-option v-for="dict in ${dictType}" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item> -->
<el-form-item label="目标库位" prop="targetLocationCode">
<el-input v-model="queryParams.targetLocationCode" placeholder="请输入目标库位" clearable @keyup.enter="handleQuery" />
</el-form-item>
<!-- <el-form-item label="审核人" prop="auditBy">
<el-input v-model="queryParams.auditBy" placeholder="请输入审核人" clearable @keyup.enter="handleQuery" />
</el-form-item> -->
<!-- <el-form-item label="审核时间" prop="auditTime">
<el-date-picker clearable
v-model="queryParams.auditTime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择审核时间"
/>
</el-form-item> -->
<!-- <el-form-item label="审核状态(0待审核,1审核通过,2审核未通过)" prop="auditStatus">
<el-select v-model="queryParams.auditStatus" placeholder="请选择审核状态(0待审核,1审核通过,2审核未通过)" clearable >
<el-option v-for="dict in ${dictType}" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select> -->
<!-- </el-form-item> -->
<!-- <el-form-item label="审核意见" prop="auditComments">
<el-input v-model="queryParams.auditComments" placeholder="请输入审核意见" clearable @keyup.enter="handleQuery" />
</el-form-item> -->
<!-- <el-form-item label="erp同步状态" prop="erpSynchronousStatus">
<el-select v-model="queryParams.erpSynchronousStatus" placeholder="请选择erp同步状态" clearable >
<el-option v-for="dict in ${dictType}" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item> -->
<!-- <el-form-item label="erp同步数量" prop="erpSynchronousQty">
<el-input v-model="queryParams.erpSynchronousQty" placeholder="请输入erp同步数量" clearable @keyup.enter="handleQuery" />
</el-form-item> -->
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</transition>
<el-card shadow="never">
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:moveOrder:add']">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['system:moveOrder:edit']">修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['system:moveOrder:remove']">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['system:moveOrder:export']">导出</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
</el-row>
</template>
<el-table v-loading="loading" :data="moveOrderList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="表主键" align="center" prop="moveId" v-if="columns[0].visible"/> -->
<el-table-column label="物料" align="center" prop="materialCode" v-if="columns[2].visible"/>
<el-table-column label="物料大类" align="center" prop="materialCategories" v-if="columns[3].visible">
<template #default="scope">
<dict-tag :options="material_mategories" :value="scope.row.materialCategories"/>
</template>
</el-table-column>
<el-table-column label="仓库" align="center" prop="warehouseCode" v-if="columns[4].visible"/>
<el-table-column label="计划库位" align="center" prop="planLocationCode" v-if="columns[5].visible"/>
<el-table-column label="工单状态" align="center" prop="orderStatus" v-if="columns[6].visible">
<template #default="scope">
<dict-tag :options="wms_order_status" :value="scope.row.orderStatus"/>
</template>
</el-table-column>
<el-table-column label="目标库位" align="center" prop="targetLocationCode" v-if="columns[7].visible"/>
<el-table-column label="审核人" align="center" prop="auditBy" v-if="columns[8].visible"/>
<el-table-column label="审核时间" align="center" prop="auditTime" width="180" v-if="columns[9].visible">
<template #default="scope">
<span>{{ parseTime(scope.row.auditTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="审核状态" align="center" prop="auditStatus" v-if="columns[10].visible">
<template #default="scope">
<dict-tag :options="approve_status" :value="scope.row.auditStatus"/>
</template>
</el-table-column>
<el-table-column label="审核意见" align="center" prop="auditComments" v-if="columns[11].visible"/>
<el-table-column label="同步状态" align="center" prop="erpSynchronousStatus" v-if="columns[16].visible">
<template #default="scope">
<dict-tag :options="erp_synchronous_status" :value="scope.row.erpSynchronousStatus"/>
</template>
</el-table-column>
<el-table-column label="同步数量" align="center" prop="erpSynchronousQty" v-if="columns[17].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="修改" placement="top">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:moveOrder:edit']"></el-button>
</el-tooltip>
<el-tooltip content="删除" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:moveOrder:remove']"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
</el-card>
<!-- 添加或修改移库工单对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="moveOrderFormRef" :model="form" :rules="rules" label-width="120px">
<!-- <el-form-item label="表主键" prop="moveId">
<el-input v-model="form.moveId" placeholder="请输入表主键" />
</el-form-item> -->
<el-form-item label="物料大类" prop="materialCategories">
<el-select v-model="form.materialCategories" placeholder="请选择物料大类">
<el-option
v-for="dict in material_mategories"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="仓库" prop="warehouseId">
<el-select v-model="form.warehouseId" placeholder="请选择所属仓库" @change="getLocationList">
<el-option
v-for="item in baseStoreList"
:key="item.warehouseId"
:label="item.warehouseName"
:value="item.warehouseId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="计划库位" prop="planLocationCode">
<el-select v-model="form.planLocationCode" placeholder="请选择计划库位" @change="getMaterialList">
<el-option
v-for="item in locationList"
:key="item.locationId"
:label="item.locationCode"
:value="item.locationCode"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="物料" prop="materialId">
<el-select v-model="form.materialId" placeholder="请选择物料">
<el-option
v-for="item in materialList"
:key="item.materialId"
:label="item.materialCode"
:value="item.materialId"
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="工单状态" prop="orderStatus">
<el-radio-group v-model="form.orderStatus">
<el-radio
v-for="dict in wms_order_status"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item> -->
<el-form-item label="目标库位" prop="targetLocationCode">
<el-select v-model="form.targetLocationCode" placeholder="请选择目标库位">
<el-option
v-for="item in locationList"
:key="item.locationId"
:label="item.locationCode"
:value="item.locationCode"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="审核人" prop="auditBy">
<el-select v-model="form.auditBy" placeholder="请选择审核人">
<el-option
v-for="item in userList"
:key="item.userId"
:label="item.userName"
:value="item.userName"
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="审核时间" prop="auditTime">
<el-date-picker clearable
v-model="form.auditTime"
type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择审核时间">
</el-date-picker>
</el-form-item>
<el-form-item label="审核状态" prop="auditStatus">
<el-radio-group v-model="form.auditStatus">
<el-radio
v-for="dict in approve_status"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核意见" prop="auditComments">
<el-input v-model="form.auditComments" placeholder="请输入审核意见" />
</el-form-item>
<el-form-item label="erp同步状态" prop="erpSynchronousStatus">
<el-radio-group v-model="form.erpSynchronousStatus">
<el-radio
v-for="dict in erp_synchronous_status"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="erp同步数量" prop="erpSynchronousQty">
<el-input v-model="form.erpSynchronousQty" placeholder="请输入erp同步数量" />
</el-form-item> -->
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="MoveOrder" lang="ts">
import { listMoveOrder, getMoveOrder, delMoveOrder, addMoveOrder, updateMoveOrder } from '@/api/wms/moveOrder';
import { MoveOrderVO, MoveOrderQuery, MoveOrderForm } from '@/api/wms/moveOrder/types';
import {getBaseWarehouseList} from "@/api/wms/baseWarehouse";
import {getMaterialInfoList} from "@/api/wms/inventory";
import {getBaseLocationList, getWmsBaseLocationVoList} from "@/api/wms/baseLocation";
import { UserForm, UserQuery, UserVO } from '@/api/system/user/types';
import api from '@/api/system/user';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { material_mategories, erp_synchronous_status, approve_status, wms_order_status } = toRefs<any>(proxy?.useDict('material_mategories','erp_synchronous_status','approve_status','wms_order_status'));
const moveOrderList = ref<MoveOrderVO[]>([]);
const buttonLoading = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref<Array<string | number>>([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const userList = ref<UserVO[]>();
const queryFormRef = ref<ElFormInstance>();
const moveOrderFormRef = ref<ElFormInstance>();
const dialog = reactive<DialogOption>({
visible: false,
title: ''
});
// 列显隐信息
const columns = ref<FieldOption[]>([
{ key: 0, label: `表主键`, visible: true },
{ key: 1, label: `租户号`, visible: true },
{ key: 2, label: `物料ID`, visible: true },
{ key: 3, label: `物料大类`, visible: true },
{ key: 4, label: `仓库ID`, visible: true },
{ key: 5, label: `计划库位`, visible: true },
{ key: 6, label: `工单状态(0执行中1完成2关闭)`, visible: true },
{ key: 7, label: `目标库位`, visible: true },
{ key: 8, label: `审核人`, visible: true },
{ key: 9, label: `审核时间`, visible: true },
{ key: 10, label: `审核状态(0待审核,1审核通过,2审核未通过)`, visible: true },
{ key: 11, label: `审核意见`, visible: true },
{ key: 12, label: `工单创建人`, visible: true },
{ key: 13, label: `工单创建时间`, visible: true },
{ key: 14, label: `实际接收人`, visible: true },
{ key: 15, label: `实际接收时间`, visible: true },
{ key: 16, label: `erp同步状态`, visible: true },
{ key: 17, label: `erp同步数量`, visible: true },
]);
const initFormData: MoveOrderForm = {
moveId: undefined,
materialId: undefined,
materialCategories: undefined,
warehouseId: undefined,
planLocationCode: undefined,
orderStatus: undefined,
targetLocationCode: undefined,
auditBy: undefined,
auditTime: undefined,
auditStatus: undefined,
auditComments: undefined,
erpSynchronousStatus: undefined,
erpSynchronousQty: undefined
}
const data = reactive<PageData<MoveOrderForm, MoveOrderQuery>>({
form: {...initFormData},
queryParams: {
pageNum: 1,
pageSize: 10,
moveId: undefined,
materialId: undefined,
materialCategories: undefined,
warehouseId: undefined,
planLocationCode: undefined,
orderStatus: undefined,
targetLocationCode: undefined,
auditBy: undefined,
auditTime: undefined,
auditStatus: undefined,
auditComments: undefined,
erpSynchronousStatus: undefined,
erpSynchronousQty: undefined,
params: {
}
},
rules: {
moveId: [
{ required: true, message: "表主键不能为空", trigger: "blur" }
],
materialId: [
{ required: true, message: "物料ID不能为空", trigger: "blur" }
],
materialCategories: [
{ required: true, message: "物料大类不能为空", trigger: "blur" }
],
warehouseId: [
{ required: true, message: "仓库ID不能为空", trigger: "blur" }
],
planLocationCode: [
{ required: true, message: "计划库位不能为空", trigger: "blur" }
],
orderStatus: [
{ required: true, message: "工单状态(0执行中1完成2关闭)不能为空", trigger: "change" }
],
targetLocationCode: [
{ required: true, message: "目标库位不能为空", trigger: "blur" }
],
auditBy: [
{ required: true, message: "审核人不能为空", trigger: "blur" }
],
auditTime: [
{ required: true, message: "审核时间不能为空", trigger: "blur" }
],
auditStatus: [
{ required: true, message: "审核状态(0待审核,1审核通过,2审核未通过)不能为空", trigger: "change" }
],
auditComments: [
{ required: true, message: "审核意见不能为空", trigger: "blur" }
],
erpSynchronousStatus: [
{ required: true, message: "erp同步状态不能为空", trigger: "change" }
],
erpSynchronousQty: [
{ required: true, message: "erp同步数量不能为空", trigger: "blur" }
]
}
});
const { queryParams, form, rules } = toRefs(data);
let baseStoreList = ref([]);
let locationList = ref([]);
let materialList = ref([]);
/** 查询车间下拉树结构 */
const getBaseWarehouseListsss = async () => {
let res = await getBaseWarehouseList(null);
baseStoreList.value = res.data;
};
const getLocationList = async () => {
const warehouseId = form.value.warehouseId;
let res = await getWmsBaseLocationVoList({'warehouseId':warehouseId});
locationList.value = res.data;
};
/** 查询用户列表 */
const getUserList = async () => {
const res = await api.listUser(null);
userList.value = res.rows;
};
const getMaterialList = async () => {
const locationCode = form.value.planLocationCode;
console.log(locationCode)
let res = await getMaterialInfoList({'locationCode':locationCode});
materialList.value = res.data;
console.log(materialList.value)
};
/** 查询移库工单列表 */
const getList = async () => {
loading.value = true;
const res = await listMoveOrder(queryParams.value);
moveOrderList.value = res.rows;
total.value = res.total;
loading.value = false;
}
/** 取消按钮 */
const cancel = () => {
reset();
dialog.visible = false;
}
/** 表单重置 */
const reset = () => {
form.value = {...initFormData};
moveOrderFormRef.value?.resetFields();
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value?.resetFields();
handleQuery();
}
/** 多选框选中数据 */
const handleSelectionChange = (selection: MoveOrderVO[]) => {
ids.value = selection.map(item => item.moveId);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
const handleAdd = () => {
reset();
dialog.visible = true;
dialog.title = "添加移库工单";
}
/** 修改按钮操作 */
const handleUpdate = async (row?: MoveOrderVO) => {
reset();
const _moveId = row?.moveId || ids.value[0]
const res = await getMoveOrder(_moveId);
Object.assign(form.value, res.data);
dialog.visible = true;
dialog.title = "修改移库工单";
}
/** 提交按钮 */
const submitForm = () => {
moveOrderFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
if (form.value.moveId) {
await updateMoveOrder(form.value).finally(() => buttonLoading.value = false);
} else {
await addMoveOrder(form.value).finally(() => buttonLoading.value = false);
}
proxy?.$modal.msgSuccess("操作成功");
dialog.visible = false;
await getList();
}
});
}
/** 删除按钮操作 */
const handleDelete = async (row?: MoveOrderVO) => {
const _moveIds = row?.moveId || ids.value;
await proxy?.$modal.confirm('是否确认删除移库工单编号为"' + _moveIds + '"的数据项?').finally(() => loading.value = false);
await delMoveOrder(_moveIds);
proxy?.$modal.msgSuccess("删除成功");
await getList();
}
/** 导出按钮操作 */
const handleExport = () => {
proxy?.download('wms/moveOrder/export', {
...queryParams.value
}, `moveOrder_${new Date().getTime()}.xlsx`)
}
onMounted(() => {
getUserList();
getBaseWarehouseListsss();
getList();
});
</script>