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

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

View File

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