{layout name="layout2" /}
<style>
    .div-flex {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .width-160 {
        width: 200px;
    }

    .layui-table th {
        text-align: center;
    }

    .table-margin {
        margin-left: 50px;
        margin-right: 50px;
        text-align: center;
    }

    .image {
        height: 80px;
        width: 80px;
    }

    .mt50 {
        margin-left: 50px;
    }

</style>
<div class="layui-card-body" >
    <!--基本信息-->
    <div class="layui-form" lay-filter="layuiadmin-form-express" id="layuiadmin-form-express" >
        <input type="hidden" name="order_id" value="{$detail.id}">

        <div class="layui-form-item">
            <fieldset class="layui-elem-field layui-field-title">
                <legend>快递信息</legend>
            </fieldset>
        </div>


        {empty name="$detail.shipping"}
            <div class="layui-form-item div-flex">
                <label class="layui-form-label"></label>
                <div class="width-160">暂无物流信息</div>
            </div>
        {else/}
            <div class="layui-form-item div-flex">
                <label class="layui-form-label ">发货时间:</label>
                <div class="width-160">{$detail.shipping.create_time | default= "--"}</div>
                <label class="layui-form-label ">快递方式:</label>
                <div class="width-160">{$detail.shipping.shipping_name | default="--"}</div>
                <label class="layui-form-label ">快递单号:</label>
                <div class="width-160">{$detail.shipping.invoice_no | default= "--"}</div>
            </div>
        {/empty}

        <div class="layui-form-item">
            <fieldset class="layui-elem-field layui-field-title">
                <legend>商品信息</legend>
            </fieldset>
        </div>


        <div class="layui-form-item table-margin">
            <table class="layui-table">
                <colgroup>
                    <col width="250">
                    <col width="100">
                    <col width="200">
                    <col width="100">
                    <col width="200">
                </colgroup>
                <thead>
                <tr>
                    <th>商品名称</th>
                    <th>市场价</th>
                    <th>兑换积分</th>
                    <th>数量</th>
                    <th>运费</th>
                    <th>实付</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <div style="text-align: left">
                            <div class="layui-col-md3">
                                <img src="{$detail.goods_snap.image}" class="image-show image" >
                            </div>
                            <div class="layui-col-md9">
                                <p style="margin-top: 10px">{$detail.goods_snap.name}</p>
                            </div>
                        </div>
                    </td>
                    <td>¥{$detail.goods_snap.market_price}</td>
                    <td>{$detail.goods_snap.need_integral}积分{if $detail.goods_snap.exchange_way == 2}+{$detail.goods_snap.need_money}元{/if}</td>
                    <td>{$detail.total_num}</td>
                    <td>¥{$detail.shipping_price}</td>
                    <td>{$detail.order_integral}积分{if $detail.order_amount > 0}+{$detail.order_amount}元{/if}</td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="layui-form-item">
            <fieldset class="layui-elem-field layui-field-title">
                <legend>物流轨迹</legend>
            </fieldset>
        </div>


        <div class="layui-form-item table-margin">
            <table class="layui-table">
                <colgroup>
                    <col>
                </colgroup>
                <thead>
                <tr >
                    <th colspan="3">轨迹</th>
                </tr>
                </thead>
                <tbody>
                {foreach $detail.shipping.traces as $k => $item}
                <tr>
                    {if is_array($item)}
                        {foreach $item as $k1 => $value}
                            <td>{$value}</td>
                        {/foreach}
                    {else /}
                        <td>{$item}</td>
                    {/if}
                </tr>
                {/foreach}
                </tbody>
            </table>
        </div>


        <div class="layui-form-item div-flex ">
            <div class="layui-input-block ">
                <button type="button" class="layui-btn layui-btn-sm layui-btn-primary width_160 " id="back">返回</button>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    //注意:选项卡 依赖 element 模块,否则无法进行功能性操作
    layui.use(['element', 'jquery','form'], function () {
        var $ = layui.$
            , form = layui.form;

        //主图放大
        $(document).on('click', '.image-show', function () {
            var src = $(this).attr('src');
            like.showImg(src,400);
        });


        $('#back').click(function () {
            var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
            parent.layer.close(index);
            parent.layui.table.reload('order-lists');
            return true;
        });
    });
</script>