game-box/application/popupshop/view/sale_order/view.html

<table class="pure-table">
    <thead>
        <tr class="pure-table-title">
            <td>{$order.order_starttime} 订单号 : <i class="iconfont icon-wodedingdan2"></i>{$order.order_no}</td>
            <td colspan="2" class="fn-tar">
                {if $order.is_del ==1}
                    <span class="badge">已删除</span>
                {else}
                    {if $order.status == 1}
                        <span class="badge">已完成</span>
                    {else}
                        {if $order.paid_at}
                            {if $order.express_status}
                                <span class="badge bg-green">已发货</span>
                            {else}
                                <span class="badge bg-blue">待发货</span>    
                            {/if}
                        {else}
                            <span class="badge bg-red">待付款</span>
                        {/if}
                    {/if}
                {/if}
            </td>
        </tr>
        <tr>
            <td>收货人：{$order.express_name}&nbsp;/&nbsp;{$order.express_phone}<br />收货地址：{$order.express_address}</td>
            <td colspan="2">{if $order.express_status}物流公司：{$order.express_company}<br />{if $order.express_no}快递单号：<a href="https://www.baidu.com/s?wd={$order.express_no}" target="_blank" class="badge">{$order.express_no}</a>{/if}{/if}</td>
        </tr>
        <tr><th>商品</th><th class="w180 fn-tac">小计</th></tr>
    </thead>
    <tbody>
        <tr>
            <td>
                {foreach $order.orderList as $key => $vo}
                <div class="fn-clear order">
                    <div class="img fn-left"><img src="{$vo.img}" /></div>
                    <div class="info fn-left fn-f14">
                        <p>{$vo.name}</p>
                        <p class="gray">{$vo.note}</p>
                        {if $order.paid_at == 1}
                            {if $order.is_entrust}
                                {if $vo.is_sales}
                                    <p class="badge blue">提货</p>
                                {else}
                                    {if $vo.is_entrust}
                                        <p class="badge bg-blue">寄卖</p>
                                    {else} 
                                        <p class="badge bg-green">提货</p>
                                    {/if}
                                {/if}
                            {else}
                                <p class="badge bg-yellow">待确认</p>
                            {/if}
                        {else}
                            <p class="badge bg-red">未付款</p>
                        {/if}
                    </div>
                    <div class="number fn-right">￥{$vo.sale_price}</div>
                </div>
                {/foreach}
            </td>
            <td class="fn-tac">￥{$order.order_amount}</td>
        </tr>
    </tbody>
</table>
<style type="text/css">
    .order {border-bottom: 1px #e9ecf3 solid;display: flex;}
    .order:last-child{border-bottom:none}
    .order div {margin: 5px;}
    .order .img {width: 80px;height: 80px;overflow: hidden;border: 1px dotted #e9ecf3;padding: 2px;}
    .order .img img {width: 78px;}
    .order .info {line-height: 25px;margin-top: 10px;display: block;flex: 1px;}
    .order .info .gray {color: #9e9e9e;font-size: 12px;}
    .order .number {line-height: 50px;margin: 10px 20px;}
</style>