You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
200 lines
5.7 KiB
200 lines
5.7 KiB
<template>
|
|
|
|
<view style="margin-left: 20px; margin-right: 20px;padding-bottom: 50px">
|
|
<view style="display: flex; width: 100%;justify-content: center; size: 25px;font-family: sans-serif;font-weight: 600;margin: 10px;">{{date}}</view>
|
|
|
|
<view style="margin-top: 20px; display: flex; flex-direction: column;">
|
|
<text style="size: 25px;font-family: sans-serif;font-weight: 600;padding-bottom: 10px;">库存日报汇总表</text>
|
|
<text>编号:{{logInfo.serialNumber}}</text>
|
|
<text>上报时间:{{logInfo.reportTime}}</text>
|
|
<text style="margin-bottom: 10px;">货值合计:{{logInfo.countAmount}}</text>
|
|
|
|
<uni-table ref="table1" border stripe emptyText="暂无更多数据">
|
|
<uni-tr>
|
|
<!-- <uni-th align="center">序号</uni-th> -->
|
|
<uni-th align="center" width="180">仓库类型</uni-th>
|
|
<uni-th align="center"width="80">仓库数量</uni-th>
|
|
<uni-th align="center"width="80">品种数量</uni-th>
|
|
<uni-th align="center"width="100">品种货值</uni-th>
|
|
</uni-tr>
|
|
<uni-tr v-for="(item, index) in tableData1" :key="index">
|
|
<!-- <uni-td align="center">{{ index+1}}</uni-td> -->
|
|
<uni-td align="center">{{ item.storeType }}</uni-td>
|
|
<uni-td align="center">{{ item.storeNumber }}</uni-td>
|
|
<uni-td align="center">{{ item.productCountNumber }}</uni-td>
|
|
<uni-td align="center">{{ item.productAmount }}</uni-td>
|
|
</uni-tr>
|
|
|
|
</uni-table>
|
|
|
|
</view>
|
|
|
|
<view style="margin-top: 50px; display: flex; flex-direction: column;">
|
|
<text style="size: 25px;font-family: sans-serif;font-weight: 600;padding-bottom: 10px;">仓库库存明细表</text>
|
|
<text>商品数量合计:{{logInfo2.countProductNumber}}</text>
|
|
<text style="margin-bottom: 10px;">商品货值合计:{{logInfo2.countAmount}}</text>
|
|
<uni-table ref="table1" border stripe emptyText="暂无更多数据">
|
|
<uni-tr>
|
|
<!-- <uni-th align="center" width="50">序号</uni-th> -->
|
|
<uni-th align="center" width="180">仓库名称</uni-th>
|
|
<uni-th align="center" width="80">商品数量</uni-th>
|
|
<uni-th align="center" width="100">商品货值</uni-th>
|
|
</uni-tr>
|
|
<uni-tr v-for="(item, index) in tableData2" :key="index">
|
|
<!-- <uni-td align="center">{{ index+1 }}</uni-td> -->
|
|
<uni-td align="center">{{ item.storeCodeName }}</uni-td>
|
|
<uni-td align="center">{{ item.productCountNumber }}</uni-td>
|
|
<uni-td align="center">{{ item.productAmount }}</uni-td>
|
|
</uni-tr>
|
|
|
|
</uni-table>
|
|
|
|
</view>
|
|
|
|
<view style="margin-top: 50px; display: flex; flex-direction: column;">
|
|
<text style="size: 25px;font-family: sans-serif;font-weight: 600;padding-bottom: 10px;">烟草库存明细表</text>
|
|
<text>商品数量合计:{{logInfo3.countProductNumber}}</text>
|
|
<text style="margin-bottom: 10px;">商品货值合计:{{logInfo3.countAmount}}</text>
|
|
<uni-table ref="table1" border stripe emptyText="暂无更多数据">
|
|
<uni-tr>
|
|
<!-- <uni-th align="center">序号</uni-th> -->
|
|
<uni-th align="center" width="180">仓库名称</uni-th>
|
|
<uni-th align="center" width="80">品种数量</uni-th>
|
|
<uni-th align="center" width="100">品种货值</uni-th>
|
|
</uni-tr>
|
|
<uni-tr v-for="(item, index) in tableData3" :key="index">
|
|
<!-- <uni-td align="center">{{ index+1 }}</uni-td> -->
|
|
<uni-td align="center">{{ item.storeCodeName }}</uni-td>
|
|
<uni-td align="center">{{ item.productCountNumber }}</uni-td>
|
|
<uni-td align="center">{{ item.productAmount }}</uni-td>
|
|
</uni-tr>
|
|
|
|
</uni-table>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
date: "2023-06-25",
|
|
logInfo: {
|
|
serialNumber: "",
|
|
reportTime: "",
|
|
countAmount: "",
|
|
},
|
|
logInfo2: {
|
|
countProductNumber: "",
|
|
countAmount: "",
|
|
},
|
|
logInfo3: {
|
|
countProductNumber: "",
|
|
countAmount: "",
|
|
},
|
|
tableData1: [],
|
|
tableData2: [],
|
|
tableData3: [],
|
|
};
|
|
},
|
|
onLoad(option) {
|
|
|
|
// this.date = option.orderDate
|
|
|
|
// console.log('1111', this.queryParams)
|
|
this.getData()
|
|
|
|
},
|
|
methods: {
|
|
getData() {
|
|
console.log('getData', this.date)
|
|
this.$api.getReportInventoryDayGather(this.date).then((resp) => {
|
|
console.log('1111>>>>>>', resp)
|
|
|
|
this.tableData1 = resp.list
|
|
this.logInfo = {
|
|
serialNumber: resp.serialNumber,
|
|
reportTime: resp.reportTime,
|
|
countAmount: resp.countAmount,
|
|
}
|
|
|
|
}).catch(e => {
|
|
console.log('eeeee', e)
|
|
})
|
|
|
|
this.$api.getReportInventoryDayStore(this.date).then((resp) => {
|
|
console.log('2222>>>>>>', resp)
|
|
this.tableData2 = resp.list
|
|
this.logInfo2 = {
|
|
countProductNumber: resp.countProductNumber,
|
|
countAmount: resp.countAmount,
|
|
}
|
|
}).catch(e => {
|
|
console.log('eeeee', e)
|
|
})
|
|
|
|
this.$api.getReportInventoryDayToStore(this.date).then((resp) => {
|
|
console.log('3333>>>>>>', resp)
|
|
this.tableData3 = resp.list
|
|
this.logInfo3 = {
|
|
countProductNumber: resp.countProductNumber,
|
|
countAmount: resp.countAmount,
|
|
}
|
|
}).catch(e => {
|
|
console.log('eeeee', e)
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.title {
|
|
width: 100%;
|
|
height: 100rpx;
|
|
background: white;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.titleSel {
|
|
color: #5f6fee;
|
|
font-size: 32rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.headerLineSel {
|
|
background: #5f6fee;
|
|
height: 6rpx;
|
|
width: 220rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.headerLineUnsel {
|
|
background: #fff;
|
|
height: 6rpx;
|
|
width: 40rpx;
|
|
position: relative;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.swiper {
|
|
width: 100%;
|
|
flex: 1;
|
|
height: 100vh;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.recordItem {
|
|
margin-top: 10rpx;
|
|
background-color: white;
|
|
padding-bottom: 20rpx;
|
|
padding-top: 20rpx;
|
|
}
|
|
</style>
|