Calculation/app/view/payment/process.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main  d-flex justify-content-between">
            <div><a class="mr-2" href="/payment"><i class="fa fa-chevron-left"></i> 返回</a><%- ctx.tender.name %> / 标段设置</div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <div class="m-3">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <% if (ctx.payment.project_setting.safe.checked) { %>
                        <li class="nav-item">
                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">常规审批流程</a>
                        </li>
                        <% } %>
                        <% if (ctx.payment.project_setting.form.checked) { %>
                        <li class="nav-item">
                            <a class="nav-link <% if (!ctx.payment.project_setting.safe.checked) { %>active<% } %>" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">表单审批流程</a>
                        </li>
                        <% } %>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <% if (ctx.payment.project_setting.safe.checked) { %>
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="row mt-3">
                                <div class="col-8 mt-3">
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title">安全生成费</h5>
                                            <div class="form-group">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option1">
                                                    <label class="form-check-label" for="inlineCheckbox16">授权审批流</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" id="inlineCheckbox4" value="option1" checked>
                                                    <label class="form-check-label" for="inlineCheckbox16">固定审批流</label>
                                                </div>
                                            </div>
                                            <div class="alert alert-warning mb-0 mt-3" role="alert">固定审批流：审批流程固定，上报人只能按照设置好的审批流程进行。</div>
                                            <div class="d-flex justify-content-start align-items-center mt-3">
                                                <div class="mr-2"><a href="#">一审</a></div>
                                                <div>
                                                    <select class="form-control form-control-sm" id="exampleFormControlSelect1">
                                                        <option>选择审批人</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-start align-items-center mt-3">
                                                <div class="mr-2"><a href="#">一审</a></div>
                                                <div class="mr-2">邓莹洁</div>
                                                <div><i class="fa fa-remove text-danger" aria-hidden="true"></i></div>
                                            </div>
                                            <div class="d-flex justify-content-start align-items-center mt-3">
                                                <div class="mr-2"><a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a></div>
                                                <div><a href="#">添加流程</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <% } %>
                        <% if (ctx.payment.project_setting.form.checked) { %>
                        <div class="tab-pane fade <% if (!ctx.payment.project_setting.safe.checked) { %>show active<% } %>" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="row">
                                <div class="col-4 mt-3">
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th class="text-center">名称</th>
                                            <th class="text-center">添加人</th>
                                            <th class="text-center">上报人</th>
                                        </tr>
                                        </thead>
                                        <tbody id="tender_rpt_table" style="cursor: pointer">
                                        <% for (const tr of tenderRptList) { %>
                                        <tr data-id="<%- tr.id %>">
                                            <td><%- tr.rpt_name  %></td>
                                            <td class="text-center"><%- tr.user_name %></td>
                                            <td class="text-center"><%- tr.uid ? ctx.helper._.find(accountList, { id: tr.uid }).name : '' %></td>
                                        </tr>
                                        <% } %>
                                        </tbody>
                                    </table>
                                    <div class="my-3"><a href="#add-rpt" data-toggle="modal" data-target="#add-rpt">添加表单</a></div>
                                </div>
                                <div class="col-8">
                                    <div class="row">
                                        <div class="col-8 mt-3">
                                            <div class="card" id="process_set" <% if (tenderRptList.length === 0) { %>style="display: none" <% } %>>
                                                <div class="card-body">
                                                    <h5 class="card-title"></h5>
                                                    <div  class="my-3">
                                                        <div class="d-flex justify-content-start align-items-center mt-3" id="rpt_user">
                                                            <div class="mr-2">上报人<b class="text-danger">*</b></div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="form-group form-check">
                                                            <% for (const st in shenpi.sp_status_list) { %>
                                                                <div class="custom-control custom-checkbox custom-control-inline">
                                                                    <input type="radio" class="custom-control-input" value="<%- shenpi.sp_status_list[st].status %>" name="tender_process" id="tender_process_<%- shenpi.sp_status_list[st].status %>">
                                                                    <label class="custom-control-label" for="tender_process_<%- shenpi.sp_status_list[st].status %>"><%- shenpi.sp_status_list[st].name %></label>
                                                                </div>
                                                            <% } %>
                                                        </div>
                                                    </div>
                                                    <div class="alert alert-warning mb-0 mt-3" role="alert"></div>
                                                    <div class="lc-show mt-3"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const tenderId = parseInt('<%- ctx.tender.id %>');
    const sp_status = JSON.parse('<%- JSON.stringify(shenpi.sp_status) %>');
    const sp_status_list = JSON.parse('<%- JSON.stringify(shenpi.sp_status_list) %>');
    const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
    const accountList = JSON.parse(unescape('<%- escape(JSON.stringify(accountList)) %>'));
    let cur_uid = null;
    let tenderRptList = JSON.parse(unescape('<%- escape(JSON.stringify(tenderRptList)) %>'));
    const rptProjectList = JSON.parse(unescape('<%- escape(JSON.stringify(rptProjectList)) %>'));
    console.log(rptProjectList);
</script>