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

<style>
    body.is-dialog .audit-issue-wrap {
        padding: 12px 14px 0;
        max-width: 100%;
        box-sizing: border-box;
    }
    .audit-issue-wrap .audit-block-title {
        margin: 0 0 6px;
        font-weight: 600;
        font-size: 13px;
        color: #333;
    }
    .audit-issue-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;
    }
    .audit-issue-wrap .audit-table-wrap {
        /* 不在表格区域内部滚动，由弹窗页面整体滚动 */
        max-height: none;
        overflow-x: auto;
        overflow-y: visible;
        margin-bottom: 12px;
        border: 1px solid #e5e5e5;
    }
    .audit-issue-wrap .audit-process-table {
        margin: 0;
        font-size: 12px;
        table-layout: fixed;
        width: 100%;
        min-width: 980px;
    }
    .audit-issue-wrap .audit-process-table col:nth-child(3) {
        width: 130px;
    }
    .audit-issue-wrap .audit-process-table col:nth-child(4) {
        width: 80px;
    }
    .audit-issue-wrap .audit-process-table td.audit-process-name {
        white-space: nowrap;
    }
    .audit-issue-wrap .audit-process-table th {
        background: #f5f5f5;
        white-space: nowrap;
        font-weight: 600;
        padding: 6px 8px;
        vertical-align: middle;
        border: 1px solid #ddd !important;
    }
    .audit-issue-wrap .audit-process-table th.text-center,
    .audit-issue-wrap .audit-process-table td.text-center {
        text-align: center;
    }
    .audit-issue-wrap .audit-process-table td {
        padding: 6px 8px;
        vertical-align: middle;
        word-wrap: break-word;
        border: 1px solid #ddd !important;
    }
    .audit-issue-wrap .audit-table {
        margin: 0;
        font-size: 12px;
        border-collapse: collapse;
    }
    .audit-issue-wrap .audit-table th {
        background: #f5f5f5;
        white-space: nowrap;
        font-weight: 600;
        border: 1px solid #ddd !important;
    }
    .audit-issue-wrap .audit-table td {
        padding: 6px 8px;
        vertical-align: middle;
        word-wrap: break-word;
        border: 1px solid #ddd !important;
    }
    .audit-issue-wrap .audit-quote-pick-table tbody tr {
        cursor: pointer;
    }
    .audit-issue-wrap .audit-quote-pick-table td label {
        margin: 0;
        font-weight: normal;
        cursor: pointer;
    }
    .audit-issue-wrap .audit-quote-item {
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 1.5;
    }
    .audit-issue-wrap .audit-quote-item:last-child {
        margin-bottom: 0;
    }
    .audit-issue-wrap .audit-deadline-row {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 8px 12px;
        margin: 0 0 12px;
        font-size: 13px;
        position: relative;
        z-index: 61;
        overflow: visible;
    }
    .audit-issue-wrap .audit-deadline-row .audit-field-label {
        font-weight: 600;
        color: #333;
        white-space: nowrap;
        flex-shrink: 0;
        margin: 7px 0 0;
    }
    .audit-issue-wrap .audit-deadline-input-wrap {
        position: relative;
        flex: 0 1 auto;
        min-width: 0;
        z-index: 62;
    }
    .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-fields {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }
    .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-date {
        width: 148px;
        min-width: 132px;
        height: 32px;
        padding: 4px 8px;
    }
    .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-time-group {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-hour,
    .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-minute {
        width: 62px;
        height: 32px;
        padding: 4px 6px;
    }
    .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-colon {
        color: #666;
        font-weight: 600;
        line-height: 32px;
    }
    .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-date,
    .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-hour,
    .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-minute {
        background-color: #f5f5f5;
        color: #333;
        cursor: default;
        pointer-events: none;
    }
    .audit-issue-wrap .audit-op-cell {
        white-space: nowrap;
    }
    .audit-issue-wrap .audit-op-cell .btn {
        padding: 2px 7px;
        font-size: 12px;
        margin: 0 2px 2px 0;
    }
    .audit-issue-wrap .audit-table-wrap.audit-quote-table-wrap {
        max-height: none;
        overflow-x: auto;
        overflow-y: visible;
    }
    .audit-issue-wrap .audit-quote-detail-table {
        min-width: 1320px;
    }
    .audit-issue-wrap .audit-quote-detail-table td.audit-quote-empty {
        color: #e67e22;
    }
    .audit-issue-wrap .audit-deadline-row .audit-bid-open-btn {
        flex-shrink: 0;
        height: 32px;
        line-height: 20px;
        margin-left: 4px;
    }
    .audit-issue-wrap .audit-deadline-row .audit-bid-open-verified-tag {
        flex-shrink: 0;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
        font-weight: 600;
        color: #3c763d;
        white-space: nowrap;
        margin-left: 8px;
    }
    .audit-issue-wrap .audit-deadline-row .audit-bid-open-verified-tag .fa {
        font-size: 16px;
        margin-right: 4px;
        vertical-align: -1px;
    }
    .audit-bid-open-modal {
        padding: 16px 18px 8px;
        font-size: 13px;
    }
    .audit-bid-open-modal .bid-open-tip {
        margin: 0 0 12px;
        padding: 8px 10px;
        color: #8a6d3b;
        background: #fcf8e3;
        border: 1px solid #faebcc;
        border-radius: 3px;
        line-height: 1.6;
    }
    .audit-bid-open-modal .bid-open-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 10px;
    }
    .audit-bid-open-modal .bid-open-row label {
        width: 72px;
        margin: 0;
        font-weight: 600;
        color: #333;
    }
    .audit-bid-open-modal .bid-open-row select {
        width: 180px;
        height: 32px;
    }
    .audit-bid-open-modal .bid-open-row .bid-open-code {
        width: 110px;
        height: 32px;
    }
    .audit-bid-open-modal .bid-open-row .btn-send-code {
        min-width: 88px;
    }
    .audit-issue-wrap .audit-quote-detail-table td.audit-quote-pending {
        color: #e67e22;
    }
