|
|
|
@ -1,7 +1,12 @@ |
|
|
|
<template> |
|
|
|
<view class="retail-order" @click="toInfo"> |
|
|
|
<a-header :source="orderInfo.source || '-'" :status="getStatus(orderInfo.pay_status)"></a-header> |
|
|
|
<!-- 商品名称: 操作人： 购买时间: --> |
|
|
|
<view class="ro-header"> |
|
|
|
<view class="rh-view">{{orderInfo.source || '-'}}</view> |
|
|
|
<text |
|
|
|
:class="[ 'rh-text', orderInfo.pay_status == 1?'rh-active':'', orderInfo.pay_status == 4?'rh-red':'' ]" |
|
|
|
>{{getStatus(orderInfo.pay_status)}}</text> |
|
|
|
</view> |
|
|
|
<!-- 商品名称: 操作人： 购买时间: --> |
|
|
|
<view class="ro-info"> |
|
|
|
<a-line :value="orderInfo.order_no || '-'"> |
|
|
|
<block slot="name">订单编号：</block> |
|
|
|
@ -22,7 +27,6 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import util from '../../../utils/util'; |
|
|
|
import a_header from '../a_header/a_header.vue'; |
|
|
|
import a_line from '../a_line/a_line.vue'; |
|
|
|
export default { |
|
|
|
computed: { |
|
|
|
@ -35,7 +39,6 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
|
'a-header': a_header, |
|
|
|
'a-line': a_line, |
|
|
|
}, |
|
|
|
props: { |
|
|
|
@ -67,6 +70,31 @@ export default { |
|
|
|
padding: 0 20upx 20upx; |
|
|
|
border-radius: 10upx; |
|
|
|
} |
|
|
|
.ro-header{ |
|
|
|
margin-bottom: 18upx; |
|
|
|
height: 98upx; |
|
|
|
line-height: 96upx; |
|
|
|
border-bottom: 2upx solid #D8D8D8; |
|
|
|
@include centerFlex(space-between); |
|
|
|
.rh-view{ |
|
|
|
flex-grow: 1; |
|
|
|
font-size: 28upx; |
|
|
|
color: #1a1a1a; |
|
|
|
@include textHide(1); |
|
|
|
} |
|
|
|
.rh-text{ |
|
|
|
margin-left: 20upx; |
|
|
|
flex-shrink: 0; |
|
|
|
font-size: 28upx; |
|
|
|
color: #9A9A9D; |
|
|
|
} |
|
|
|
.rh-active{ |
|
|
|
color: #9A9A9D; |
|
|
|
} |
|
|
|
.rh-red{ |
|
|
|
color: #EA5061; |
|
|
|
} |
|
|
|
} |
|
|
|
.ro-info{ |
|
|
|
|
|
|
|
} |
|
|
|
|
