Calculation/app/view/safe/inspection_flow.ejs

<div class="safe-inspection-flow mt-3">
    <% const mobileFlow = ctx.url.indexOf('/wap/') === 0;
       const showTimeline = !mobileFlow && !inspection.flowDraft;
       const flowStatusText = { 1: '待处理', 2: '审批中', 3: '已完成', 4: '已关闭', 5: '审批退回', 6: '审批退回', 8: '已跳过', 12: '整改中' }; %>
    <% if (mobileFlow) { %>
        <div class="card mb-3">
            <div class="card-header d-flex justify-content-between">
                <span>审批流程 · <%= inspection.flowLabel %></span>
                <% if (!inspection.readOnly) { %>
                    <button type="button" class="btn btn-sm btn-primary flow-action" data-action="start-inspection">提交上报</button>
                <% } %>
            </div>
            <div class="card-body">
                <span class="mr-3">是否整改</span>
                <% [1, 0].forEach(value => { %>
                    <label class="mr-3 mb-0"><input type="radio" name="safe-need-rectification" value="<%= value %>" <%= inspection.need_rectification === value ? 'checked' : '' %> <%= inspection.readOnly ? 'disabled' : '' %>> <%= value ? '是' : '否' %></label>
                <% }); %>
                <small class="text-warning d-block mt-2">选择“是”时，上报结束后进入整改，整改人按顺序通过后进入批复。</small>
            </div>
        </div>
    <% } else { %>
        <div class="flow-title text-center mb-1">审批流程</div>
    <% } %>
    <div class="row flow-layout<%= showTimeline ? ' flow-progress-layout' : '' %>">
        <div class="col-md-4 flow-summary mb-3">
            <table class="table table-bordered table-sm flow-summary-table mb-0" aria-label="审批流程人员">
                <colgroup><col class="flow-phase-label"><col></colgroup>
                <% inspection.flowStages.forEach(phase => { %>
                    <% if (phase.stage === 1 || inspection.need_rectification || !inspection.readOnly) { %>
                        <% const people = phase.auditors.map((audit, index) => ({
                            name: audit.name,
                            icon: phase.stage === 3 && index === phase.auditors.length - 1 ? 'fa-stop-circle' : 'fa-chevron-circle-down',
                            title: phase.stage === 2 ? '第' + audit.audit_order + '位整改人' : audit.audit_order + '审',
                            placeholder: false,
                        }));
                        if (phase.stage === 1) people.unshift({ name: inspection.user.name, icon: 'fa-play-circle fa-rotate-90', title: '上报人', placeholder: false });
                        if (!phase.auditors.length) people.push({ name: phase.stage === 2 ? '整改人由上报审批人指派' : '尚未设置审批人', icon: 'fa-circle-o', title: '', placeholder: true }); %>
                        <tbody class="<%= phase.stage !== 1 && !inspection.need_rectification ? 'd-none' : '' %>" data-flow-stage="<%= phase.stage %>">
                            <% people.forEach((person, index) => { %>
                                <tr>
                                    <% if (index === 0) { %><th class="text-center align-middle" scope="rowgroup" rowspan="<%= people.length %>"><%= phase.name %></th><% } %>
                                    <td title="<%= person.title %>"><i class="fa <%= person.icon %> mr-1" aria-hidden="true"></i><span class="<%= person.placeholder ? 'text-muted' : '' %>"><%= person.name %></span></td>
                                </tr>
                            <% }); %>
                        </tbody>
                    <% } %>
                <% }); %>
            </table>
        </div>
        <div class="col-md-8 flow-details">
            <% inspection.flowStages.forEach(phase => { %>
                <% if (phase.stage === 1 || inspection.need_rectification || !inspection.readOnly) { %>
                    <% const reportMode = ctx.tender.info.shenpi.safe_inspection;
                       const editable = phase.stage === 2 ? inspection.canAssignRectifiers : !inspection.readOnly && (phase.stage !== 1 || reportMode !== shenpiConst.sp_status.gdspl);
                       const maxOrder = phase.auditors.length ? Math.max(...phase.auditors.map(x => x.order)) : 0; %>
                    <% if (showTimeline) { %>
                    <section class="flow-phase-section" data-flow-stage="<%= phase.stage %>">
                        <div class="flow-phase-title text-center text-muted">巡检<%= phase.name %></div>
                    <% } else { %>
                    <div class="mb-3<%= phase.stage !== 1 && !inspection.need_rectification ? ' d-none' : '' %>" data-flow-stage="<%= phase.stage %>">
                    <% } %>
                        <% if (editable) { %>
                            <div class="dropdown flow-picker mb-2 text-right" data-stage="<%= phase.stage %>">
                                <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" data-toggle="dropdown">添加<%= phase.name %><%= phase.stage === 2 ? '人' : '流程' %></button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <div class="mb-2 p-2"><input class="form-control form-control-sm flow-user-search" placeholder="姓名/手机 检索" aria-label="检索<%= phase.name %>用户" autocomplete="off"></div>
                                    <dl class="list-unstyled book-list text-left">
                                        <% accountGroup.forEach((group, idx) => { %>
                                            <div class="flow-user-group">
                                                <dt><a href="javascript:void(0);" class="acc-btn" data-groupid="<%= idx %>" data-type="hide" aria-expanded="false" aria-label="展开或收起<%= group.groupName %>"><i class="fa fa-plus-square"></i></a> <%= group.groupName %></dt>
                                                <div class="dd-content" data-toggleid="<%= idx %>">
                                                    <% group.groupList.forEach(user => { %>
                                                        <% if (phase.stage !== 1 || user.id !== inspection.uid) { %>
                                                            <% const selected = phase.auditors.some(x => x.aid === user.id); %>
                                                            <dd class="flow-add-user border-bottom p-2 mb-0" role="button" tabindex="<%= selected ? '-1' : '0' %>" aria-disabled="<%= selected ? 'true' : 'false' %>" data-id="<%= user.id %>" data-name="<%= user.name || '' %>" data-mobile="<%= user.mobile || '' %>">
                                                                <p class="mb-0 d-flex"><span class="<%= selected ? 'text-muted' : 'text-primary' %>"><%= user.name %></span><span class="ml-auto"><%= user.mobile || '' %></span></p>
                                                                <span class="text-muted"><%= user.role || '' %><%= selected ? '（已添加）' : '' %></span>
                                                            </dd>
                                                        <% } %>
                                                    <% }); %>
                                                </div>
                                            </div>
                                        <% }); %>
                                        <dd class="flow-no-user text-muted p-2 mb-0 d-none">未找到匹配的用户</dd>
                                    </dl>
                                </div>
                            </div>
                        <% } %>
                        <% if (showTimeline) { %>
                            <% if (phase.stage === 2 && phase.auditors.length) { %>
                                <div class="flow-stage-progress d-flex justify-content-between flex-wrap text-muted">
                                    <span>按顺序整改</span><span>已通过 <%= inspection.rectificationDone %>/<%= inspection.rectificationTotal %></span>
                                </div>
                            <% } %>
                            <ul class="timeline-list list-unstyled flow-timeline">
                                <% phase.nodes.forEach((node, index) => { %>
                                    <% const tone = node.status === 3 ? 'success' : [2, 5, 6, 12].includes(node.status) ? 'warning' : node.status === 4 ? 'danger' : 'secondary';
                                       const icon = node.origin ? 'caret-down' : node.status === 3 ? 'check' : [5, 6].includes(node.status) ? 'level-up' : [2, 12].includes(node.status) ? 'ellipsis-h' : node.status === 4 ? 'stop' : ''; %>
                                    <li class="timeline-list-item pb-3">
                                        <% if (node.time) { %>
                                            <div class="timeline-item-date"><%= moment(node.time).format('YYYY') %><span><%= moment(node.time).format('MM-DD') %></span><span><%= moment(node.time).format('HH:mm:ss') %></span></div>
                                        <% } %>
                                        <% if (index < phase.nodes.length - 1) { %><div class="timeline-item-tail"></div><% } %>
                                        <div class="timeline-item-icon bg-<%= tone %> text-light"><% if (icon) { %><i class="fa fa-<%= icon %>" aria-hidden="true"></i><% } %></div>
                                        <div class="timeline-item-content">
                                            <div class="d-flex justify-content-between py-1">
                                                <span class="text-black-50"><%= node.label %></span>
                                                <span class="text-<%= tone %>"><%= node.origin ? '上报审批' : node.status === 3 ? (phase.stage === 2 ? '整改通过' : '审批通过') : phase.stage === 2 && [5, 6].includes(node.status) ? '整改退回' : flowStatusText[node.status] %></span>
                                            </div>
                                            <div class="card">
                                                <div class="card-body px-3 py-2">
                                                    <% node.auditors.forEach((audit, personIndex) => { %>
                                                        <div class="flow-timeline-person py-2<%= personIndex ? ' border-top' : '' %>">
                                                            <div class="d-flex align-items-start">
                                                                <div class="flow-person-names"><span class="h6 mr-1"><%= audit.name %></span><small class="text-muted"><%= audit.company || '' %><%= audit.company && audit.role ? '-' : '' %><%= audit.role || '' %></small></div>
                                                                <% const personTone = node.origin || audit.status === 3 ? 'success' : [2, 5, 6, 12].includes(audit.status) ? 'warning' : audit.status === 4 ? 'danger' : 'secondary'; %>
                                                                <% if (phase.stage === 2 && editable) { %>
                                                                    <button class="btn btn-link btn-sm text-danger flow-remove-user p-0 ml-auto" data-stage="<%= phase.stage %>" data-id="<%= audit.aid %>" type="button">移除</button>
                                                                <% } else { %>
                                                                    <span class="ml-auto pl-2 text-<%= personTone %>"><% if (!node.origin && node.auditors.length > 1) { %><small class="mr-1"><%= flowStatusText[audit.status] %></small><% } %><i class="fa <%= node.origin || audit.status === 3 ? 'fa-check-circle' : [2, 12].includes(audit.status) ? 'fa-commenting' : [5, 6].includes(audit.status) ? 'fa-reply' : audit.status === 4 ? 'fa-stop-circle' : 'fa-circle-o' %>" aria-hidden="true"></i></span>
                                                                <% } %>
                                                            </div>
                                                            <div class="bg-light flow-opinion mt-1" aria-label="<%= phase.stage === 2 ? '整改意见' : '处理意见' %>"><i class="fa fa-commenting-o mr-1" aria-hidden="true"></i><%= audit.opinion || '' %></div>
                                                        </div>
                                                    <% }); %>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                <% }); %>
                                <% if (!phase.nodes.length) { %><li class="flow-timeline-empty text-muted py-2"><%= phase.stage === 2 ? '整改人由上报审批人按先后顺序指派，依次处理。' : '尚未设置审批人' %></li><% } %>
                            </ul>
                        <% } else { %>
                        <div class="card">
                            <div class="card-header">
                                <%= phase.name %>流程
                                <% if (phase.stage === 2 && phase.auditors.length) { %><span class="float-right">第 <%= inspection.stage_round %> 轮 · 已完成 <%= inspection.rectificationDone %>/<%= inspection.rectificationTotal %></span><% } %>
                            </div>
                            <ul class="list-group list-group-flush">
                                <% if (!phase.auditors.length) { %><li class="list-group-item text-muted"><%= phase.stage === 2 ? '整改人由上报审批人按先后顺序指派，依次处理。' : '请设置' + phase.name + '审批人' %></li><% } %>
                                <% phase.auditors.forEach(audit => { %>
                                    <li class="list-group-item">
                                        <div class="d-flex justify-content-between">
                                            <span><%= audit.name %> <small class="text-muted"><%= audit.role || '' %><%= phase.stage !== 2 && audit.audit_type !== 1 ? ' · ' + auditType.info[audit.audit_type].name : '' %></small></span>
                                            <% if (editable && !(phase.stage === 1 && reportMode === shenpiConst.sp_status.gdzs && audit.order === maxOrder)) { %>
                                                <button class="btn btn-link btn-sm text-danger flow-remove-user p-0" data-stage="<%= phase.stage %>" data-id="<%= audit.aid %>" type="button">移除</button>
                                            <% } else { %>
                                                <span class="<%= auditConst.statusClass[audit.status] || '' %>"><%= audit.status === 1 ? '待处理' : audit.status === 3 ? '已完成' : audit.status === 8 ? '已跳过' : auditConst.statusString[audit.status] %></span>
                                            <% } %>
                                        </div>
                                        <small class="text-muted"><%= audit.company || '' %></small>
                                        <% if (mobileFlow && phase.stage === 2 && inspection.rectificationPower && audit.aid === ctx.session.sessionUser.accountId && audit.status === 12) { %>
                                            <div class="flow-rectification mt-2" data-id="<%= audit.id %>">
                                                <label class="d-block">整改内容<b class="text-danger">*</b><textarea class="form-control form-control-sm flow-rectification-item" rows="3" maxlength="1000"><%= audit.rectification_item || '' %></textarea></label>
                                                <label class="d-block">整改日期<b class="text-danger">*</b><input class="form-control form-control-sm flow-rectification-date" type="date" value="<%= audit.rectification_date ? moment(audit.rectification_date).format('YYYY-MM-DD') : '' %>"></label>
                                                <label class="d-block">说明<textarea class="form-control form-control-sm flow-rectification-opinion" rows="2" maxlength="1000"><%= audit.opinion || '' %></textarea></label>
                                                <% if (mobileFlow) { %>
                                                    <button type="button" class="btn btn-outline-primary btn-sm flow-save-rectification" data-id="<%= audit.id %>">保存</button>
                                                    <button type="button" class="btn btn-success btn-sm flow-action" data-action="flow-complete-rectification" data-id="<%= audit.id %>">提交整改</button>
                                                <% } %>
                                            </div>
                                        <% } else if (mobileFlow && phase.stage === 2 && (audit.rectification_item || audit.rectification_date)) { %>
                                            <div class="mt-2"><%= audit.rectification_item %></div>
                                            <small class="text-muted">整改日期：<%= audit.rectification_date ? moment(audit.rectification_date).format('YYYY-MM-DD') : '' %></small>
                                        <% } %>
                                        <% if (!mobileFlow && phase.stage === 2) { %>
                                            <div class="bg-light flow-opinion mt-1" aria-label="整改意见"><i class="fa fa-commenting-o mr-1" aria-hidden="true"></i><%= audit.opinion || '' %></div>
                                        <% } else if (audit.opinion && !(phase.stage === 2 && inspection.rectificationPower && audit.aid === ctx.session.sessionUser.accountId && audit.status === 12)) { %><p class="mb-0 mt-2"><%= audit.opinion %></p><% } %>
                                        <% if (mobileFlow && phase.stage !== 2 && inspection.shenpiPower && inspection.flow_stage === phase.stage && audit.aid === ctx.session.sessionUser.accountId && audit.status === 2) { %>
                                            <div class="mt-2">
                                                <button type="button" class="btn btn-success btn-sm flow-action" data-action="flow-check" data-result="3" data-id="<%= audit.id %>"><%= phase.stage === 1 ? '审批' : phase.name %>通过</button>
                                                <% if (phase.stage === 1) { %>
                                                    <button type="button" class="btn btn-warning btn-sm flow-action" data-action="flow-check" data-result="5" data-id="<%= audit.id %>">退回上报人</button>
                                                    <% if (phase.auditors.some(x => x.audit_order < audit.audit_order)) { %><button type="button" class="btn btn-outline-warning btn-sm flow-action" data-action="flow-check" data-result="6" data-id="<%= audit.id %>">退回上一审批节点</button><% } %>
                                                <% } else { %>
                                                    <button type="button" class="btn btn-warning btn-sm flow-action" data-action="flow-check" data-result="5" data-id="<%= audit.id %>">整改退回</button>
                                                <% } %>
                                                <button type="button" class="btn btn-outline-danger btn-sm flow-action" data-action="flow-check" data-result="4" data-id="<%= audit.id %>">关闭巡检</button>
                                            </div>
                                        <% } %>
                                    </li>
                                <% }); %>
                            </ul>
                        </div>
                        <% } %>
                    <% if (showTimeline) { %>
                    </section>
                    <% } else { %>
                    </div>
                    <% } %>
                <% } %>
            <% }); %>
            <div class="alert alert-warning flow-no-rectification<%= inspection.need_rectification ? ' d-none' : '' %>">本次巡检无整改/批复流程</div>
        </div>
    </div>
    <% if (inspection.flowHistory.length) { %>
        <details class="card mb-3 d-none">
            <summary class="card-header">查看处理记录</summary>
            <div class="list-group list-group-flush">
                <% inspection.flowHistory.forEach(audit => { %>
                    <div class="list-group-item">
                        <div>第 <%= audit.times %> 次上报 / 第 <%= audit.stage_round %> 轮 · <%= auditConst.stageString[audit.flow_stage] %> · <%= audit.name %><span class="float-right"><%= audit.status === 3 ? '已完成' : audit.status === 8 ? '已跳过' : auditConst.statusString[audit.status] %></span></div>
                        <small class="text-muted"><%= moment(audit.begin_time).format('YYYY-MM-DD HH:mm:ss') %><%= audit.end_time ? ' 至 ' + moment(audit.end_time).format('YYYY-MM-DD HH:mm:ss') : '' %></small>
                        <% if (audit.flow_stage === 2) { %><p class="mb-0"><%= audit.rectification_item || '' %> <%= audit.rectification_date ? moment(audit.rectification_date).format('YYYY-MM-DD') : '' %></p><% } %>
                        <% if (audit.opinion) { %><p class="mb-0"><%= audit.opinion %></p><% } %>
                    </div>
                <% }); %>
            </div>
        </details>
    <% } %>
</div>