ConstructionCost/web/building_saas/report/html/rpt_content_format.html

<div class="modal fade" id="content_format" 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">
                    <div class="col-3">
                        表标题
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>宋体</option></select>
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>20</option></select>
                    </div>
                    <div class="col-3">
                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-3">
                        表栏头
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>宋体</option></select>
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>20</option></select>
                    </div>
                    <div class="col-3">
                        <a href="" class="btn btn-sm btn-outline-secondary active" title="加粗"><i class="fa fa-bold"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-3">
                        表正文
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>宋体</option></select>
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>20</option></select>
                    </div>
                    <div class="col-3">
                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary active" title="斜体"><i class="fa fa-italic"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-3">
                        表合计
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>宋体</option></select>
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>20</option></select>
                    </div>
                    <div class="col-3">
                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary active" title="下划线"><i class="fa fa-underline"></i></a>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-3">
                        表眉表脚
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>宋体</option></select>
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>20</option></select>
                    </div>
                    <div class="col-3">
                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-3">
                        页眉页脚
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>宋体</option></select>
                    </div>
                    <div class="col-3">
                        <select class="form-control form-control-sm"><option>20</option></select>
                    </div>
                    <div class="col-3">
                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-3">
                        表格线粗
                    </div>
                    <div class="col-4">
                        <select class="form-control form-control-sm"><option>1</option></select>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-3">
                        边框线粗
                    </div>
                    <div class="col-4">
                        <select class="form-control form-control-sm"><option>1</option></select>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input">
                                报表边框横线
                            </label>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input">
                                报表边框竖线
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input">
                                报表表格横线
                            </label>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input">
                                报表表格竖线
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input">
                                自动换行打印
                            </label>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input">
                                内容窄体输出
                            </label>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-check">
                            <label class="form-check-label">
                                <input type="checkbox" class="form-check-input">
                                小数补0
                            </label>
                        </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>