Calculation/app/view/report/rpt_all_popup.ejs

<div class="modal fade" id="paper" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">页边距（毫米）</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row mb-1 justify-content-center">
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">上</span>
                            </div>
                            <input type="number" class="form-control" value="12">
                        </div>
                    </div>
                </div>
                <div class="row mb-1 align-items-center">
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon2">左</span>
                            </div>
                            <input type="number" class="form-control" value="12">
                        </div>
                    </div>
                    <div class="col-6">
                        <h1 class="display-4 text-center"><i class="fa fa-file-o"></i></h1>
                    </div>
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon3">右</span>
                            </div>
                            <input type="number" class="form-control" value="12">
                        </div>
                    </div>
                </div>
                <div class="row mb-1 justify-content-center">
                    <div class="col-3">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon4">下</span>
                            </div>
                            <input type="number" class="form-control" value="12">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <a href="" class="btn btn-primary">确定</a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="format" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">格式</h5><h5 class="modal-title" id="update_msg_response"></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row mb-1" id="font_cfg_blank_flag"></div>
                <div class="row mb-1">
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input id="rpt_vertical_line" type="checkbox" class="form-check-input" onchange="rptControlObj.changeCfgOption('showVerticalLine', this)">
                                边框竖线
                            </label>
                        </div>
                    </div>
                    <div class="col-4" style="display: none">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input id="rpt_narrow" type="checkbox" class="form-check-input" onchange="rptControlObj.changeCfgOption('isNarrow', this)">
                                窄体输出
                            </label>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input id="rpt_fill_zero" type="checkbox" class="form-check-input" onchange="rptControlObj.changeCfgOption('fillZero', this)">
                                小数补0
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link float-left" onclick="rptControlObj.restoreCustCFG()">恢复默认值</button>
                <button type="button" class="btn btn-link float-left" onclick="rptControlObj.saveCustCfg()">存为默认值</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="rptControlObj.confirmCfgChange()">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="export" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">选择导出格式</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-6">
                        <a class="btn btn-block btn-outline-secondary" id="PDF_TYPE" onclick="rptControlObj.changeType('PDF')">
                            <!-- <i class="fa fa-check-square pull-right"></i> -->
                            <div class="card-body text-center">
                                <h1 class="display-3"><i class="fa fa-file-pdf-o"></i></h1>
                                <h1>PDF</h1>
                            </div>
                        </a>
                    </div>
                    <div class="col-6">
                        <a class="btn btn-block btn-primary" id="EXCEL_TYPE" onclick="rptControlObj.changeType('Excel')">
                            <!-- <i class="fa fa-check-square pull-right"></i> -->
                            <div class="card-body text-center">
                                <h1 class="display-3"><i class="fa fa-file-excel-o"></i></h1>
                                <h1>Excel</h1>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <a onclick="rptControlObj.outputRpt();" class="btn btn-primary">确定</a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="export_excel" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">批量导出Excel</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-6">
                        <div class="card">
                            <img class="card-img-top" src="/public/images/p2.png">
                            <div class="card-body px-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="excelExportTypeRadio" id="excelExportType_AllInOneBook" value="option1" checked>
                                    <label class="form-check-label" for="excelExportType_AllInOneBook">
                                        多个表导出一个Excel文件
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card">
                            <img class="card-img-top" src="/public/images/p1.png">
                            <div class="card-body px-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="excelExportTypeRadio" id="excelExportType_IndividualBook" value="option2" checked>
                                    <label class="form-check-label" for="excelExportType_IndividualBook">
                                        每个表导出一个Excel文件
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a onclick="rptControlObj.getExcel()" class="btn btn-primary" data-dismiss="modal">确定导出</a>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="eSignature" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">设置电子签名</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="eSignatureBodyDiv">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <a onclick="zTreeOprObj.showPage(zTreeOprObj.currentPage, zTreeOprObj.canvas)" class="btn btn-primary" data-dismiss="modal">确定</a>
            </div>
        </div>
    </div>
</div>
<!--弹出添加签名人-->
<div class="modal fade" id="add-sign" data-backdrop="static">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加签名</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <ul class="nav nav-tabs justify-content-center mb-1" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active px-3 p-1" data-toggle="tab" href="#adst-1" role="tab">项目</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 p-1" data-toggle="tab" href="#adst-2" role="tab"><i class="fa fa-user"></i> 角色</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 p-1" data-toggle="tab" href="#adst-3" role="tab">最近使用</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="adst-1" role="tabpanel" aria-labelledby="home-tab">
                        <div class="input-group input-group-sm mt-1 mb-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="inputGroup-sizing-sm"><i class="fa fa-search"></i></span>
                            </div>
                            <input type="text" class="form-control" placeholder="搜索...">
                        </div>
                        <div class="modal-height-300" id="project_account_select_div">
                        </div>
                    </div>
                    <div class="tab-pane fade" id="adst-2" role="tabpanel" aria-labelledby="profile-tab">
                        <a href="" class="btn btn-sm btn-link">添加角色</a>
                        <div class="modal-height-300">
                            <!--添加角色-->
                            <div class="card">
                                <div class="p-2">
                                    <div class="input-group input-group-sm mb-1">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="inputGroup-sizing-sm">角色名称</span>
                                        </div>
                                        <input type="text" class="form-control" placeholder="最多10个字符">
                                    </div>
                                    <div class="input-group input-group-sm mb-1">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="inputGroup-sizing-sm">绑定成员</span>
                                        </div>
                                        <input type="text" class="form-control" placeholder="输入姓名检索">
                                    </div>
                                    <a href="" class="btn btn-sm btn-primary">添加角色</a>
                                </div>
                            </div>
                            <ul class="list-group">
                            </ul>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="adst-3" role="tabpanel" aria-labelledby="contact-tab">
                        <div class="modal-height-300">
                            <ul class="list-group">
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>