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,
    .outward-confirm-process-wrap,
    .outward-confirm-company-wrap {
        overflow-x: auto;
        overflow-y: auto;
        max-height: min(280px, 42vh);
        -webkit-overflow-scrolling: touch;
        margin-bottom: 12px;
        border: 1px solid #e5e5e5;
    }
    .outward-detail-table-wrap {
        max-height: min(520px, 68vh);
        border: 0;
    }
    .outward-detail-table {
        table-layout: fixed;
        width: 100%;
        min-width: 1180px;
        margin-bottom: 0;
    }
    .outward-confirm-process-table,
    .outward-confirm-company-table {
        margin: 0;
        font-size: 12px;
        table-layout: fixed;
        width: 100%;
        min-width: 860px;
    }
    .outward-detail-table > thead > tr > th,
    .outward-detail-table > tbody > tr > td,
    .outward-confirm-process-table th,
    .outward-confirm-process-table td,
    .outward-confirm-company-table th,
    .outward-confirm-company-table td {
        vertical-align: middle;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        line-height: 1.45;
        padding: 8px 10px;
    }
    .outward-confirm-process-table th,
    .outward-confirm-company-table th {
        background: #f5f5f5;
        font-weight: 600;
        white-space: nowrap;
    }
    .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 {
        white-space: nowrap;
    }
    .outward-confirm-block-title {
        margin: 0 0 6px;
        font-weight: 600;
        font-size: 13px;
        color: #333;
    }
    .outward-confirm-company-table td label {
        margin: 0;
        font-weight: normal;
        cursor: pointer;
    }
    .outward-confirm-company-table tbody tr {
        cursor: pointer;
    }
    .outward-confirm-quote-cell {
        font-size: 12px;
        line-height: 1.55;
    }
    .outward-confirm-quote-item {
        padding: 4px 0;
    }
    .outward-confirm-quote-item + .outward-confirm-quote-item {
        margin-top: 6px;
        padding-top: 6px;
        border-top: 1px dashed #e8e8e8;
    }
    .outward-confirm-quote-item div {
        margin: 0;
    }
    .outward-detail-wrap .audit-notify-tip {
        margin: 0 0 10px;
        padding: 8px 12px;
        font-size: 12px;
        line-height: 1.65;
        color: #8a6d3b;
        background: #fcf8e3;
        border: 1px solid #faebcc;
        border-radius: 3px;
    }
    .btn.procuremen-btn-slate {
        color: #fff !important;
        background-color: #4b5573 !important;
        border-color: #3e4659 !important;
    }
    .btn.procuremen-btn-slate:hover,
    .btn.procuremen-btn-slate:focus,
    .btn.procuremen-btn-slate:active {
        color: #fff !important;
        background-color: #3f485f !important;
        border-color: #353c4c !important;
    }
