78 lines
1.6 KiB
Vue
78 lines
1.6 KiB
Vue
|
<template>
|
||
|
|
<view class="content">
|
||
|
|
<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action='false' bg-color='white'
|
||
|
|
v-model="keywords"></u-search>
|
||
|
|
<view style="margin: 10rpx 0 0 0;">
|
||
|
|
</view>
|
||
|
|
<u-sticky bgColor="#F5F5F5">
|
||
|
|
<u-subsection :list="list" :current="curNow" @change="sectionChange"></u-subsection>
|
||
|
|
</u-sticky>
|
||
|
|
<view v-if="!orderlist.length">
|
||
|
|
<u-empty mode="data" icon="../../static/img/empty/data.png">
|
||
|
|
</u-empty>
|
||
|
|
</view>
|
||
|
|
<view v-else>
|
||
|
|
<logistiCard v-for='(item,index) in orderlist' @getlist="getOrderList" :goodsInfo="item" :key="index">
|
||
|
|
</logistiCard>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
getList
|
||
|
|
} from "@/api/logistics.js"
|
||
|
|
import {
|
||
|
|
informationAdd
|
||
|
|
} from "@/api/logistics.js"
|
||
|
|
import logistiCard from "@/components/logistiComptent/logistiCard/logistiCard.vue"
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
logistiCard
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
keywords: "",
|
||
|
|
list: ['待取货', '已取货', '已送达'],
|
||
|
|
curNow: 0,
|
||
|
|
orderlist: []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
sectionChange(index) {
|
||
|
|
this.curNow = index;
|
||
|
|
this.getOrderList()
|
||
|
|
// console.log(this.curNow)
|
||
|
|
},
|
||
|
|
|
||
|
|
getOrderList() {
|
||
|
|
// console.log(9999)
|
||
|
|
// return
|
||
|
|
let id = JSON.parse(uni.getStorageSync('USER_INFO')).id
|
||
|
|
getList({
|
||
|
|
status: this.curNow,
|
||
|
|
// courier_id: id,
|
||
|
|
courier_id: id,
|
||
|
|
keywords: this.keywords
|
||
|
|
}).then(res => {
|
||
|
|
this.orderlist = res.data.data
|
||
|
|
console.log(this.orderlist)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
onShow() {
|
||
|
|
// this.curNow = 1
|
||
|
|
this.getOrderList()
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang='scss'>
|
||
|
|
.content {
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
padding: 1vh 2vw;
|
||
|
|
}
|
||
|
|
</style>
|