<template>
|
<!-- 添加、编辑 -->
|
<el-dialog v-model="dialogVisible" width="80%" @close="closeDialog">
|
<template #header>
|
<div style="color: #fff">
|
<span>{{ dialogType == 'add' ? '添加' : '编辑' }}</span>
|
</div>
|
</template>
|
|
<!-- <el-form :model="addForm" label-width="125px" ref="dialogRef" :rules="formRules"> -->
|
<el-form :model="addForm" ref="dialogRef" labelWidth="90">
|
<el-row>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="dialogType == 'add'">
|
<el-form-item label="订单类型:" prop="materialType">
|
<el-select v-model="addForm.materialType" placeholder="请选择订单类型" @change="changDdlx"
|
style="width: 100%">
|
<el-option v-for="item in statusEnums" :key="item.value" :label="item.title" :value="item.value" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<!-- 编辑下拉读取所有单据类型 -->
|
<el-col :span="8" v-if="dialogType == 'edit'">
|
<el-form-item label="订单类型:" prop="materialType">
|
<el-select v-model="addForm.materialType" disabled placeholder="请选择订单类型" style="width: 100%">
|
<el-option v-for="item in outInTypeEnum" :key="item.value" :label="item.title" :value="item.value" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<!-- 暂时注释 -->
|
<el-col :span="8" v-if="addForm.materialType == 5">
|
<el-form-item label="免费件类型:" prop="freeOrderType">
|
<el-select v-model="addForm.freeOrderType" placeholder="请选择免费件类型" style="width: 100%"
|
@change="changMfj" :disabled="dialogType == 'edit'">
|
<el-option v-for="item in statusEnumsMFj" :key="item.value" :label="item.title" :value="item.value" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8">
|
<el-form-item label="单号:" prop="purchaseNo">
|
<el-input v-model="addForm.purchaseNo" :disabled="dialogType == 'edit'" clearable placeholder="请输入单号" />
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="addForm.materialType != 22">
|
<el-form-item label="供应商代码:" prop="supplierCode" required>
|
<el-select v-model="addForm.supplierCode" filterable placeholder="请选择供应商代码" style="width: 100%;">
|
<el-option v-for="item in clientEnum" :key="item.code" :label="item.code" :value="item.code" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8" v-if="addForm.materialType != 22">
|
<el-form-item label="供应商名称:">
|
<el-input v-model="companyName" disabled />
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="备注:">
|
<el-input v-model="addForm.remark" clearable placeholder="请输入备注" />
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8">
|
<el-form-item label="预计到达时间:" prop="EstimatedDate">
|
<el-date-picker v-model="addForm.EstimatedDate" type="datetime" :disabled-date="disabledDate"
|
value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" placeholder="请选择预计到达时间"
|
style="width: 100%;" />
|
</el-form-item>
|
</el-col>
|
|
<!-- 给免费件用 -->
|
<template v-if="addForm.materialType == 5">
|
<!-- <el-col :span="8" v-if="isShowBomBtn">
|
<el-form-item label="DI号:" prop="dI_NO">
|
<el-input v-model="addForm.dI_NO" clearable placeholder="请输入DI号" />
|
</el-form-item>
|
</el-col> -->
|
|
<el-col :span="8" v-if="addForm.freeOrderType && !isShowBomBtn">
|
<el-form-item label="SJ NO.:">
|
<el-input v-model="addForm.sJ_NO" clearable placeholder="请输入SJ NO." />
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8" v-if="addForm.freeOrderType && !isShowBomBtn">
|
<el-form-item label="机床型号:" prop="machineToolTypeName">
|
<el-input v-model="addForm.machineToolTypeName" clearable placeholder="请输入机床型号" />
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8" v-if="addForm.freeOrderType && !isShowBomBtn">
|
<el-form-item label="机床序列号:">
|
<el-input v-model="addForm.machineToolNo" clearable placeholder="请输入机床序列号" />
|
</el-form-item>
|
</el-col>
|
|
</template>
|
|
</el-row>
|
</el-form>
|
<div class="msi-content" style="margin-top: 10px">
|
<div class="header" style="margin-bottom: 10px">
|
<div>
|
<el-button type="primary" icon="el-icon-plus" @click="addMaterialDialog">新增物料</el-button>
|
<!-- <el-button
|
type="primary"
|
icon="el-icon-plus"
|
@click="bomIssue"
|
v-if="isShowBomBtn">新增BOM</el-button> -->
|
|
<el-button type="primary" icon="el-icon-plus" @click="diwhIssue" v-if="isShowBomBtn">新增DI维护</el-button>
|
|
|
<el-button icon="el-icon-delete" plain :disabled="checkedDetails.length == 0"
|
@click="delCheckedDetails">删除选中行</el-button>
|
|
</div>
|
</div>
|
|
<el-table :data="warehousOrderDetails" border style="width: 100%" row-key="setRowKey" ref="detailRef"
|
@selection-change="detailsCheckChange" max-height="480">
|
<el-table-column align="center" width="60" type="selection" />
|
<el-table-column label="序号" align="center" width="60" type="index" />
|
<el-table-column label="物料编号" min-width="140" prop="materialCode" align="center" show-overflow-tooltip />
|
<el-table-column label="物料名称" min-width="140" prop="materialName" align="center" show-overflow-tooltip />
|
<!-- 免费件用 -->
|
<el-table-column v-if="isShowBomBtn" min-width="160" label="DI编号" prop="detailsDI_NO" align="center"
|
show-overflow-tooltip />
|
|
<!-- <el-table-column label="diRelationID" v-if="isShowBomBtn" prop="diRelationID" align="center" min-width="110" /> -->
|
|
|
<el-table-column label="BOM编号" v-if="isShowBomBtn" prop="boM_NO" align="center" min-width="110" />
|
|
<el-table-column label="机床型号" v-if="isShowBomBtn" prop="machineToolTypeName" align="center" min-width="110" />
|
<el-table-column label="机床号" v-if="isShowBomBtn" prop="machineToolNo" align="center" min-width="110" />
|
<!-- clientCode -->
|
<el-table-column label="客户编号" v-if="isShowBomBtn" prop="diCustomCode" align="center" min-width="110" />
|
<el-table-column label="客户中文名称" v-if="isShowBomBtn" prop="diCustomChinaName" align="center" min-width="110" />
|
|
|
|
|
<!-- <el-table-column v-if="isShowBomBtn" min-width="160" label="BOM编号" prop="boM_NO" align="center" show-overflow-tooltip />
|
|
<el-table-column
|
label="套数"
|
v-if="isShowBomBtn"
|
align="center"
|
show-overflow-tooltip
|
>
|
<template #default="scope">
|
<span v-if="scope.row.bomConverNumber">
|
{{ Number( scope.row.bomConverNumber).toFixed(3) }}
|
</span> -->
|
<!-- <span v-if="scope.row.dantaoNum">
|
{{ Number( (scope.row.deliveryQuantity )/ scope.row.dantaoNum).toFixed(3)}}
|
</span> -->
|
<!-- </template>
|
</el-table-column>
|
<el-table-column
|
label="单套数"
|
v-if="isShowBomBtn"
|
prop="dantaoNum"
|
:formatter="formatDecimalData"
|
align="center"
|
show-overflow-tooltip
|
>
|
<template #default="scope">
|
<span v-if="scope.row.boM_NO && scope.row.bomConverNumber">
|
{{ Number( (scope.row.deliveryQuantity ) / scope.row.bomConverNumber).toFixed(0)}}
|
</span>
|
</template>
|
</el-table-column> -->
|
|
<el-table-column label="行号" prop="ebelp" align="center" min-width="120">
|
<template #default="scope">
|
<el-input v-model.trim="scope.row.ebelp" clearable min-width="150" placeholder="请输入行号" />
|
</template>
|
</el-table-column>
|
<!-- :disabled="!!scope.row.boM_NO" -->
|
<el-table-column label="数量" align="center" min-width="180">
|
<template #default="scope">
|
<el-input-number :precision="3" min="0" v-model="scope.row.deliveryQuantity" size="small" />
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<template #footer>
|
<span class="dialog-footer">
|
<el-button @click="dialogVisible = false">取消</el-button>
|
<el-button type="primary" :disabled="warehousOrderDetails.length == 0" @click="confirm">确认</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
<!-- 添加物料 -->
|
<el-dialog v-model="addMaterialVisible" title="添加物料详情" width="60%" @close="closeMaterialDialog">
|
<template #header>
|
<div style="color: #fff">
|
<span>添加物料详情</span>
|
</div>
|
</template>
|
|
<div class="msi-form" style="padding-top: 0px">
|
<el-form :model="materialForm" >
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="物料编号">
|
<el-input v-model="materialForm.Code" placeholder="请输入物料编号" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="8">
|
<el-form-item label="物料大类:">
|
<el-input v-model="materialForm.MaterialTypeId" placeholder="请输入物料大类" clearable></el-input>
|
</el-form-item>
|
</el-col> -->
|
|
<el-col :span="8">
|
<el-form-item label-width="20px">
|
<el-button type="primary" icon="el-icon-search" @click="getMaterialList">查询</el-button>
|
<!-- <el-button icon="el-icon-refresh-right" @click="resetMaterialForm">重置</el-button> -->
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<div class="msi-content" style="padding-top: 0; margin-top: 10px">
|
<el-table :data="materialList" border style="width: 100%" row-key="id" ref="materialRef"
|
@selection-change="materialSelectionChange" :max-height="480">
|
<el-table-column align="center" width="60" type="selection" />
|
<el-table-column label="序号" align="center" width="60" type="index" />
|
<el-table-column label="物料编号" prop="materialCode" align="center" min-width="140" show-overflow-tooltip />
|
<el-table-column label="物料名称" prop="materialName" align="center" min-width="140" show-overflow-tooltip />
|
|
<!-- <el-table-column label="物料描述" prop="describe" align="center" min-width="110" show-overflow-tooltip />
|
<el-table-column label="规格型号" prop="specificationModel" align="center" min-width="110" show-overflow-tooltip /> -->
|
<!-- <el-table-column label="物料大类" prop="category" align="center" min-width="110" show-overflow-tooltip />
|
<el-table-column label="物料小类" prop="materialTypeId" align="center" min-width="110" show-overflow-tooltip /> -->
|
<!-- <el-table-column label="尺寸(mm)" align="center" min-width="110" show-overflow-tooltip>
|
<template #default="scope">
|
{{
|
`${scope.row.long ? scope.row.long : 0}*${scope.row.width ? scope.row.width : 0
|
}*${scope.row.high ? scope.row.high : 0}`
|
}}
|
</template>
|
</el-table-column> -->
|
<!-- <el-table-column label="重量(kg)" prop="weight" align="center" min-width="110" show-overflow-tooltip /> -->
|
<!-- <el-table-column label="单位" prop="unit" align="center" min-width="110" show-overflow-tooltip /> -->
|
</el-table>
|
<Pagination :total="materialTotal" v-model:page="materialForm.Page" v-model:limit="materialForm.PageSize"
|
@pagination="getMaterialList" style="margin-top: 20px; text-align: center"></Pagination>
|
</div>
|
<template #footer>
|
<span class="dialog-footer">
|
<el-button @click="addMaterialVisible = false">取消</el-button>
|
<el-button type="primary" @click="confirmAddMaterial">确认</el-button>
|
</span>
|
</template>
|
</el-dialog>
|
<!-- 单详情 -->
|
<el-drawer v-model="drawerVisible" direction="rtl" size="80%"
|
@close="handleDrawerClose">
|
<template #title>
|
<div class="slot_title">
|
<div class="title_orderNo">{{ title }}</div>
|
<div>订单详情</div>
|
</div>
|
</template>
|
|
<div class="detailBoxWrap">
|
<!-- 详情组件 -->
|
<open-details ref="propDetailRef"></open-details>
|
<div class="msi-form">
|
<el-form :model="detailForm">
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="物料编号">
|
<el-input v-model="detailForm.MaterialCode" clearable placeholder="请输入物料编号" />
|
</el-form-item>
|
</el-col>
|
<!--
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="库区编号">
|
<el-input v-model="queryParamsWmsInventoryCheckOrderDetails.areaCode" clearable="" placeholder="请输入库区编号"/>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="库位编号">
|
<el-input v-model="queryParamsWmsInventoryCheckOrderDetails.placeCode" clearable="" placeholder="请输入库位编号"/>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="跟踪码">
|
<el-input v-model="queryParamsWmsInventoryCheckOrderDetails.sNCode" clearable="" placeholder="请输入跟踪码"/>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="批次">
|
<el-input v-model="queryParamsWmsInventoryCheckOrderDetails.batch" clearable="" placeholder="请输入批次"/>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="物料编码">
|
<el-input v-model="queryParamsWmsInventoryCheckOrderDetails.materialCode" clearable="" placeholder="请输入物料编码"/>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="物料名称">
|
<el-input v-model="queryParamsWmsInventoryCheckOrderDetails.materialName" clearable="" placeholder="请输入物料名称"/>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="容器编码">
|
<el-input v-model="queryParamsWmsInventoryCheckOrderDetails.containerCode" clearable="" placeholder="请输入容器编码"/>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="盘点状态">
|
<el-select clearable="" v-model="queryParamsWmsInventoryCheckOrderDetails.checkStatus" placeholder="请选择盘点状态">
|
<el-option v-for="(item,index) in getEnumCheckStatusData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
|
|
</el-select>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="盘点结果">
|
<el-select clearable="" v-model="queryParamsWmsInventoryCheckOrderDetails.checkResult" placeholder="请选择盘点结果">
|
<el-option v-for="(item,index) in getEnumCheckResultData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
|
|
</el-select>
|
|
</el-form-item>
|
</el-col>
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="showAdvanceQueryUIWmsInventoryCheckOrderDetails">
|
<el-form-item label="盘点分类">
|
<el-select clearable="" v-model="queryParamsWmsInventoryCheckOrderDetails.checkOperatorClassify" placeholder="请选择盘点分类">
|
<el-option v-for="(item,index) in getEnumCheckOperatorClassifyData_Index" :key="index" :value="item.value" :label="`${item.describe}`" />
|
|
</el-select>
|
|
</el-form-item>
|
</el-col>
|
-->
|
|
<el-col :span="2">
|
<el-form-item label-width="20px">
|
<el-button type="primary" icon="el-icon-search" @click="getDetail">查询</el-button>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
<div class="msi-content">
|
<!-- <p style="margin-bottom: 10px">物料明细</p> -->
|
<el-table :data="drawerList" border striped :max-height="480">
|
<el-table-column fixed="left" label="序号" align="center" width="60" type="index" />
|
|
<el-table-column prop="orderNo" min-width="130px" label="盘点单号" show-overflow-tooltip="" />
|
<el-table-column prop="areaCode" label="库区编号" show-overflow-tooltip="" />
|
<el-table-column prop="placeCode" label="库位编号" show-overflow-tooltip="" />
|
<el-table-column prop="snCode" label="跟踪码" min-width="130px" show-overflow-tooltip="" />
|
<el-table-column prop="batch" label="批次" show-overflow-tooltip="" />
|
<el-table-column prop="materialCode" label="物料编码" show-overflow-tooltip="" />
|
<el-table-column prop="materialName" label="物料名称" show-overflow-tooltip="" />
|
<el-table-column prop="containerCode" label="容器编码" show-overflow-tooltip="" />
|
<el-table-column prop="checkStatus" label="盘点状态" show-overflow-tooltip="" >
|
<template #default="scope">
|
<el-tag :type="getTypeStatus(1, scope.row.checkStatusName)"> {{ scope.row.checkStatusName }} </el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column prop="checkResult" label="盘点结果" show-overflow-tooltip="" >
|
<template #default="scope">
|
{{ scope.row.checkResultName }}
|
</template>
|
</el-table-column>
|
|
<el-table-column prop="quantity" label="库存数量" show-overflow-tooltip="" />
|
<el-table-column prop="checkQuantity" label="盘点数量" show-overflow-tooltip="" />
|
<el-table-column prop="qty" label="差异数" show-overflow-tooltip="" >
|
<template #default="scope">
|
<!-- 去掉小数后面多余的0 -->
|
{{ Number( scope.row.checkQuantity - scope.row.quantity).toFixed(3).replace(/\.?0*$/, '') }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="checkCount" label="盘点次数" show-overflow-tooltip="" />
|
<el-table-column prop="checkOperatorClassify" label="盘点分类" show-overflow-tooltip="" >
|
<template #default="scope">
|
{{ scope.row.checkOperatorClassifyName }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="createTime" label="创建时间" width="130" show-overflow-tooltip="" />
|
<el-table-column prop="updateTime" label="修改时间" width="130" show-overflow-tooltip="" />
|
<el-table-column prop="createUserName" label="创建人" show-overflow-tooltip="" />
|
<el-table-column prop="updateUserName" label="修改人" show-overflow-tooltip="" />
|
</el-table>
|
<Pagination :total="detailCount" v-model:page="detailForm.page" v-model:limit="detailForm.PageSize"
|
@pagination="getDetail" style="margin-top: 20px; text-align: center"></Pagination>
|
<div>
|
</div>
|
</div>
|
</div>
|
</el-drawer>
|
|
|
</template>
|
<script lang="ts" setup>
|
import Pagination from "/@/components/Pagination/index.vue";
|
import { ElMessage, ElMessageBox } from "element-plus";
|
import { ref, nextTick, computed, getCurrentInstance, watch, defineExpose, defineProps } from "vue";
|
import { pageWmsMaterial } from "/@/api/main/WmsBase/wmsMaterial";
|
import OpenDetails from '/@/components/openDetails/openDetails.vue';
|
import {
|
formatUtcToData,
|
getTypeStatus
|
} from "/@/utils/formate";
|
import { pageWmsInventoryCheckOrderDetails } from "/@/api/main/WmsInventory/wmsInventoryCheckOrderDetails";
|
const props = defineProps({
|
titleAuthor: {
|
type: Number,
|
required: true
|
},
|
hexiao: {
|
type: Number,
|
default: 1,
|
required: true
|
},
|
})
|
|
// 是否显示核销按钮
|
const hexiao = computed(() => props.hexiao)
|
const loading = ref(false);
|
|
const { proxy }: any = getCurrentInstance(); // 访问实例上下文 proxy同时支持开发 线上环境
|
//查询
|
const formModel = ref({
|
MaterialCode: "",
|
WareMaterialName: "",
|
});
|
|
//重置搜索
|
const resetForm = () => {
|
formModel.value = {
|
MaterialCode: "",
|
WareMaterialName: "",
|
};
|
};
|
// -----------------删除、导出操作--------------------------
|
//选中的行
|
const checkRows = ref<{ id: number }[]>([]);
|
// 选择
|
const handleSelectionChange = (val: any) => {
|
checkRows.value = val;
|
};
|
|
// -------------------获取PO单下物料详情-----------------------------------
|
//入库单下物料详情请求
|
const detailForm = ref({
|
MaterialCode: "",
|
OrderId: "",
|
page: 1,
|
PageSize: 10
|
});
|
let title = ref("");
|
|
// 物料详情抽屉
|
const drawerVisible = ref(false);
|
const drawerType = ref("drawerAll");
|
// const
|
//单号
|
const purchaseNo = ref("");
|
|
//打开抽屉
|
const openDrawer = (type: number, scope: any = {},entozhExcell?:any) => {
|
debugger
|
detailForm.value.page = 1; //bug:点编辑-再点详情
|
detailForm.value.PageSize = 10; //bug:点编辑-再点详情
|
if(scope.orderNo){
|
title.value = `${scope.orderNo}`;
|
}
|
drawerType.value = "drawerAll";
|
//当前入库单号id
|
detailForm.value.OrderId = scope.id;
|
//入库单
|
purchaseNo.value = scope.purchaseNo;
|
//获取物料列表
|
getDetail();
|
drawerVisible.value = true;
|
// 根据状态转中文 保留3位小数
|
let scopetrans = JSON.parse(JSON.stringify(scope))
|
// scopetrans.totalQuantity = Number(scopetrans.totalQuantity).toFixed(3)
|
scopetrans.isAudit = scopetrans.isAudit?"是":"否";
|
nextTick(() => {
|
proxy.$refs['propDetailRef'].openADialog(scopetrans, entozhExcell);
|
});
|
|
};
|
//入库单详情列表
|
const deltailList = ref<any[]>([]);
|
//弹出层数据
|
const drawerList = ref<any[]>([]);
|
|
//入库单详情列表数据条数
|
const detailCount = ref(0);
|
//关闭抽屉
|
const handleDrawerClose = () => {
|
detailForm.value = {
|
MaterialCode: "",
|
OrderId: "",
|
page: 1,
|
PageSize: 10
|
};
|
deltailList.value = [];
|
detailCount.value = 0;
|
drawerList.value = [];
|
};
|
|
|
//获取入库单下物料详情
|
const loadingWmsInventoryCheckOrderDetails = ref(false);
|
const disabled_btnWmsInventoryCheckOrderDetails = ref(false);
|
|
const getDetail = async (callback?: any) => {
|
loadingWmsInventoryCheckOrderDetails.value = true;
|
disabled_btnWmsInventoryCheckOrderDetails.value = true;
|
var res = await pageWmsInventoryCheckOrderDetails({
|
...detailForm.value
|
});
|
if(res.data.type=="success"){
|
drawerList.value = res.data.result?.items ?? [];
|
detailCount.value = res.data.result?.total;
|
}
|
loadingWmsInventoryCheckOrderDetails.value = false;
|
disabled_btnWmsInventoryCheckOrderDetails.value = false;
|
|
};
|
// ----------------新增、编辑-------------------------------
|
//窗口类型
|
const dialogType = ref("add");
|
const dialogVisible = ref(false);
|
//添加编辑表单ref
|
const dialogRef = ref();
|
//添加/编辑参数
|
let addForm = ref({
|
createdTime: "",
|
});
|
//rules
|
const formRules = {};
|
//打开新增、编辑窗口
|
const openDialog = (type: number, scope: any = {}) => {
|
if (type == 1) {
|
dialogType.value = "add";
|
// getOrderNo();
|
} else {
|
if (scope.signStatus != '待收货') {
|
ElMessage.warning("只有待收货的订单才可编辑！");
|
return
|
}
|
addForm.value.purchaseNo = scope.purchaseNo;
|
addForm.value.materialType = Number(scope.deliveryType);
|
addForm.value.deliveryType = Number(scope.deliveryType);
|
// supplierName
|
let arr = clientEnum.value.filter((v: any) => v.name == scope.supplierName);
|
if (arr.length > 0) {
|
addForm.value.supplierCode = arr[0].code;
|
}
|
addForm.value.supplierName = scope.supplierName;
|
addForm.value.EstimatedDate = scope.estimatedDate;
|
|
addForm.value.remark = scope.remark;
|
dialogType.value = "edit";
|
detailForm.value.PurchaseOrderId = scope.id;
|
detailForm.value.materialType = Number(scope.deliveryType);
|
detailForm.value.PageSize = 1000;
|
//获取物料 - 回调函数替换定时器
|
getDetail(() => {
|
|
// 免费件用
|
addForm.value.freeOrderType = scope.freeOrderType;
|
// isShowBomBtn
|
addForm.value.dI_NO = scope.dI_NO;
|
addForm.value.sJ_NO = scope.sJ_NO;
|
addForm.value.machineToolTypeName = scope.machineToolTypeName;
|
addForm.value.machineToolNo = scope.machineToolNo;
|
|
deltailList.value.forEach((item) => {
|
// let dantaoNum1 = 0
|
// if(item.bomConverNumber && item.deliveryQuantity){
|
// dantaoNum1 = Number( (item.deliveryQuantity || 0 )/item.bomConverNumber).toFixed(3) || 0
|
// }
|
const obj = {
|
code: item.MaterialCode,
|
name: item.name,
|
specificationModel: item.specificationModel,
|
categoryName: item.category,
|
materialTypeIdName: item.materialTypeName,
|
weight: item.weight,
|
unit: item.unit,
|
long: item.long,
|
width: item.width,
|
high: item.high,
|
deliveryQuantity: item.deliveryQuantity,//数量
|
price: item.price,
|
barNo: item.barNo,
|
machine: item.machine,
|
ebelp: item.ebelp,
|
id: item.id,
|
remark: addForm.value.remark,
|
materialType: item.deliveryType,
|
deliveryType: item.deliveryType,
|
//免费件
|
bomConverNumber: item.bomConverNumber, //免费件 套数
|
boM_NO: item.boM_NO, //BOM编号
|
dI_NO: addForm.value.dI_NO,
|
sJ_NO: addForm.value.sJ_NO,
|
// dantaoNum:dantaoNum1, //免费件 套数
|
machineToolNo: item.detailsMachineToolNo || addForm.value.machineToolNo || '',
|
machineToolTypeName: item.detailsMachineToolTypeName || addForm.value.machineToolTypeName || '',
|
diCustomCode: item.diCustomCode || '',
|
diCustomChinaName: item.diCustomChinaName || '',
|
diRelationID: item.diRelationID || '',
|
detailsDI_NO: item.detailsDI_NO || '',
|
|
};
|
warehousOrderDetails.value.push(obj);
|
});
|
|
});
|
}
|
dialogVisible.value = true;
|
//清除选中项
|
nextTick(() => {
|
if(dialogRef.value){
|
dialogRef.value.clearValidate();
|
}
|
});
|
};
|
|
//物料详情的table ref
|
const detailRef = ref();
|
const setRowKey = (row: any) => {
|
return row.id + row.ebelp;
|
};
|
//关闭窗口
|
const closeDialog = () => {
|
addForm.value = {
|
createdTime: "",
|
};
|
warehousOrderDetails.value = [];
|
checkedDetails.value = [];
|
deltailList.value = [];
|
detailCount.value = 0;
|
detailRef.value.clearSelection();
|
};
|
|
//添加编辑窗口物料列表
|
const warehousOrderDetails = ref<any[]>([]);
|
|
//物料详情列表选中的物料
|
const checkedDetails = ref<any[]>([]);
|
|
//物料详情列表中勾选事件
|
const detailsCheckChange = (val: any) => {
|
checkedDetails.value = val;
|
};
|
|
//删除选中的物料详情
|
const delCheckedDetails = () => {
|
ElMessageBox.confirm("是否确认删除？", "提示", {
|
confirmButtonText: "确认",
|
cancelButtonText: "取消",
|
type: "warning"
|
})
|
.then(() => {
|
let arr =[];
|
if(checkedDetails.value[0].diRelationID){
|
checkedDetails.value.forEach((item) => {
|
console.log(item)
|
let index = warehousOrderDetails.value.findIndex((detail) => detail.materialCode== item.materialCode && detail.diRelationID == item.diRelationID);
|
if(index> -1){
|
warehousOrderDetails.value.splice(index, 1);
|
}
|
});
|
}else{
|
checkedDetails.value.forEach((item) => {
|
let index = warehousOrderDetails.value.findIndex(
|
(detail) => detail.code == item.code && detail.ebelp == item.ebelp
|
);
|
warehousOrderDetails.value.splice(index, 1);
|
});
|
}
|
arr = warehousOrderDetails.value
|
warehousOrderDetails.value = [];
|
//bug 相同物料 不同Bom
|
nextTick(() => {
|
warehousOrderDetails.value = arr;
|
checkedDetails.value = [];
|
detailRef.value.clearSelection();
|
});
|
})
|
.catch(() => ElMessage.info("已取消删除"));
|
};
|
//编辑、添加提交
|
const confirm = () => {
|
console.log("确认")
|
let idx = warehousOrderDetails.value.findIndex(
|
(v) => v.ebelp == "" || v.ebelp == undefined
|
);
|
if (idx > -1) {
|
ElMessage.warning("请输入行号");
|
return;
|
}
|
let isNext = "";
|
warehousOrderDetails.value.forEach((item) => {
|
const arr: any = warehousOrderDetails.value.filter(
|
(detail) => detail.ebelp == item.ebelp
|
);
|
if (arr.length > 1) {
|
isNext = `行号：${arr[0].ebelp}不能相同`;
|
return;
|
}
|
});
|
if (isNext != "") {
|
ElMessage.warning(isNext);
|
return;
|
}
|
|
let idx2 = warehousOrderDetails.value.findIndex(
|
(v) =>
|
v.deliveryQuantity == "" ||
|
v.deliveryQuantity == undefined ||
|
v.deliveryQuantity <= 0
|
);
|
if (idx2 > -1) {
|
ElMessage.warning("数量不合规范！");
|
return;
|
}
|
addForm.value.purchaseOrderDetails = [];
|
// addForm.value.createdUserId = store.state.login.userInfo.id;
|
// addForm.value.createdUserName = store.state.login.userInfo.name;
|
// addForm.value.createdTime = formatUtcToData(
|
// new Date().toString(),
|
// "YYYY-MM-DD hh:mm:ss"
|
// );
|
|
warehousOrderDetails.value.forEach((item) => {
|
const obj = {
|
purchaseOrderId: 0,
|
};
|
addForm.value.purchaseOrderDetails.push(obj);
|
});
|
|
dialogRef.value.validate((vali: any) => {
|
if (vali) {
|
//添加
|
if (dialogType.value == "add") {
|
|
} else {
|
|
}
|
} else {
|
ElMessage.warning("表单验证失败");
|
}
|
});
|
};
|
// -----------------添加物料操作-------------------------
|
//物料基础数据窗口
|
const addMaterialVisible = ref(false);
|
|
//物料基础数据列表
|
const materialList = ref([]);
|
|
//物料基础数据条数
|
const materialTotal = ref(0);
|
|
//物料基础数据form
|
const materialForm = ref({
|
MaterialTypeId: "",
|
Code: "",
|
// MaterialType: 1,
|
Page: 1,
|
PageSize: 10
|
});
|
|
|
//获取物料基础列表
|
const getMaterialList = async () => {
|
|
loading.value = true;
|
// var res = await pageWmsMaterial(Object.assign(queryParams.value, tableParams.value));
|
var res = await pageWmsMaterial(Object.assign(materialForm.value));
|
|
materialList.value = res.data.result?.items ?? [];
|
//tableParams.value.total = res.data.result?.total;
|
materialTotal.value = res.data.result?.total;
|
loading.value = false;
|
|
};
|
|
//重置物料
|
const resetMaterialForm = () => {
|
materialForm.value = {
|
MaterialTypeId: "",
|
Code: "",
|
Page: 1,
|
// MaterialType: 1,
|
PageSize: 10
|
};
|
getMaterialList();
|
};
|
|
//选中的基础物料数据
|
const checkedMaterial = ref<any[]>([]);
|
|
//物料基础数据勾选
|
const materialSelectionChange = (val: any) => {
|
checkedMaterial.value = val;
|
};
|
|
//打开新增物料窗口
|
const addMaterialDialog = () => {
|
// if ( addForm.value.freeOrderType && isShowBomBtn.value ) {
|
// ElMessage.warning("免费件类型是PR2，只能新增DI维护的物料！");
|
// return;
|
// }
|
getMaterialList();
|
addMaterialVisible.value = true;
|
};
|
|
//基础物料table的ref对象
|
const materialRef = ref();
|
|
//确认添加材料
|
const confirmAddMaterial = () => {
|
//物料列表没数据，直接添加
|
if (warehousOrderDetails.value.length == 0) {
|
|
// 自动给行号复值
|
checkedMaterial.value.forEach((item, index) => {
|
if (!item.ebelp) {
|
item.ebelp = index + 1 + warehousOrderDetails.value.length
|
}
|
})
|
|
warehousOrderDetails.value.push(...checkedMaterial.value);
|
} else {
|
for (let i = 0; i < checkedMaterial.value.length; i++) {
|
let idx = warehousOrderDetails.value.findIndex(
|
(item: { code: any }) =>
|
item.code == checkedMaterial.value[i].code &&
|
item.ebelp == checkedMaterial.value[i].ebelp
|
);
|
if (idx > -1) {
|
return ElMessage.warning(
|
`物料编号${checkedMaterial.value[i].code}，行号：${checkedMaterial.value[i].ebelp || ""
|
}在物料列表中已存在,请去除勾选`
|
);
|
}
|
}
|
|
// 自动给行号复值
|
checkedMaterial.value.forEach((item, index) => {
|
if (!item.ebelp) {
|
item.ebelp = index + 1 + warehousOrderDetails.value.length
|
}
|
})
|
warehousOrderDetails.value.push(...checkedMaterial.value);
|
}
|
|
addMaterialVisible.value = false;
|
};
|
|
//关闭新增物料窗口
|
const closeMaterialDialog = () => {
|
materialForm.value = {
|
MaterialTypeId: "",
|
Code: "",
|
Page: 1,
|
// MaterialType: 1,
|
PageSize: 10
|
};
|
materialList.value = [];
|
checkedMaterial.value = [];
|
materialRef.value.clearSelection();
|
};
|
|
|
// 暴露方法
|
defineExpose({ openDialog ,openDrawer});
|
</script>
|
<style lang="less" scoped>
|
.detailBoxWrap{
|
margin: 10px;
|
}
|
.msi-form{
|
margin-top: 10px;
|
}
|
.msi-form{
|
margin-bottom: 10px
|
}
|
|
.slot_title {
|
display: flex;
|
align-items: center;
|
|
// margin-left: 20px;
|
.title_orderNo {
|
font-size: 18px;
|
color: #F18201;
|
font-weight: bold;
|
margin-right: 5px;
|
}
|
}
|
</style>
|
