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 {
        overflow-x: auto;
        overflow-y: auto;
        max-height: min(200px, 32vh);
        -webkit-overflow-scrolling: touch;
        margin-bottom: 10px;
        border: 1px solid #e5e5e5;
    }
    .outward-confirm-company-wrap {
        overflow-x: auto;
        overflow-y: auto;
        max-height: min(560px, 62vh);
        -webkit-overflow-scrolling: touch;
        margin-bottom: 10px;
        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: 1320px;
        margin-bottom: 0;
    }
    .outward-confirm-process-table,
    .outward-confirm-company-table {
        margin: 0;
        font-size: 12px;
        table-layout: fixed;
        width: 100%;
        min-width: 1320px;
    }
    .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-meta-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px 12px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.5;
    }
    .outward-confirm-deadline-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px 12px;
        margin: 0 0 10px;
        font-size: 13px;
    }
    .outward-confirm-deadline-row .deadline-label {
        font-weight: 600;
        color: #333;
        white-space: nowrap;
        margin: 0;
    }
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split .procuremen-sys-rq-fields {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split .procuremen-sys-rq-date {
        width: 148px;
        min-width: 132px;
        height: 32px;
        padding: 4px 8px;
        font-size: 13px;
    }
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split .procuremen-sys-rq-time-group {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split .procuremen-sys-rq-hour,
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split .procuremen-sys-rq-minute {
        width: 62px;
        height: 32px;
        padding: 4px 6px;
        font-size: 13px;
    }
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split .procuremen-sys-rq-colon {
        color: #666;
        font-weight: 600;
        line-height: 32px;
    }
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-date,
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-hour,
    .outward-confirm-deadline-wrap.procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-minute {
        background-color: #f5f5f5;
        color: #333;
        cursor: default;
        pointer-events: none;
        box-shadow: none;
    }
    .outward-confirm-company-table.outward-confirm-readonly tbody tr {
        cursor: default;
    }
    .outward-confirm-company-table.outward-confirm-readonly .pod-company-pick-cb {
        pointer-events: none;
        cursor: default;
    }
    .outward-confirm-company-table.outward-confirm-readonly label {
        cursor: default;
    }
    .outward-confirm-company-table td label {
        margin: 0;
        font-weight: normal;
        cursor: pointer;
    }
    .outward-confirm-company-table tbody tr {
        cursor: pointer;
    }
    .outward-confirm-company-table td.outward-quote-empty {
        color: #e67e22;
    }
    .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 outward-confirm-readonly" 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}

    <div class="outward-confirm-deadline-row">
        <label class="deadline-label">截止时间：</label>
        <div class="outward-confirm-deadline-wrap procuremen-sys-rq-split is-readonly" id="outward-confirm-sys-rq-wrap" title="仅查看，不可修改">
            <input type="hidden" id="outward-confirm-sys-rq" name="sys_rq" value="{$sysRq|default=''|htmlentities}"/>
            <div class="procuremen-sys-rq-fields">
                <input type="date" class="form-control procuremen-sys-rq-date" title="截止日期" readonly="readonly" disabled="disabled" tabindex="-1"/>
                <div class="procuremen-sys-rq-time-group">
                    <select class="form-control procuremen-sys-rq-hour" title="时" disabled="disabled" tabindex="-1"></select>
                    <span class="procuremen-sys-rq-colon">:</span>
                    <select class="form-control procuremen-sys-rq-minute" title="分" disabled="disabled" tabindex="-1"></select>
                </div>
            </div>
        </div>
    </div>

    <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 outward-confirm-readonly">
            <thead>
            <tr>
                <th class="text-center" style="width:52px;">选定</th>
                <th style="min-width:140px;">供应商名称</th>
                <th style="width:88px;">姓名</th>
                <th style="min-width:160px;">邮箱</th>
                <th style="width:120px;">手机号</th>
                <th style="min-width:120px;">工序名称</th>
                <th class="text-center" style="width:112px;">单价</th>
                <th class="text-center" style="width:118px;">交货日期</th>
                <th class="text-center" style="width:100px;">小计</th>
            </tr>
            </thead>
            <tbody>
            {volist name="confirmPickGroups" id="co" key="k"}
            {volist name="co.pick_lines" id="ql" key="lk"}
            <tr class="outward-confirm-supplier-row" data-supplier-idx="{$k-1}">
                {if $lk == 1}
                <td class="text-center"{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">
                    <label>
                        <input type="checkbox" class="pod-company-pick-cb" name="pod_company_pick[]" value="{$k-1}" disabled="disabled" tabindex="-1"
                               data-detail-picks="{$co.detail_picks_json|htmlentities}"
                               {if condition="$pickedCompanyName neq '' && $pickedCompanyName eq $co.name"} checked="checked"{/if}/>
                    </label>
                </td>
                <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{$co.name|default=''|htmlentities}</td>
                <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{$co.username|default=''|htmlentities}</td>
                <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{:htmlentities(mask_email(isset($co['email']) ? $co['email'] : ''))}</td>
                <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{:htmlentities(mask_phone(isset($co['phone']) ? $co['phone'] : ''))}</td>
                {/if}
                <td>{$ql.cgymc|default=''|htmlentities}</td>
                <td class="text-center{if condition="!empty($ql.amount_quote_pending)"} outward-quote-empty{elseif condition="$ql.amount_filled neq 1"} outward-quote-empty{/if}">{$ql.unit_price_text|default='未填写'|htmlentities}</td>
                <td class="text-center{if condition="!empty($ql.delivery_quote_pending)"} outward-quote-empty{elseif condition="$ql.delivery_filled neq 1"} outward-quote-empty{/if}">{$ql.delivery_text|default='未填写'|htmlentities}</td>
                <td class="text-center">{$ql.subtotal_text|default=''|htmlentities}</td>
            </tr>
            {/volist}
            {if !empty($co.has_total)}
            <tr class="active outward-confirm-supplier-row" data-supplier-idx="{$k-1}">
                <td colspan="3" class="text-right"><strong>总计</strong></td>
                <td class="text-center"><strong>{$co.total_text|default=''|htmlentities}</strong></td>
            </tr>
            {/if}
            {/volist}
            {empty name="confirmPickGroups"}
            <tr>
                <td colspan="9" 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">
                {if $auth->check('procuremen/purchaseconfirmpick')}
                <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>
                {/if}
                {if $auth->check('procuremen/purchaseapprovalreject')}
                <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>
                {/if}
                <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>{:htmlentities(mask_email(isset($r['email']) ? $r['email'] : ''))}</td>
                <td>{:htmlentities(mask_phone(isset($r['phone']) ? $r['phone'] : ''))}</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>