xh-erp.7in6.com/application/admin/view/procuremen/outward_detail.html

<style>
    body.is-dialog .outward-detail-wrap {
        margin: 0;
        padding: 10px 12px 12px;
    }
    .outward-detail-head {
        margin-bottom: 10px;
        font-size: 13px;
        color: #666;
        line-height: 1.6;
    }
    .outward-detail-head strong {
        color: #333;
    }
    .outward-detail-table-wrap {
        overflow-x: auto;
        overflow-y: auto;
        max-height: calc(72vh - 120px);
        -webkit-overflow-scrolling: touch;
    }
    .outward-detail-table {
        table-layout: fixed;
        width: 100%;
        min-width: 1180px;
        margin-bottom: 0;
    }
    .outward-detail-table > thead > tr > th,
    .outward-detail-table > tbody > tr > td {
        vertical-align: middle;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        line-height: 1.45;
        padding: 8px 10px;
    }
    .outward-detail-table > thead > tr > th {
        font-weight: 600;
        white-space: nowrap;
    }
    .outward-detail-table .col-title {
        white-space: normal;
    }
    .outward-detail-table .col-amount,
    .outward-detail-table .col-delivery {
        text-align: center;
        white-space: nowrap;
    }
    .outward-detail-table .col-sn,
    .outward-detail-table .col-time,
    .outward-detail-table .col-chk {
        white-space: nowrap;
    }
    .outward-detail-foot {
        margin-top: 12px;
        padding-top: 10px;
        border-top: 1px solid #eee;
        text-align: right;
    }
    .procuremen-purchase-confirm-tip {
        margin: 0 0 10px 0;
        border: 1px solid #eea236;
        background: #fcf8e3;
        color: #8a6d3b;
        font-size: 13px;
        line-height: 1.65;
    }
    .procuremen-purchase-confirm-tip .fa {
        margin-right: 6px;
    }
</style>

<div class="panel panel-default panel-intro outward-detail-wrap" style="border:0;box-shadow:none;" data-scydgy-id="{$scydgyId|htmlentities}" data-purchase-order-id="{$purchaseOrderId|default=0}">
    <div style="display:none;">{:token()}</div>
    {if $showPurchaseConfirm}
    <div class="alert alert-warning procuremen-purchase-confirm-tip">
        <i class="fa fa-exclamation-triangle"></i>
        <strong>重要提示：</strong>采购选择确认并提交后，系统将<strong>立即向各供应商下发短信</strong>；该操作<strong>不可撤回或更改</strong>，请仔细核对勾选结果后再点击「确认」。
    </div>
    {/if}
    <div class="table-responsive outward-detail-table-wrap">
        <table class="table table-striped table-bordered table-hover outward-detail-table">
            {if $showPurchaseConfirm}
            <colgroup>
                <col style="width:56px" />
                <col style="width:48px" />
                <col style="width:118px" />
                <col style="width:200px" />
                <col style="width:92px" />
                <col style="width:128px" />
                <col style="width:200px" />
                <col style="width:240px" />
                <col style="width:108px" />
                <col style="width:148px" />
            </colgroup>
            {else /}
            <colgroup>
                <col style="width:48px" />
                <col style="width:118px" />
                <col style="width:200px" />
                <col style="width:92px" />
                <col style="width:128px" />
                <col style="width:200px" />
                <col style="width:240px" />
                <col style="width:108px" />
                <col style="width:148px" />
            </colgroup>
            {/if}
            <thead>
            {if $showPurchaseConfirm}
            <tr>
                <th class="col-chk text-center">选择</th>
                <th class="col-sn">序号</th>
                <th>订单号</th>
                <th class="col-title">印件名称</th>
                <th class="col-amount">加工金额</th>
                <th class="col-delivery">交货日期</th>
                <th>公司名称</th>
                <th>邮箱</th>
                <th>手机号</th>
                <th class="col-time">审核时间</th>
            </tr>
            {else /}
            <tr>
                <th class="col-sn">序号</th>
                <th>订单号</th>
                <th class="col-title">印件名称</th>
                <th class="col-amount">加工金额</th>
                <th class="col-delivery">交货日期</th>
                <th>公司名称</th>
                <th>邮箱</th>
                <th>手机号</th>
                <th class="col-time">审核时间</th>
            </tr>
            {/if}
            </thead>
            <tbody>
            {volist name="rows" id="r"}
            <tr>
                {if $showPurchaseConfirm}
                <td class="text-center col-chk">
                    <input type="checkbox" class="pod-pick-cb" name="pod_pick[]" value="{$r.id|default=''}" title="单选" />
                </td>
                {/if}
                <td class="text-center col-sn">{$i}</td>
                <td>{$r.CCYDH|default=''}</td>
                <td class="col-title">{$r.CYJMC|default=''}</td>
                <td class="col-amount">{$r.amount|default=''}</td>
                <td class="col-delivery">{$r.delivery|default=''}</td>
                <td>{$r.company_name|default=''}</td>
                <td>{$r.email|default=''}</td>
                <td>{$r.phone|default=''}</td>
                <td class="col-time">{$r.createtime_text|default=''}</td>
            </tr>
            {/volist}
            {empty name="rows"}
            <tr>
                <td colspan="{$detailColspan|default=9}" class="text-center text-muted">暂无记录</td>
            </tr>
            {/empty}
            </tbody>
        </table>
    </div>
    {if $showPurchaseConfirm}
    <div class="outward-detail-foot">
        <button type="button" class="btn btn-primary" id="btn-pod-purchase-confirm"><i class="fa fa-check"></i> 确认</button>
    </div>
    {/if}
</div>