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

<style>
    /* 弹层全屏：打通 FastAdmin #main/#content 高度链，表格区占满剩余高度 */
    html, body.is-dialog {
        height: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        background: #fff;
    }
    body.is-dialog {
        display: flex !important;
        flex-direction: column !important;
    }
    body.is-dialog #main,
    body.is-dialog #main > .tab-content,
    body.is-dialog #main #content {
        height: 100% !important;
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    body.is-dialog #content > .row,
    body.is-dialog #content > .row > [class*="col-"],
    body.is-dialog .content {
        height: 100% !important;
        min-height: 0;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 0 !important;
        overflow: hidden;
        margin: 0;
    }
    .ssc-month-orders-page {
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: #fff;
    }
    .ssc-month-orders-wrap {
        flex: 1 1 auto;
        min-height: 0;
        padding: 12px 16px 8px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        overflow: hidden;
    }
    .ssc-month-orders-head {
        flex: 0 0 auto;
        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 {
        flex: 1 1 0%;
        min-height: 0;
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        border: 1px solid #eee;
        background: #fff;
    }
    .ssc-month-orders-table {
        margin-bottom: 0;
        min-width: 1920px;
    }
    .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: nowrap;
        word-break: break-all;
        max-width: 220px;
    }
    .ssc-month-orders-table .ssc-cyjmc-cell {
        text-align: left;
        white-space: normal;
        min-width: 320px;
        width: 360px;
        max-width: 360px;
        vertical-align: middle;
    }
    .ssc-month-orders-table .ssc-cyjmc-wrap {
        display: flex;
        align-items: flex-start;
        gap: 6px;
        max-width: 360px;
        text-align: left;
    }
    .ssc-month-orders-table .ssc-cyjmc-text {
        flex: 1 1 auto;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        line-height: 1.4;
    }
    .ssc-month-orders-table .ssc-cyjmc-wrap.is-expanded .ssc-cyjmc-text {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    .ssc-month-orders-table .ssc-cyjmc-toggle {
        flex: 0 0 auto;
        display: none;
        padding: 0 2px;
        color: #18bc9c;
        cursor: pointer;
        line-height: 1.4;
        text-decoration: none;
    }
    .ssc-month-orders-table .ssc-cyjmc-wrap.is-overflow .ssc-cyjmc-toggle {
        display: inline-block;
    }
    .ssc-month-orders-table .ssc-cyjmc-toggle:hover {
        color: #128f76;
    }
    .ssc-month-orders-table .ssc-text-cell {
        text-align: left;
        white-space: normal;
        word-break: break-word;
        max-width: 200px;
        min-width: 120px;
    }
    .ssc-month-orders-table > thead > tr > th {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f5f5f5;
    }
    /* 操作列固定右侧，左右滚动时始终可见 */
    .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 {
        top: 0;
        z-index: 5;
        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 {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 16px;
        text-align: center;
        color: #999;
    }
    .ssc-progress-done {
        color: #3c763d;
        font-weight: 600;
    }
    .ssc-month-orders-page > .layer-footer {
        flex: 0 0 auto;
        padding: 10px 16px;
        border-top: 1px solid #eee;
        background: #fff;
    }
</style>
<div class="ssc-month-orders-page">
<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>
        <span class="ssc-meta" style="color:#999;">含已审核中标；分项/入库结果空表示尚未到该阶段</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>订单是否中断</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.order_batch_no|default=''|htmlentities}</td>
                <td>{$row.CCYDH|default=''|htmlentities}</td>
                <td class="ssc-cyjmc-cell">
                    {if $row.CYJMC}
                    <div class="ssc-cyjmc-wrap" title="{$row.CYJMC|htmlentities}">
                        <span class="ssc-cyjmc-text">{$row.CYJMC|htmlentities}</span>
                        <a href="javascript:;" class="ssc-cyjmc-toggle" title="展开/收起"><i class="fa fa-angle-down"></i></a>
                    </div>
                    {/if}
                </td>
                <td>{$row.CCLBMMC|default=''|htmlentities}</td>
                <td class="ssc-name-cell">{$row.CGYMC|default=''|htmlentities}</td>
                <td>{notempty name="row.rank_no"}{$row.rank_no}{/notempty}</td>
                <td>{notempty name="row.quality_score"}{$row.quality_score}{/notempty}</td>
                <td>{notempty name="row.price_score"}{$row.price_score}{/notempty}</td>
                <td>{notempty name="row.lead_score"}{$row.lead_score}{/notempty}</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.has_inbound_score eq 1"}
                    {$row.inbound_result|default=''}
                    {/if}
                </td>
                <td class="ssc-text-cell">
                    {if condition="$row.has_inbound_score eq 1"}
                    {if $row.inbound_remark}{$row.inbound_remark|htmlentities}{/if}
                    {/if}
                </td>
                <td>
                    {if condition="$row.has_inbound_score eq 1"}
                    {$row.delivery_status|default=''}
                    {/if}
                </td>
                <td>
                    {if condition="$row.has_inbound_score eq 1"}
                    {$row.delivery_date|default=''}
                    {/if}
                </td>
                <td>
                    {if condition="$row.has_inbound_score eq 1"}
                        {if condition="$row.customer_complaint eq 1"}是{else/}否{/if}
                    {/if}
                </td>
                <td class="ssc-text-cell">
                    {if condition="$row.has_inbound_score eq 1"}
                    {if $row.complaint_remark}{$row.complaint_remark|htmlentities}{/if}
                    {/if}
                </td>
                <td>
                    {if condition="$row.has_inbound_score eq 1"}
                        {if condition="$row.order_interrupt eq 1"}是{else/}否{/if}
                    {/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>
</div>