342 lines
9.6 KiB
Vue
342 lines
9.6 KiB
Vue
|
<template>
|
|||
|
|
<ai-list class="list" v-loading="isLoading">
|
|||
|
|
<ai-title
|
|||
|
|
slot="title"
|
|||
|
|
title="已收货发货单列表"
|
|||
|
|
isShowBottomBorder>
|
|||
|
|
<template #rightBtn>
|
|||
|
|
<div class="title-right">
|
|||
|
|
<div>
|
|||
|
|
<label style="width:90px">店铺：</label>
|
|||
|
|
<el-select v-model="search.mallId" @change="changeMallId" placeholder="请选择" size="small">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in $store.state.mallList"
|
|||
|
|
:key="item.mallId"
|
|||
|
|
:label="item.mallName"
|
|||
|
|
:value="item.mallId">
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
<el-button type="button" :class="'el-button el-button--primary'" @click="beginSync">同步</el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</ai-title>
|
|||
|
|
<template slot="content">
|
|||
|
|
<div class="top">
|
|||
|
|
<div class="item">
|
|||
|
|
<h2><span><i class="el-icon-time"></i></span>最后一次同步时间</h2>
|
|||
|
|
<p>{{ lastSyncDate }}</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="item">
|
|||
|
|
<h2>发货总量</h2>
|
|||
|
|
<p>{{ totalDelivery }}</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<ai-card title="数据明细" style="padding-bottom: 40px;">
|
|||
|
|
<!--<template #right>
|
|||
|
|
<json-excel
|
|||
|
|
:data="last30Daylist"
|
|||
|
|
:fields="last30DaysJsonFields"
|
|||
|
|
:before-generate = "startDownload"
|
|||
|
|
name="近30天销售数据.xls"
|
|||
|
|
worksheet="近30天销售统计">
|
|||
|
|
<el-button type="primary">导出数据</el-button>
|
|||
|
|
</json-excel>
|
|||
|
|
</template>-->
|
|||
|
|
<ai-table
|
|||
|
|
:tableData="tableData"
|
|||
|
|
:col-configs="colConfigs"
|
|||
|
|
:total="total"
|
|||
|
|
style="margin-top: 8px;"
|
|||
|
|
:current.sync="search.current" :size.sync="search.size"
|
|||
|
|
@getList="getDeliveryOrderList">
|
|||
|
|
</ai-table>
|
|||
|
|
</ai-card>
|
|||
|
|
</template>
|
|||
|
|
</ai-list>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {sendChromeAPIMessage} from '@/api/chromeApi'
|
|||
|
|
// import JsonExcel from 'vue-json-excel'
|
|||
|
|
import {timestampToTime} from '@/utils/date'
|
|||
|
|
import { Message } from 'element-ui'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: 'ShippingList',
|
|||
|
|
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
isLoading: false,
|
|||
|
|
list: [],
|
|||
|
|
colConfigs: [
|
|||
|
|
{ prop: 'productName', label: '商品名称', align: 'left' },
|
|||
|
|
{ prop: 'skcExtCode', label: '货号', align: 'left' },
|
|||
|
|
{ prop: 'skcId', label: 'SKC ID', align: 'left' },
|
|||
|
|
{ prop: 'logisticName', label: '物流公司', align: 'left' },
|
|||
|
|
{ prop: 'logisticNumber', label: '物流单号', align: 'left' },
|
|||
|
|
{ prop: 'totalNumber', label: '总件数', align: 'left' },
|
|||
|
|
{ prop: 'deliveryTime', label: '发货时间', width: '180px', fixed: 'right'}
|
|||
|
|
],
|
|||
|
|
currentPage: 1,
|
|||
|
|
pageSize: 100,
|
|||
|
|
|
|||
|
|
tableData: [],
|
|||
|
|
total: 0,
|
|||
|
|
search: {
|
|||
|
|
current: 1,
|
|||
|
|
size: 10,
|
|||
|
|
mallId: ''
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
packageNumber: 0,
|
|||
|
|
lastSyncDate: '',
|
|||
|
|
totalDelivery: 0,
|
|||
|
|
lastDeliveryTimestamp: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
computed: {
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/*components: {
|
|||
|
|
JsonExcel
|
|||
|
|
},*/
|
|||
|
|
|
|||
|
|
created () {
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
changeDataType() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
getDeliveryOrderList () {
|
|||
|
|
this.$http.post('/api/deliveryOrder/page',null,{
|
|||
|
|
params: {
|
|||
|
|
...this.search
|
|||
|
|
}
|
|||
|
|
}).then(res => {
|
|||
|
|
this.tableData = res.data.records
|
|||
|
|
this.total = res.data.total
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
changeMallId() {
|
|||
|
|
if (!this.search.mallId) {
|
|||
|
|
Message.error("请先选择店铺")
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
this.search.current = 1
|
|||
|
|
this.tableData = []
|
|||
|
|
this.getDeliveryOrderList()
|
|||
|
|
this.getInfo()
|
|||
|
|
},
|
|||
|
|
getInfo() {
|
|||
|
|
this.$http.post('/api/deliveryRecord/getLastSyncTime',null, {
|
|||
|
|
params: {mallId: this.search.mallId}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code === 0) {
|
|||
|
|
this.lastSyncDate = res.data?.lastSyncTime
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.$http.post('/api/deliveryOrder/totalDelivery',null, {
|
|||
|
|
params: {mallId: this.search.mallId}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code === 0) {
|
|||
|
|
this.totalDelivery = res.data
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
beginSync() {
|
|||
|
|
this.isLoading = true
|
|||
|
|
this.currentPage = 1
|
|||
|
|
this.packageNumber = 0
|
|||
|
|
this.$http.post('/api/deliveryRecord/start',null, {
|
|||
|
|
params: {mallId: this.search.mallId}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code === 0) {
|
|||
|
|
this.lastDeliveryTimestamp = res.data?.lastDeliveryTime
|
|||
|
|
this.getList()
|
|||
|
|
} else {
|
|||
|
|
this.isLoading = false
|
|||
|
|
Message.error("同步发货单失败")
|
|||
|
|
}
|
|||
|
|
}).catch(() => {
|
|||
|
|
this.isLoading = false
|
|||
|
|
Message.error("同步发货单失败")
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
end() {
|
|||
|
|
this.$http.post('/api/deliveryRecord/end',null, {
|
|||
|
|
params: {mallId: this.search.mallId}
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code === 0) {
|
|||
|
|
this.search.current = 1
|
|||
|
|
this.getDeliveryOrderList()
|
|||
|
|
this.getInfo()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getList () {
|
|||
|
|
let data = {
|
|||
|
|
"pageNo": this.currentPage,
|
|||
|
|
"pageSize": this.pageSize,
|
|||
|
|
"status": 2
|
|||
|
|
}
|
|||
|
|
if (this.lastDeliveryTimestamp) {
|
|||
|
|
data.deliverTimeFrom = this.lastDeliveryTimestamp
|
|||
|
|
data.deliverTimeTo = Date.now() / 1000
|
|||
|
|
}
|
|||
|
|
sendChromeAPIMessage({
|
|||
|
|
url: 'bgSongbird-api/supplier/deliverGoods/management/pageQueryDeliveryOrders',
|
|||
|
|
needMallId: true,
|
|||
|
|
mallId: this.search.mallId,
|
|||
|
|
anti: true,
|
|||
|
|
data: data}).then((res) => {
|
|||
|
|
if (res.errorCode == 1000000) {
|
|||
|
|
let list = []
|
|||
|
|
for(let i = 0;i < res.result.list.length; i++) {
|
|||
|
|
let item = res.result.list[i];
|
|||
|
|
let data = {};
|
|||
|
|
data.id = item.deliveryOrderSn
|
|||
|
|
data.productName = item.subPurchaseOrderBasicVO.productName;
|
|||
|
|
data.mallId = this.search.mallId
|
|||
|
|
data.skcId = item.subPurchaseOrderBasicVO.productSkcId;
|
|||
|
|
data.skcExtCode = item.subPurchaseOrderBasicVO.skcExtCode;
|
|||
|
|
data.logisticName = item.expressCompany
|
|||
|
|
data.logisticNumber = item.expressDeliverySn
|
|||
|
|
data.totalNumber = item.deliverSkcNum
|
|||
|
|
data.deliveryTime = timestampToTime(item.deliverTime)
|
|||
|
|
|
|||
|
|
list.push(data)
|
|||
|
|
|
|||
|
|
this.packageNumber = this.packageNumber + item.receivePackageNum
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.getSkuDetailList(data.id)
|
|||
|
|
}, 200 * i)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.$http.post('/api/deliveryOrder/add',list).then(res => {
|
|||
|
|
console.log(res)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
if (this.pageSize == res.result.list.length) {
|
|||
|
|
this.currentPage ++
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.getList()
|
|||
|
|
}, 1500)
|
|||
|
|
} else {
|
|||
|
|
if (this.currentPage == 1 && res.result.list.length == 0) {
|
|||
|
|
this.isLoading = false
|
|||
|
|
}
|
|||
|
|
this.end()
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.getList()
|
|||
|
|
}, 1500)
|
|||
|
|
}
|
|||
|
|
}).catch(() => {
|
|||
|
|
this.isLoading = false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getSkuDetailList(sn) {
|
|||
|
|
sendChromeAPIMessage({
|
|||
|
|
url: 'bgSongbird-api/supplier/deliverGoods/management/queryDeliveryOrderPackageDetailInfo',
|
|||
|
|
needMallId: true,
|
|||
|
|
mallId: this.search.mallId,
|
|||
|
|
anti: true,
|
|||
|
|
data: {deliveryOrderSn: sn}}).then((res) => {
|
|||
|
|
if (res.errorCode == 1000000) {
|
|||
|
|
let list = []
|
|||
|
|
for(let i = 0;i < res.result.deliveryOrderDetails.length; i++) {
|
|||
|
|
let item = res.result.deliveryOrderDetails[i]
|
|||
|
|
|
|||
|
|
let data = {}
|
|||
|
|
data.deliveryOrderId = sn
|
|||
|
|
data.productSkuId = item.productSkuId
|
|||
|
|
data.productSkuNumber = item.deliverSkuNum
|
|||
|
|
|
|||
|
|
list.push(data)
|
|||
|
|
}
|
|||
|
|
this.packageNumber = this.packageNumber - res.result.deliveryOrderDetails.length
|
|||
|
|
|
|||
|
|
if (this.packageNumber < 5) this.isLoading = false
|
|||
|
|
this.$http.post('/api/deliveryOrderDetail/add',list)
|
|||
|
|
} else {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.getSkuDetailList(sn)
|
|||
|
|
}, 200)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.list {
|
|||
|
|
.title-right {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
& > div:first-child {
|
|||
|
|
margin-right: 20px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
::v-deep.ai-list {
|
|||
|
|
.ai-list__content--right-wrapper {
|
|||
|
|
background: transparent;
|
|||
|
|
box-shadow: none;
|
|||
|
|
padding: 0!important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.top {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin-bottom: 24px;
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
flex: 1;
|
|||
|
|
margin-right: 20px;
|
|||
|
|
padding: 16px 24px;
|
|||
|
|
background: #FFF;
|
|||
|
|
box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
|
|||
|
|
border-radius: 4px;
|
|||
|
|
|
|||
|
|
&:last-child {
|
|||
|
|
margin-right: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:nth-of-type(1) {
|
|||
|
|
color: #2266ff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:nth-of-type(2) {
|
|||
|
|
color: #f8b426;
|
|||
|
|
}
|
|||
|
|
&:nth-of-type(3) {
|
|||
|
|
color: #21aa99;
|
|||
|
|
}
|
|||
|
|
&:nth-of-type(4) {
|
|||
|
|
color: #F46;
|
|||
|
|
}
|
|||
|
|
&:nth-of-type(5) {
|
|||
|
|
color: #11A265;
|
|||
|
|
}
|
|||
|
|
h2 {
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p {
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 28px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|