xh-erp.7in6.com/application/admin/view/supplierservicescore/monthorders.html

<style>
    .ssc-month-orders-wrap {
        padding: 12px 16px 8px;
    }
    .ssc-month-orders-head {
        margin-bottom: 12px;
        line-height: 1.6;
    }
    .ssc-month-orders-head .ssc-meta {
        color: #666;
        margin-right: 16px;
    }
    .ssc-month-orders-head .ssc-company {
        font-weight: 600;
        color: #333;
    }
    .ssc-month-orders-wrap .table-responsive {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border: 1px solid #eee;
    }
    .ssc-month-orders-table {
        margin-bottom: 0;
        min-width: 1280px;
    }
    .ssc-month-orders-table > thead > tr > th,
    .ssc-month-orders-table > tbody > tr > td {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }
    .ssc-month-orders-table .ssc-name-cell {
        text-align: left;
        white-space: normal;
        word-break: break-all;
        max-width: 220px;
    }
    /* 操作列固定右侧，左右滚动时始终可见 */
    .ssc-month-orders-table > thead > tr > th.ssc-operate-col,
    .ssc-month-orders-table > tbody > tr > td.ssc-operate-col {
        position: sticky;
        right: 0;
        z-index: 3;
        min-width: 88px;
        width: 88px;
        background: #fff;
        box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);
        border-left: 1px solid #e8e8e8 !important;
    }
    .ssc-month-orders-table > thead > tr > th.ssc-operate-col {
        z-index: 4;
        background: #f5f5f5;
    }
    .ssc-month-orders-table.table-striped > tbody > tr:nth-of-type(odd) > td.ssc-operate-col {
        background: #f9f9f9;
    }
    .ssc-month-orders-table.table-hover > tbody > tr:hover > td.ssc-operate-col {
        background: #f5f5f5;
    }
    .ssc-month-orders-empty {
        padding: 48px 16px;
        text-align: center;
        color: #999;
    }
    .ssc-progress-done {
        color: #3c763d;
        font-weight: 600;
    }
</style>
<div class="ssc-month-orders-wrap">
    <div class="ssc-month-orders-head">
        <span class="ssc-meta">月份：{$ym|htmlentities}</span>
        <span class="ssc-meta">供应商：<span class="ssc-company">{$company_name|htmlentities}</span></span>
        <span class="ssc-meta">共 {$orderCount} 单</span>
    </div>
    {if $orderRows}
    <div class="table-responsive">
        <table class="table table-bordered table-striped table-condensed ssc-month-orders-table">
            <thead>
            <tr>
                <th style="width:50px;">序号</th>
                <th>订单号</th>
                <th>印件名称</th>
                <th>承揽部门</th>
                <th>工序名称</th>
                <th>本单排名</th>
                <th>质量得分</th>
                <th>价格得分</th>
                <th>交货得分</th>
                <th>状态</th>
                <th>是否合格</th>
                <th>交货情况</th>
                <th>客户是否投诉</th>
                <th>订单是否中断</th>
                <th>备注</th>
                <th>当前进度</th>
                <th>下发时间</th>
                <th class="ssc-operate-col">操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="orderRows" id="row"}
            <tr>
                <td>{$row.seq_no}</td>
                <td>{$row.CCYDH|default=''|htmlentities}</td>
                <td class="ssc-name-cell">{$row.CYJMC|default=''|htmlentities}</td>
                <td>{$row.CCLBMMC|default=''|htmlentities}</td>
                <td class="ssc-name-cell">{$row.CGYMC|default=''|htmlentities}</td>
                <td>{if $row.rank_no}{$row.rank_no}{/if}</td>
                <td>{$row.quality_score|default=''}</td>
                <td>{$row.price_score|default=''}</td>
                <td>{$row.lead_score|default=''}</td>
                <td>
                    {if $row.show_bid_result}
                        {if $row.is_picked}
                        <span class="label label-success">中标</span>
                        {else/}
                        <span class="label label-danger">未中标</span>
                        {/if}
                    {/if}
                </td>
                <td>
                    {if condition="$row.inbound_result eq '合格'"}
                    <span class="label label-success">合格</span>
                    {elseif condition="$row.inbound_result eq '不合格'"/}
                    <span class="label label-danger">不合格</span>
                    {/if}
                </td>
                <td>
                    {if condition="$row.delivery_status eq '准时'"}
                    <span class="label label-success">准时</span>
                    {elseif condition="$row.delivery_status eq '滞后'"/}
                    <span class="label label-warning">滞后</span>
                    {/if}
                </td>
                <td>
                    {if condition="$row.customer_complaint eq 1"}
                    <span class="label label-warning">是</span>
                    {else/}
                    否
                    {/if}
                </td>
                <td>
                    {if condition="$row.order_interrupt eq 1"}
                    <span class="label label-warning">是</span>
                    {else/}
                    否
                    {/if}
                </td>
                <td class="ssc-name-cell">{if $row.inbound_remark}{$row.inbound_remark|htmlentities}{/if}</td>
                <td>
                    {if condition="$row.progress_text eq '已完结'"}
                    <span class="ssc-progress-done">已完结</span>
                    {else/}
                    {$row.progress_text|default=''|htmlentities}
                    {/if}
                </td>
                <td>{if $row.issue_time}{$row.issue_time|htmlentities}{/if}</td>
                <td class="ssc-operate-col">
                    {if condition="$row.scydgy_id gt 0"}
                    <a href="javascript:;" class="btn btn-xs btn-info btn-ssc-order-details"
                       data-scydgy-id="{$row.scydgy_id}"
                       title="详情">
                        <i class="fa fa-file-text-o"></i> 详情
                    </a>
                    {/if}
                </td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
    {else/}
    <div class="ssc-month-orders-empty">该供应商本月暂无订单</div>
    {/if}
</div>
<div class="layer-footer clearfix">
    <div class="pull-right">
        <button type="button" style="margin-right:20px" class="btn btn-default btn-embossed btn-ssc-month-orders-close">关闭</button>
    </div>
</div>