

<view class="content">
    <!-- 服务提醒 -->
    <view class="service-content">
        <view class="service"> 本次售后服务将由<text> 绚火健康 </text>为您提供服务 </view>
    </view>
    <!-- 服务单状态 -->
    <view class="service-status" wx:if="{{state != null}}">
        <view class="service-status-text">{{state.text}}</view>
        <view class="service-status-remark">{{state.remark}}</view>
        <view class="service-status-btn">
            <navigator url="../logs/logs?id={{refund_no}}">售后记录</navigator>
        </view>
    </view>
    <!-- 退款金额 -->
    <view class="service-price">
        <view class="service-price-title">退款金额</view>
        <view class="service-price-flex">
            <view class="service-price-refund">原路退款（1-3个工作日到账）</view>
            <view class="service-price-val">￥{{refund_total}}</view>
        </view>
    </view>
    <!-- 订单信息 -->
    <view class="service-card" wx:if="{{items.length > 0}}">
        <view class="service-goods">
            <view class="service-goods-flex" wx:for="{{items}}" wx:key="index">
                <image class="service-goods-cover" src="{{item.cover}}" mode="aspectFill"></image>
                <view class="service-goods-text">
                    <view class="service-goods-title">{{item.goods_name}}</view>
                    <view class="service-goods-num">数量：{{item.qty}}</view>
                </view>
            </view>
        </view>
        <view class="service-flexs">
            <view class="service-flexs-item">
                <label>订单编号</label>
                <view class="service-flexs-val">{{source.no}}</view>
            </view>
            <view class="service-flexs-item">
                <label>服务单号</label>
                <view class="service-flexs-val">{{refund_no}}</view>
            </view>
            <view class="service-flexs-item">
                <label>申请时间</label>
                <view class="service-flexs-val">{{created_at}}</view>
            </view>
            <view class="service-flexs-item">
                <label>服务类型</label>
                <view class="service-flexs-val">退款</view>
            </view>
            <view class="service-flexs-item">
                <label>申请原因</label>
                <view class="service-flexs-val">{{title}}</view>
            </view>
            <view class="service-flexs-item">
                <label>退款方式</label>
                <view class="service-flexs-val">原路退款</view>
            </view>
        </view>
    </view>
</view>
