Skip to content

J
jd-vx-app
Commit df61f3fb authored by 程新智's avatar 程新智 👽
Browse files
Options

刷新

parent cd106b58
Hide whitespace changes
Inline Side-by-side
Showing with 239 additions and 219 deletions
pagesD/pages/personal/myOrder.vue
View file @ df61f3fb
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<template> <template>
<view class="appCotent"> <view class="appCotent">
<div class="myOrder"> <div class="myOrder">
<u-tabs :current='current' :list="list4" lineWidth="30" @change="changeVal" lineColor="#f56c6c" :activeStyle="{ <u-tabs :current='current' :list="list4" lineWidth="30" @change="changeVal" lineColor="#f56c6c" :activeStyle="{
color: 'rgba(241, 37, 27, 1)', color: 'rgba(241, 37, 27, 1)',
fontSize: '32rpx', fontSize: '32rpx',
transform: 'scale(1.05)' transform: 'scale(1.05)'
...@@ -14,142 +14,142 @@ ...@@ -14,142 +14,142 @@
transform: 'scale(1)' transform: 'scale(1)'
}" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"> }" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;">
</u-tabs> </u-tabs>
<scroll-list ref="list" :option="option" @load="load"> <scroll-list ref="list" :option="option" @load="load" @refresh="refresh">
<u-gap bgColor="transparent" height="15"></u-gap> <u-gap bgColor="transparent" height="15"></u-gap>
<div class="order__content" v-for="(item,index) in orderList" :key="index"> <div class="order__content" v-for="(item,index) in orderList" :key="index">
<div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===1) && item.orderStatus == 10"> <div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===1) && item.orderStatus == 10">
<div class="item"> <div class="item">
<div class="item__time"> <div class="item__time">
<span>{{item.successTime}}</span> <span>{{item.successTime}}</span>
<span>待发货</span> <span>待发货</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div> </div>
<div class="top__right"> <div class="item__top">
<div class="right__one one__text"> <div>
<span>{{item.title}}</span> <img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<span>￥{{item.amount/100}}</span>
</div> </div>
<div class="right__two"> <div class="top__right">
<span>{{item.spec}}</span> <div class="right__one one__text">
<span>×{{item.nums}}</span> <span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
</div>
</div> </div>
</div> </div>
</div> <div class="order">订单编号:{{item.orderNo}}</div>
<div class="order">订单编号:{{item.orderNo}}</div> <div class="order__num">
<div class="order__num"> <span>总金额:</span>
<span>总金额:</span> <span>￥{{item.amount/100}}</span>
<span>￥{{item.amount/100}}</span> </div>
</div> <div class="order__btn" @click.stop="pull(item.id)">
<div class="order__btn" @click.stop="pull(item.id)"> <span v-if="item.aftersaleStatus==0 && item.currentPrice > 0" @click.stop="pull(item.id)">申请退款</span>
<span v-if="item.aftersaleStatus==0 && item.currentPrice > 0" @click.stop="pull(item.id)">申请退款</span> <span class="btn__two" @click="orderDetail(item.id)">查看详情</span>
<span class="btn__two" @click="orderDetail(item.id)">查看详情</span> </div>
</div> </div>
</div> </div>
</div> <div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===2) && item.orderStatus == 20">
<div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===2) && item.orderStatus == 20"> <div class="item">
<div class="item"> <div class="item__time">
<div class="item__time"> <span>{{item.successTime}}</span>
<span>{{item.successTime}}</span> <span style="color:#F88D28">待收货</span>
<span style="color:#F88D28">待收货</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div> </div>
<div class="top__right"> <div class="item__top">
<div class="right__one one__text"> <div>
<span>{{item.title}}</span> <img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<span>￥{{item.amount/100}}</span>
</div> </div>
<div class="right__two"> <div class="top__right">
<span>{{item.spec}}</span> <div class="right__one one__text">
<span>×{{item.nums}}</span> <span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
</div>
</div> </div>
</div> </div>
</div> <div class="order">订单编号:{{item.orderNo}}</div>
<div class="order">订单编号:{{item.orderNo}}</div> <div class="order__num">
<div class="order__num"> <span>总金额:</span>
<span>总金额:</span> <span>￥{{item.amount/100}}</span>
<span>￥{{item.amount/100}}</span> </div>
</div> <div class="order__btn">
<div class="order__btn"> <span @click="goCarTime(item.id)">查看物流</span>
<span @click="goCarTime(item.id)">查看物流</span> <span class="btn__two">确认收货</span>
<span class="btn__two">确认收货</span> </div>
</div> </div>
</div> </div>
</div> <div class="order__items" v-if="(current===0||current===3) && item.orderStatus == 50">
<div class="order__items" v-if="(current===0||current===3) && item.orderStatus == 50"> <div class="item">
<div class="item"> <div class="item__time">
<div class="item__time"> <span>{{item.successTime}}</span>
<span>{{item.successTime}}</span> <span style="color:#1BF134">已收货</span>
<span style="color:#1BF134">已收货</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div> </div>
<div class="top__right"> <div class="item__top">
<div class="right__one one__text"> <div>
<span>{{item.title}}</span> <img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<span>￥{{item.amount/100}}</span>
</div> </div>
<div class="right__two"> <div class="top__right">
<span>{{item.spec}}</span> <div class="right__one one__text">
<span>×{{item.nums}}</span> <span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
</div>
</div> </div>
</div> </div>
</div> <div class="order">订单编号:{{item.orderNo}}</div>
<div class="order">订单编号:{{item.orderNo}}</div> <div class="order__num">
<div class="order__num"> <span>总金额:</span>
<span>总金额:</span> <span>￥{{item.amount/100}}</span>
<span>￥{{item.amount/100}}</span> </div>
</div> <div class="order__btn">
<div class="order__btn"> <span @click="goCarTime(item.id)">查看物流</span>
<span @click="goCarTime(item.id)">查看物流</span> <span class="btn__two" @click="orderDetail(item.id)">查看详情</span>
<span class="btn__two" @click="orderDetail(item.id)">查看详情</span> </div>
</div> </div>
</div> </div>
</div> <div class="order__items" v-if="(current===0||current===4) && (item.orderStatus == 30 || item.orderStatus == 40)">
<div class="order__items" v-if="(current===0||current===4) && (item.orderStatus == 30 || item.orderStatus == 40)"> <div class="item">
<div class="item"> <div class="item__time">
<div class="item__time"> <span>{{item.successTime}}</span>
<span>{{item.successTime}}</span> <span style="color:#666666">已退款</span>
<span style="color:#666666">已退款</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div> </div>
<div class="top__right"> <div class="item__top">
<div class="right__one one__text"> <div>
<span>{{item.title}}</span> <img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<span>￥{{item.amount/100}}</span>
</div> </div>
<div class="right__two"> <div class="top__right">
<span>{{item.spec}}</span> <div class="right__one one__text">
<span>×{{item.nums}}</span> <span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
</div>
</div> </div>
</div> </div>
</div> <div class="order">订单编号:{{item.orderNo}}</div>
<div class="order">订单编号:{{item.orderNo}}</div> <div class="order__num">
<div class="order__num"> <span></span>
<span></span> <span v-if="item.orderStatus==40">退款成功</span>
<span v-if="item.orderStatus==40">退款成功</span> <span v-else>退款中</span>
<span v-else>退款中</span> </div>
</div> <div class="order__btn">
<div class="order__btn"> <u-modal :show="showDelModal" @confirm="confirmDel" @cancel="cancelModal" :title="delTitle" ref="delModal" :showCancelButton="true"></u-modal>
<u-modal :show="showDelModal" @confirm="confirmDel" @cancel="cancelModal" :title="delTitle" ref="delModal" :showCancelButton="true"></u-modal> <span @click="showDel(item.id)">删除记录</span>
<span @click="showDel(item.id)">删除记录</span> <span class="btn__two" @click="orderDetail(item.id)">查看详情</span>
<span class="btn__two" @click="orderDetail(item.id)">查看详情</span> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</scroll-list> </scroll-list>
</div> </div>
</view> </view>
</template> </template>
...@@ -158,11 +158,11 @@ ...@@ -158,11 +158,11 @@
export default { export default {
data() { data() {
return { return {
list:[], list: [],
option: { option: {
size: 10, size: 10,
auto: true auto: true
}, },
current: 0, current: 0,
list4: [{ list4: [{
name: '全部订单' name: '全部订单'
...@@ -178,11 +178,11 @@ export default { ...@@ -178,11 +178,11 @@ export default {
}, { }, {
name: '退款/售后' name: '退款/售后'
}], }],
//商品订单列表 //商品订单列表
orderList: [], orderList: [],
showDelModal: false, showDelModal: false,
deleteId: '', deleteId: '',
delTitle: '确认删除该纪录吗？', delTitle: '确认删除该纪录吗？',
} }
}, },
onLoad: function (e) { onLoad: function (e) {
...@@ -191,80 +191,96 @@ export default { ...@@ -191,80 +191,96 @@ export default {
}) })
}, },
methods: { methods: {
// 加载数据 // 刷新刷剧
load(paging) { async refresh(paging) {
//console.log(paging) // 刷新成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
setTimeout(() => { await this.getOrderList()
let list = []; this.$refs.list.refreshSuccess({
let order = {} list:this.list,
//订单状态:0-未支付,10-待发货,20-待收货,30-退款/售后,50-已完成 total:this.orderList.length
if(this.current == 0){ });
// 刷新失败
// this.$refs.list.refreshFail()
},
// 加载数据
load(paging) {
//console.log(paging)
setTimeout(() => {
let list = [];
let order = {}
//订单状态:0-未支付,10-待发货,20-待收货,30-退款/售后,50-已完成
if (this.current == 0) {
}else if(this.current == 1){ } else if (this.current == 1) {
order.orderStatus = 10; order.orderStatus = 10;
}else if(this.current == 2){ } else if (this.current == 2) {
order.orderStatus = 20; order.orderStatus = 20;
}else if(this.current == 3){ } else if (this.current == 3) {
order.orderStatus = 50; order.orderStatus = 50;
}else if(this.current == 4){ } else if (this.current == 4) {
order.orderStatus = 30; order.orderStatus = 30;
}else{ } else {}
} let opts = {
let opts = { url: '/app/user/order/list?pageSize='+paging.size+'&pageNum='+paging.page, method: 'get' }; url: '/app/user/order/list?pageSize=' + paging.size + '&pageNum=' + paging.page,
this.http.httpTokenRequest(opts, order).then(res => { method: 'get'
if (res.data.code == 200) { };
list = res.data.data.rows this.http.httpTokenRequest(opts, order).then(res => {
this.orderList = [...this.orderList, ...list]; if (res.data.code == 200) {
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)} list = res.data.data.rows
this.$refs.list.loadSuccess({ this.orderList = [...this.orderList, ...list];
list: this.orderList, // 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
total: res.data.data.total this.$refs.list.loadSuccess({
}); list: this.orderList,
// 加载失败 total: res.data.data.total
// this.$refs.list.loadFail() });
} // 加载失败
}) // this.$refs.list.loadFail()
}, this.$u.random(100, 1000)); }
}, })
}, this.$u.random(100, 1000));
},
pull(orderId) { pull(orderId) {
uni.navigateTo({ uni.navigateTo({
url: '/pagesD/pages/personal/pull?orderId=' + orderId url: '/pagesD/pages/personal/pull?orderId=' + orderId
}); });
}, },
goCarTime(id){ goCarTime(id) {
console.log("123") console.log("123")
console.log(id) console.log(id)
uni.navigateTo({ uni.navigateTo({
url: '/pagesD/pages/personal/carTime?orderId=' + id url: '/pagesD/pages/personal/carTime?orderId=' + id
}) })
}, },
showDel(id){ showDel(id) {
// //
this.showDelModal = true this.showDelModal = true
this.deleteId = id this.deleteId = id
}, },
cancelModal(){ cancelModal() {
this.showDelModal = false this.showDelModal = false
}, },
confirmDel(){ confirmDel() {
let opts = { url: '/app/user/order/remove/' + this.deleteId, method: 'get' }; let opts = {
this.http.httpTokenRequest(opts, {}).then(res => { url: '/app/user/order/remove/' + this.deleteId,
if (res.data.code == 200) { method: 'get'
uni.showToast({ };
title: '删除成功', this.http.httpTokenRequest(opts, {}).then(res => {
icon: "success" if (res.data.code == 200) {
}); uni.showToast({
}else{ title: '删除成功',
uni.showToast({ icon: "success"
title: '删除失败', });
icon: "error" } else {
}); uni.showToast({
} title: '删除失败',
this.getOrderList() icon: "error"
}) });
this.showDelModal = false }
}, this.getOrderList()
})
this.showDelModal = false
},
orderDetail(id) { orderDetail(id) {
uni.navigateTo({ uni.navigateTo({
url: '/pagesD/pages/personal/orderDetail?orderId=' + id url: '/pagesD/pages/personal/orderDetail?orderId=' + id
...@@ -272,41 +288,43 @@ export default { ...@@ -272,41 +288,43 @@ export default {
}, },
changeVal(v) { changeVal(v) {
this.current = v.index this.current = v.index
this.getOrderList() this.getOrderList()
}, },
getOrderList(){ getOrderList() {
let order = {} let order = {}
//订单状态:0-未支付,10-待发货,20-待收货,30-退款/售后,50-已完成 //订单状态:0-未支付,10-待发货,20-待收货,30-退款/售后,50-已完成
if(this.current == 0){ if (this.current == 0) {
}else if(this.current == 1){ } else if (this.current == 1) {
order.orderStatus = 10; order.orderStatus = 10;
}else if(this.current == 2){ } else if (this.current == 2) {
order.orderStatus = 20; order.orderStatus = 20;
}else if(this.current == 3){ } else if (this.current == 3) {
order.orderStatus = 50; order.orderStatus = 50;
}else if(this.current == 4){ } else if (this.current == 4) {
order.orderStatus = 30; order.orderStatus = 30;
}else{ } else {}
} let opts = {
let opts = { url: '/app/user/order/list', method: 'get' }; url: '/app/user/order/list',
this.http.httpTokenRequest(opts, order).then(res => { method: 'get'
if (res.data.code == 200) { };
this.orderList = res.data.data.rows this.http.httpTokenRequest(opts, order).then(res => {
this.orderList.length>0?this.$refs.list.toggle():this.$refs.list.show() if (res.data.code == 200) {
} this.orderList = res.data.data.rows
}) this.orderList.length > 0 ? this.$refs.list.toggle() : this.$refs.list.show()
}, }
})
},
}, },
onShow() { onShow() {
//this.load() //this.load()
}, },
onLoad(e) { onLoad(e) {
if(e.current) { if (e.current) {
this.current = parseInt(e.current) this.current = parseInt(e.current)
} }
}, },
} }
</script> </script>
...@@ -315,9 +333,11 @@ export default { ...@@ -315,9 +333,11 @@ export default {
uni-view { uni-view {
background: #fff; background: #fff;
} }
.order__content { .order__content {
padding:0 40rpx; padding: 0 40rpx;
z-index: 999999; z-index: 999999;
.order__items { .order__items {
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2); box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment