|
|
|
@ -1,8 +1,14 @@ |
|
|
|
<template> |
|
|
|
<z-paging ref="paging" v-model="list" @query="queryList"> |
|
|
|
<!-- #ifdef H5 --> |
|
|
|
<u-navbar title="订单详情" leftIconSize="0" @leftClick="leftClick" placeholder> |
|
|
|
<u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon> |
|
|
|
</u-navbar> |
|
|
|
<!-- #endif --> |
|
|
|
<!-- #ifdef APP-PLUS --> |
|
|
|
<view style="padding-top: 50rpx"> |
|
|
|
</view> |
|
|
|
<!-- #endif --> |
|
|
|
<view class="" v-for="(item,index) in list" :key="index"> |
|
|
|
<view class="Order-details"> |
|
|
|
<view class="Order-status"> |
|
|
|
@ -132,7 +138,7 @@ |
|
|
|
<div v-else-if="data.pay.pay_status == 0 && data.pay.received_money == 0">未支付</div> |
|
|
|
<div v-else-if="data.pay.pay_status == 0 && data.pay.pay_money > 0 && data.pay.received_money > 0">部分支付</div> |
|
|
|
<div v-else-if="data.pay.pay_status==2">已支付</div> |
|
|
|
<!-- <div v-else-if="data.order_status > 0 && data.sales_status == 0">已支付</div>--> |
|
|
|
<!-- <div v-else-if="data.order_status > 0 && data.sales_status == 0">已支付</div>--> |
|
|
|
<div v-else>暂无收款记录</div> |
|
|
|
<!-- <div v-if="data.sales_balance==1 && data.wait_status==2">已收款</div> |
|
|
|
<div v-if="data.sales_balance==0 && data.wait_status==1">待付款</div> |
|
|
|
@ -251,10 +257,10 @@ |
|
|
|
@click="ConfirmCharge">确认收货</div> |
|
|
|
<div class="df aic jcsa listtwo" v-if="data.order_status_name=='待支付'" @click="payment">去支付</div> |
|
|
|
<div class="df aic jcsa listtwo" v-if="data.order_status==1" @click="show3=true">确认发货</div> |
|
|
|
<!-- 暂时注释,只保留客户端的审核功能--> |
|
|
|
<!--<div class="df aic jcsa listtwo" v-if="data.sales_status == 0" @click="show9=true">去审核</div>--> |
|
|
|
<!--订单状态order_status在[0待支付,1待发货,20待审核] && sales_status=0时才展示取消审核--> |
|
|
|
<!-- <div class="df aic jcsa listtwo" v-if="data.sales_status != 0 && [0,1,20].includes(data.order_status)" @click="cancelAudit(data.order_id)">取消审核</div>--> |
|
|
|
<!-- 暂时注释,只保留客户端的审核功能--> |
|
|
|
<!--<div class="df aic jcsa listtwo" v-if="data.sales_status == 0" @click="show9=true">去审核</div>--> |
|
|
|
<!--订单状态order_status在[0待支付,1待发货,20待审核] && sales_status=0时才展示取消审核--> |
|
|
|
<!-- <div class="df aic jcsa listtwo" v-if="data.sales_status != 0 && [0,1,20].includes(data.order_status)" @click="cancelAudit(data.order_id)">取消审核</div>--> |
|
|
|
</view> |
|
|
|
<u-overlay :show="show9"> |
|
|
|
<view class="head-one"> |
|
|
|
@ -379,13 +385,13 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
const timesfm = require('@/common/js/map/message.js') |
|
|
|
// import Bus from '@/common/js/bus.js' |
|
|
|
import { |
|
|
|
const timesfm = require('@/common/js/map/message.js') |
|
|
|
// import Bus from '@/common/js/bus.js' |
|
|
|
import { |
|
|
|
computed |
|
|
|
} from "vue" |
|
|
|
import eventBus from '@/common/js/bus.js' |
|
|
|
export default { |
|
|
|
} from "vue" |
|
|
|
import eventBus from '@/common/js/bus.js' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
show: false, |
|
|
|
@ -1290,22 +1296,22 @@ |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
::v-deep { |
|
|
|
::v-deep { |
|
|
|
.zp-l-text { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.xiugai { |
|
|
|
.xiugai { |
|
|
|
width: 204rpx; |
|
|
|
margin-left: 4rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.listacd { |
|
|
|
.listacd { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background-color: rgb(247, 247, 247); |
|
|
|
@ -1353,18 +1359,18 @@ |
|
|
|
border-radius: 20rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.list-list { |
|
|
|
.list-list { |
|
|
|
/* #ifdef APP */ |
|
|
|
margin-top: 20rpx; |
|
|
|
/* #endif */ |
|
|
|
/* #ifdef H5 */ |
|
|
|
margin-top: 100rpx; |
|
|
|
/* #endif */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.list { |
|
|
|
.list { |
|
|
|
width: 702rpx; |
|
|
|
// height: 324rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
@ -1468,9 +1474,9 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Select-payment { |
|
|
|
.Select-payment { |
|
|
|
width: 702rpx; |
|
|
|
// height: 248rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
@ -1530,9 +1536,9 @@ |
|
|
|
margin-left: 16rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.head-one { |
|
|
|
.head-one { |
|
|
|
width: 500rpx; |
|
|
|
// height: 500rpx; |
|
|
|
position: fixed; |
|
|
|
@ -1593,9 +1599,9 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Special-rating { |
|
|
|
.Special-rating { |
|
|
|
width: 630rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 24px; |
|
|
|
@ -1606,13 +1612,13 @@ |
|
|
|
box-sizing: border-box; |
|
|
|
padding-bottom: 32rpx; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.empty-fixed { |
|
|
|
.empty-fixed { |
|
|
|
margin-top: 0 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Special-ratingone { |
|
|
|
.Special-ratingone { |
|
|
|
margin-top: 40rpx; |
|
|
|
text-align: center; |
|
|
|
font-size: 32rpx; |
|
|
|
@ -1620,9 +1626,9 @@ |
|
|
|
font-weight: 500; |
|
|
|
color: #222222; |
|
|
|
line-height: 44rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Special-rating div:nth-child(2) { |
|
|
|
.Special-rating div:nth-child(2) { |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
@ -1630,9 +1636,9 @@ |
|
|
|
line-height: 40rpx; |
|
|
|
margin-top: 30rpx; |
|
|
|
margin-left: 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.selont { |
|
|
|
.selont { |
|
|
|
|
|
|
|
margin-top: 24rpx; |
|
|
|
height: 70rpx; |
|
|
|
@ -1689,9 +1695,9 @@ |
|
|
|
right: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.fixed-empty { |
|
|
|
.fixed-empty { |
|
|
|
width: 438rpx; |
|
|
|
height: 70rpx; |
|
|
|
// background: red; |
|
|
|
@ -1726,9 +1732,9 @@ |
|
|
|
transform: translateY(-50%); |
|
|
|
right: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Special-rating div:nth-child(4) { |
|
|
|
.Special-rating div:nth-child(4) { |
|
|
|
height: 160rpx; |
|
|
|
margin-top: 24rpx; |
|
|
|
|
|
|
|
@ -1752,9 +1758,9 @@ |
|
|
|
margin-top: 0; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Special-rating div:nth-child(5) { |
|
|
|
.Special-rating div:nth-child(5) { |
|
|
|
width: 570rpx; |
|
|
|
height: 68rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
@ -1764,9 +1770,9 @@ |
|
|
|
line-height: 34rpx; |
|
|
|
margin: 0 auto; |
|
|
|
margin-top: 16rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Special-rating div:nth-child(6) { |
|
|
|
.Special-rating div:nth-child(6) { |
|
|
|
margin-top: 44rpx; |
|
|
|
|
|
|
|
div:nth-child(1) { |
|
|
|
@ -1796,9 +1802,9 @@ |
|
|
|
line-height: 40rpx; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.transportation { |
|
|
|
.transportation { |
|
|
|
width: 540rpx; |
|
|
|
height: 448rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
@ -1841,9 +1847,9 @@ |
|
|
|
margin-left: 32rpx; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.transportation div:nth-child(1) { |
|
|
|
.transportation div:nth-child(1) { |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFangSC-Medium, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
@ -1851,9 +1857,9 @@ |
|
|
|
line-height: 44rpx; |
|
|
|
text-align: center; |
|
|
|
margin-top: 40rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.transportation div:nth-child(2) { |
|
|
|
.transportation div:nth-child(2) { |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
@ -1865,9 +1871,9 @@ |
|
|
|
text:nth-child(2) { |
|
|
|
margin-left: 16rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.transportation div:nth-child(3) { |
|
|
|
.transportation div:nth-child(3) { |
|
|
|
div:nth-child(1) { |
|
|
|
width: 112rpx; |
|
|
|
height: 40rpx; |
|
|
|
@ -1906,18 +1912,18 @@ |
|
|
|
line-height: 40rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.fill-in { |
|
|
|
.fill-in { |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #585858; |
|
|
|
line-height: 34rpx; |
|
|
|
margin: 20rpx 0 0 36rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.nav { |
|
|
|
.nav { |
|
|
|
// width: 750rpx; |
|
|
|
padding: 0 40rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
@ -1963,9 +1969,9 @@ |
|
|
|
border-radius: 40rpx; |
|
|
|
margin: 0 0rpx 0 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.Order-details { |
|
|
|
.Order-details { |
|
|
|
padding: 24rpx; |
|
|
|
|
|
|
|
.Order-status { |
|
|
|
@ -2403,5 +2409,5 @@ |
|
|
|
padding: 0 50rpx 0 46rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
