<!--components/buy-record/buy-record.wxml-->
<view class="order">
    <view class="order-header">订单创建时间 {{orderTime}}</view>

    <view class="item" wx:for="{{item}}" wx:key="skuName" bind:tap="handleDetail">
        <view class="info">
            <view class="left">
                <image src="{{item.picUrl}}" mode="aspectFill" />
            </view>
            <view class="right">
                <view class="spu">
                    <view class="spuName">{{item.spuName}}</view>
                    <view class="price">{{item.price?'￥'+item.price / 100:"暂无报价"}}</view>
                </view>
                <view class="sku">
                    <view class="skuName">{{item.skuName}}</view>
                    <view class="count">x{{item.count}}</view>
                </view>
                <tag class="history" color="{{state.color}}" propStyle="margin-right: 0rpx;">{{state.name}}</tag>
                <view class="history" style="color:{{deliveryState.color}}">{{deliveryState.name}}</view>
                <!-- <view class="history">
                    查看物流
                </view> -->
                <view>
                </view>
            </view>
        </view>
        <view class="footer">
            <view></view>
            <view class="totalPrice">
                应付款:￥{{item.totalPrice / 100}}
            </view>
        </view>
    </view>
    <view class="order-footer">
        <view class="order-price">
            <view class="order-total-price">订单总金额 ￥{{order.totalAmount/100}}</view>
            <view class="order-total-price">
                优惠金额:￥{{order.discountAmount/100 || 0.00}}
            </view>
        </view>
        <view class="order-price">
           <view class="order-trade-amount">
            实付金额 ￥{{order.advancePrice/100 || 0.00}}
           </view>
            <view class="order-trade-amount" >
            {{state>=70?'退款金额':'支付金额'}}
            ￥{{order.tradeAmount/100}}
            </view>
        </view>
       
        <view class="orderNo" wx:if="{{order.orderNo}}">订单号 {{order.orderNo}}</view>
        <view class="orderNo" wx:if="{{order.transactionId}}">微信订单号 {{order.transactionId}}</view>
        <view class="payTime" wx:if="{{order.payTime}}">订单支付时间 {{payTime||'未付款'}}</view>
        <view class="payTime" wx:if="{{order.sendTime}}">订单发货时间 {{sendTime||'未付款'}}</view>

    </view>
</view>


<!-- <popup visible="{{showHistoryPopup}}" bind:close="closePopup">
    <view slot="header" class="popup-header">
        <text>物流信息</text>
    </view>
    <view>
        这里显示物流的信息
    </view>
</popup> -->