|
|
|
@ -7,54 +7,55 @@ |
|
|
|
<div class="order-main"> |
|
|
|
<van-tabs v-model:active="active" swipeable @click-tab="onClickTab" > |
|
|
|
<van-tab v-for="item in tabTitle" :title="item.name" > |
|
|
|
<div v-for="(orderItem,index) in orderList" :key="index"> |
|
|
|
<div class="order-item"> |
|
|
|
<div class="list-top"> |
|
|
|
<div class="top-info"> |
|
|
|
<p class="active-name"> |
|
|
|
{{ orderItem.books && orderItem.books[0].selectName}}<i></i> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div :class="['order-status', orderItem.status === 1 && 'dshe', (orderItem.status===2 || orderItem.status===3) && 'dhuo']">{{ orderItem.orderName }}</div> |
|
|
|
</div> |
|
|
|
<div v-for="(item,i) in orderItem.books" :key="i"> |
|
|
|
<div class="product-cont" @click="toOrderDeatil(orderItem.status,orderItem.id)" > |
|
|
|
<div class="product-img"> |
|
|
|
<img |
|
|
|
:src=" |
|
|
|
$coverUrl+'/demoOnlineSelect/getBookCover.do?id=' + |
|
|
|
item.id |
|
|
|
" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="product-txt"> |
|
|
|
<div class="product-info"> |
|
|
|
<h4 class="overflow-txt-only">{{ item.bookName }}</h4> |
|
|
|
<div class="author-date"> |
|
|
|
<p class="author overflow-txt-only">{{ item.author }}</p> |
|
|
|
<p class="date overflow-txt-only">{{ item.createdDate }}</p> |
|
|
|
</div> |
|
|
|
<div class="intro overflow-txt">{{ item.introduce }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="order-book-price"> |
|
|
|
<span><i>￥</i>{{ item.price }}</span> |
|
|
|
<span>X1</span> |
|
|
|
<van-list |
|
|
|
v-model:loading="loading" |
|
|
|
:finished="finished" |
|
|
|
finished-text="没有更多了" |
|
|
|
@load="onLoad" |
|
|
|
> |
|
|
|
<div v-for="(orderItem,index) in orderList" :key="index"> |
|
|
|
<div class="order-item"> |
|
|
|
<div class="list-top"> |
|
|
|
<div class="top-info"> |
|
|
|
<p class="active-name" @click="toActive(orderItem.books[0].selectId)"> |
|
|
|
{{ orderItem.books && orderItem.books[0].selectName}}<i></i> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div :class="['order-status', orderItem.status === 1 && 'dshe', (orderItem.status===2 || orderItem.status===3) && 'dhuo']">{{ orderItem.orderName }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="order-dealer"> |
|
|
|
<p class="dealer">{{ orderItem.books && orderItem.books[0].supplierName}}</p> |
|
|
|
<p class="order-pay">实付款<span><i>￥</i>0</span></p> |
|
|
|
</div> |
|
|
|
<div class="order-bottom"> |
|
|
|
<span v-if="orderItem.status===3 || orderItem.status === 4" class="order-btn01" @click="toLogisticsInfo">查看物流</span> |
|
|
|
<span v-if="orderItem.status===3" class="order-btn02" @click="show = true">确认收货</span> |
|
|
|
<span v-if="orderItem.status===5" class="order-btn01" @click="showDelt=true">删除订单</span> |
|
|
|
<div v-for="(item,i) in orderItem.books" :key="i"> |
|
|
|
<div class="product-cont" @click="toOrderDeatil(orderItem.status,orderItem.id)" > |
|
|
|
<div class="product-img"> |
|
|
|
<img :src="$coverUrl+'/demoOnlineSelect/getBookCover.do?id='+item.id" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="product-txt"> |
|
|
|
<div class="product-info"> |
|
|
|
<h4 class="overflow-txt-only">{{ item.bookName }}</h4> |
|
|
|
<div class="author-date"> |
|
|
|
<p class="author overflow-txt-only">{{ item.author }}</p> |
|
|
|
<p class="date overflow-txt-only">{{ item.createdDate }}</p> |
|
|
|
</div> |
|
|
|
<div class="intro overflow-txt">{{ item.introduce }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="order-book-price"> |
|
|
|
<span><i>￥</i>{{ item.price }}</span> |
|
|
|
<span>X1</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="order-dealer"> |
|
|
|
<p class="dealer">{{ orderItem.books && orderItem.books[0].supplierName}}</p> |
|
|
|
<p class="order-pay">实付款<span><i>￥</i>0</span></p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="order-bottom"> |
|
|
|
<span v-if="orderItem.status===3 || orderItem.status === 4" class="order-btn01" @click="toLogisticsInfo">查看物流</span> |
|
|
|
<span v-if="orderItem.status===3" class="order-btn02" @click="taskGoods(orderItem)">确认收货</span> |
|
|
|
<span v-if="orderItem.status===5" class="order-btn01" @click="showDelt=true">删除订单</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</van-list> |
|
|
|
</van-tab> |
|
|
|
</van-tabs> |
|
|
|
</div> |
|
|
|
@ -100,6 +101,7 @@ export default { |
|
|
|
show: false, |
|
|
|
showDelt: false, |
|
|
|
orderList:[], |
|
|
|
taskGoodsItem: null, |
|
|
|
tabTitle: [ |
|
|
|
{ |
|
|
|
value: '0', |
|
|
|
@ -126,28 +128,55 @@ export default { |
|
|
|
name: '已取消', |
|
|
|
}, |
|
|
|
], |
|
|
|
page:{ |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 20 |
|
|
|
loading: false, |
|
|
|
finished: false, |
|
|
|
pagetTable: { |
|
|
|
current: 1, |
|
|
|
size: 10, |
|
|
|
total: '', |
|
|
|
} |
|
|
|
}) |
|
|
|
onMounted(() => { |
|
|
|
data.active = JSON.parse(proxy.$route.query.tabActive) |
|
|
|
getMyOrder() |
|
|
|
if(data.active){ |
|
|
|
onLoad() |
|
|
|
} |
|
|
|
}) |
|
|
|
let toBack = () => { |
|
|
|
proxy.$router.go(-1) |
|
|
|
proxy.$router.push({ |
|
|
|
path: '/Mine' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
let toActive = (id) =>{ |
|
|
|
proxy.$router.push({ |
|
|
|
path: '/BookList', |
|
|
|
query: { |
|
|
|
activeId: id |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
let onClickTab = (item) => { |
|
|
|
data.pagetTable.current = 1 |
|
|
|
data.loading = true |
|
|
|
data.finished = false |
|
|
|
data.active = item.name |
|
|
|
data.orderList = [] |
|
|
|
getMyOrder() |
|
|
|
onLoad() |
|
|
|
} |
|
|
|
let onLoad = () => { |
|
|
|
let timer = setTimeout(() => { |
|
|
|
getMyOrder() |
|
|
|
data.pagetTable.current ++ |
|
|
|
data.finished && clearTimeout(timer);//清除计时器 |
|
|
|
}, 1000); |
|
|
|
} |
|
|
|
let getMyOrder = () => { |
|
|
|
let param = { |
|
|
|
openid: 'ocHu-sysUQ6-xb9knAJ5mATqCOJE', |
|
|
|
pageNo: data.page.pageNo, |
|
|
|
pageSize: data.page.pageSize, |
|
|
|
pageNo: data.pagetTable.current, |
|
|
|
pageSize: data.pagetTable.size, |
|
|
|
status: data.active |
|
|
|
} |
|
|
|
proxy.$http |
|
|
|
@ -156,7 +185,8 @@ export default { |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
if(res.data.myOrder.length !== 0){ |
|
|
|
data.orderList = res.data.myOrder |
|
|
|
// data.pagetTable.total = res.data.page.totalRows |
|
|
|
data.orderList.push(...res.data.myOrder) |
|
|
|
data.orderList.forEach(orderItem=>{ |
|
|
|
switch(orderItem.status){ |
|
|
|
case 1 : |
|
|
|
@ -176,6 +206,14 @@ export default { |
|
|
|
break; |
|
|
|
} |
|
|
|
}) |
|
|
|
data.loading = false |
|
|
|
data.finished = true |
|
|
|
// if (data.orderList.length >= res.data.page.totalRows) { |
|
|
|
// data.finished = true |
|
|
|
// } |
|
|
|
}else{ |
|
|
|
data.orderList = []; |
|
|
|
data.finished = true; |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((res) => { |
|
|
|
@ -194,12 +232,44 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
let toLogisticsInfo = () => { |
|
|
|
proxy.$router.push({ path: '/LogisticsInfo' }) |
|
|
|
proxy.$router.push({ |
|
|
|
path: '/LogisticsInfo', |
|
|
|
query: { |
|
|
|
tabActive: data.active |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
let taskGoods = (orderItem) => { |
|
|
|
data.show = true |
|
|
|
data.taskGoodsItem = orderItem |
|
|
|
} |
|
|
|
|
|
|
|
let comfiredHandle = () =>{ |
|
|
|
data.show = false |
|
|
|
Toast('确认收货成功') |
|
|
|
console.log(data.taskGoodsItem.id) |
|
|
|
proxy.$http |
|
|
|
.post(proxy.$API.TASKGOODS, |
|
|
|
{ |
|
|
|
id: data.taskGoodsItem.id |
|
|
|
}, |
|
|
|
{ |
|
|
|
headers: { |
|
|
|
'Content-Type': 'application/x-www-form-urlencoded' |
|
|
|
} |
|
|
|
} |
|
|
|
) |
|
|
|
.then(res => { |
|
|
|
if(res.errCode === 0){ |
|
|
|
data.show = false |
|
|
|
Toast('确认收货成功') |
|
|
|
getMyOrder() |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((res) => { |
|
|
|
console.log(res) |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
let deltHandle = () =>{ |
|
|
|
data.showDelt = false |
|
|
|
Toast('删除订单成功') |
|
|
|
@ -207,12 +277,15 @@ export default { |
|
|
|
return { |
|
|
|
...toRefs(data), |
|
|
|
toBack, |
|
|
|
toActive, |
|
|
|
toOrderDeatil, |
|
|
|
toLogisticsInfo, |
|
|
|
taskGoods, |
|
|
|
comfiredHandle, |
|
|
|
deltHandle, |
|
|
|
onClickTab, |
|
|
|
getMyOrder |
|
|
|
getMyOrder, |
|
|
|
onLoad |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
|
