订单跳转到有数据的列表修改 iOS端空白修改
This commit is contained in:
1154079537
parent
926df5bad0
commit
bbb482fb35
@ -9,6 +9,14 @@
|
||||
// +----------------------------------------------------------------------
|
||||
import request from "@/utils/request.js";
|
||||
|
||||
/**
|
||||
* 退款订单
|
||||
* @param numType
|
||||
*/
|
||||
export function refundListNew(data) {
|
||||
return request.get("refund/list", data);
|
||||
}
|
||||
|
||||
/**
|
||||
* 校验支付密码是否正确
|
||||
* @param numType
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
"name": "惠农生活",
|
||||
"appid": "__UNI__3A527D1",
|
||||
"description": "",
|
||||
"versionName": "2.0.47",
|
||||
"versionCode": 2047,
|
||||
"versionName": "2.0.49",
|
||||
"versionCode": 2049,
|
||||
"transformPx": false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus": {
|
||||
|
||||
@ -34,7 +34,9 @@
|
||||
"style": {
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTitleText": "工作台",
|
||||
"navigationStyle": "custom"
|
||||
"navigationStyle": "custom",
|
||||
"backgroundColorTop": "#40AE36",
|
||||
"backgroundTextStyle": "light"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/order_addcart/order_addcart",
|
||||
@ -1516,7 +1518,9 @@
|
||||
"backgroundColor": "#F8F8F8"
|
||||
//#ifndef H5
|
||||
,
|
||||
"titleNView": true
|
||||
"titleNView": true,
|
||||
"backgroundColorTop": "#40AE36",
|
||||
"backgroundTextStyle": "light"
|
||||
//#endif
|
||||
//#ifdef H5
|
||||
,
|
||||
|
||||
@ -526,7 +526,6 @@
|
||||
} else {
|
||||
this.openAuto()
|
||||
}
|
||||
|
||||
},
|
||||
goRouter(item) {
|
||||
var pages = getCurrentPages();
|
||||
@ -659,7 +658,13 @@
|
||||
item.num = data.noPostage
|
||||
break
|
||||
case '待收货':
|
||||
item.num = data.noDeliver
|
||||
let openType = '';
|
||||
item.num = Number(data.noDeliver) + Number(data.mer_noDeliver)
|
||||
if (data.noDeliver > data.mer_noDeliver)
|
||||
openType = 1;
|
||||
else
|
||||
openType = 2;
|
||||
item.url = '/pages/users/order_list/index?status=2&openType=' + openType
|
||||
break
|
||||
case '待评价':
|
||||
item.num = data.noComment
|
||||
|
||||
@ -37,6 +37,10 @@
|
||||
<view>待评价</view>
|
||||
<view class='num'>{{orderData.noComment || 0}}</view>
|
||||
</view>
|
||||
<view class='item' :class='orderStatus==4 ? "on": ""' @click="statusClick(4)">
|
||||
<view>退款/售后</view>
|
||||
<view class='num'>{{orderData.refund || 0}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: calc(200rpx + var(--status-bar-height));"></view>
|
||||
@ -73,8 +77,8 @@
|
||||
<view class='num'>{{orderData.noComment || 0}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<navigator class="search acea-row row-middle" :url="`/pages/users/order_list/search?sale_type=${sale_type}`"
|
||||
hover-class="none">
|
||||
<navigator class="search acea-row row-middle"
|
||||
:url="`/pages/users/order_list/search?sale_type=${sale_type}&status=${orderStatus}`" hover-class="none">
|
||||
<text class="iconfont icon-sousuo"></text>
|
||||
搜索我的订单
|
||||
</navigator>
|
||||
@ -206,6 +210,73 @@
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<!-- 退款 -->
|
||||
<block v-else-if="orderStatus == 4">
|
||||
<view class="goods-wrapper">
|
||||
<view>
|
||||
<view class="info-box" v-for="(item,index) in orderList" :key="index">
|
||||
<view class="title" @click="goStore(item)">
|
||||
<text class="iconfont icon-shangjiadingdan"></text>
|
||||
<text v-if="item.merchant" class="txt line1"
|
||||
style="max-width: 500rpx;">{{item.merchant.mer_name}}</text>
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</view>
|
||||
<view class="product-box">
|
||||
<view class="product-item" v-for="goods in item.refundProduct"
|
||||
:key="goods.order_product_id">
|
||||
<image class="img-box" :src="goods.product.cart_info.product.image" mode="">
|
||||
</image>
|
||||
<view class="msg">
|
||||
<view class="name line1"><text
|
||||
v-if="goods.product.cart_info.product_type === 2"
|
||||
class="event_name event_bg">预售</text>{{goods.product.cart_info.product.store_name}}
|
||||
</view>
|
||||
<view class="des">{{goods.product.cart_info.productAttr.sku}}</view>
|
||||
<view class="price">退款：{{goods.refund_price}}</view>
|
||||
<view class="num">x {{goods.refund_num}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box" v-if="item.status == 1">
|
||||
<view class="btn gray" @click="goDetail(item)">查看详情</view>
|
||||
<view class="btn" @click="goPage(item.refund_order_id)">退回商品</view>
|
||||
</view>
|
||||
<view class="btn-box" v-else-if="item.status == -1">
|
||||
<view class="btn" @click="goDetail(item)">查看详情</view>
|
||||
<!-- <view class="btn" @click="applyAgain(item)">再次申请</view> -->
|
||||
</view>
|
||||
<view class="btn-box" v-else>
|
||||
<view class="btn gray" v-if="item.status == 3" @click="bindDetele(item,index)">
|
||||
删除订单</view>
|
||||
<view class="btn" @click="goDetail(item)">查看详情</view>
|
||||
</view>
|
||||
<view class="status">
|
||||
<!-- 0审核中 1待发货 2待收货 3已退款 -1已拒绝 -->
|
||||
<block v-if="item.status == 0">
|
||||
<text class="iconfont icon-shenhezhong1 p-color"></text>
|
||||
</block>
|
||||
<block v-if="item.status == 1">
|
||||
<text class="iconfont icon-daituihuo"></text>
|
||||
</block>
|
||||
<block v-if="item.status == 2">
|
||||
<text class="iconfont icon-tuihuozhong"></text>
|
||||
</block>
|
||||
<block v-if="item.status == 3">
|
||||
<text class="iconfont icon-yituikuan"></text>
|
||||
</block>
|
||||
<block v-if="item.status == -1">
|
||||
<text class="iconfont icon-yijujue1"></text>
|
||||
</block>
|
||||
<block v-if="item.status == -2">
|
||||
<text class="iconfont icon-yiquxiao"></text>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<!-- 待发货 待收货 待评价 已完成 -->
|
||||
<block v-else>
|
||||
<view class='item' v-for="(item,index) in orderList" :key="index">
|
||||
@ -402,7 +473,8 @@
|
||||
groupOrderList,
|
||||
orderTake,
|
||||
applyInvoiceApi,
|
||||
uploadEnvidenceApi
|
||||
uploadEnvidenceApi,
|
||||
refundListNew
|
||||
} from '@/api/order.js';
|
||||
import {
|
||||
getUserInfo
|
||||
@ -498,6 +570,12 @@
|
||||
add: false,
|
||||
},
|
||||
mer_info: {},
|
||||
refundParam: {
|
||||
page: 1,
|
||||
limit: 15,
|
||||
type: 0,
|
||||
identity: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -508,6 +586,8 @@
|
||||
onLoad(options) {
|
||||
if (options.sale_type) this.sale_type = options.sale_type;
|
||||
if (options.status) this.orderStatus = options.status;
|
||||
if (options.openType && options.openType == 2) this.changeSaleType(2);
|
||||
|
||||
let user = this.$store.state.app.userInfo;
|
||||
if (user.mer_info) this.initMerInfo(user);
|
||||
if (this.isLogin) {
|
||||
@ -537,17 +617,23 @@
|
||||
});
|
||||
// #endif
|
||||
},
|
||||
|
||||
|
||||
// 下拉刷星
|
||||
onPullDownRefresh() {
|
||||
this.loadend = false;
|
||||
this.loading = false;
|
||||
this.page = 1;
|
||||
this.$set(this, 'orderList', []);
|
||||
this.getOrderList();
|
||||
this.getOrderData();
|
||||
|
||||
if (this.orderStatus == 4) {
|
||||
this.refundParam.page = 1;
|
||||
this.getRefundList();
|
||||
} else {
|
||||
this.page = 1;
|
||||
this.getOrderList();
|
||||
this.getOrderData();
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
// 赋值银行信息
|
||||
handleCopy() {
|
||||
@ -589,15 +675,23 @@
|
||||
}
|
||||
},
|
||||
changeSaleType(type = 1) {
|
||||
if (type != this.sale_type) {
|
||||
this.sale_type = type;
|
||||
this.page = 1;
|
||||
this.loadend = false;
|
||||
this.loading = false;
|
||||
this.getOrderData();
|
||||
this.getOrderList();
|
||||
this.getUserInfo();
|
||||
this.getpreSellOrderList();
|
||||
this.loadend = false;
|
||||
this.loading = false;
|
||||
this.$set(this, 'orderList', []);
|
||||
|
||||
if (this.orderStatus == 4) {
|
||||
this.refundParam.identity = type;
|
||||
this.refundParam.page = 1;
|
||||
this.getRefundList();
|
||||
} else {
|
||||
if (type != this.sale_type) {
|
||||
this.sale_type = type;
|
||||
this.page = 1;
|
||||
this.getOrderData();
|
||||
this.getOrderList();
|
||||
this.getUserInfo();
|
||||
this.getpreSellOrderList();
|
||||
}
|
||||
}
|
||||
},
|
||||
// 去商铺
|
||||
@ -723,6 +817,7 @@
|
||||
this.pay_close = false;
|
||||
this.pay_order_id = '';
|
||||
},
|
||||
|
||||
/**
|
||||
* 去订单详情
|
||||
*/
|
||||
@ -764,6 +859,7 @@
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
|
||||
/**
|
||||
* 点击去评价
|
||||
*/
|
||||
@ -795,18 +891,85 @@
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
|
||||
/**
|
||||
* 切换类型
|
||||
*/
|
||||
statusClick: function(status) {
|
||||
if (status == this.orderStatus) return;
|
||||
this.orderStatus = status;
|
||||
this.loadend = false;
|
||||
this.loading = false;
|
||||
this.page = 1;
|
||||
|
||||
this.$set(this, 'orderList', []);
|
||||
this.getOrderList();
|
||||
|
||||
if (status == 4) { //1是用户 2是商户
|
||||
if (status == this.orderStatus) return;
|
||||
this.orderStatus = status;
|
||||
this.refundParam.identity = this.sale_type;
|
||||
this.refundParam.page = 1;
|
||||
this.getRefundList();
|
||||
} else {
|
||||
if (status == this.orderStatus) return;
|
||||
this.orderStatus = status;
|
||||
this.page = 1;
|
||||
this.getOrderList();
|
||||
}
|
||||
},
|
||||
|
||||
// 获取退款列表
|
||||
getRefundList() {
|
||||
let that = this;
|
||||
if (that.loadend) return;
|
||||
if (that.loading) return;
|
||||
that.loading = true;
|
||||
that.loadTitle = "加载更多";
|
||||
refundListNew(this.refundParam).then(res => {
|
||||
let list = res.data.list || [];
|
||||
let loadend = list.length < that.limit;
|
||||
that.orderList = that.page == 1 ? list : that.$util.SplitArray(list, that
|
||||
.orderList);
|
||||
that.$set(that, 'orderList', that.orderList);
|
||||
that.getProductCount();
|
||||
that.loadend = loadend;
|
||||
that.loading = false;
|
||||
that.loadTitle = loadend ? "我也是有底线的" : '加载更多';
|
||||
that.page = that.page + 1;
|
||||
that.isReady = true;
|
||||
uni.stopPullDownRefresh();
|
||||
}).catch(err => {
|
||||
that.loading = false;
|
||||
that.loadTitle = "加载更多";
|
||||
})
|
||||
},
|
||||
|
||||
// 去详情页
|
||||
goDetail(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/users/refund/detail?id=' + item.refund_order_id
|
||||
})
|
||||
},
|
||||
|
||||
// 删除记录
|
||||
bindDetele(item, index) {
|
||||
let self = this
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定删除该记录吗？',
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
refundDel(item.refund_order_id).then(res => {
|
||||
self.goodsList.splice(index, 1)
|
||||
})
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'none'
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 获取订单列表
|
||||
*/
|
||||
@ -970,12 +1133,138 @@
|
||||
}
|
||||
},
|
||||
onReachBottom: function() {
|
||||
this.getOrderList();
|
||||
if (this.orderStatus == 4)
|
||||
this.getRefundList()
|
||||
else
|
||||
this.getOrderList();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.info-box {
|
||||
position: relative;
|
||||
margin-top: 12rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 32rpx;
|
||||
height: 86rpx;
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
color: #282828;
|
||||
|
||||
.icon-shangjiadingdan {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.txt {
|
||||
margin: 0 5rpx;
|
||||
}
|
||||
|
||||
.icon-xiangyou {
|
||||
color: #999;
|
||||
font-size: 20rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.product-box {
|
||||
.product-item {
|
||||
display: flex;
|
||||
padding: 25rpx 30rpx;
|
||||
|
||||
.img-box {
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.msg {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: 440rpx;
|
||||
margin-left: 26rpx;
|
||||
|
||||
.name {
|
||||
font-size: 28rpx;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.des {
|
||||
font-size: 20rpx;
|
||||
color: #868686;
|
||||
}
|
||||
|
||||
.price {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
right: -50rpx;
|
||||
top: 4rpx;
|
||||
color: #868686;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.event_name {
|
||||
display: inline-block;
|
||||
margin-right: 9rpx;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
padding: 0 8rpx;
|
||||
line-height: 30rpx;
|
||||
text-align: center;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 0 20rpx 20rpx;
|
||||
|
||||
.btn {
|
||||
width: 176rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
margin-left: 18rpx;
|
||||
text-align: center;
|
||||
background: var(--view-theme);
|
||||
border-radius: 30rpx;
|
||||
color: #fff;
|
||||
font-size: 27rpx;
|
||||
|
||||
&.gray {
|
||||
border: 1px solid #ddd;
|
||||
background: transparent;
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.status {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 0;
|
||||
|
||||
.iconfont {
|
||||
font-size: 120rpx;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.p-color {
|
||||
color: var(--view-theme);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popups {
|
||||
width: 640rpx;
|
||||
background-color: #fff;
|
||||
|
||||
@ -4,7 +4,8 @@
|
||||
<view class='header'>
|
||||
<view class="search acea-row row-middle">
|
||||
<text class="iconfont icon-sousuo"></text>
|
||||
<input v-model="store_name" :focus="focus" confirm-type="search" placeholder="搜索我的订单" class="input" inputmode="search" @confirm="handleSearch" />
|
||||
<input v-model="store_name" :focus="focus" confirm-type="search" placeholder="搜索我的订单" class="input"
|
||||
inputmode="search" @confirm="handleSearch" />
|
||||
</view>
|
||||
</view>
|
||||
<view class='list'>
|
||||
@ -17,74 +18,155 @@
|
||||
<view class="acea-row row-middle left-wrapper">
|
||||
{{item.group_order_sn}}
|
||||
</view>
|
||||
<view class='t-color'>{{ item.orderList[0].activity_type === 2 && item.orderList[0].orderProduct[0].cart_info.productPresell.presell_type ==2 ? "待付定金" : "待付款" }}</view>
|
||||
<view class='t-color'>
|
||||
{{ item.orderList[0].activity_type === 2 && item.orderList[0].orderProduct[0].cart_info.productPresell.presell_type ==2 ? "待付定金" : "待付款" }}
|
||||
</view>
|
||||
</view>
|
||||
<view v-for="(order,j) in item.orderList" :key="order.order_id+j">
|
||||
<!--预售-->
|
||||
<view v-if="order.activity_type === 2">
|
||||
<block v-for="(goods,g) in order.orderProduct">
|
||||
<view class='item-info acea-row row-between row-top'>
|
||||
<!--预售-->
|
||||
<view v-if="order.activity_type === 2">
|
||||
<block v-for="(goods,g) in order.orderProduct">
|
||||
<view class='item-info acea-row row-between row-top'>
|
||||
<view class='pictrue'>
|
||||
<image :src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'></image>
|
||||
<image
|
||||
:src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'>
|
||||
</image>
|
||||
</view>
|
||||
<view class='text acea-row row-between'>
|
||||
<view class='name line1'>
|
||||
<text class="event_name event_bg">预售</text><text>{{goods.cart_info.product.store_name}}</text>
|
||||
<text
|
||||
class="event_name event_bg">预售</text><text>{{goods.cart_info.product.store_name}}</text>
|
||||
<view class="event_ship event_color">发货时间：
|
||||
<!--全款预售-->
|
||||
<text v-if="goods.cart_info.productPresell.presell_type === 1">
|
||||
<text
|
||||
v-if="goods.cart_info.productPresell.presell_type === 1">
|
||||
{{ goods.cart_info.productPresell.delivery_type === 1 ? '支付成功后' : '预售结束后' }}{{ goods.cart_info.productPresell.delivery_day }}天内
|
||||
</text>
|
||||
<!--定金预售-->
|
||||
<text v-if="goods.cart_info.productPresell.presell_type === 2">{{ goods.cart_info.productPresell.delivery_type === 1 ? '支付尾款后' : '预售结束后' }}{{ goods.cart_info.productPresell.delivery_day }}天内</text>
|
||||
<text
|
||||
v-if="goods.cart_info.productPresell.presell_type === 2">{{ goods.cart_info.productPresell.delivery_type === 1 ? '支付尾款后' : '预售结束后' }}{{ goods.cart_info.productPresell.delivery_day }}天内</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='money'>
|
||||
<view>￥{{goods.cart_info.productPresellAttr.presell_price}}</view>
|
||||
<view>￥{{goods.cart_info.productPresellAttr.presell_price}}
|
||||
</view>
|
||||
<view>x{{goods.product_num}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="goods.cart_info.productPresell.presell_type === 2" class="event_price">
|
||||
定金待支付 <text class="t-color">￥{{ order.pay_price }}</text>
|
||||
尾款待支付 <text class="t-color">￥{{ order.presellOrder.pay_price }}</text>
|
||||
<view v-if="goods.cart_info.productPresell.presell_type === 2"
|
||||
class="event_price">
|
||||
定金待支付 <text class="t-color">￥{{ order.pay_price }}</text>
|
||||
尾款待支付 <text
|
||||
class="t-color">￥{{ order.presellOrder.pay_price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view v-else>
|
||||
<block v-for="(goods,g) in order.orderProduct">
|
||||
|
||||
<view class='item-info acea-row row-between row-top'>
|
||||
<view class='pictrue'>
|
||||
<image :src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'></image>
|
||||
|
||||
<view class='item-info acea-row row-between row-top'>
|
||||
<view class='pictrue'>
|
||||
<image
|
||||
:src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'>
|
||||
</image>
|
||||
</view>
|
||||
<view class='text acea-row row-between'>
|
||||
|
||||
<view class='name line2'>{{goods.cart_info.product.store_name}}
|
||||
</view>
|
||||
<view class='text acea-row row-between'>
|
||||
|
||||
<view class='name line2'>{{goods.cart_info.product.store_name}}</view>
|
||||
|
||||
<view class='money' v-if="item.orderList[0].activity_type == 4">
|
||||
<view v-if="goods.cart_info.activeSku">￥{{goods.cart_info.activeSku.active_price}}</view>
|
||||
<view>x{{goods.product_num}}</view>
|
||||
</view>
|
||||
<view v-else class='money'>
|
||||
<view>￥{{goods.cart_info.productAttr.price}}</view>
|
||||
<view>x{{goods.product_num}}</view>
|
||||
</view>
|
||||
|
||||
<view class='money' v-if="item.orderList[0].activity_type == 4">
|
||||
<view v-if="goods.cart_info.activeSku">
|
||||
￥{{goods.cart_info.activeSku.active_price}}</view>
|
||||
<view>x{{goods.product_num}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view v-else class='money'>
|
||||
<view>￥{{goods.cart_info.productAttr.price}}</view>
|
||||
<view>x{{goods.product_num}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class='totalPrice' v-if="item.orderList[0].activity_type !== 2">共{{item.total_num || 0}}件商品，总金额
|
||||
<view class='totalPrice' v-if="item.orderList[0].activity_type !== 2">
|
||||
共{{item.total_num || 0}}件商品，总金额
|
||||
<text class='money p-color'>￥{{item.pay_price}}</text>
|
||||
</view>
|
||||
<view class='bottom acea-row row-right row-middle'>
|
||||
<!-- <view class='bnt cancelBnt' @click.stop='cancelOrder(index,item.group_order_id)'>取消订单</view> -->
|
||||
<view class='bnt b-color' @click.stop='goPay(item.pay_price,item.group_order_id)'>立即付款</view>
|
||||
<!-- <view class='bnt cancelBnt' @click.stop='cancelOrder(index,item.group_order_id)'>取消订单</view> -->
|
||||
<view class='bnt b-color' @click.stop='goPay(item.pay_price,item.group_order_id)'>
|
||||
立即付款</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<block v-else-if="orderStatus == 4">
|
||||
<view class="goods-wrapper">
|
||||
<view>
|
||||
<view class="info-box" v-for="(item,index) in orderList" :key="index">
|
||||
<view class="title" @click="goStore(item)">
|
||||
<text class="iconfont icon-shangjiadingdan"></text>
|
||||
<text v-if="item.merchant" class="txt">{{item.merchant.mer_name}}</text>
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</view>
|
||||
<view class="product-box">
|
||||
<view class="product-item" v-for="goods in item.refundProduct"
|
||||
:key="goods.order_product_id">
|
||||
<image class="img-box" :src="goods.product.cart_info.product.image" mode="">
|
||||
</image>
|
||||
<view class="msg">
|
||||
<view class="name line1"><text
|
||||
v-if="goods.product.cart_info.product_type === 2"
|
||||
class="event_name event_bg">预售</text>{{goods.product.cart_info.product.store_name}}
|
||||
</view>
|
||||
<view class="des">{{goods.product.cart_info.productAttr.sku}}</view>
|
||||
<view class="price">退款：{{goods.refund_price}}</view>
|
||||
<view class="num">x {{goods.refund_num}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box" v-if="item.status == 1">
|
||||
<view class="btn gray" @click="goDetail(item)">查看详情</view>
|
||||
<view class="btn" @click="goPage(item.refund_order_id)">退回商品</view>
|
||||
</view>
|
||||
<view class="btn-box" v-else-if="item.status == -1">
|
||||
<view class="btn" @click="goDetail(item)">查看详情</view>
|
||||
<!-- <view class="btn" @click="applyAgain(item)">再次申请</view> -->
|
||||
</view>
|
||||
<view class="btn-box" v-else>
|
||||
<view class="btn gray" v-if="item.status == 3" @click="bindDetele(item,index)">
|
||||
删除订单</view>
|
||||
<view class="btn" @click="goDetail(item)">查看详情</view>
|
||||
</view>
|
||||
<view class="status">
|
||||
<!-- 0审核中 1待发货 2待收货 3已退款 -1已拒绝 -->
|
||||
<block v-if="item.status == 0">
|
||||
<text class="iconfont icon-shenhezhong1 p-color"></text>
|
||||
</block>
|
||||
<block v-if="item.status == 1">
|
||||
<text class="iconfont icon-daituihuo"></text>
|
||||
</block>
|
||||
<block v-if="item.status == 2">
|
||||
<text class="iconfont icon-tuihuozhong"></text>
|
||||
</block>
|
||||
<block v-if="item.status == 3">
|
||||
<text class="iconfont icon-yituikuan"></text>
|
||||
</block>
|
||||
<block v-if="item.status == -1">
|
||||
<text class="iconfont icon-yijujue1"></text>
|
||||
</block>
|
||||
<block v-if="item.status == -2">
|
||||
<text class="iconfont icon-yiquxiao"></text>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<!-- 待发货 待收货 待评价 已完成 -->
|
||||
<block v-else>
|
||||
<view class='item' v-for="(item,index) in orderList" :key="index">
|
||||
@ -92,7 +174,9 @@
|
||||
<view class='title acea-row row-between-wrapper'>
|
||||
<view class="acea-row row-middle left-wrapper" @click.stop="goMall(item)">
|
||||
<text class="iconfont icon-shangjiadingdan"></text>
|
||||
<view class="store-name">{{item.merchant.mer_name}}</view>
|
||||
<view class="store-name line1" style="max-width: 500rpx;">
|
||||
{{item.merchant.mer_name}}
|
||||
</view>
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</view>
|
||||
<view v-if="item.status == 0" class='t-color'>待发货</view>
|
||||
@ -102,22 +186,30 @@
|
||||
<view v-if="item.status == -1" class='t-color'>已退款</view>
|
||||
</view>
|
||||
<view v-if="item.activity_type === 2">
|
||||
<view class='item-info acea-row row-between row-top' v-for="(goods,index) in item.orderProduct" :key="index">
|
||||
<view class='item-info acea-row row-between row-top'
|
||||
v-for="(goods,index) in item.orderProduct" :key="index">
|
||||
<view class='pictrue'>
|
||||
<image :src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'></image>
|
||||
<image
|
||||
:src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'>
|
||||
</image>
|
||||
</view>
|
||||
<view class='text acea-row row-between'>
|
||||
<view class='name '>
|
||||
<view class='name' :class="item.status === 0 ? 'line1' : 'line2'">
|
||||
<text class="event_name event_bg">预售</text><text>{{goods.cart_info.product.store_name}}</text>
|
||||
<text
|
||||
class="event_name event_bg">预售</text><text>{{goods.cart_info.product.store_name}}</text>
|
||||
<view v-if="item.status == 0" class="event_ship event_color">发货时间：
|
||||
<!--全款预售-->
|
||||
<text v-if="goods.cart_info.productPresell.presell_type === 1">{{ goods.cart_info.productPresell.delivery_type === 1 ? '支付成功后' : '预售结束后' }}{{ goods.cart_info.productPresell.delivery_day }}天内</text>
|
||||
<text
|
||||
v-if="goods.cart_info.productPresell.presell_type === 1">{{ goods.cart_info.productPresell.delivery_type === 1 ? '支付成功后' : '预售结束后' }}{{ goods.cart_info.productPresell.delivery_day }}天内</text>
|
||||
<!--定金预售-->
|
||||
<text v-if="goods.cart_info.productPresell.presell_type === 2">{{ goods.cart_info.productPresell.delivery_type === 1 ? '支付尾款后' : '预售结束后' }}{{ goods.cart_info.productPresell.delivery_day }}天内</text>
|
||||
<text
|
||||
v-if="goods.cart_info.productPresell.presell_type === 2">{{ goods.cart_info.productPresell.delivery_type === 1 ? '支付尾款后' : '预售结束后' }}{{ goods.cart_info.productPresell.delivery_day }}天内</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-top: 10rpx;" class="t-color">{{goods.is_refund==1?'退款中':goods.is_refund==2?'部分退款':goods.is_refund==3?'全部退款':''}}</view>
|
||||
<view style="margin-top: 10rpx;" class="t-color">
|
||||
{{goods.is_refund==1?'退款中':goods.is_refund==2?'部分退款':goods.is_refund==3?'全部退款':''}}
|
||||
</view>
|
||||
</view>
|
||||
<view class='money'>
|
||||
<view>￥{{goods.cart_info.productPresellAttr.presell_price}}</view>
|
||||
@ -127,23 +219,30 @@
|
||||
</view>
|
||||
</view>
|
||||
<view v-else>
|
||||
<view class='item-info acea-row row-between row-top' v-for="(goods,index) in item.orderProduct" :key="index">
|
||||
<view class='item-info acea-row row-between row-top'
|
||||
v-for="(goods,index) in item.orderProduct" :key="index">
|
||||
<view class='pictrue'>
|
||||
<image :src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'></image>
|
||||
<image
|
||||
:src='(goods.cart_info.productAttr && goods.cart_info.productAttr.image) || goods.cart_info.product.image'>
|
||||
</image>
|
||||
</view>
|
||||
<view class='text acea-row row-between'>
|
||||
<view class='name '>
|
||||
<view class='name line2'>
|
||||
<text>{{goods.cart_info.product.store_name}}</text>
|
||||
</view>
|
||||
<view style="margin-top: 10rpx;" class="t-color">{{goods.is_refund==1?'退款中':goods.is_refund==2?'部分退款':goods.is_refund==3?'全部退款':''}}</view>
|
||||
<view style="margin-top: 10rpx;" class="t-color">
|
||||
{{goods.is_refund==1?'退款中':goods.is_refund==2?'部分退款':goods.is_refund==3?'全部退款':''}}
|
||||
</view>
|
||||
</view>
|
||||
<view class='money' v-if="item.activity_type == 3">
|
||||
<view v-if="goods.cart_info.productAssistAttr">￥{{goods.cart_info.productAssistAttr.assist_price}}</view>
|
||||
<view v-if="goods.cart_info.productAssistAttr">
|
||||
￥{{goods.cart_info.productAssistAttr.assist_price}}</view>
|
||||
<view>x{{goods.product_num}}</view>
|
||||
</view>
|
||||
<view class='money' v-else-if="item.activity_type == 4">
|
||||
<view v-if="goods.cart_info.activeSku">￥{{goods.cart_info.activeSku.active_price}}</view>
|
||||
<view v-if="goods.cart_info.activeSku">
|
||||
￥{{goods.cart_info.activeSku.active_price}}</view>
|
||||
<view>x{{goods.product_num}}</view>
|
||||
</view>
|
||||
<view class='money' v-else>
|
||||
@ -162,23 +261,32 @@
|
||||
</view>
|
||||
<view class='bottom acea-row row-right row-middle'>
|
||||
<block v-if="item.status == 0 || item.status == 9 || item.status == -1">
|
||||
<!-- <view class='bnt cancelBnt' @click='goOrderDetails(item.order_id)'>申请退款</view> -->
|
||||
<!-- <view class='bnt cancelBnt' @click='goOrderDetails(item.order_id)'>申请退款</view> -->
|
||||
<view class='bnt b-color' @click='goOrderDetails(item.order_id)'>查看详情</view>
|
||||
</block>
|
||||
<block v-if="item.status == 1">
|
||||
<view class='bnt cancelBnt' v-if="item.delivery_type == 1 || item.delivery_type == 2" @click='goOrderDetails(item.order_id)'>查看物流</view>
|
||||
<view class='bnt cancelBnt'
|
||||
v-if="item.delivery_type == 1 || item.delivery_type == 2"
|
||||
@click='goOrderDetails(item.order_id)'>查看物流</view>
|
||||
<view class='bnt b-color' @tap='confirmOrder(item,index)'>确认收货</view>
|
||||
</block>
|
||||
<block v-if="item.status == 2">
|
||||
<navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id" class='bnt colorBnt' hover-class="none">
|
||||
<navigator v-if="community_status == 1 && !item.community_id"
|
||||
:url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id"
|
||||
class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator>
|
||||
<view class='bnt b-color' @click='goOrderDetails_Evaluation(item.order_id)'>去评价</view>
|
||||
<view class='bnt b-color' @click='goOrderDetails_Evaluation(item.order_id)'>去评价
|
||||
</view>
|
||||
</block>
|
||||
<block v-if="item.status == 3">
|
||||
<view class='bnt b-color' @click='goOrderDetails(item.order_id)' v-if="item.activity_type == 2 || item.activity_type == 3 || item.activity_type == 10">查看详情</view>
|
||||
<navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id" class='bnt colorBnt' hover-class="none">
|
||||
<view class='bnt b-color' @click='goOrderDetails(item.order_id)'
|
||||
v-if="item.activity_type == 2 || item.activity_type == 3 || item.activity_type == 10">
|
||||
查看详情</view>
|
||||
<navigator v-if="community_status == 1 && !item.community_id"
|
||||
:url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id"
|
||||
class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator>
|
||||
@ -197,7 +305,8 @@
|
||||
</view>
|
||||
</view>
|
||||
<home></home>
|
||||
<payment :payMode='payMode' :pay_close="pay_close" @onChangeFun='onChangeFun' :order_id="pay_order_id" :totalPrice='totalPrice'></payment>
|
||||
<payment :payMode='payMode' :pay_close="pay_close" @onChangeFun='onChangeFun' :order_id="pay_order_id"
|
||||
:totalPrice='totalPrice'></payment>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -219,16 +328,27 @@
|
||||
orderDel,
|
||||
orderPay,
|
||||
groupOrderList,
|
||||
orderTake
|
||||
orderTake,
|
||||
refundListNew
|
||||
} from '@/api/order.js';
|
||||
import { getUserInfo } from '@/api/user.js';
|
||||
import { openOrderSubscribe } from '@/utils/SubscribeMessage.js';
|
||||
import {
|
||||
getUserInfo
|
||||
} from '@/api/user.js';
|
||||
import {
|
||||
openOrderSubscribe
|
||||
} from '@/utils/SubscribeMessage.js';
|
||||
import payment from '@/components/payment';
|
||||
import home from '@/components/home/index.vue';
|
||||
import { mapGetters } from "vuex";
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex";
|
||||
import emptyPage from '@/components/emptyPage.vue'
|
||||
import { configMap } from '@/utils'
|
||||
import { toLogin } from '@/libs/login.js';
|
||||
import {
|
||||
configMap
|
||||
} from '@/utils'
|
||||
import {
|
||||
toLogin
|
||||
} from '@/libs/login.js';
|
||||
export default {
|
||||
components: {
|
||||
payment,
|
||||
@ -240,7 +360,7 @@
|
||||
loading: false, //是否加载中
|
||||
loadend: false, //是否加载完毕
|
||||
loadTitle: '加载更多', //提示语
|
||||
sale_type: 1,
|
||||
sale_type: 1,
|
||||
orderList: [], //订单数组
|
||||
presellProList: [], //定金预售订单
|
||||
presellOrderCount: 0,
|
||||
@ -276,25 +396,33 @@
|
||||
pay_order_id: '',
|
||||
totalPrice: '0',
|
||||
isReady: true,
|
||||
store_name: ''
|
||||
store_name: '',
|
||||
orderStatus: '',
|
||||
refundParams: {
|
||||
page: 1,
|
||||
limit: 15,
|
||||
type: 0,
|
||||
identity: ''
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['isLogin','viewColor']),
|
||||
...mapGetters(['isLogin', 'viewColor']),
|
||||
...configMap(['hide_mer_status', 'community_status', 'alipay_open', 'yue_pay_status']),
|
||||
},
|
||||
watch: {
|
||||
alipay_open(n){
|
||||
alipay_open(n) {
|
||||
this.payMode[1].payStatus = n
|
||||
},
|
||||
yue_pay_status(n){
|
||||
yue_pay_status(n) {
|
||||
this.payMode[2].payStatus = n
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
if (options.status) this.orderStatus = options.status;
|
||||
if (options.sale_type) this.sale_type = options.sale_type;
|
||||
},
|
||||
onLoad(options) {
|
||||
if (options.status) this.orderStatus = options.status;
|
||||
if (options.sale_type) this.sale_type = options.sale_type;
|
||||
this.refundParams.identity = options.sale_type;
|
||||
},
|
||||
onShow() {
|
||||
if (this.isLogin) {
|
||||
this.page = 1;
|
||||
@ -304,16 +432,12 @@
|
||||
toLogin()
|
||||
}
|
||||
},
|
||||
onReady(){
|
||||
},
|
||||
mounted: function() {
|
||||
},
|
||||
methods: {
|
||||
// 去商铺
|
||||
goMall(item){
|
||||
if(this.hide_mer_status == 0){
|
||||
goMall(item) {
|
||||
if (this.hide_mer_status == 0) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/store/home/index?id='+item.mer_id
|
||||
url: '/pages/store/home/index?id=' + item.mer_id
|
||||
})
|
||||
}
|
||||
},
|
||||
@ -462,15 +586,15 @@
|
||||
title: '缺少订单号无法查看订单详情和评价'
|
||||
});
|
||||
// #ifdef MP
|
||||
if (self.orderStatus == 0) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/order_details/stay?order_id=' + order_id
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/order_details/index?order_id=' + order_id
|
||||
})
|
||||
}
|
||||
if (self.orderStatus == 0) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/order_details/stay?order_id=' + order_id
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/order_details/index?order_id=' + order_id
|
||||
})
|
||||
}
|
||||
// #endif
|
||||
// #ifndef MP
|
||||
if (self.orderStatus == 0) {
|
||||
@ -484,18 +608,62 @@
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
/**
|
||||
* 切换类型
|
||||
*/
|
||||
statusClick: function(status) {
|
||||
if (status == this.orderStatus) return;
|
||||
this.orderStatus = status;
|
||||
this.loadend = false;
|
||||
this.loading = false;
|
||||
this.page = 1;
|
||||
this.$set(this, 'orderList', []);
|
||||
this.getOrderList();
|
||||
|
||||
// 获取退款列表
|
||||
getRefundList() {
|
||||
let that = this;
|
||||
if (that.loadend) return;
|
||||
if (that.loading) return;
|
||||
that.loading = true;
|
||||
that.loadTitle = "加载更多";
|
||||
refundListNew(this.refundParam).then(res => {
|
||||
let list = res.data.list || [];
|
||||
let loadend = list.length < that.limit;
|
||||
that.orderList = that.page == 1 ? list : that.$util.SplitArray(list, that
|
||||
.orderList);
|
||||
that.$set(that, 'orderList', that.orderList);
|
||||
that.getProductCount();
|
||||
that.loadend = loadend;
|
||||
that.loading = false;
|
||||
that.loadTitle = loadend ? "我也是有底线的" : '加载更多';
|
||||
that.page = that.page + 1;
|
||||
that.isReady = true;
|
||||
uni.stopPullDownRefresh();
|
||||
}).catch(err => {
|
||||
that.loading = false;
|
||||
that.loadTitle = "加载更多";
|
||||
})
|
||||
},
|
||||
|
||||
// 去详情页
|
||||
goDetail(item) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/users/refund/detail?id=' + item.refund_order_id
|
||||
})
|
||||
},
|
||||
|
||||
// 删除记录
|
||||
bindDetele(item, index) {
|
||||
let self = this
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '确定删除该记录吗？',
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
refundDel(item.refund_order_id).then(res => {
|
||||
self.goodsList.splice(index, 1)
|
||||
})
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'none'
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 获取订单列表
|
||||
*/
|
||||
@ -510,7 +678,7 @@
|
||||
page: that.page,
|
||||
limit: that.limit,
|
||||
store_name: that.store_name,
|
||||
sale_type: that.sale_type
|
||||
sale_type: that.sale_type
|
||||
}).then(res => {
|
||||
let list = res.data.list || [];
|
||||
let loadend = list.length < that.limit;
|
||||
@ -527,58 +695,24 @@
|
||||
that.loadTitle = "加载更多";
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 获取定金预售订单列表
|
||||
*/
|
||||
getpreSellOrderList: function() {
|
||||
let that = this;
|
||||
getOrderList({
|
||||
status: 10,
|
||||
page: 1,
|
||||
limit: 1,
|
||||
}).then(res => {
|
||||
let list = res.data.list || [];
|
||||
that.presellOrderCount = res.data.count;
|
||||
that.$set(that, 'presellProList', list);
|
||||
})
|
||||
|
||||
},
|
||||
/**
|
||||
* 获取单个订单商品数量
|
||||
*/
|
||||
getProductCount: function(){
|
||||
if(this.orderStatus !== 0){
|
||||
this.orderList.forEach((item,i) => {
|
||||
getProductCount: function() {
|
||||
if (this.orderStatus !== 0) {
|
||||
this.orderList.forEach((item, i) => {
|
||||
let orderNum = 0
|
||||
if(item.orderProduct){
|
||||
if (item.orderProduct) {
|
||||
item.orderProduct.forEach((val) => {
|
||||
orderNum += val.product_num
|
||||
})
|
||||
this.orderList[i]['orderNum']=orderNum;
|
||||
orderNum += val.product_num
|
||||
})
|
||||
this.orderList[i]['orderNum'] = orderNum;
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 删除订单
|
||||
*/
|
||||
delOrder: function(order_id, index) {
|
||||
let that = this;
|
||||
orderDel(order_id).then(res => {
|
||||
that.orderList.splice(index, 1);
|
||||
that.$set(that, 'orderList', that.orderList);
|
||||
that.$set(that.orderData, 'unpaid_count', that.orderData.unpaid_count - 1);
|
||||
that.getOrderData();
|
||||
return that.$util.Tips({
|
||||
title: '删除成功',
|
||||
icon: 'success'
|
||||
});
|
||||
}).catch(err => {
|
||||
return that.$util.Tips({
|
||||
title: err
|
||||
});
|
||||
})
|
||||
},
|
||||
|
||||
// 确认收货
|
||||
confirmOrder: function(item, index) {
|
||||
let that = this;
|
||||
@ -606,7 +740,7 @@
|
||||
},
|
||||
handleSearch() {
|
||||
this.loadend = false;
|
||||
this.page = 1;
|
||||
this.loading = false;
|
||||
this.orderList = [];
|
||||
if (!this.store_name) {
|
||||
return this.$util.Tips({
|
||||
@ -614,45 +748,194 @@
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.getOrderList();
|
||||
|
||||
if (this.orderStatus == 4) {
|
||||
this.refundParams.search_info = this.store_name;
|
||||
this.refundParams.page = 1;
|
||||
this.getRefundList();
|
||||
} else {
|
||||
this.page = 1;
|
||||
this.getOrderList();
|
||||
}
|
||||
}
|
||||
},
|
||||
onReachBottom: function() {
|
||||
this.getOrderList();
|
||||
if (this.orderStatus == 4)
|
||||
this.getRefundList()
|
||||
else
|
||||
this.getOrderList();
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.info-box {
|
||||
position: relative;
|
||||
margin-top: 12rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 32rpx;
|
||||
height: 86rpx;
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
color: #282828;
|
||||
|
||||
.icon-shangjiadingdan {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.txt {
|
||||
margin: 0 5rpx;
|
||||
}
|
||||
|
||||
.icon-xiangyou {
|
||||
color: #999;
|
||||
font-size: 20rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.product-box {
|
||||
.product-item {
|
||||
display: flex;
|
||||
padding: 25rpx 30rpx;
|
||||
|
||||
.img-box {
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.msg {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: 440rpx;
|
||||
margin-left: 26rpx;
|
||||
|
||||
.name {
|
||||
font-size: 28rpx;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.des {
|
||||
font-size: 20rpx;
|
||||
color: #868686;
|
||||
}
|
||||
|
||||
.price {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
right: -50rpx;
|
||||
top: 4rpx;
|
||||
color: #868686;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.event_name {
|
||||
display: inline-block;
|
||||
margin-right: 9rpx;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
padding: 0 8rpx;
|
||||
line-height: 30rpx;
|
||||
text-align: center;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 0 20rpx 20rpx;
|
||||
|
||||
.btn {
|
||||
width: 176rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
margin-left: 18rpx;
|
||||
text-align: center;
|
||||
background: var(--view-theme);
|
||||
border-radius: 30rpx;
|
||||
color: #fff;
|
||||
font-size: 27rpx;
|
||||
|
||||
&.gray {
|
||||
border: 1px solid #ddd;
|
||||
background: transparent;
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.status {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 0;
|
||||
|
||||
.iconfont {
|
||||
font-size: 120rpx;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.p-color {
|
||||
color: var(--view-theme);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.my-order .header {
|
||||
padding: 17rpx 30rpx;
|
||||
background-color: var(--view-theme);
|
||||
}
|
||||
.t-color{color: var(--view-theme);}
|
||||
.p-color{color: var(--view-priceColor);}
|
||||
.b-color{background-color:var(--view-theme);}
|
||||
|
||||
.t-color {
|
||||
color: var(--view-theme);
|
||||
}
|
||||
|
||||
.p-color {
|
||||
color: var(--view-priceColor);
|
||||
}
|
||||
|
||||
.b-color {
|
||||
background-color: var(--view-theme);
|
||||
}
|
||||
|
||||
.my-order .header .picTxt {
|
||||
height: 190rpx;
|
||||
}
|
||||
|
||||
.my-order .header .picTxt .text {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.my-order .header .picTxt .text .name {
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.my-order .header .picTxt .pictrue {
|
||||
width: 122rpx;
|
||||
height: 109rpx;
|
||||
}
|
||||
|
||||
.my-order .header .picTxt .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.my-order .nav {
|
||||
background-color: #fff;
|
||||
width: 690rpx;
|
||||
@ -660,28 +943,34 @@
|
||||
border-radius: 16rpx;
|
||||
margin: -73rpx auto 0 auto;
|
||||
}
|
||||
|
||||
.my-order .nav .item {
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #282828;
|
||||
padding: 29rpx 0;
|
||||
}
|
||||
|
||||
.my-order .nav .item.on {
|
||||
font-weight: bold;
|
||||
border-bottom: 5rpx solid var(--view-theme);
|
||||
}
|
||||
|
||||
.my-order .nav .item .num {
|
||||
margin-top: 18rpx;
|
||||
}
|
||||
|
||||
.my-order .list {
|
||||
width: 690rpx;
|
||||
margin: 14rpx auto 0 auto;
|
||||
}
|
||||
|
||||
.my-order .list .item {
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
margin-bottom: 14rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .title {
|
||||
height: 84rpx;
|
||||
padding: 0 30rpx;
|
||||
@ -693,50 +982,61 @@
|
||||
.iconfont {
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
.store-name {
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
|
||||
.icon-xiangyou {
|
||||
font-size: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.my-order .list .item .title .sign {
|
||||
font-size: 24rpx;
|
||||
padding: 0 7rpx;
|
||||
height: 36rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .item-info {
|
||||
padding: 0 30rpx;
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .item-info .pictrue {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .item-info .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .item-info .text {
|
||||
width: 486rpx;
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .item-info .text .name {
|
||||
width: 320rpx;
|
||||
color: #282828;
|
||||
}
|
||||
.event_bg{
|
||||
|
||||
.event_bg {
|
||||
background: #FF7F00;
|
||||
}
|
||||
.event_color{
|
||||
|
||||
.event_color {
|
||||
color: #FF7F00;
|
||||
}
|
||||
.my-order .list .item .event_name{
|
||||
|
||||
.my-order .list .item .event_name {
|
||||
display: inline-block;
|
||||
margin-right: 9rpx;
|
||||
color: #fff;
|
||||
@ -746,16 +1046,20 @@
|
||||
text-align: center;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
.my-order .list .item .event_ship{
|
||||
|
||||
.my-order .list .item .event_ship {
|
||||
font-size: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.my-order .list .event_price{
|
||||
|
||||
.my-order .list .event_price {
|
||||
margin: 0 0 50rpx 120rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .item-info .text .money {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.my-order .list .item .totalPrice {
|
||||
font-size: 26rpx;
|
||||
color: #282828;
|
||||
@ -763,10 +1067,12 @@
|
||||
margin: 27rpx 0 0 30rpx;
|
||||
padding: 0 30rpx 30rpx 0;
|
||||
}
|
||||
|
||||
.my-order .list .item .totalPrice .money {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.my-order .list .item .bottom {
|
||||
height: 107rpx;
|
||||
padding: 0 30rpx;
|
||||
@ -787,34 +1093,41 @@
|
||||
border: 1px solid #ddd;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.my-order .list .item .bottom .bnt.colorBnt {
|
||||
border: 1px solid var(--view-theme);
|
||||
color: var(--view-theme);
|
||||
}
|
||||
.my-order .list .item .bottom .bnt .icon-fabu{
|
||||
|
||||
.my-order .list .item .bottom .bnt .icon-fabu {
|
||||
font-size: 26rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.my-order .list .item .bottom .bnt~.bnt {
|
||||
margin-left: 17rpx;
|
||||
}
|
||||
|
||||
.search {
|
||||
height: 60rpx;
|
||||
padding: 0 30rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #FFFFFF;
|
||||
font-size: 26rpx;
|
||||
font-size: 26rpx;
|
||||
|
||||
.iconfont {
|
||||
margin-right: 10rpx;
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.input-placeholder {
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.input {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user