<view class="container">
    <view class="order-info">
        <view class="item-a">下单时间：{{orderInfo.addTime}}</view>
        <view class="item-b">订单编号：{{orderInfo.orderSn}}</view>
        <view class="item-c">
            <view class="l">实付：<text class="cost">￥{{orderInfo.actualPrice}}</text></view>
            <view class="r">
                <view class="btn active" bindtap="cancelOrder" wx:if="{{handleOption.cancel}}">取消订单</view>
                <view class="btn active" bindtap="payOrder" wx:if="{{handleOption.pay}}">去付款</view>
                <view class="btn active" bindtap="confirmOrder" wx:if="{{handleOption.confirm}}">确认收货</view>
                <view class="btn active" bindtap="deleteOrder" wx:if="{{handleOption.delete}}">删除订单</view>
                <view class="btn active" bindtap="refundOrder" wx:if="{{handleOption.refund}}">申请退款</view>
            </view>
        </view>
    </view>

    <view class="order-goods">
        <view class="h">
            <view class="label">商品信息</view>
            <view class="status">{{orderInfo.orderStatusText}}</view>
        </view>
        <view class="goods">
            <view class="item" wx:for="{{orderGoods}}" wx:key="id">
                <view class="img">
                    <image src="{{item.picUrl}}"></image>
                </view>
                <view class="info">
                    <view class="t">
                        <text class="name">{{item.goodsName}}</text>
                        <text class="number">x{{item.number}}</text>
                    </view>
                    <view class="attr">{{item.goodsSpecificationValues}}</view>
                    <view class="price">￥{{item.retailPrice}}</view>
                    <view class="btn active" wx:if="{{handleOption.comment}}">
                      <navigator url="../../commentPost/commentPost?orderId={{item.orderId}}&&valueId={{item.goodsId}}&type=0">去评价</navigator>
                    </view>
                    <view class="btn active" wx:if="{{handleOption.rebuy}}">
                      <navigator url="../../goods/goods?id={{item.goodsId}}">再次购买</navigator>
                    </view>
                </view>
            </view>
        </view>
    <!-- 物流信息,仅收货状态下可见 -->
    <view class="order-express" bindtap="expandDetail" wx:if="{{ handleOption.confirm }}">
      <view class="order-express">
        <view class="title">
          <view class="t">快递公司：{{expressInfo.expNo}}</view>
          <view class="b">物流单号：{{expressInfo.expCode}}</view>
        </view>
      </view>
    </view>

    <!-- 展开 -->
    <view class="data-expand p10 border-bottom" wx:if="{{ flag }}">
      <view class="order-express">
        <view class="traces" wx:for="{{expressInfo.Traces}}" wx:key="item" wx:for-item="iitem">
          <view class="trace">
            <view class="acceptTime">{{iitem.AcceptTime}}</view>
            <view class="acceptStation">{{iitem.AcceptStation}}</view>
          </view>
        </view>
      </view>
    </view>
    </view>

    <view class="order-bottom">
        <view class="address">
            <view class="t">
                <text class="name">{{orderInfo.consignee}}</text>
                <text class="mobile">{{orderInfo.mobile}}</text>
            </view>
            <view class="b">{{orderInfo.address}}</view>
        </view>
        <view class="total">
            <view class="t">
                <text class="label">商品合计：</text>
                <text class="txt">￥{{orderInfo.goodsPrice}}</text>
            </view>
            <view class="t">
                <text class="label">运费：</text>
                <text class="txt">￥{{orderInfo.freightPrice}}</text>
            </view>
        </view>
        <view class="pay-fee">
            <text class="label">实付：</text>
            <text class="txt">￥{{orderInfo.actualPrice}}</text>
        </view>
    </view>
</view>