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 @@
<template>
<view class="appCotent">
<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)',
fontSize: '32rpx',
transform: 'scale(1.05)'
......@@ -14,142 +14,142 @@
transform: 'scale(1)'
}" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;">
</u-tabs>
<scroll-list ref="list" :option="option" @load="load">
<u-gap bgColor="transparent" height="15"></u-gap>
<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="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span>待发货</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<scroll-list ref="list" :option="option" @load="load" @refresh="refresh">
<u-gap bgColor="transparent" height="15"></u-gap>
<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="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span>待发货</span>
</div>
<div class="top__right">
<div class="right__one one__text">
<span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
<div class="top__right">
<div class="right__one one__text">
<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 class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span>总金额:</span>
<span>￥{{item.amount/100}}</span>
</div>
<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 class="btn__two" @click="orderDetail(item.id)">查看详情</span>
<div class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span>总金额:</span>
<span>￥{{item.amount/100}}</span>
</div>
<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 class="btn__two" @click="orderDetail(item.id)">查看详情</span>
</div>
</div>
</div>
</div>
<div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===2) && item.orderStatus == 20">
<div class="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span style="color:#F88D28">待收货</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<div class="order__items" @click="orderDetail(item.id)" v-if="(current===0||current===2) && item.orderStatus == 20">
<div class="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span style="color:#F88D28">待收货</span>
</div>
<div class="top__right">
<div class="right__one one__text">
<span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
<div class="top__right">
<div class="right__one one__text">
<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 class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span>总金额:</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="order__btn">
<span @click="goCarTime(item.id)">查看物流</span>
<span class="btn__two">确认收货</span>
<div class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span>总金额:</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="order__btn">
<span @click="goCarTime(item.id)">查看物流</span>
<span class="btn__two">确认收货</span>
</div>
</div>
</div>
</div>
<div class="order__items" v-if="(current===0||current===3) && item.orderStatus == 50">
<div class="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span style="color:#1BF134">已收货</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<div class="order__items" v-if="(current===0||current===3) && item.orderStatus == 50">
<div class="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span style="color:#1BF134">已收货</span>
</div>
<div class="top__right">
<div class="right__one one__text">
<span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
<div class="top__right">
<div class="right__one one__text">
<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 class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span>总金额:</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="order__btn">
<span @click="goCarTime(item.id)">查看物流</span>
<span class="btn__two" @click="orderDetail(item.id)">查看详情</span>
<div class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span>总金额:</span>
<span>￥{{item.amount/100}}</span>
</div>
<div class="order__btn">
<span @click="goCarTime(item.id)">查看物流</span>
<span class="btn__two" @click="orderDetail(item.id)">查看详情</span>
</div>
</div>
</div>
</div>
<div class="order__items" v-if="(current===0||current===4) && (item.orderStatus == 30 || item.orderStatus == 40)">
<div class="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span style="color:#666666">已退款</span>
</div>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
<div class="order__items" v-if="(current===0||current===4) && (item.orderStatus == 30 || item.orderStatus == 40)">
<div class="item">
<div class="item__time">
<span>{{item.successTime}}</span>
<span style="color:#666666">已退款</span>
</div>
<div class="top__right">
<div class="right__one one__text">
<span>{{item.title}}</span>
<span>￥{{item.amount/100}}</span>
<div class="item__top">
<div>
<img :src="item.mainImgUrl" class="top__img" alt="" srcset="">
</div>
<div class="right__two">
<span>{{item.spec}}</span>
<span>×{{item.nums}}</span>
<div class="top__right">
<div class="right__one one__text">
<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 class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span></span>
<span v-if="item.orderStatus==40">退款成功</span>
<span v-else>退款中</span>
</div>
<div class="order__btn">
<u-modal :show="showDelModal" @confirm="confirmDel" @cancel="cancelModal" :title="delTitle" ref="delModal" :showCancelButton="true"></u-modal>
<span @click="showDel(item.id)">删除记录</span>
<span class="btn__two" @click="orderDetail(item.id)">查看详情</span>
<div class="order">订单编号:{{item.orderNo}}</div>
<div class="order__num">
<span></span>
<span v-if="item.orderStatus==40">退款成功</span>
<span v-else>退款中</span>
</div>
<div class="order__btn">
<u-modal :show="showDelModal" @confirm="confirmDel" @cancel="cancelModal" :title="delTitle" ref="delModal" :showCancelButton="true"></u-modal>
<span @click="showDel(item.id)">删除记录</span>
<span class="btn__two" @click="orderDetail(item.id)">查看详情</span>
</div>
</div>
</div>
</div>
</div>
</scroll-list>
</div>
</scroll-list>
</div>
</view>
</template>
......@@ -158,11 +158,11 @@
export default {
data() {
return {
list:[],
option: {
size: 10,
auto: true
},
list: [],
option: {
size: 10,
auto: true
},
current: 0,
list4: [{
name: '全部订单'
......@@ -178,11 +178,11 @@ export default {
}, {
name: '退款/售后'
}],
//商品订单列表
orderList: [],
showDelModal: false,
deleteId: '',
delTitle: '确认删除该纪录吗？',
//商品订单列表
orderList: [],
showDelModal: false,
deleteId: '',
delTitle: '确认删除该纪录吗？',
}
},
onLoad: function (e) {
......@@ -191,80 +191,96 @@ export default {
})
},
methods: {
// 加载数据
load(paging) {
//console.log(paging)
setTimeout(() => {
let list = [];
let order = {}
//订单状态:0-未支付,10-待发货,20-待收货,30-退款/售后,50-已完成
if(this.current == 0){
// 刷新刷剧
async refresh(paging) {
// 刷新成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
await this.getOrderList()
this.$refs.list.refreshSuccess({
list:this.list,
total:this.orderList.length
});
// 刷新失败
// 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){
order.orderStatus = 10;
}else if(this.current == 2){
order.orderStatus = 20;
}else if(this.current == 3){
order.orderStatus = 50;
}else if(this.current == 4){
order.orderStatus = 30;
}else{
}
let opts = { url: '/app/user/order/list?pageSize='+paging.size+'&pageNum='+paging.page, method: 'get' };
this.http.httpTokenRequest(opts, order).then(res => {
if (res.data.code == 200) {
list = res.data.data.rows
this.orderList = [...this.orderList, ...list];
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({
list: this.orderList,
total: res.data.data.total
});
// 加载失败
// this.$refs.list.loadFail()
}
})
}, this.$u.random(100, 1000));
},
} else if (this.current == 1) {
order.orderStatus = 10;
} else if (this.current == 2) {
order.orderStatus = 20;
} else if (this.current == 3) {
order.orderStatus = 50;
} else if (this.current == 4) {
order.orderStatus = 30;
} else {}
let opts = {
url: '/app/user/order/list?pageSize=' + paging.size + '&pageNum=' + paging.page,
method: 'get'
};
this.http.httpTokenRequest(opts, order).then(res => {
if (res.data.code == 200) {
list = res.data.data.rows
this.orderList = [...this.orderList, ...list];
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({
list: this.orderList,
total: res.data.data.total
});
// 加载失败
// this.$refs.list.loadFail()
}
})
}, this.$u.random(100, 1000));
},
pull(orderId) {
uni.navigateTo({
url: '/pagesD/pages/personal/pull?orderId=' + orderId
});
},
goCarTime(id){
goCarTime(id) {
console.log("123")
console.log(id)
uni.navigateTo({
url: '/pagesD/pages/personal/carTime?orderId=' + id
})
},
showDel(id){
//
this.showDelModal = true
this.deleteId = id
},
cancelModal(){
this.showDelModal = false
},
confirmDel(){
uni.navigateTo({
url: '/pagesD/pages/personal/carTime?orderId=' + id
})
},
showDel(id) {
//
this.showDelModal = true
this.deleteId = id
},
cancelModal() {
this.showDelModal = false
},
confirmDel() {
let opts = { url: '/app/user/order/remove/' + this.deleteId, method: 'get' };
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
uni.showToast({
title: '删除成功',
icon: "success"
});
}else{
uni.showToast({
title: '删除失败',
icon: "error"
});
}
this.getOrderList()
})
this.showDelModal = false
},
let opts = {
url: '/app/user/order/remove/' + this.deleteId,
method: 'get'
};
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
uni.showToast({
title: '删除成功',
icon: "success"
});
} else {
uni.showToast({
title: '删除失败',
icon: "error"
});
}
this.getOrderList()
})
this.showDelModal = false
},
orderDetail(id) {
uni.navigateTo({
url: '/pagesD/pages/personal/orderDetail?orderId=' + id
......@@ -272,41 +288,43 @@ export default {
},
changeVal(v) {
this.current = v.index
this.getOrderList()
this.getOrderList()
},
getOrderList(){
let order = {}
//订单状态:0-未支付,10-待发货,20-待收货,30-退款/售后,50-已完成
if(this.current == 0){
getOrderList() {
let order = {}
//订单状态:0-未支付,10-待发货,20-待收货,30-退款/售后,50-已完成
if (this.current == 0) {
}else if(this.current == 1){
order.orderStatus = 10;
}else if(this.current == 2){
order.orderStatus = 20;
}else if(this.current == 3){
order.orderStatus = 50;
}else if(this.current == 4){
order.orderStatus = 30;
}else{
}
let opts = { url: '/app/user/order/list', method: 'get' };
this.http.httpTokenRequest(opts, order).then(res => {
if (res.data.code == 200) {
this.orderList = res.data.data.rows
this.orderList.length>0?this.$refs.list.toggle():this.$refs.list.show()
}
})
},
} else if (this.current == 1) {
order.orderStatus = 10;
} else if (this.current == 2) {
order.orderStatus = 20;
} else if (this.current == 3) {
order.orderStatus = 50;
} else if (this.current == 4) {
order.orderStatus = 30;
} else {}
let opts = {
url: '/app/user/order/list',
method: 'get'
};
this.http.httpTokenRequest(opts, order).then(res => {
if (res.data.code == 200) {
this.orderList = res.data.data.rows
this.orderList.length > 0 ? this.$refs.list.toggle() : this.$refs.list.show()
}
})
},
},
onShow() {
//this.load()
},
onLoad(e) {
if(e.current) {
this.current = parseInt(e.current)
}
onShow() {
//this.load()
},
onLoad(e) {
if (e.current) {
this.current = parseInt(e.current)
}
},
},
}
</script>
......@@ -315,9 +333,11 @@ export default {
uni-view {
background: #fff;
}
.order__content {
padding:0 40rpx;
padding: 0 40rpx;
z-index: 999999;
.order__items {
background: #FFFFFF;
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