单据查询-出入库页面调整

This commit is contained in:
王帅 2025-05-15 09:28:50 +08:00
parent 122d342273
commit f394e0fd14
2 changed files with 87 additions and 111 deletions

View File

@ -16,29 +16,6 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="4">-->
<!-- <el-form-item label="仓库" prop="ERPLOCATION">-->
<!-- <el-Input v-model="queryParams.ERPLOCATION" clearable />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="6">
<el-form-item label="发货单号" prop="SHIPREQUESTNAME">
<el-Input v-model="queryParams.SHIPREQUESTNAME" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="料号" prop="MATERIALSPECNAME">
<el-Input v-model="queryParams.MATERIALSPECNAME" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="品名" prop="DESC_CN">
<el-Input v-model="queryParams.DESC_CN" clearable />
</el-form-item>
</el-col>
</el-row>
<br/>
<el-row :gutter="24" class="form-row">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="单据类型" prop="SHIPREQUESTTYPE"> <el-form-item label="单据类型" prop="SHIPREQUESTTYPE">
<el-select v-model="queryParams.SHIPREQUESTTYPE" placeholder="下拉选择" style="width: 160px"> <el-select v-model="queryParams.SHIPREQUESTTYPE" placeholder="下拉选择" style="width: 160px">
@ -47,6 +24,16 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="4">-->
<!-- <el-form-item label="仓库" prop="ERPLOCATION">-->
<!-- <el-Input v-model="queryParams.ERPLOCATION" clearable />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="6">
<el-form-item label="出库单号" prop="SHIPREQUESTNAME">
<el-Input v-model="queryParams.SHIPREQUESTNAME" clearable />
</el-form-item>
</el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="订单状态" prop="SHIPREQUESTSTATE"> <el-form-item label="订单状态" prop="SHIPREQUESTSTATE">
<el-select v-model="queryParams.SHIPREQUESTSTATE" placeholder="下拉选择" style="width: 160px"> <el-select v-model="queryParams.SHIPREQUESTSTATE" placeholder="下拉选择" style="width: 160px">
@ -55,6 +42,19 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<br/>
<el-row :gutter="24" class="form-row">
<el-col :span="6">
<el-form-item label="料号" prop="MATERIALSPECNAME">
<el-Input v-model="queryParams.MATERIALSPECNAME" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="品名" prop="DESC_CN">
<el-Input v-model="queryParams.DESC_CN" clearable />
</el-form-item>
</el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="开始时间" prop="FROMDATE"> <el-form-item label="开始时间" prop="FROMDATE">
<el-date-picker v-model="queryParams.FROMDATE" value-format="YYYYMMDD" type="date" <el-date-picker v-model="queryParams.FROMDATE" value-format="YYYYMMDD" type="date"
@ -85,7 +85,7 @@
<el-button type="primary" @click="exportExcel">导出</el-button> <el-button type="primary" @click="exportExcel">导出</el-button>
</div> </div>
</div> </div>
<el-table :height="100" border v-loading="loading" :data="list" highlight-current-row row-key="id" <el-table :height="200" border v-loading="loading" :data="list" highlight-current-row row-key="id"
style="width: 100%;" @row-click="selectRow"> style="width: 100%;" @row-click="selectRow">
<el-table-column type="index" width="50" label="序号"></el-table-column> <el-table-column type="index" width="50" label="序号"></el-table-column>
<template v-for="(col, index) in column" :key="index"> <template v-for="(col, index) in column" :key="index">
@ -151,22 +151,14 @@ const queryFormRef = ref(ElForm);
const state = reactive({ const state = reactive({
formDataRefData: [] as any, formDataRefData: [] as any,
documentType: [ documentType: [
{LABEL:"01", VALUE:"01"}, {LABEL:"全部", VALUE:""},
{LABEL:"02", VALUE:"02" }, {LABEL:"采购退货订单", VALUE:"采购退货订单"},
{LABEL:"06", VALUE:"06"}, {LABEL:"销售发货单", VALUE:"销售发货单"},
{LABEL:"07", VALUE:"07"}, {LABEL:"生产领料单", VALUE:"生产领料单"},
{LABEL:"Z008", VALUE:"Z008"}, {LABEL:"生产补料单", VALUE:"生产补料单"},
{LABEL:"ZLF0", VALUE:"ZLF0"}, {LABEL:"成本中心领料单", VALUE:"成本中心领料单"},
{LABEL:"ZLF1", VALUE:"ZLF1"}, {LABEL:"成本中心补料单", VALUE:"成本中心补料单"},
{LABEL:"ZLF2", VALUE:"ZLF2"}, {LABEL:"调拨单", VALUE:"调拨单"},
{LABEL:"ZLF3", VALUE:"ZLF3"},
{LABEL:"ZLF4", VALUE:"ZLF4"},
{LABEL:"ZLF5", VALUE:"ZLF5"},
{LABEL:"ZLF6", VALUE:"ZLF6"},
{LABEL:"ZLF7", VALUE:"ZLF7"},
{LABEL:"ZLF8", VALUE:"ZLF8"},
{LABEL:"ZLF9", VALUE:"ZLF9"},
{LABEL:"NLCC", VALUE:"NLCC"}
], ],
queryParams: { queryParams: {
ERPLOCATION: '', ERPLOCATION: '',
@ -213,13 +205,13 @@ const { loading, list, column, queryParams, page, page_d, loading_d, list_d, col
onMounted(() => { onMounted(() => {
state.column = [ state.column = [
{ header: "组织", field: "ERPFACTORYNAME", hide: false }, { header: "组织", field: "ERPFACTORYNAME", hide: false, width: 70 },
{ header: "发货单", field: "SHIPREQUESTNAME", hide: false }, { header: "发货单", field: "SHIPREQUESTNAME", hide: false, width: 120 },
{ header: "发货单类型", field: "SHIPREQUESTTYPE", hide: false}, { header: "发货单类型", field: "SHIPREQUESTTYPE", hide: false, width: 100},
{ header: "发货单状态", field: "SHIPREQUESTSTATE", hide: false }, { header: "发货单状态", field: "SHIPREQUESTSTATE", hide: false, width: 100 },
{ header: "客户编号", field: "CUSTOMERNO", hide: false }, { header: "客户编号", field: "CUSTOMERNO", hide: false, width: 100 },
{header: "供应商编号", field: "SUPPLIERNO", hide: true}, {header: "供应商编号", field: "SUPPLIERNO", hide: true},
{header: "单据日期", field: "ORDERDATE", hide: false}, {header: "单据日期", field: "ORDERDATE", hide: false, width: 150},
{header: "备注", field: "REMARK", hide: false}, {header: "备注", field: "REMARK", hide: false},
{ header: "料号", field: "MATERIALSPECNAME", hide: true }, { header: "料号", field: "MATERIALSPECNAME", hide: true },
{ header: "品名", field: "DESC_CN", hide: true }, { header: "品名", field: "DESC_CN", hide: true },
@ -238,13 +230,15 @@ onMounted(() => {
state.column_d = [ state.column_d = [
{ header: "发货单", field: "SHIPREQUESTNAME", hide: false }, { header: "发货单", field: "SHIPREQUESTNAME", hide: false },
{ header: "行号", field: "SHIPREQUESTDETAILNAME", hide: false }, { header: "行号", field: "SHIPREQUESTDETAILNAME", hide: false },
{ header: "发出组织", field: "OUTERPFACTORY", hide: false }, //
{ header: "发出组织", field: "ERPFACTORY", hide: false },
{ header: "发出仓库", field: "ERPLOCATION", hide: false }, { header: "发出仓库", field: "ERPLOCATION", hide: false },
{ header: "接收组织", field: "ERPRECEIVEFACTORY", hide: false }, { header: "接收组织", field: "ERPRECEIVEFACTORY", hide: false },
{ header: "接收仓库", field: "ERPRECEIVELOCATIONNAME", hide: false }, //
{ header: "接收仓库", field: "ERPRECEIVELOCATION", hide: false },
{ header: "料号", field: "MATERIALSPECNAME", hide: false }, { header: "料号", field: "MATERIALSPECNAME", hide: false },
{ header: "品名", field: "DESC_CN", hide: false }, { header: "品名", field: "DESC_CN", hide: false },
{ header: "物料规格", field: "DESCRIPTION ", hide: false }, { header: "物料规格", field: "DESCRIPTION", hide: false },
{ header: "SDK规格", field: "SPECNAME", hide: false }, { header: "SDK规格", field: "SPECNAME", hide: false },
{ header: "阶段", field: "PHASE", hide: false }, { header: "阶段", field: "PHASE", hide: false },
{ header: "请求数量", field: "REQUESTQUANTITY", hide: false }, { header: "请求数量", field: "REQUESTQUANTITY", hide: false },
@ -252,12 +246,15 @@ onMounted(() => {
{ header: "已出库数量", field: "SALEOUTQUANTITY", hide: false }, { header: "已出库数量", field: "SALEOUTQUANTITY", hide: false },
{ header: "剩余数量", field: "REALQUANTITY", hide: false }, { header: "剩余数量", field: "REALQUANTITY", hide: false },
{ header: "单位", field: "UNIT", hide: false }, { header: "单位", field: "UNIT", hide: false },
{ header: "生产订单", field: "PRODUCTORDER", hide: false }, // // PRODUCTORDER
{ header: "销售订单号", field: "DN", hide: false }, { header: "生产订单", field: "RECEIVEPRODUCTIONORDERNUMBER", hide: false },
{ header: "发出销售订单行号", field: "SENDSALESORDERDETAILNO", hide: false, width:120 }, // DN saleorder
{ header: "接收销售订单行号", field: "RECEIVESALESORDERDETAILNO", hide: false, width:120 }, { header: "销售订单号", field: "RECEIVESALESORDER", hide: false },
{ header: "销售订单行号", field: "SENDSALESORDERDETAILNO", hide: false, width:120 },
// { header: "", field: "RECEIVESALESORDERDETAILNO", hide: false, width:120 },
{ header: "备注", field: "REMARK", hide: false}, { header: "备注", field: "REMARK", hide: false},
{ header: "生产订单类型", field: "PRODUCTORDERTYPE", hide: false, width:100 }, //PRODUCTORDERTYPE
{ header: "生产订单类型", field: "AUART", hide: false, width:100 },
{ header: "客户编码", field: "CUSTOMERNO", hide: false }, { header: "客户编码", field: "CUSTOMERNO", hide: false },
{ header: "是否通用料", field: "COMMONMATERIALFLAG", hide: false }, { header: "是否通用料", field: "COMMONMATERIALFLAG", hide: false },
{ header: "最小收卷米数", field: "SJMS", hide: false, width:100 }, { header: "最小收卷米数", field: "SJMS", hide: false, width:100 },
@ -302,14 +299,14 @@ function handleQuery() {
state.page.total = res.data.total; state.page.total = res.data.total;
state.loading = false state.loading = false
if (state.list.length > 0) { if (state.list.length > 0) {
for (const element of state.list) { // for (const element of state.list) {
let dates = new Date(element.ORDERDATE).toJSON() // let dates = new Date(element.ORDERDATE).toJSON()
element.ORDERDATE = new Date(+new Date(dates) + 8 * 3600 * 1000) // element.ORDERDATE = new Date(+new Date(dates) + 8 * 3600 * 1000)
.toISOString() // .toISOString()
.replace(/T/g, ' ') // .replace(/T/g, ' ')
.replace(/\.[\d]{3}Z/, '') // .replace(/\.[\d]{3}Z/, '')
console.log(element.ORDERDATE) // console.log(element.ORDERDATE)
} // }
state.active_row = state.list[0] state.active_row = state.list[0]
if (state.active_row) { if (state.active_row) {
handleQuery_d() handleQuery_d()

View File

@ -5,7 +5,7 @@
<template> <template>
<div class="vue-element-page-wrap" ref="tableContainer"> <div class="vue-element-page-wrap" ref="tableContainer">
<el-row class="page-search" justify="space-between" align="bottom"> <el-row class="page-search" justify="space-between" align="bottom">
<el-form ref="queryFormRef" :model="queryParams" label-width="60px" label-position="left"> <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-position="left">
<el-row :gutter="24" class="form-row"> <el-row :gutter="24" class="form-row">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="组织" prop="ERPFACTORY"> <el-form-item label="组织" prop="ERPFACTORY">
@ -24,7 +24,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="单号" prop="RECEIVEREQUESTNAME"> <el-form-item label="入库单号" prop="RECEIVEREQUESTNAME">
<el-Input v-model="queryParams.RECEIVEREQUESTNAME" clearable /> <el-Input v-model="queryParams.RECEIVEREQUESTNAME" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -37,7 +37,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" class="form-row"> <el-row :gutter="24" class="form-row" style="margin-top: 10px;">
<!-- <el-col :span="4">--> <!-- <el-col :span="4">-->
<!-- <el-form-item label="仓库" prop="ERPLOCATION">--> <!-- <el-form-item label="仓库" prop="ERPLOCATION">-->
<!-- <el-Input v-model="queryParams.ERPLOCATION" clearable />--> <!-- <el-Input v-model="queryParams.ERPLOCATION" clearable />-->
@ -66,6 +66,13 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24" style="margin-top: 10px;">
<el-col :span="6">
<el-form-item label="供应商编号" prop="SUPPLIERNO">
<el-Input v-model="queryParams.SUPPLIERNO" clearable style="width: 240px"/>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<div class="page-search-btns"> <div class="page-search-btns">
<el-button type="primary" @click="handleQueryInfo">搜索</el-button> <el-button type="primary" @click="handleQueryInfo">搜索</el-button>
@ -83,7 +90,7 @@
<el-button type="primary" @click="exportExcel">导出</el-button> <el-button type="primary" @click="exportExcel">导出</el-button>
</div> </div>
</div> </div>
<el-table :height="100" border v-loading="loading" :data="list" highlight-current-row row-key="id" <el-table :height="200" border v-loading="loading" :data="list" highlight-current-row row-key="id"
style="width: 100%;" @row-click="selectRow"> style="width: 100%;" @row-click="selectRow">
<el-table-column type="index" width="50" label="序号"></el-table-column> <el-table-column type="index" width="50" label="序号"></el-table-column>
<template v-for="(col, index) in column" :key="index"> <template v-for="(col, index) in column" :key="index">
@ -150,40 +157,11 @@ const state = reactive({
LABEL:"完成", LABEL:"完成",
VALUE:"Completed" VALUE:"Completed"
}], }],
documentType: [{ documentType: [
LABEL:"Z001", {LABEL:"全部", VALUE:""},
VALUE:"Z001" {LABEL:"采购订单", VALUE:"采购订单" },
},{ {LABEL:"调拨单", VALUE:"调拨单"},
LABEL:"Z002", ],
VALUE:"Z002"
},{
LABEL:"Z003",
VALUE:"Z003"
},{
LABEL:"Z004",
VALUE:"Z004"
},{
LABEL:"Z005",
VALUE:"Z005"
},{
LABEL:"Z006",
VALUE:"Z006"
},{
LABEL:"Z007",
VALUE:"Z007"
},{
LABEL:"ZLR1",
VALUE:"ZLR1"
},{
LABEL:"ZLR2",
VALUE:"ZLR2"
},{
LABEL:"ZLR3",
VALUE:"ZLR3"
},{
LABEL:"NLCC",
VALUE:"NLCC"
}],
queryParams: { queryParams: {
RECEIVEREQUESTNAME: '', RECEIVEREQUESTNAME: '',
ERPFACTORY: '', ERPFACTORY: '',
@ -193,7 +171,7 @@ const state = reactive({
TODATE : '', TODATE : '',
DESC_CN: "", DESC_CN: "",
MATERIALSPECNAME: "", MATERIALSPECNAME: "",
RECEIVEREQUESTTYPE: '' RECEIVEREQUESTTYPE: '',
}, },
page: { page: {
pageNum: 1, pageNum: 1,
@ -220,16 +198,16 @@ const { loading, list, column, queryParams, orderStatus, page, page_d, loading_d
onMounted(() => { onMounted(() => {
state.column = [ state.column = [
{ header: "组织", field: "ERPFACTORY", hide: false }, { header: "组织", field: "ERPFACTORY", hide: false, width: 70 },
{ header: "组织(CN)", field: "ORGNAME", hide: false }, { header: "组织(CN)", field: "ORGNAME", hide: false, width: 80 },
{ header: "订单编号", field: "RECEIVEREQUESTNAME", hide: false }, { header: "订单编号", field: "RECEIVEREQUESTNAME", hide: false, width: 100 },
{ header: "料号", field: "MATERIALSPECNAME", hide: true }, { header: "料号", field: "MATERIALSPECNAME", hide: true },
{ header: "品名", field: "DESC_CN", hide: true }, { header: "品名", field: "DESC_CN", hide: true },
{ header: "出入库类型编码", field: "RECEIVEREQUESTTYPE", hide: false }, { header: "出入库类型编码", field: "RECEIVEREQUESTTYPE", hide: false, width: 110 },
{ header: "订单状态", field: "RECEIVEREQUESTSTATE", hide: false }, { header: "订单状态", field: "RECEIVEREQUESTSTATE", hide: false, width: 80 },
{ header: "供应商编号", field: "SUPPLIERNO", hide: false }, { header: "供应商编号", field: "SUPPLIERNO", hide: false, width: 80 },
{ header: "供应商名称", field: "SUPPLIERNAME", hide: false }, { header: "供应商名称", field: "SUPPLIERNAME", hide: true },
{ header: "单据日期" , field: "ORDERDATE", hide: false}, { header: "单据日期" , field: "ORDERDATE", hide: false, width: 150},
{ header: "备注" , field: "REMARK", hide: false}, { header: "备注" , field: "REMARK", hide: false},
{ header: "创建日期", field: "CREATETIME", hide: true }, { header: "创建日期", field: "CREATETIME", hide: true },
{ header: "最后操作名称", field: "LASTEVENTNAME", hide: true }, { header: "最后操作名称", field: "LASTEVENTNAME", hide: true },
@ -241,8 +219,9 @@ onMounted(() => {
{ header: "工厂", field: "SITENAME", hide: true }, { header: "工厂", field: "SITENAME", hide: true },
{ header: "订单编号", field: "RECEIVEREQUESTNAME", hide: false }, { header: "订单编号", field: "RECEIVEREQUESTNAME", hide: false },
{ header: "行号", field: "RECEIVEREQUESTDETAILNAME", hide: false }, { header: "行号", field: "RECEIVEREQUESTDETAILNAME", hide: false },
{ header: "发出仓库", field: "ERPLOCATION", hide: false }, { header: "发出仓库", field: "ERPLOCATION", hide: true },
{ header: "接收仓库", field: "ERPRECEIVELOCATION", hide: false }, // ERPRECEIVELOCATION
{ header: "接收仓库", field: "ERPLOCATION", hide: false },
{ header: "料号", field: "MATERIALSPECNAME", hide: false }, { header: "料号", field: "MATERIALSPECNAME", hide: false },
{ header: "品名", field: "DESC_CN", hide: false }, { header: "品名", field: "DESC_CN", hide: false },
{ header: "物料规格", field: "DESCRIPTION ", hide: false }, { header: "物料规格", field: "DESCRIPTION ", hide: false },