You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
887 lines
25 KiB
887 lines
25 KiB
<template>
|
|
<view >
|
|
<loadlogo v-if="loading"></loadlogo>
|
|
<view class="orderList" v-if="!loading">
|
|
<far-bottom></far-bottom>
|
|
<!-- 头部导航栏 -->
|
|
<view class="topNav">
|
|
<view class="check" v-if="type == 10">
|
|
<view><span>{{languageStatus!=1?'全部':'전체'}}</span></view>
|
|
</view>
|
|
<view class="all" v-else @click="changType(10)">
|
|
<view><span>{{languageStatus!=1?'全部':'전체'}}</span></view>
|
|
</view>
|
|
<view class="check" v-if="type == 0">
|
|
<view><span>{{languageStatus!=1?'待付款':'미지불'}}</span></view>
|
|
</view>
|
|
<view class="payment" v-else @click="changType(0)">
|
|
<view><span>{{languageStatus!=1?'待付款':'미지불'}}</span></view>
|
|
</view>
|
|
<view class="check" v-if="type == 1">
|
|
<view><span>{{languageStatus!=1?`待${changeflag===1?'发货':'使用'}`:'미사용'}}</span></view>
|
|
</view>
|
|
<view class="use" v-else @click="changType(1)">
|
|
<view><span>{{languageStatus!=1?`待${changeflag===1?'发货':'使用'}`:'미사용'}}</span></view>
|
|
</view>
|
|
<view class="check" v-if="type == 4">
|
|
<view><span>{{languageStatus!=1?'待收货':'미배송'}}</span></view>
|
|
</view>
|
|
<view class="receiving" v-else @click="changType(4)">
|
|
<view><span>{{languageStatus!=1?'待收货':'미배송'}}</span></view>
|
|
</view>
|
|
<view class="check" v-if="type == 2">
|
|
<view><span>{{languageStatus!=1?'待评价':'미평가'}}</span></view>
|
|
</view>
|
|
|
|
<view class="evaluate" v-else @click="changType(2)">
|
|
<view><span>{{languageStatus!=1?'待评价':'미평가'}}</span></view>
|
|
</view>
|
|
</view>
|
|
<!-- 头部导航栏 -->
|
|
|
|
<!-- 商品列表 -->
|
|
<scroll-view class="orderLists" scroll-y="true" lower-threshold="0" @scrolltolower="downLoading" show-scrollbar="true"
|
|
:style="{ height: phoneHight }" :scroll-top="scrollTop" @scroll="scrollyTop">
|
|
<!-- 商品循环模板 -->
|
|
<block v-if="!!orderList && orderList.length>0">
|
|
<view class="orderListsMb" v-for="(item, index) in orderList" :key="index">
|
|
<view class="mbPackage">
|
|
<view class="orderListsMbTitle diy-nav-list border-line border-bottom" @click="goOrderDetails(item.id, item.plugin,item.status,item.activityid,item.fightstatus,item.groupstatus,item,item.recordid)">
|
|
<view>
|
|
<view v-if="!!item.shop_img">
|
|
<image :src="item.shop_img" />
|
|
</view>
|
|
<view v-else></view>
|
|
<span>{{ item.storename }}</span>
|
|
</view>
|
|
<span>{{item.statusName==undefined?item.status:item.statusName}}</span>
|
|
</view>
|
|
<view class="orderListsMbBody diy-nav-list border-line border-bottom" @click="goOrderDetails(item.id, item.plugin,item.status,item.activityid,item.fightstatus,item.groupstatus,item,item.recordid)">
|
|
<view class="orderListsImg">
|
|
<image :src="item.goodsimg" />
|
|
</view>
|
|
<view class="orderListsInfo">
|
|
<view>
|
|
<span>{{ item.goodsname }}</span>
|
|
</view>
|
|
<view>
|
|
<span>{{ item.optionname }}</span>
|
|
</view>
|
|
<view>
|
|
<span>￥{{ item.goodsprice }}</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="orderListsMbFoot">
|
|
<!-- 商品价格 -->
|
|
<view class="orderListsPrice">
|
|
<view></view>
|
|
<view>
|
|
<span v-if="item.plugin == 'rush' || item.plugin == 'groupon' || item.plugin == 'coupon' || item.plugin == 'wlfightgroup' || item.plugin == 'bargain'">
|
|
{{languageStatus!=1?'共':'총'}}{{ item.num }}{{languageStatus!=1?'件商品':'건 상품'}}
|
|
</span>
|
|
<span>
|
|
{{languageStatus!=1?'合计':'합계'}}：
|
|
<span>￥{{ item.price }}</span>
|
|
</span>
|
|
</view>
|
|
</view>
|
|
<!-- 商品价格 -->
|
|
|
|
<!-- 商品按钮 -->
|
|
<view class="orderListsButton">
|
|
<view></view>
|
|
<view class="viewButon" v-if="item.status == '待付款'">
|
|
<view class="buttonYello" v-if="item.paidprid > 0" @click="gopayover(item.tid,item.plugin)"><span>支付有礼</span></view>
|
|
<view class="buttonWhite" @click="cancelOrder(item.id, item.plugin)"><span>取消订单</span></view>
|
|
|
|
<view class="buttonRed" @click="goPayment(item.id,item.plugin)"><span>去付款</span></view>
|
|
</view>
|
|
<view class="viewButon" v-if="item.status == '待使用'">
|
|
<view class="buttonYello" v-if="item.paidprid > 0" @click="gopayover(item.tid,item.plugin)"><span>支付有礼</span></view>
|
|
<view class="buttonWhite" @click="goZt(item.id,item.plugin,item.activityid)" v-if="item.fightstatus=='1'&& item.plugin != 'citydelivery'"><span>查看组团</span></view>
|
|
<view class="buttonWhite" @click="goAfterSale(item.id, item.plugin)" v-if="item.surerefund=='1'&& item.plugin != 'citydelivery'"><span>申请退款</span></view>
|
|
<view class="buttonWhite" @click="goAfterSale(item.id, item.plugin)" v-if="item.surerefund=='0'&& item.plugin == 'citydelivery'"><span>申请退款</span></view>
|
|
<view class="buttonRed" @click="goCouponDetails(item.id,item.recordid,item.plugin,item.status,item.fightstatus,item.groupstatus)"
|
|
v-if="item.groupstatus!='1'&&item.groupstatus!='3' && item.plugin != 'citydelivery'"><span>电子凭证</span></view>
|
|
<view class="buttonRed" @click="accomplish(item)" v-if="item.plugin == 'citydelivery' && item.surerefund == 0"><span>完成</span></view>
|
|
</view>
|
|
<view class="viewButon" v-if="item.status == '待发货'">
|
|
<view class="buttonYello" v-if="item.paidprid > 0" @click="gopayover(item.tid,item.plugin)"><span>支付有礼</span></view>
|
|
<view class="buttonRed" @click="goAfterSale(item.id, item.plugin)" v-if="item.surerefund=='1'"><span>申请退款</span></view>
|
|
<view class="buttonWhite" @click="goZt(item.id,item.plugin,item.activityid)" v-if="item.fightstatus=='1'"><span>查看组团</span></view>
|
|
<view class="buttonWhite" @click="remindSend(item,item.id,item.plugin,item.goodsname)" v-if="!item.isRemind && item.plugin != 'citydelivery'"><span>提醒发货</span></view>
|
|
</view>
|
|
<view class="viewButon" v-if="item.status == '待收货'">
|
|
<view class="buttonYello" v-if="item.paidprid > 0" @click="gopayover(item.tid,item.plugin)"><span>支付有礼</span></view>
|
|
<view class="buttonWhite" @click="goAfterSale(item.id, item.plugin)" v-if="item.surerefund=='0'&& item.plugin == 'citydelivery'"><span>申请退款</span></view>
|
|
<view class="buttonWhite" @click="goZt(item.id,item.plugin,item.activityid)" v-if="item.fightstatus=='1' && item.plugin !== 'citydelivery'"><span>查看组团</span></view>
|
|
<view class="buttonWhite" @click="logistics(item.id,item.a)" v-if="item.plugin !== 'citydelivery'"><span>查看物流</span></view>
|
|
<view class="buttonRed" @click="accomplish(item)" v-if="item.plugin == 'citydelivery' && item.surerefund == 0"><span>完成</span></view>
|
|
<view class="buttonRed" @click="sureReceive(item.id,item.plugin)" v-if="item.plugin !== 'citydelivery'"><span>确认收货</span></view>
|
|
</view>
|
|
<view class="viewButon" v-if="item.status == '待评价'">
|
|
<view class="buttonYello" v-if="item.paidprid > 0" @click="gopayover(item.tid,item.plugin)"><span>支付有礼</span></view>
|
|
<view class="buttonWhite" @click="goZt(item.id,item.plugin,item.activityid)" v-if="item.fightstatus=='1'"><span>查看组团</span></view>
|
|
<view class="buttonWhite" @click="goGoodDetails(item.plugin,item.typeid,item.activityid)" v-if="item.plugin=='rush'||item.plugin=='coupon'||item.plugin=='wlfightgroup'||item.plugin=='groupon'"><span>{{languageStatus!=1?'再来一单':'구매하기'}}</span></view>
|
|
<view class="buttonRed" @click="goPl(item.activityid,item.id,item.typeid,item.a,item)"><span>{{languageStatus!=1?'评价':'평가'}}</span></view>
|
|
</view>
|
|
<view class="viewButon" v-if="item.status == '已完成'">
|
|
<view class="buttonYello" v-if="item.paidprid > 0" @click="gopayover(item.tid,item.plugin)"><span>支付有礼</span></view>
|
|
<view class="buttonRed" v-if="item.typeid == 12" @click="telCar(item.mastermobile)"><span>联系车主</span></view>
|
|
<view class="buttonWhite" @click="goZt(item.id,item.plugin,item.activityid)" v-if="item.fightstatus=='1'"><span>查看组团</span></view>
|
|
<view class="buttonWhite" @click="goGoodDetails(item.plugin,item.typeid,item.activityid)" v-if="item.plugin=='rush'||item.plugin=='coupon'||item.plugin=='wlfightgroup'||item.plugin=='groupon'"><span>{{languageStatus!=1?'再来一单':'구매하기'}}</span></view>
|
|
</view>
|
|
</view>
|
|
<!-- 商品按钮 -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 商品循环模板 -->
|
|
<!-- 填充层 -->
|
|
<view class="full">
|
|
<loadmore :isMore="isMore"></loadmore>
|
|
</view>
|
|
</block>
|
|
<block v-else>
|
|
<none-mores></none-mores>
|
|
</block>
|
|
<!-- 填充层 -->
|
|
</scroll-view>
|
|
<!-- 商品列表 -->
|
|
|
|
<!-- 头部填充 -->
|
|
<view class="topFull"></view>
|
|
<!-- 头部填充 -->
|
|
<!-- 底部栏菜单 -->
|
|
<view class="page-footer">
|
|
<TabBars :tabBarAct="0" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import PopManager from '@/components/template/PopManager';
|
|
import noneMores from '@/components/template/nonemores.vue';
|
|
import TabBars from '@/components/template/tabBar';
|
|
// #ifdef H5
|
|
import wxApi from '@/common/js/wxApi.js';
|
|
// #endif
|
|
import loadlogo from '@/components/template/loadlogo';
|
|
import loadmore from '@/components/template/loadmore';
|
|
import App from '@/common/js/app.js';
|
|
export default {
|
|
data() {
|
|
return {
|
|
type: 10,
|
|
page: 1,
|
|
status: 10,
|
|
orderList: null,
|
|
pagetotal: 0,
|
|
loadingText: '',
|
|
phoneHight: 0,
|
|
loading: true,
|
|
isMore: false,
|
|
option: {},
|
|
changeflag: "",
|
|
current_page: 1,
|
|
scrollTop: 0
|
|
}
|
|
},
|
|
components: {
|
|
loadlogo,
|
|
loadmore,
|
|
noneMores,
|
|
TabBars,
|
|
PopManager
|
|
},
|
|
onLoad: function(option) {
|
|
let _this = this
|
|
_this.option = option
|
|
},
|
|
onShow() {
|
|
let _this = this
|
|
if (_this.option.type == undefined) {
|
|
_this.type = 10
|
|
_this.status = 10
|
|
_this.init();
|
|
} else {
|
|
this.type = _this.option.type;
|
|
this.status = _this.option.type;
|
|
_this.init();
|
|
}
|
|
},
|
|
methods: {
|
|
gopayover(itemid, itemplu) {
|
|
App.navigationTo({
|
|
url: `pages/subPages/paySuccess/paySuccess?tid=${itemid}&plugin=${itemplu}&state=2`
|
|
});
|
|
},
|
|
//联系车主
|
|
telCar(item) {
|
|
uni.makePhoneCall({
|
|
phoneNumber: item
|
|
});
|
|
},
|
|
accomplish(item) {
|
|
App.showError(`确认已经收到商品？`, data => {
|
|
if (data.confirm) {
|
|
!!data && App._post_form(`&p=citydelivery&do=finishOrder&id=${item.id}&type=1`, {}, res => {
|
|
console.log(res);
|
|
uni.showToast({
|
|
icon: "none",
|
|
title: res.message,
|
|
duration: 2000
|
|
});
|
|
let _this = this
|
|
if (_this.option.type == undefined) {
|
|
_this.type = 10
|
|
_this.status = 10
|
|
_this.init();
|
|
} else {
|
|
this.type = _this.option.type;
|
|
this.status = _this.option.type;
|
|
_this.init();
|
|
}
|
|
});
|
|
}
|
|
}, true);
|
|
|
|
},
|
|
go() {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/dealer/index/index'
|
|
});
|
|
},
|
|
goPl(goodsid, orderid, typeid, a, item) {
|
|
if (item.plugin == 'citydelivery') {
|
|
console.log(item)
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/comment/comment?goods_id=' + item.sid + '&order_id=' + item.id + '&plugin=' + item.plugin +
|
|
'&a=' + item.a
|
|
});
|
|
} else {
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/comment/comment?goods_id=' + goodsid + '&order_id=' + orderid + '&plugin=' + typeid +
|
|
'&a=' + a
|
|
});
|
|
}
|
|
|
|
},
|
|
logistics(order_id, table_id) {
|
|
let _this = this;
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/express/express?order_id=' + order_id + '&table_id=' + table_id
|
|
});
|
|
},
|
|
init() {
|
|
let _this = this;
|
|
_this.getOrderList();
|
|
uni.getSystemInfo({
|
|
success(res) {
|
|
_this.phoneHight = res.windowHeight - 40 + 'px';
|
|
}
|
|
});
|
|
},
|
|
// 跳转售后
|
|
goAfterSale(orderid, plugin) {
|
|
let _this = this;
|
|
App.navigationTo({
|
|
url: 'pages/subPages/orderList/afterSale/afterSale?id=' + orderid + '&plugin=' + plugin
|
|
});
|
|
},
|
|
goZt(orderid, plugin, activityid) {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/group/assemble/assemble?orderid=' + orderid + '&plugin=' + plugin + '&id=' + activityid
|
|
});
|
|
},
|
|
// 跳转订单详情
|
|
goOrderDetails(orderid, plugin, status, id, fightstatus, groupstatus, item,recordid) {
|
|
console.log(item);
|
|
|
|
let _this = this
|
|
if (plugin == 'rush' || plugin == 'groupon' || plugin == 'wlfightgroup' || plugin == 'bargain' || plugin ==
|
|
'consumption' || plugin == 'activity') {
|
|
if (plugin == 'wlfightgroup' && status == '待使用') {
|
|
console.info(111111111)
|
|
if (fightstatus == 2) {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/orderList/orderDetails/orderDetails?orderid=' + orderid + '&plugin=' + plugin
|
|
});
|
|
} else {
|
|
if (groupstatus == '2') {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/orderList/orderDetails/orderDetails?orderid=' + orderid + '&plugin=' + plugin
|
|
});
|
|
} else {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/group/assemble/assemble?orderid=' + orderid + '&plugin=' + plugin + '&id=' + id
|
|
});
|
|
}
|
|
|
|
}
|
|
} else {
|
|
console.info(222222222)
|
|
App.navigationTo({
|
|
url: 'pages/subPages/orderList/orderDetails/orderDetails?orderid=' + orderid + '&plugin=' + plugin
|
|
});
|
|
}
|
|
} else if (plugin == 'citydelivery') {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/orderList/orderTakeout/orderTakeout?orderid=' + orderid +
|
|
`&sid=${item.sid}&plugin=${plugin}&state=${2}`
|
|
});
|
|
} else if (plugin == 'coupon') {
|
|
if(status > 0){
|
|
App.navigationTo({
|
|
url: 'pages/subPages/coupon/couponDetails/couponDetails?order_id=' + orderid + '&id=' + recordid
|
|
})
|
|
}
|
|
}
|
|
},
|
|
goCouponDetails(order_id, id, plugin, status, fightstatus, groupstatus) {
|
|
let _this = this
|
|
if (plugin == 'coupon') {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/coupon/couponDetails/couponDetails?order_id=' + order_id + '&id=' + id
|
|
})
|
|
} else {
|
|
_this.goOrderDetails(order_id, plugin, status, order_id, fightstatus, groupstatus)
|
|
}
|
|
},
|
|
changType(type) {
|
|
uni.showLoading({})
|
|
let _this = this;
|
|
_this.type = type;
|
|
_this.status = type;
|
|
_this.scrollTop = 0;
|
|
_this.current_page = 1;
|
|
_this.getOrderList();
|
|
},
|
|
// 取消订单
|
|
cancelOrder(id, plugin) {
|
|
let _this = this;
|
|
let data = {
|
|
id: id,
|
|
plugin: plugin
|
|
};
|
|
uni.showModal({
|
|
title: '提示',
|
|
content: '是否取消订单？',
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
App._post_form('&p=pay&do=cancelOrder', data, res => {
|
|
_this.getOrderList();
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '取消成功',
|
|
duration: 2000
|
|
});
|
|
});
|
|
} else if (res.cancel) {}
|
|
}
|
|
});
|
|
},
|
|
// 确认收货
|
|
sureReceive(id, plugin) {
|
|
let _this = this
|
|
let data = {
|
|
id: id,
|
|
plugin: plugin
|
|
}
|
|
App._post_form('&p=pay&do=sureReceive', data, res => {
|
|
_this.getOrderList();
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '已确认收货',
|
|
duration: 2000
|
|
});
|
|
})
|
|
},
|
|
downLoading() {
|
|
let _this = this;
|
|
if (_this.current_page >= _this.pagetotal) {
|
|
_this.isMore = true;
|
|
return false;
|
|
}
|
|
_this.getOrderList(++_this.current_page, true)
|
|
},
|
|
// 去支付
|
|
goPayment(orderid, plugin) {
|
|
App.navigationTo({
|
|
url: 'pages/mainPages/payment/payment?orderid=' + orderid + '&plugin=' + plugin
|
|
});
|
|
},
|
|
// 跳转商品详情
|
|
goGoodDetails(plugin, typeid, id) {
|
|
let _this = this,
|
|
goods_url = typeid === 8 ? 'pages/subPages/goods/index?id=' + id + '&goodsType=integral' :
|
|
'pages/subPages/goods/index?id=' + id + '&goodsType=' + typeid;
|
|
if (plugin !== 'member') {
|
|
App.navigationTo({
|
|
url: goods_url
|
|
})
|
|
} else {
|
|
App.navigationTo({
|
|
url: 'pages/subPages/balance/balance'
|
|
})
|
|
}
|
|
},
|
|
// 买家提醒商家发货
|
|
remindSend(itemList, orderid, plugin, goodsname) {
|
|
let _this = this,
|
|
data = {
|
|
orderid: orderid,
|
|
plugin: plugin,
|
|
goodsname: goodsname
|
|
};
|
|
_this.$set(itemList, 'isRemind', true)
|
|
App.showSuccess('已提醒发货', () => {
|
|
|
|
})
|
|
setTimeout(() => {
|
|
App._post_form('&p=member&do=remindSend', data, res => {
|
|
|
|
})
|
|
}, 500)
|
|
|
|
},
|
|
loadings(page = 1, isPage = false) {
|
|
console.log('orderList2')
|
|
let _this = this;
|
|
App._post_form('&p=member&do=orderList', {
|
|
page,
|
|
status: _this.status
|
|
}, res => {
|
|
for (let i = 0; i < res.data.myorder.length; i++) {
|
|
if (res.data.myorder[i].status == 0) {
|
|
res.data.myorder[i].status = '待付款';
|
|
}
|
|
if (res.data.myorder[i].status == 1) {
|
|
res.data.myorder[i].status = '待使用';
|
|
}
|
|
if (res.data.myorder[i].status == 2) {
|
|
res.data.myorder[i].status = '待评价';
|
|
}
|
|
if (res.data.myorder[i].status == 3) {
|
|
res.data.myorder[i].status = '已完成';
|
|
}
|
|
if (res.data.myorder[i].status == 4) {
|
|
res.data.myorder[i].status = '待收货';
|
|
}
|
|
if (res.data.myorder[i].status == 5) {
|
|
res.data.myorder[i].status = '已取消';
|
|
}
|
|
if (res.data.myorder[i].status == 6) {
|
|
res.data.myorder[i].status = '待退款';
|
|
}
|
|
if (res.data.myorder[i].status == 7) {
|
|
res.data.myorder[i].status = '已退款';
|
|
}
|
|
if (res.data.myorder[i].status == 8) {
|
|
res.data.myorder[i].status = '待发货';
|
|
}
|
|
if (res.data.myorder[i].status == 9) {
|
|
res.data.myorder[i].status = '已过期';
|
|
}
|
|
if (res.data.myorder[i].status == 10) {
|
|
res.data.myorder[i].status = '退款中';
|
|
}
|
|
}
|
|
if (isPage) {
|
|
if (res.data.myorder.length > 0) {
|
|
_this["orderList"].push(...res.data.myorder);
|
|
} else {
|
|
_this.isMore = true;
|
|
}
|
|
} else {
|
|
_this.setData({
|
|
current_page: 1,
|
|
orderList: res.data.myorder,
|
|
pagetotal: res.data.pagetotal,
|
|
isMore: res.data.myorder.length === 0 || _this.current_page === res.data.pagetotal,
|
|
loadingText: ""
|
|
})
|
|
}
|
|
|
|
}, false, () => {
|
|
uni.hideLoading()
|
|
});
|
|
},
|
|
// 获取用户订单列表信息
|
|
getOrderList(page = 1, isPage = false) {
|
|
console.log('orderList1')
|
|
let _this = this;
|
|
App._post_form('&p=member&do=orderList', {
|
|
page,
|
|
status: _this.status
|
|
}, res => {
|
|
for (let i = 0; i < res.data.myorder.length; i++) {
|
|
if (res.data.myorder[i].status == 0) {
|
|
res.data.myorder[i].status = '待付款';
|
|
}
|
|
if (res.data.myorder[i].status == 1) {
|
|
res.data.myorder[i].status = '待使用';
|
|
}
|
|
if (res.data.myorder[i].status == 2) {
|
|
res.data.myorder[i].status = '待评价';
|
|
}
|
|
if (res.data.myorder[i].status == 3) {
|
|
res.data.myorder[i].status = '已完成';
|
|
}
|
|
if (res.data.myorder[i].status == 4) {
|
|
res.data.myorder[i].status = '待收货';
|
|
}
|
|
if (res.data.myorder[i].status == 5) {
|
|
res.data.myorder[i].status = '已取消';
|
|
}
|
|
if (res.data.myorder[i].status == 6) {
|
|
res.data.myorder[i].status = '待退款';
|
|
}
|
|
if (res.data.myorder[i].status == 7) {
|
|
res.data.myorder[i].status = '已退款';
|
|
}
|
|
if (res.data.myorder[i].status == 8) {
|
|
res.data.myorder[i].status = '待发货';
|
|
}
|
|
if (res.data.myorder[i].status == 9) {
|
|
res.data.myorder[i].status = '已过期';
|
|
}
|
|
if (res.data.myorder[i].status == 10) {
|
|
res.data.myorder[i].status = '退款中';
|
|
}
|
|
}
|
|
if (isPage) {
|
|
if (res.data.myorder.length > 0) {
|
|
_this["orderList"].push(...res.data.myorder);
|
|
} else {
|
|
_this.isMore = true;
|
|
}
|
|
} else {
|
|
console.log(res.data.myorder.length === 0 || _this.current_page === res.data.pagetotal)
|
|
_this.setData({
|
|
current_page: 1,
|
|
orderList: res.data.myorder,
|
|
pagetotal: res.data.pagetotal,
|
|
isMore: res.data.myorder.length === 0 || _this.current_page === res.data.pagetotal,
|
|
loadingText: "",
|
|
changeflag: res.data.changeflag
|
|
})
|
|
}
|
|
}, false, () => {
|
|
_this.loading = false;
|
|
uni.hideLoading()
|
|
});
|
|
},
|
|
scrollyTop(e) {
|
|
let _this = this;
|
|
_this.$util.debounce(200, () => {
|
|
_this.scrollTop = e.detail.scrollTop;
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
page {
|
|
background: #f5f5f5;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<style lang="less" scoped>
|
|
.orderList {
|
|
background: #f5f5f5;
|
|
font-size: 0;
|
|
border: 1upx solid rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.topNav {
|
|
z-index: 999;
|
|
position: fixed;
|
|
width: 750upx;
|
|
height: 80upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
overflow: hidden;
|
|
|
|
>view {
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 20%;
|
|
|
|
>view {
|
|
overflow: hidden;
|
|
height: 76upx;
|
|
margin: auto;
|
|
width: 85upx;
|
|
text-align: center;
|
|
|
|
>span {
|
|
line-height: 80upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.check {
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 20%;
|
|
|
|
>view {
|
|
border-bottom: 4px solid #ff4444;
|
|
overflow: hidden;
|
|
height: 76upx;
|
|
margin: auto;
|
|
width: 85upx;
|
|
text-align: center;
|
|
|
|
>span {
|
|
line-height: 80upx !important;
|
|
font-size: 28upx !important;
|
|
|
|
font-weight: bold !important;
|
|
color: rgba(51, 51, 51, 1) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.orderListsMb {
|
|
margin: 20upx auto 0 auto;
|
|
width: 690upx;
|
|
background: rgba(255, 255, 255, 1);
|
|
border-radius: 10upx;
|
|
}
|
|
|
|
.mbPackage {
|
|
padding: 30upx;
|
|
}
|
|
|
|
.orderListsMbTitle {
|
|
padding-bottom: 30upx;
|
|
// border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
>view {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
|
|
>view {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 40upx;
|
|
height: 40upx;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
|
|
>image {
|
|
width: 40upx;
|
|
height: 40upx;
|
|
}
|
|
}
|
|
|
|
>span {
|
|
margin-left: 10upx;
|
|
vertical-align: middle;
|
|
font-size: 24upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
>span {
|
|
vertical-align: middle;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(255, 68, 68, 1);
|
|
}
|
|
}
|
|
|
|
.orderListsMbBody {
|
|
padding: 30upx 0;
|
|
// border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
|
|
>view {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
}
|
|
|
|
.orderListsImg {
|
|
width: 150upx;
|
|
height: 150upx;
|
|
border-radius: 10upx;
|
|
overflow: hidden;
|
|
|
|
>image {
|
|
width: 150upx;
|
|
height: 150upx;
|
|
}
|
|
}
|
|
|
|
.orderListsInfo {
|
|
width: 441upx;
|
|
margin-left: 30upx;
|
|
|
|
>view:nth-child(1) {
|
|
min-height: 70upx;
|
|
|
|
>span {
|
|
font-size: 28upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
>view:nth-child(2) {
|
|
height: 35upx;
|
|
margin-top: 5upx;
|
|
|
|
>span {
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(153, 153, 153, 1);
|
|
}
|
|
}
|
|
|
|
>view:nth-child(3) {
|
|
margin-top: 10upx;
|
|
|
|
>span {
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
}
|
|
|
|
.orderListsMbFoot {
|
|
padding: 30upx 0 0 0;
|
|
}
|
|
|
|
.orderListsPrice {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
>view {
|
|
display: inline-block;
|
|
|
|
>span:nth-child(1) {
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
|
|
>span:nth-child(2) {
|
|
margin-left: 20upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
>span {
|
|
color: #ff4444;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.orderListsButton {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.viewButon {
|
|
margin-top: 20upx;
|
|
|
|
>view:nth-child(2) {}
|
|
}
|
|
|
|
.buttonRed {
|
|
margin-left: 20upx;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 130upx;
|
|
height: 50upx;
|
|
background: rgba(255, 68, 68, 1);
|
|
border-radius: 25upx;
|
|
|
|
>span {
|
|
line-height: 50upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
}
|
|
|
|
.buttonYello {
|
|
margin-left: 20upx;
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 130upx;
|
|
height: 50upx;
|
|
background: #F8C31F;
|
|
border-radius: 25upx;
|
|
|
|
>span {
|
|
line-height: 50upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
}
|
|
|
|
.buttonWhite {
|
|
margin-left: 20upx;
|
|
display: inline-block;
|
|
width: 130upx;
|
|
height: 50upx;
|
|
border: 1upx solid rgba(204, 204, 204, 1);
|
|
border-radius: 25upx;
|
|
text-align: center;
|
|
|
|
>span {
|
|
line-height: 50upx;
|
|
font-size: 24upx;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.full {
|
|
width: 750upx;
|
|
height: 115upx;
|
|
text-align: center;
|
|
|
|
>span {
|
|
line-height: 115upx;
|
|
font-size: 30upx;
|
|
|
|
font-weight: bold;
|
|
color: rgba(51, 51, 51, 1);
|
|
}
|
|
}
|
|
|
|
.topFull {}
|
|
|
|
.orderLists {
|
|
margin: 80upx 0 170upx 0;
|
|
width: 750upx;
|
|
}
|
|
</style>
|
|
|