</style>
<div class="audit-issue-wrap">
    <div class="audit-table-wrap">
        <table class="table table-bordered table-condensed audit-process-table">
            <colgroup>
                <col style="width:100px"/>
                <col style="width:26%"/>
                <col style="width:130px"/>
                <col style="width:80px"/>
                <col style="width:72px"/>
                <col style="width:72px"/>
                <col style="width:72px"/>
                <col style="width:80px"/>
                <col/>
            </colgroup>
            <thead>
            <tr>
                <th class="text-center">订单号</th>
                <th>印件名称</th>
                <th>工序名称</th>
                <th class="text-center">单位</th>
                <th class="text-center">工作量</th>
                <th class="text-center">本次数量</th>
                <th class="text-center">最高限价</th>
                <th class="text-center">订法</th>
                <th>备注</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 class="audit-process-name">{$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>
    <form id="audit-issue-form" class="form-horizontal" role="form" style="margin-bottom:0;">
        {:token()}
        <input type="hidden" name="scydgy_id" value="{$scydgyId|htmlentities}"/>
        <input type="hidden" id="audit-quote-groups-json" value="{$quoteGroupsJson|htmlentities}"/>
        <input type="hidden" id="audit-bid-open-verified" value="{$bidOpenVerified|default=0}"/>
        <input type="hidden" id="audit-order-ccydh" value="{$orderCcydh|default=''|htmlentities}"/>
        <div class="audit-deadline-row">
            <span class="audit-field-label">截止时间：</span>
            <div class="audit-deadline-input-wrap procuremen-sys-rq-split is-readonly" id="audit-sys-rq-wrap" title="仅查看，不可修改">
                <input type="hidden" id="audit-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>
                    {if $bidOpenVerified}
                    <span class="audit-bid-open-verified-tag"><i class="fa fa-check-circle"></i> 已开标验证</span>
                    {else /}
                    {if $auth->check('procuremen/bidopenverify') || $auth->check('procuremen/bidopen') || $auth->check('procuremen/auditissue')}
                    <button type="button" class="btn btn-warning btn-sm audit-bid-open-btn" id="btn-audit-bid-open">
                        <i class="fa fa-unlock-alt"></i> 开标
                    </button>
                    {/if}
                    {/if}
                </div>
            </div>
        </div>
    </form>
<!--    <p class="audit-notify-tip" style="margin-top:-2px;">-->
<!--        <i class="fa fa-shield"></i>-->
<!--        未开标验证前，供应商单价与交货日期显示「未开标验证」；请点击「开标」完成双重验证后方可查看报价与交期并确认供应商（验证一次后本单可持续操作）。-->
<!--    </p>-->
    <p class="audit-notify-tip">
        <i class="fa fa-exclamation-triangle"></i>
        <strong>重要提示：</strong>可先预选供应商，但点击「确认」前须完成开标验证。确认后将进入采购终审（本步<strong>不发送短信通知</strong>）。
        需再次提醒报价时，请在右侧<strong>操作</strong>列点击「发邮件」或「发短信」。
    </p>
    <div class="audit-table-wrap audit-quote-table-wrap">
        <table class="table table-bordered table-condensed audit-table audit-quote-pick-table audit-quote-detail-table">
            <thead>
            <tr>
                <th class="text-center" style="width:42px;">选定</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="width:130px;">工序名称</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>
                <th class="text-center" style="width:120px;">操作</th>
            </tr>
            </thead>
            <tbody id="audit-quote-tbody">
            {volist name="quoteGroups" id="co" key="k"}
            {volist name="co.lines" id="ln" key="lk"}
            <tr>
                {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="radio" class="audit-quote-pick" name="audit_quote_pick" value="{$co.name|default=''|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>{$ln.cgymc|default=''|htmlentities}</td>
                <td class="text-center{if condition="!empty($ln.amount_quote_pending)"} audit-quote-pending{elseif condition="$ln.amount_filled neq 1"} audit-quote-empty{/if}">{$ln.unit_price_text|default='未填写'|htmlentities}</td>
                <td class="text-center{if condition="!empty($ln.delivery_quote_pending)"} audit-quote-pending{elseif condition="$ln.delivery_filled neq 1"} audit-quote-empty{/if}">{$ln.delivery_show|default='未填写'|htmlentities}</td>
                <td class="text-center{if condition="!empty($ln.amount_quote_pending)"} audit-quote-pending{/if}">{$ln.subtotal_text|default=''|htmlentities}</td>
                {if $lk == 1}
                <td class="text-center audit-op-cell"{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">
                    {if $auth->check('procuremen/auditresendemail')}
                    <button type="button" class="btn btn-default btn-xs audit-row-send-email" data-company="{$co.name|default=''|htmlentities}">发邮件</button>
                    {/if}
                    {if $auth->check('procuremen/auditresendsms')}
                    <button type="button" class="btn btn-default btn-xs audit-row-send-sms" data-company="{$co.name|default=''|htmlentities}">发短信</button>
                    {/if}
                </td>
                {/if}
            </tr>
            {/volist}
            {if !empty($co.has_remark)}
            <tr{if !empty($co.is_void)} class="text-muted"{/if}>
                <td><strong>备注</strong></td>
                <td colspan="3" class="{if !empty($co.remark_quote_pending)}audit-quote-pending{/if}" style="text-align:left;vertical-align:middle;">{$co.remark|default=''|htmlentities}</td>
            </tr>
            {/if}
            {if !empty($co.has_total)}
            <tr class="active">
                <td><strong>总计</strong></td>
                <td></td>
                <td></td>
                <td class="text-center"><strong>{$co.total_text|default=''|htmlentities}</strong></td>
            </tr>
            {/if}
            {/volist}
            </tbody>
        </table>
    </div>
    <div class="form-group layer-footer">
        <div class="row procuremen-audit-issue-footer-row">
            <div class="col-xs-12 procuremen-audit-issue-footer-btns">
                {if $auth->check('procuremen/auditsubmit')}
                <button type="button" style="margin-right: 12px" class="btn btn-primary btn-embossed" id="btn-audit-issue-submit">
                    <i class="fa fa-check"></i> 确认
                </button>
                {/if}
                <button type="button" class="btn btn-default btn-embossed" id="btn-audit-issue-close">
                    <i class="fa fa-times"></i> 关闭
                </button>
            </div>
        </div>
    </div>
</div>