<view class="orderData">
    <view class="While">
        <view class="orderData-cont-label">
            <image class="orderData-cont-img" src="https://cdn.shuiganying.com/images/2023/04/04/3b3938e3a883e6b173b4d49a5242666a.png" mode="aspectFill"></image>
            <view class="orderData-cont-text">
                <view class="orderData-cont-name">订单编号</view>
                <view class="orderData-cont-copy">
                    <text class="nowrap">{{goodsData.order_no}}</text>
                    <view bindtap="copyUrl" data-no="{{goodsData.order_no}}">复制</view>
                </view>
            </view>
        </view>
        <view class="orderData-cont-label">
            <image class="orderData-cont-img" src="/static/icons/siteIcon.png" mode="aspectFill"></image>
            <view class="orderData-cont-text orderData-cont-site">
                <view class="orderData-cont-name">{{ goodsData.express.name }} <text>{{ goodsData.express.mobile }}</text></view>
                <view class="orderData-cont-copy">
                    {{ goodsData.express.full_address }}
                </view>
            </view>
        </view>
    </view>

    <view class="While list-goods">
        <block wx:for="{{goodsData.items}}" wx:key="items">
            <image class="list-goods-img" mode="aspectFill" src="{{item.sku.cover}}"></image>
            <view class="list-goods-cont">
                <view class="nowrap list-goods-name">{{item.sku.goods_name}}</view>
                <view class="list-goods-text">
                    <text>规格 99ml</text>x{{item.qty}}
                </view>
                <view class="list-goods-parice">
                   ￥<text>{{item.price}}</text>
                </view>
            </view>
        </block>
    </view>

    <view class="While reserveCont">
        <view class="reserveCont-title">订单信息</view>
        <view class="reserve-label">
            <view class="reserve-name">交易时间</view>
            <view class="reserve-text">{{goodsData.created_at}}</view>
        </view>
        <view class="reserve-label">
            <view class="reserve-name">运费</view>
            <view class="reserve-text">{{goodsData.freight == 0 ? '免邮' : goodsData.freight + '元'}}</view>
        </view>
        <view class="reserve-label">
            <view class="reserve-name">交易状态</view>
            <view class="reserve-text reserve-status">{{goodsData.state}}</view>
        </view>
        <view class="reserve-label" wx:if="{{goodsData.coupon_qty != 0}}">
            <view class="reserve-name">兑换券使用</view>
            <view class="reserve-text">{{goodsData.coupon_qty}}张</view>
        </view>
        <view class="reserve-label" wx:if="{{goodsData.coupon_price != 0}}">
            <view class="reserve-name">兑换券抵值</view>
            <view class="reserve-text">￥{{goodsData.coupon_price}}</view>
        </view>
        <view class="reserve-label">
            <view class="reserve-name">实付款</view>
            <view class="reserve-text reserve-price">￥{{goodsData.total}}</view>
        </view>
    </view>

    <view class="While reserveCont" wx:if="{{goodsData.express.express_no}}">
        <view class="reserveCont-title">物流信息</view>
        <view class="reserve-label">
            <view class="reserve-name">物流名称</view>
            <view class="reserve-text">{{goodsData.express.express_name}}</view>
        </view>
        <view class="reserve-label">
            <view class="reserve-name">物流单号</view>
            <view class="reserve-text reserve-text-copy">
                {{goodsData.express.express_no}}<view bindtap="copyExpress" class="reserve-text-tap" data-no="{{goodsData.express.express_no}}">复制</view>
            </view>
        </view>
        <view class="reserve-label">
            <view class="reserve-name">查看物流信息</view>
            <view class="reserve-text reserve-text-btn" bindtap="h5url">
                去查看
            </view>
        </view>
    </view>
</view>
<view class="order-data-footer">
    <view class="list-btn">
        <view class="order-btn" bindtap="cancelClick" wx:if="{{canState.cancel}}">取消订单</view>
        <view class="order-btn" bindtap="payClick" wx:if="{{canState.pay}}">立即付款</view>
        <view class="order-btn" bindtap="signClick" wx:if="{{canState.sign}}">签收订单</view>
        <navigator hover-class="none" class="order-btn grey" open-type="navigateBack">返回订单</navigator>
    </view>
</view>