</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}"
     data-confirm-process-count="{$confirmProcessCount|default=1}"
     data-required-sids="{$requiredSidListJson|htmlentities}"
     data-all-details-by-sid="{$allDetailsBySidJson|htmlentities}">
    <div style="display:none;">{:token()}</div>

    {if $showPurchaseConfirm}

    {if $processDisplayRows}
    <div class="outward-confirm-process-wrap">
        <table class="table table-bordered table-condensed outward-confirm-process-table">
            <thead>
            <tr>
                <th class="text-center" style="width:100px;">订单号</th>
                <th style="min-width:160px;">印件名称</th>
                <th>工序名称</th>
                <th class="text-center" style="width:56px;">单位</th>
                <th class="text-center" style="width:72px;">工作量</th>
                <th class="text-center" style="width:72px;">本次数量</th>
                <th class="text-center" style="width:72px;">最高限价</th>
                <th class="text-center" style="width:80px;">订法</th>
                <th style="min-width:120px;">备注</th>
            </tr>
            </thead>
            <tbody>
            {volist name="processDisplayRows" id="pr"}
            <tr>
                {if $pr.show_order_cells}
                <td class="text-center"{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CCYDH|default=''}</td>
                <td{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CYJMC|default=''}</td>
                {/if}
                <td>{$pr.CGYMC|default=''}</td>
                <td class="text-center">{$pr.CDW|default=''}</td>
                <td class="text-center">{$pr.NGZL|default=''}</td>
                <td class="text-center">{$pr.This_quantity|default=''}</td>
                <td class="text-center">{$pr.ceilingPrice|default=''}</td>
                <td class="text-center">{$pr.CDF|default=''}</td>
                <td>{$pr.MBZ|default=''}</td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
    {/if}

    <p class="audit-notify-tip">
        审批通过将向中标供应商发送「已通过」短信、向未中标供应商发送「未通过」短信；审批驳回将退回「外发审批下发」并通知供应商。
    </p>
    <p class="outward-confirm-block-title">供应商（{$confirmPickCount|default=0} 家）</p>
    <div class="outward-confirm-company-wrap">
        <table class="table table-bordered table-condensed outward-confirm-company-table">
            <thead>
            <tr>
                <th class="text-center" style="width:42px;">选择</th>
                <th>公司名称</th>
                <th style="width:88px;">联系人</th>
                <th style="min-width:160px;">邮箱</th>
                <th style="width:120px;">手机号</th>
                <th style="min-width:220px;">报价工序</th>
            </tr>
            </thead>
            <tbody>
            {volist name="confirmPickGroups" id="co" key="k"}
            <tr>
                <td class="text-center">
                    <label>
                        <input type="checkbox" class="pod-company-pick-cb" name="pod_company_pick[]" value="{$k-1}"
                               data-detail-picks="{$co.detail_picks_json|htmlentities}"
                               {if condition="$pickedCompanyName neq '' && $pickedCompanyName eq $co.name"} checked="checked"{/if}/>
                    </label>
                </td>
                <td>{$co.name|default=''|htmlentities}</td>
                <td>{$co.username|default=''|htmlentities}</td>
                <td>{$co.email|default=''|htmlentities}</td>
                <td>{$co.phone|default=''|htmlentities}</td>
                <td class="outward-confirm-quote-cell">
                    {volist name="co.pick_lines" id="ql"}
                    <div class="outward-confirm-quote-item">
                        <div>工序：{$ql.cgymc|default=''|htmlentities}</div>
                        <div>单价：{$ql.amount_text|default='未填写'|htmlentities}</div>
                        <div>交货日期：{$ql.delivery_text|default='未填写'|htmlentities}</div>
                    </div>
                    {/volist}
                </td>
            </tr>
            {/volist}
            {empty name="confirmPickGroups"}
            <tr>
                <td colspan="6" class="text-center text-muted">暂无供应商报价</td>
            </tr>
            {/empty}
            </tbody>
        </table>
    </div>

    <div class="form-group layer-footer">
        <div class="row procuremen-outward-confirm-footer-row">
            <div class="col-xs-12 procuremen-outward-confirm-footer-btns">
                <button type="button" style="margin-right: 20px" class="btn procuremen-btn-slate btn-embossed" id="btn-pod-purchase-confirm"><i class="fa fa-check"></i> 审批通过</button>
                <button type="button" style="margin-right: 20px" class="btn btn-warning btn-embossed" id="btn-pod-purchase-reject"><i class="fa fa-undo"></i> 审批驳回</button>
                <button type="button" style="margin-right: 20px" class="btn btn-default btn-embossed" id="btn-pod-purchase-close"><i class="fa fa-times"></i> 关闭</button>
            </div>
        </div>
    </div>

    {else /}
    <div class="table-responsive outward-detail-table-wrap">
        <table class="table table-striped table-bordered table-hover outward-detail-table">
            <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>
            <thead>
            <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>
            </thead>
            <tbody>
            {volist name="rows" id="r"}
            <tr>
                <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}
</div>