南京物流 盘点统计
yiming
4 years ago
parent
1de3950a23
commit
f60437be42
@ -0,0 +1,234 @@
|
|||||||
|
<template>
|
||||||
|
<div class="alarm bg-white">
|
||||||
|
<div class="ant-advanced-search-form">
|
||||||
|
<a-form layout="inline" :label-col="labelCol" :wrapper-col="wrapperCol" :form="queryParam">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="4" style="text-align: left">
|
||||||
|
<a-form-item label="时间">
|
||||||
|
<a-range-picker @change="onTimeChange"
|
||||||
|
v-model="time"
|
||||||
|
format="YYYY-MM-DD HH:mm"
|
||||||
|
:show-time="{
|
||||||
|
defaultValue: [moment('00:00', 'HH:mm'), moment('23:59', 'HH:mm')],
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<a-icon slot="suffixIcon" type="calendar"/>
|
||||||
|
</a-range-picker>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="4" ></a-col>
|
||||||
|
<a-col :span="4" >
|
||||||
|
<a-form-item label="盘点任务号：">
|
||||||
|
<a-input v-model="queryParam.taskId" placeholder="请输入" style="width:200px;" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" style="text-align: right">
|
||||||
|
<a-button type="primary" @click="handleSearch">搜索</a-button>
|
||||||
|
<a-button style="margin-left: 15px" @click="reset">重置</a-button>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a-table
|
||||||
|
|
||||||
|
:columns="columns"
|
||||||
|
:row-key="record => record.id"
|
||||||
|
:data-source="data"
|
||||||
|
:pagination="pagination"
|
||||||
|
@change="handleGetalarmList"
|
||||||
|
:customRow="clickRow"
|
||||||
|
>
|
||||||
|
</a-table>
|
||||||
|
<a-table
|
||||||
|
:columns="streetSummaryColumns"
|
||||||
|
:data-source="streetSummarys"
|
||||||
|
:pagination="false"
|
||||||
|
>
|
||||||
|
</a-table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import moment from 'moment';
|
||||||
|
export default {
|
||||||
|
name: "checkSummary",
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
labelCol: { span: 6 },
|
||||||
|
wrapperCol: { span: 18 },
|
||||||
|
queryParam: {
|
||||||
|
startTime: moment().subtract(1, "days").format('YYYY-MM-DD HH:mm:ss'), //当前时间的前一个天时间
|
||||||
|
endTime: moment().format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
},
|
||||||
|
time:[],
|
||||||
|
pageNum:1,
|
||||||
|
pageSize:3,
|
||||||
|
data: [],
|
||||||
|
streetSummarys:[],
|
||||||
|
pagination:{
|
||||||
|
total:0,
|
||||||
|
defaultPageSize:3, // 默认每页显示数量
|
||||||
|
showTotal: total => `共 ${total} 条数据`, // 显示总数
|
||||||
|
showSizeChanger:true, // 显示可改变每页数量
|
||||||
|
pageSizeOptions: ['10', '20', '30'],
|
||||||
|
onShowSizeChange:(current, pageSize)=>this.pageSize = pageSize // 改变每页数量时更新显示
|
||||||
|
},
|
||||||
|
loading: false,
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: "盘点任务号",
|
||||||
|
dataIndex: "taskId",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "开始时间 ",
|
||||||
|
dataIndex: "startTime",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "结束时间",
|
||||||
|
dataIndex: "endTime",
|
||||||
|
}
|
||||||
|
|
||||||
|
],
|
||||||
|
streetSummaryColumns:[
|
||||||
|
{
|
||||||
|
title: "巷道",
|
||||||
|
dataIndex: "streetName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "盘点任务号",
|
||||||
|
dataIndex: "taskId",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "空托盘数量",
|
||||||
|
dataIndex: "emptyCount",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "空货位数",
|
||||||
|
dataIndex: "emptyGoodsCount",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "卷烟货位数",
|
||||||
|
dataIndex: "goodsCount",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "开始时间 ",
|
||||||
|
dataIndex: "startTime",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "结束时间",
|
||||||
|
dataIndex: "endTime",
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.handleGetalarmList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
moment,
|
||||||
|
clickRow(record,index){
|
||||||
|
return{
|
||||||
|
on:{
|
||||||
|
click:(event)=>{
|
||||||
|
console.log(record.endTime)
|
||||||
|
this.getStreetSummarys(record.taskId)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
handleSearch(){
|
||||||
|
console.log(this.queryParam)
|
||||||
|
this.handleGetalarmList()
|
||||||
|
},
|
||||||
|
handleGetalarmList(pagination) {
|
||||||
|
console.log(pagination)
|
||||||
|
if(pagination){
|
||||||
|
this.pagination.current = pagination.current;
|
||||||
|
this.pagination.pageSize = pagination.pageSize;
|
||||||
|
this.pageNum = pagination.current;
|
||||||
|
this.pageSize = pagination.pageSize;
|
||||||
|
}
|
||||||
|
this.request();
|
||||||
|
},
|
||||||
|
//获取盘点统计
|
||||||
|
request() {
|
||||||
|
this.$api.httpApi.getCheckSummary({
|
||||||
|
data: {
|
||||||
|
pageNum: this.pageNum,
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
...this.queryParam
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
const pagination = {...this.pagination};
|
||||||
|
pagination.total = res.data.total;
|
||||||
|
this.pagination = pagination;
|
||||||
|
this.data = res.data.list
|
||||||
|
if(res.data.list.length > 0){
|
||||||
|
this.getStreetSummarys(res.data.list[0].taskId);
|
||||||
|
}else{
|
||||||
|
this.streetSummarys = []
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch(err => {
|
||||||
|
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//获取盘点任务下所有巷道的统计
|
||||||
|
getStreetSummarys(taskId) {
|
||||||
|
|
||||||
|
this.$api.httpApi.getStreetSummary({
|
||||||
|
params: {
|
||||||
|
taskId: taskId,
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
this.streetSummarys = res.data
|
||||||
|
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onTimeChange(date, dateString) {
|
||||||
|
this.handleReset()
|
||||||
|
console.log(date)
|
||||||
|
console.log(date[0].format('YYYY-MM-DD HH:mm:ss'))
|
||||||
|
this.queryParam.startTime = date[0].format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
this.queryParam.endTime = date[1].format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
},
|
||||||
|
handleReset() {
|
||||||
|
this.queryParam.startTime = ""
|
||||||
|
this.queryParam.endTime = ""
|
||||||
|
},
|
||||||
|
|
||||||
|
reset() {
|
||||||
|
this.queryParam.startTime = moment().subtract(1, "days").format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
this.queryParam.endTime = moment().format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
this.time = []
|
||||||
|
this.handleGetalarmList()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.alarm {
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
.ant-drawer-content-wrapper {
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
.ant-drawer-body {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ant-advanced-search-form .ant-form-item {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue