NN2023021801/app/admin/view/mall/shop_order/details.html

<style>
    .count_tr span {
        font-weight: bold;
        margin-right: 30px;
    }
</style>
<div class="layuimini-container">

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>订单详情</legend>
    </fieldset>

    <div class="layui-bg-gray" style="padding: 30px;">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">详情</div>
                    <div class="layui-card-body" style="height: 160px!important;">
                        <ul>
                            <li>订单编号：{$data.order_sn}</li>
                            <li>订单时间：{$data.created_time}</li>
                            <li>买家备注：{$data.order_remark?:'-'}</li>
                            <li>买家uid：{$data.user.id}</li>
                            <li>买家手机号：{$data.user.mobile}</li>
                            <li>支付方式：{$data.pay_type==1?'微信':($data.pay_type==2?'支付宝':($data.pay_type==3?'余额支付':'-'))}</li>
                            <li>订单状态：
                                {if $data.status == 1}
                                    <span class="layui-btn layui-btn-xs layui-btn-warm">待发货</span>
                                {elseif $data.status == 2}
                                    <span class="layui-btn layui-btn-xs layui-btn-normal">已发货</span>
                                {elseif $data.status == 4}
                                <span class="layui-btn layui-btn-xs layui-btn-normal">正在竞拍</span>
                                {elseif $data.status == 5}
                                <span class="layui-btn layui-btn-xs layui-btn-normal">竞拍完成未发货</span>
                                {elseif $data.status == 6}
                                <span class="layui-btn layui-btn-xs layui-btn-normal">竞拍完成已发货</span>
                                {else}
                                    <span class="layui-btn layui-btn-xs layui-btn-success">待支付</span>
                                {/if}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">
                        配送信息
                        {if $data.status == 1 || $data.status == 5}
                        <span class="layui-btn layui-btn-xs layui-btn-warm" onclick="openFahuo('{$data.order_id}')">发货</span>
                        {/if}
                        {if $data.status == 2 || $data.status == 6}
                        <span class="layui-btn layui-btn-xs layui-btn-warm" onclick="openFahuo('{$data.order_id}')">重新发货</span>
                        {/if}
                    </div>
                    <div class="layui-card-body" style="height: 160px!important;">
                        <ul>
                            <li>收货人：{$data.shipping.sp_name}</li>
                            <li>收货手机：{$data.shipping.sp_mobile}</li>
                            <li>收货地址：{$data.shipping.sp_mergename}</li>
                            {if $data.status == 2 || $data.status == 6}
                                <li>-------------------------------------</li>
                                <li>物流公司：{$data.ship_name}</li>
                                <li>物流单号：{$data.ship_number}</li>
                            {/if}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>订单信息</legend>
    </fieldset>
    <div class="layui-bg-gray" style="padding: 30px;">

    <div class="layui-card">
        <div class="layui-card-header">详情</div>
        <div class="layui-card-body">
            <div class="layui-form">
                <table class="layui-table">
                    <colgroup>
                        <col width="300">
                        <col width="100">
                        <col width="150">
                        <col width="200">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>商品</th>
                        <th>规格</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>小计(元)</th>
                        <th>获得积分</th>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach $data['goods'] as $v}
                    <tr>
                        <td>
                            <div>
                                <div style="width: 20%;float: left;margin-right: 10px"><img src="{$v.goods_img}" alt="" style="width: 60px;height: 60px"></div>
                                <div style="width: 100%;text-align: left"><span>{$v.goods_name}</span></div>
                            </div>
                        </td>
                        <td>{$v.spec_text}</td>
                        <td>{$v.price}</td>
                        <td>{$v.num}</td>
                        <td>{$v.total_fee}</td>
                        <td>{$v.total_rebate_score}</td>
                    </tr>
                    {/foreach}
                    <tr>
                        <td colspan="6">
                            <div class="count_tr">
                                <span>商品总额：￥{$data.total_price}</span>
                                <span>运费：￥{$data.ship_postfee}</span>
                                <span>买家实付款：￥{$data.payment}</span>
                                <span>赠送积分：￥{$data.rebate_score}</span>
                                <span>赠送金卡会员活动：{$data.give_vip==1?'月卡会员':($data.give_vip==2?'年卡会员':'未赠送')}</span>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    </div>
</div>

<script>
    layui.use(['jquery', 'layer'], function () {
        var $ = layui.$ //重点处
            , layer = layui.layer
            , form = layui.form;
    })

    function openFahuo(orderId){
        layer.open({
            type: 2,
            title: '发货',
            shadeClose: true,
            shade: false,
            maxmin: true,
            area: ['60%', '80%'],
            content: "delivery?orderId="+orderId
        });
    }
</script>