新增105过账页面
FCD
1 week ago
parent
b8093a2bc3
commit
573911dbff
@ -0,0 +1,229 @@
|
|||||||
|
<template>
|
||||||
|
<view class="page-product-receipt">
|
||||||
|
<!-- 页面头 -->
|
||||||
|
<page-head title="105过账" />
|
||||||
|
|
||||||
|
<!-- 查询条件 -->
|
||||||
|
<u-form id="query" class="query" ref="query" label-width="180rpx">
|
||||||
|
<u-form-item label="物料编码">
|
||||||
|
<u-search placeholder="请输入物料编码" v-model="queryParams.materialCode" @search="search" :show-action="false"></u-search>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label="物料名称">
|
||||||
|
<u-search placeholder="请输入物料名称" v-model="queryParams.materialDesc" @search="search" :show-action="false"></u-search>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label="送货单号">
|
||||||
|
<u-search placeholder="请输入送货单号" v-model="queryParams.orderNo" @search="search" :show-action="false"></u-search>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label="采购单号">
|
||||||
|
<u-search placeholder="请输入采购单号" v-model="queryParams.poNo" @search="search" :show-action="false"></u-search>
|
||||||
|
</u-form-item>
|
||||||
|
</u-form>
|
||||||
|
|
||||||
|
<scroll-view id="list" scroll-y="true" :style="{ height: listHeight + 'px' }" @scrolltolower="onScrollToLower" :lower-threshold="50">
|
||||||
|
<!-- 列表 -->
|
||||||
|
<u-form class="list">
|
||||||
|
<u-checkbox-group v-if="list.length > 0">
|
||||||
|
<u-checkbox class="list-item" v-for="(item, index) in list" :key="index" v-model="item.checked">
|
||||||
|
<view style="margin-left: 20rpx">
|
||||||
|
<lj-list-row label="物料编码:" :value="removeLeadingZeros(item.materialCode)" />
|
||||||
|
<lj-list-row label="物料名称:" :value="item.materialDesc" />
|
||||||
|
<lj-list-row label="送货单号:" :value="item.orderNo" />
|
||||||
|
<lj-list-row label="采购单号:" :value="item.poNo" />
|
||||||
|
</view>
|
||||||
|
</u-checkbox>
|
||||||
|
</u-checkbox-group>
|
||||||
|
<view v-else> 暂无数据 </view>
|
||||||
|
</u-form>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<!-- 按钮 -->
|
||||||
|
<view id="button" class="bottom-bar">
|
||||||
|
<u-row class="button-bar">
|
||||||
|
<u-col :span="12">
|
||||||
|
<u-button type="success" @click="onSubmit105()">105过账</u-button>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<u-toast ref="uToast" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import LjListRow from '@/components/lanju/lj-list-row/index.vue';
|
||||||
|
import { Component } from 'vue-property-decorator';
|
||||||
|
import PageHead from '@/components/lanju/page-head/index.vue';
|
||||||
|
import { BasePage } from '@/components/base/page';
|
||||||
|
import { getWmsRawOrderInListToPda, sap105temporarilyCollected } from './model';
|
||||||
|
import { removeLeadingZeros } from '@/utils/tool';
|
||||||
|
|
||||||
|
interface QueryParamsPo {
|
||||||
|
materialCode: string;
|
||||||
|
materialDesc: string;
|
||||||
|
orderNo: string;
|
||||||
|
poNo: string;
|
||||||
|
pageNum: number;
|
||||||
|
pageSize: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ListVo {
|
||||||
|
materialCode: string;
|
||||||
|
materialDesc: string;
|
||||||
|
userDefined1: string;
|
||||||
|
rawOrderInId: string;
|
||||||
|
poNo: string;
|
||||||
|
orderNo: string;
|
||||||
|
checked: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
methods: { removeLeadingZeros },
|
||||||
|
components: { PageHead, LjListRow },
|
||||||
|
})
|
||||||
|
export default class TemporarilyCollectedPo extends BasePage {
|
||||||
|
materialCode: string;
|
||||||
|
materialDesc: string;
|
||||||
|
storageAmount: string;
|
||||||
|
queryParams: QueryParamsPo = {
|
||||||
|
materialCode: undefined,
|
||||||
|
materialDesc: undefined,
|
||||||
|
orderNo: undefined,
|
||||||
|
poNo: undefined,
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
};
|
||||||
|
total: any = 0;
|
||||||
|
listHeight = 500;
|
||||||
|
list: Array<ListVo> = [];
|
||||||
|
value = 'orange';
|
||||||
|
onLoad() {
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
onReady() {
|
||||||
|
//等待页面加载完成
|
||||||
|
this.$nextTick(() => {
|
||||||
|
let buttonTop = 0;
|
||||||
|
//获取底部按钮信息
|
||||||
|
const query = uni.createSelectorQuery().in(this);
|
||||||
|
query
|
||||||
|
.select('#button')
|
||||||
|
.boundingClientRect((data) => {
|
||||||
|
//获取底部按钮到顶部距离
|
||||||
|
buttonTop = data.top;
|
||||||
|
})
|
||||||
|
.exec();
|
||||||
|
//获取列表信息
|
||||||
|
query
|
||||||
|
.select('#list')
|
||||||
|
.boundingClientRect((data) => {
|
||||||
|
//获取列表到顶部距离
|
||||||
|
const listTop = data.top;
|
||||||
|
//
|
||||||
|
this.listHeight = buttonTop - listTop - 10;
|
||||||
|
})
|
||||||
|
.exec();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async getList() {
|
||||||
|
await getWmsRawOrderInListToPda(this.queryParams).then((res) => {
|
||||||
|
this.total = res.total;
|
||||||
|
this.list = res.rows;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
search() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
}
|
||||||
|
|
||||||
|
onScrollToLower() {
|
||||||
|
if (this.total === this.list.length) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.queryParams.pageNum = this.queryParams.pageNum + 1;
|
||||||
|
getWmsRawOrderInListToPda(this.queryParams).then((res) => {
|
||||||
|
this.list = this.list.concat(res.rows);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
onSubmit105() {
|
||||||
|
const checkedList = [];
|
||||||
|
for (const item of this.list) {
|
||||||
|
//选中的数据
|
||||||
|
if (item.checked) {
|
||||||
|
checkedList.push({ id: item.rawOrderInId });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (checkedList.length > 0) {
|
||||||
|
sap105temporarilyCollected(checkedList).then((res) => {
|
||||||
|
(this.$refs.uToast as any).show({
|
||||||
|
title: res.msg,
|
||||||
|
type: 'success',
|
||||||
|
});
|
||||||
|
this.search();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
(this.$refs.uToast as any).show({
|
||||||
|
title: '未选择数据',
|
||||||
|
type: 'default',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.query {
|
||||||
|
background-color: #fff;
|
||||||
|
margin-top: 10px;
|
||||||
|
padding: 20rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||||
|
|
||||||
|
.u-form-item {
|
||||||
|
line-height: 35rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-bar {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 99;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0 1rpx 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||||
|
padding: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list {
|
||||||
|
background-color: #fff;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
padding: 20rpx 20rpx 25rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||||
|
color: #8d8989;
|
||||||
|
|
||||||
|
.list-item {
|
||||||
|
padding: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 奇数行背景色 */
|
||||||
|
.list-item:nth-child(odd) {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 偶数行背景色 */
|
||||||
|
.list-item:nth-child(even) {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .u-checkbox__label {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
::v-deep .list-item {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
import http from '@/utils/request';
|
||||||
|
import { url } from '@/utils/url';
|
||||||
|
|
||||||
|
export function getWmsRawOrderInListToPda(data: any): Promise<any> {
|
||||||
|
return http.get(url.lanjuwms.raw.TemporarilyCollectedPo.getWmsRawOrderInListToPda, {
|
||||||
|
params: data,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function sap105temporarilyCollected(data: any): Promise<any> {
|
||||||
|
return http.get(url.lanjuwms.raw.TemporarilyCollectedPo.sap105temporarilyCollected, {
|
||||||
|
params: data,
|
||||||
|
});
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue