{extend name="base"}
{block name="title"}订单详情 - {:__get_set('set')['name']}{/block}
{block name="main"}
<section class="main">
    <div class="container">
        <div class="bg-white h-mtauto p-3">
            <div class="row">
                <div class="col-lg-7 col-12">
                    <p class="font-s-18 font-w-700">订单号：{$list.order_id}</p>
                    <p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAMAAAB4HKeYAAAAllBMVEUmX/8nYP84bP9mjv9rkv9ch/9nj/9sk/9nj/9okP8oYP8vZv9/of9/ov9ii/9rk/9mjv82a/88b/8qYv8nYP8nYP8nYP8qYv8oYP8mYP8lXv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv9/ov95nP8fWv8iXP8qYv8qYv8qYv8pYv95nf92mv9ymP97nv8mX/96nf9zmP/tyrbBAAAAKXRSTlMAAAAAAAEBBAUFDTI/P0FDQ0ZGSV5gYmJwcXh6h5Odn8XO4uTk8fHx/lWtEg0AAACISURBVHhexcdpDoIwFADhV/YdkX0rUET7Wha9/+UkIU28gd+fyQBDfCmIDPg4oDKMHDAlh0JSBFGZ8e0Sm5UAUdjz4zLbxfm5Iz8X6eR/+MyV27q/93WTbnZ+bYVBlNyTKAitWgA2mqH7y3PxdUNrELAkAF7XdR4AKRH4RCnt27btz04cGP5iX9TyJNQER2cEAAAAAElFTkSuQmCC"
                            width="15" style="margin-left: 3px;">
                        商品名称：<a href="/goods/{$list.goods.id}.html" target="_blank">{$list.goods.title}</a> x
                        {$list.goods_sum}
                    </p>
                    <p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAABF1BMVEUqYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv8qYv9m7cYfAAAAXHRSTlMAt1vomp+Blufp4aAm6v2XrSQo4+v7+Ep7EyzUmYu27MzcLSWRkhnwwinm/rtLjlpY1a7613m/Ro8W3jwVBDDzYAOwASPbYhC+ieBo4gy6epMS0nyAggJv3fW5yIvSnAoAAADRSURBVHheXcjVdsJAAIThaXYpmxAV3KXu7u7uPu//HIVQQuG7mTk/OuZL6Mq50eQbprdeNE3f902vsj3VLIxjsqqrGVsXlmXpKk1LhDXYDNStIXTRpgxDBCQy9VYilUpEOmdsKY0J4Y785wYZrHLYNL5m57SehUVNyy6vgGUMWiOYRGxjcwsYHWg7ZKHfdvcA7B/w8ChueeP4BKdnPAfidnHJK++aN+g1B8DdPUM+IG6PaHt65gu6Xgm+Re89iz8fhP3plKSU5VxSRpwi8c1hP7/QqitMkDKKhAAAAABJRU5ErkJggg=="
                            width="18" style="position: relative;top: -3px;">
                        付款时间：{$list.pay_time|date="Y-m-d H:i:s"}</p>
                </div>
                <div class="col-lg-5 col-12">
                    订单状态
                    <strong>
                        {if condition="$list.status eq 0"}
                        <span class="text-secondary">未支付</span>
                        {elseif condition="$list.status eq 1"}
                        <span class="text-warning">待发货</span>
                        {elseif condition="$list.status eq 2"}
                        <span class="text-info">已发货</span>
                        {elseif condition="$list.status eq 3"}
                        <span class="text-success">交易完成</span>
                        {else /}
                        <span class="text-danger">订单过期</span>
                        {/if}
                    </strong>
                    &nbsp;订单金额 <span style="font-size: 26px;font-weight:800">{$list.money}</span>元
                    <div class="mt-3">
                        <button type="button" class="btn btn-success btn-lg px-4" id="export">导出</button>
                        <button type="button" class="btn btn-primary btn-lg px-4" id="copy">复制</button>
                        {if condition="$list.status eq 2"}
                        <button type="button" class="btn btn-warning btn-lg" id="ok">确认收货</button>
                        {/if}
                    </div>
                </div>
            </div>
            <div class="h-mtauto">
                <div class="font-s-18 font-w-700">发货列表</div>
                <div class="row mt-3">
                    {empty name="kamilist"}
                    <div class="col-12">等待商家发货....</div>
                    {/empty}
                    {volist name="kamilist" id="v"}
                    <div class="col-lg-1 col-3">第{$i}张</div>
                    <div class="col-lg-11 col-9">{$v.content|raw}</div>
                    {/volist}
                    <textarea id="kami-value"
                        style="display: none;">{volist name="kamilist" id="v"}{$v.content . "\\r\\n"}{/volist}</textarea>
                </div>
            </div>
        </div>

    </div>
</section>
<script>

    document.write('<script src="/static/js/clipboard.min.js"><\/script>');

    window.onload = function () {
        var kami = $('#kami-value').val();
        var clipboard = new Clipboard('#copy', {
            text: function () {
                return kami;
            }
        });
        clipboard.on('success', function (e) {
            layer.msg("复制成功");
        });

        clipboard.on('error', function (e) {
            layer.msg("复制失败");
            console.log(e);
        });

        $('#export').click(function () {
            location.href = "/exprot/{$list.order_id}";
        })
        $('#ok').click(function () {
            var order_id = "{$list.order_id}";
            $.post('/index/Confirm_receipt', { order_id: order_id }, function (res) {
                if (res.code == 1) {
                    layer.msg(res.msg, { icon: 1 }, function () { window.location.reload() });
                } else {
                    layer.msg(res.msg, { icon: 5 });
                }
            });
            return false;
        })


    }

</script>
{/block}