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.
366 lines
8.1 KiB
366 lines
8.1 KiB
<template>
|
|
<view class="orderGoods">
|
|
<view class='total' v-if="is_behalf"><text>
|
|
{{$t(`代付金额`)}}：
|
|
<text class="pay-price">￥{{pay_price || 0}}</text>
|
|
</text>
|
|
</view>
|
|
<view class='total' v-else-if="!split && !is_behalf">{{$t(`共`)}}{{totalNmu}}{{$t(`件商品`)}}</view>
|
|
<view class='total' v-else-if="split">
|
|
<text>{{$t(`订单包裹`)}} {{index + 1}}</text>
|
|
<view class="rig-btn" v-if="status_type === -1">
|
|
<view class="refund">{{$t(`申请退款中`)}}</view>
|
|
</view>
|
|
<view class="rig-btn" v-else-if="status_type === -2">
|
|
<view class="refund">{{$t(`已退款`)}}</view>
|
|
</view>
|
|
<view class="rig-btn" v-else-if="status_type === 4">
|
|
<view class="done">{{$t(`已完成`)}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class='goodWrapper'>
|
|
<view class='' :class="{op:!item.is_valid}" v-for="(item,index) in cartInfo" :key="index"
|
|
@click="jumpCon(item.product_id)">
|
|
<view class="item acea-row row-between-wrapper">
|
|
<view class='pictrue' :class="{gray:!item.is_valid}">
|
|
<image :src='item.productInfo.attrInfo.image' v-if="item.productInfo.attrInfo"></image>
|
|
<image :src='item.productInfo.image' v-else></image>
|
|
</view>
|
|
<view class='text'>
|
|
<view class='acea-row row-between-wrapper'>
|
|
<view class='name line2'>{{item.productInfo.store_name}}</view>
|
|
|
|
</view>
|
|
<view class='attr line1' style="display: flex;justify-content: space-between;align-items: center;" v-if="item.productInfo.attrInfo">
|
|
<text>{{item.productInfo.attrInfo.suk}}</text>
|
|
<view class='num'>x {{item.cart_num}}</view>
|
|
</view>
|
|
<view class='money pic' style="color:#E48A4F" v-if="item.productInfo.attrInfo">
|
|
<text :class="{gray:!item.is_valid}">
|
|
{{$t(`￥`)}}{{item.productInfo.attrInfo.price}}
|
|
</text>
|
|
<view class="refund" v-if="item.refund_num && statusType !=-2">{{item.refund_num}}{{$t(`件退款中`)}}
|
|
</view>
|
|
<text class="valid" v-if="!item.is_valid && shipping_type === 0">{{$t(`不支持配送`)}}</text>
|
|
<text class="valid" v-if="!item.productInfo.store_mention && shipping_type === 1">{{$t(`不支持自提`)}}</text>
|
|
</view>
|
|
<view class='money font-color pic' v-else>
|
|
<text :class="{gray:!item.is_valid}">{{$t(`￥`)}}{{item.productInfo.price}}</text>
|
|
<text class="valid" v-if="!item.is_valid && shipping_type === 0">{{$t(`仅支持到店`)}}</text>
|
|
<text class="valid" v-if="!item.productInfo.store_mention && shipping_type === 1">{{$t(`仅支持配送`)}}</text>
|
|
</view>
|
|
<view class='evaluate' v-else-if="item.is_reply==1">{{$t(`已评价`)}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="botton-btn">
|
|
<view class='logistics' v-if="item.is_reply==0 && evaluate==3 && pid != -1 && isShow"
|
|
@click.stop="evaluateTap(item.unique,orderId)">
|
|
{{$t(`评价`)}}</view>
|
|
<!-- <view class='logistics'
|
|
v-if="paid === 1 && refund_status === 0 && item.refund_num !=item.cart_num && !is_confirm && is_refund_available && isShow && (virtualType == 0 || (virtualType > 0 && statusType == 1))"
|
|
@click.stop="openSubcribe(item)">
|
|
{{$t(`申请退款`)}}</view> -->
|
|
<view class="rig-btn" v-if="status_type === 2 && index === cartInfo.length - 1 || !split">
|
|
<view v-if="delivery_type === 'express'" class="logistics" @click.stop="logistics(orderId)">{{$t(`查看物流`)}}
|
|
</view>
|
|
<view class="logistics sure" v-if="status_type === 2" @click.stop="confirmOrder(orderId)">{{$t(`确认收货`)}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
// 订单状态
|
|
statusType: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
virtualType: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
evaluate: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
oid: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
// 1已支付 0未支付
|
|
paid: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
cartInfo: {
|
|
type: Array,
|
|
default: function() {
|
|
return [];
|
|
}
|
|
},
|
|
orderId: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
shipping_type: {
|
|
type: Number,
|
|
default: -1,
|
|
},
|
|
delivery_type: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
pay_price: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
jump: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
is_confirm: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
// is_behalf 是否是代付列表
|
|
is_behalf: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
split: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
jumpDetail: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
index: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
pid: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
refund_status: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
status_type: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
isShow: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
is_refund_available: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
totalNmu: 0,
|
|
operationModel: false,
|
|
status: "",
|
|
};
|
|
},
|
|
watch: {
|
|
cartInfo: function(nVal, oVal) {
|
|
let num = 0
|
|
nVal.forEach((item, index) => {
|
|
num += item.cart_num
|
|
})
|
|
this.totalNmu = num
|
|
}
|
|
},
|
|
mounted() {
|
|
let num = 0
|
|
this.$nextTick(() => {
|
|
this.cartInfo.forEach((item, index) => {
|
|
num += item.cart_num
|
|
})
|
|
this.$set(this, 'totalNmu', num)
|
|
})
|
|
|
|
},
|
|
methods: {
|
|
evaluateTap: function(unique, orderId) {
|
|
uni.navigateTo({
|
|
url: "/pages/goods/goods_comment_con/index?unique=" + unique + "&uni=" + orderId
|
|
})
|
|
},
|
|
jumpCon(id) {
|
|
if (this.jump) {
|
|
uni.navigateTo({
|
|
url: `/pages/goods_details/index?id=${id}`
|
|
})
|
|
} else if (this.jumpDetail) {
|
|
uni.navigateTo({
|
|
url: `/pages/goods/order_details/index?order_id=${this.orderId}`
|
|
})
|
|
}
|
|
},
|
|
logistics(order_id) {
|
|
uni.navigateTo({
|
|
url: '/pages/goods/goods_logistics/index?orderId=' + order_id
|
|
})
|
|
},
|
|
confirmOrder(orderId) {
|
|
this.$emit('confirmOrder', orderId)
|
|
},
|
|
changeOperation() {
|
|
this.operationModel = !this.operationModel
|
|
},
|
|
openSubcribe(item) {
|
|
let cartList = [];
|
|
cartList.push({
|
|
cart_id: item.id,
|
|
cart_num: item.surplus_refund_num
|
|
})
|
|
let obj = JSON.stringify(cartList);
|
|
this.$emit('openSubcribe',
|
|
`/pages/goods/goods_return/index?orderId=${this.orderId}&id=${this.oid}&cartIds=${obj}`)
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.fontcolor {
|
|
color: #e93323;
|
|
}
|
|
|
|
.orderGoods {
|
|
// background-color: #fff;
|
|
}
|
|
|
|
.orderGoods .total {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
// width: 100%;
|
|
// height: 86rpx;
|
|
padding: 0 30rpx;
|
|
border-bottom: 2rpx solid #f0f0f0;
|
|
font-size: 30rpx;
|
|
color: #282828;
|
|
line-height: 86rpx;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
margin: 0 24rpx;
|
|
border-radius: 20rpx;
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
.goodWrapper{
|
|
margin:20rpx 24rpx;
|
|
background: #fff;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.botton-btn {
|
|
display: flex;
|
|
align-items: right;
|
|
justify-content: flex-end;
|
|
padding: 0rpx 20rpx 20rpx 20rpx;
|
|
}
|
|
|
|
.rig-btn {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.refund {
|
|
font-size: 26rpx;
|
|
color: #e93323;
|
|
}
|
|
|
|
.done {
|
|
font-size: 26rpx;
|
|
color: #F19D2F;
|
|
}
|
|
}
|
|
|
|
.logistics {
|
|
// height: 46rpx;
|
|
line-height: 30rpx;
|
|
color: #666666;
|
|
font-size: 20rpx;
|
|
border: 1px solid #CCCCCC;
|
|
border-radius: 30rpx;
|
|
padding: 8rpx 22rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.sure {
|
|
color: #e93323;
|
|
border: 1px solid #e93323;
|
|
}
|
|
|
|
.more-operation {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 10rpx 0;
|
|
color: #bbb;
|
|
}
|
|
|
|
.b-top {
|
|
margin-left: 30rpx;
|
|
margin-right: 30rpx;
|
|
border-top: 1px solid #f0f0f0
|
|
}
|
|
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: all 0.1s;
|
|
}
|
|
|
|
.fade-enter,
|
|
.fade-leave-to
|
|
|
|
/* .fade-leave-active below version 2.1.8 */
|
|
{
|
|
opacity: 0;
|
|
transform: translateY(-10px);
|
|
}
|
|
|
|
.op {
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
.gray {
|
|
filter: grayscale(100%);
|
|
filter: gray;
|
|
}
|
|
|
|
.pic {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.valid {
|
|
margin-left: 20rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.pay-price {
|
|
color: #E93323;
|
|
}
|
|
|
|
.refund {
|
|
text-align: right;
|
|
font-size: 26rpx;
|
|
color: var(--view-theme);
|
|
}
|
|
</style>
|
|
|