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>支付审批/审批流程</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">
                        <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>
                        <li class="nav-item">
                            <a class="nav-link" 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">
                        <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 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="inlineCheckbox5" 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="inlineCheckbox6" 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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="row">
                                <div class="col-4">
                                    <div class="my-3"><a href="#add-rpt" data-toggle="modal" data-target="#add-rpt">添加表单</a></div>
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th>名称</th>
                                            <th>添加人</th>
                                            <th>表单角色</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>指挥部工程结算款</td>
                                            <td>管理员</td>
                                            <td>6</td>
                                        </tr>
                                        <tr>
                                            <td>指挥部工程结算付款</td>
                                            <td>管理员</td>
                                            <td>6</td>
                                        </tr>
                                        <tr>
                                            <td>指挥部监理、设计等预付款</td>
                                            <td>管理员</td>
                                            <td>7</td>
                                        </tr>
                                        <tr>
                                            <td>指挥部监理、设计等结算款</td>
                                            <td>邓莹洁</td>
                                            <td>4</td>
                                        </tr>
                                        <tr>
                                            <td>招标文件合同送审单</td>
                                            <td>邓莹洁</td>
                                            <td>4</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-8">
                                    <ul class="nav nav-tabs my-2" id="myTab" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#role" role="tab" aria-controls="role" aria-selected="true">表单角色</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="profile-tab" data-toggle="tab" href="#process" role="tab" aria-controls="process" aria-selected="false">审批流程</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content" id="myTabContent">
                                        <div class="tab-pane fade show active" id="role" role="tabpanel" aria-labelledby="home-tab">
                                            <div class="row">
                                                <div class="col-6">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th>序号</th>
                                                            <th>表单角色</th>
                                                            <th>不参与审批</th>
                                                            <th>签字签章</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                                            <td>1</td>
                                                            <td>监理公司</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>2</td>
                                                            <td>造价咨询单位</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>3</td>
                                                            <td>经办人</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>4</td>
                                                            <td>合同管理人</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>5</td>
                                                            <td>相关科室负责人</td>
                                                            <td><input type="checkbox" checked></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>6</td>
                                                            <td>计划财务科科长</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>7</td>
                                                            <td>分管领导</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="col-6">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th>序号</th>
                                                            <th>表单角色</th>
                                                            <th>不参与审批</th>
                                                            <th>签字签章</th>
                                                            <th>操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                                            <td>1</td>
                                                            <td>监理公司</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>2</td>
                                                            <td>造价咨询单位</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>3</td>
                                                            <td>经办人</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>4</td>
                                                            <td>合同管理人</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>5</td>
                                                            <td>相关科室负责人</td>
                                                            <td><input type="checkbox" checked></td>
                                                            <td><span class="mr-2">张三</span><a href="#">更改</a></td>
                                                            <td><a href="#">预览</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>6</td>
                                                            <td>计划财务科科长</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>7</td>
                                                            <td>分管领导</td>
                                                            <td><input type="checkbox"></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="process" role="tabpanel" aria-labelledby="profile-tab">
                                            <div class="row">
                                                <div class="col-6">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th>审批流程</th>
                                                            <th>表单角色</th>
                                                            <th><b class="text-danger">*&nbsp;</b>审批人</th>
                                                            <th>更换顺序</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                                            <td>一审</td>
                                                            <td>监理公司</td>
                                                            <td><select class="form-control form-control-sm"><option>请选择审批人</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>二审</td>
                                                            <td>造价咨询单位</td>
                                                            <td><select class="form-control form-control-sm"><option>李四</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>三审</td>
                                                            <td>经办人</td>
                                                            <td><select class="form-control form-control-sm"><option>王五</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>四审</td>
                                                            <td>合同管理人</td>
                                                            <td><select class="form-control form-control-sm"><option>老六</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>五审</td>
                                                            <td>计划财务科科长</td>
                                                            <td><select class="form-control form-control-sm"><option>邓莹洁</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>六审</td>
                                                            <td>分管领导</td>
                                                            <td><select class="form-control form-control-sm"><option>仁温书</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    <div class="my-3"><a href="#">添加流程</a></div>
                                                </div>
                                                <div class="col-6">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th>审批流程</th>
                                                            <th>表单角色</th>
                                                            <th><b class="text-danger">*&nbsp;</b>审批人</th>
                                                            <th>更换顺序</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                                            <td>一审</td>
                                                            <td>监理公司</td>
                                                            <td><select class="form-control form-control-sm"><option>请选择审批人</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>二审</td>
                                                            <td>造价咨询单位</td>
                                                            <td><select class="form-control form-control-sm"><option>李四</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>三审</td>
                                                            <td>经办人</td>
                                                            <td><select class="form-control form-control-sm"><option>王五</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>四审</td>
                                                            <td>合同管理人</td>
                                                            <td><select class="form-control form-control-sm"><option>老六</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>五审</td>
                                                            <td>计划财务科科长</td>
                                                            <td><select class="form-control form-control-sm"><option>邓莹洁</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>六审</td>
                                                            <td>分管领导</td>
                                                            <td><select class="form-control form-control-sm"><option>仁温书</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>七审</td>
                                                            <td>主管领导（新添加的流程）</td>
                                                            <td><select class="form-control form-control-sm"><option>请选择审批人</option></select></td>
                                                            <td><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a><a href="" class="btn btn-sm btn-link text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    <div class="my-3"><a href="#">添加流程</a></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>