ConstructionOperation/web/maintain/report/rpt_tpl_detail.html

<div class="col-lg-5 p-0">
    <div class="main-data-top">
        <ul class="nav nav-tabs tools-bar" role="tablist">
            <li class="nav-item">
                <a class="nav-link p-1 active" data-toggle="tab" href="#rpttplinfo" role="tab">模板信息</a>
            </li>
            <li class="nav-item">
                <a class="nav-link p-1" data-toggle="tab" href="#rpttpllayout" role="tab">模板布局</a>
            </li>
            <li class="nav-item">
                <a class="nav-link p-1" data-toggle="tab" href="#rpttplfieldmap" role="tab">指标映射</a>
            </li>
            <li class="nav-item">
                <a class="nav-link p-1" data-toggle="tab" href="#rpttplfieldlocation" role="tab" onclick="dataInfoMapTreeOprObj.iniDataMap();">指标摆放</a>
            </li>
            <li class="nav-item">
                <a class="nav-link p-1" data-toggle="tab" href="#rpttplformula" role="tab">计算式</a>
            </li>
        </ul>
        <div class="tab-content">
            <!--模板信息-->
            <div class="tab-pane active" id="rpttplinfo" role="tabpanel">
                <div class="main-data">
                    <div class="p-3">
                        <div class="form-group">
                            <label>报表名称</label>
                            <input class="form-control" id="rptTplName" value="" disabled>
                        </div>
                        <div class="form-group">
                            <label>页面</label>
                            <div class="row">
                                <div class="input-group col-6">
                                    <div class="input-group-addon">纸张</div>
                                    <select class="form-control input-sm" id="rptTplPageSize"><option>A3</option><option>A4</option></select>
                                </div>
                                <div class="input-group col-6">
                                    <div class="input-group-addon">方向</div>
                                    <select class="form-control input-sm" id="rptTplPageOrientation"><option>横向</option><option>竖向</option></select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-group col-6">
                                <div class="input-group-addon">单位</div>
                                <select class="form-control input-sm" id="rptTplUnit"><option>厘米</option></select>
                            </div>
                        </div>
                        <div class="form-group" id="multiColCnt">
                            <label>显示调整</label>
                            <div class="row">
                                <div class="input-group col-6">
                                    <div class="input-group-addon">分栏</div>
                                    <select class="form-control input-sm" id="rptTplMultiCols"><option>1</option><option>2</option></select>
                                </div>
                                <div class="input-group col-6" style="display: none">
                                    <div class="input-group-addon">缩放</div>
                                    <input class="form-control input-sm" type="number" value="1" step="0.25">
                                </div>
                            </div>
                        </div>
                        <div class="form-group row" style="display: none">
                            <div class="input-group col-6">
                                <div class="input-group-addon">空行提上</div>
                                <select class="form-control input-sm"><option>提上</option></select>
                            </div>
                            <div class="input-group col-6">
                                <div class="input-group-addon">空行显示</div>
                                <select class="form-control input-sm"><option>显示</option></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>页边距</label>
                            <div class="row">
                                <div class="input-group col-6">
                                    <div class="input-group-addon">左</div>
                                    <input class="form-control input-sm" id="rptTplMarginLeft" type="number" value="0.8" step="0.1" min="0">
                                </div>
                                <div class="input-group col-6">
                                    <div class="input-group-addon">右</div>
                                    <input class="form-control input-sm" id="rptTplMarginRight" type="number" value="0.8" step="0.1" min="0">
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-group col-6">
                                <div class="input-group-addon">上</div>
                                <input class="form-control input-sm" id="rptTplMarginTop" type="number" value="0.8" step="0.1" min="0">
                            </div>
                            <div class="input-group col-6">
                                <div class="input-group-addon">下</div>
                                <input class="form-control input-sm" id="rptTplMarginBottom" type="number" value="0.8" step="0.1" min="0">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--模板布局-->
            <div class="tab-pane" id="rpttpllayout" role="tabpanel">
                <div class="main-data">
                    <div class="p-3">
                        <div class="tab-bar">
                            <a onclick="bandTreeOprObj.addRootBand(zTreeOprObj.getRefTpl())" class="btn btn-secondary btn-sm fa fa-plus-square">根节点框</a>
                            <a onclick="bandTreeOprObj.addSubBand(zTreeOprObj.getRefTpl())" class="btn btn-secondary btn-sm fa fa-plus-square">子节点框</a>
                            <a onclick="bandTreeOprObj.moveDownBand(zTreeOprObj.getRefTpl())" class="btn btn-sm" id="downMoveBand"><i class="fa fa-arrow-down" aria-hidden="true"></i>下移</a>
                            <a onclick="bandTreeOprObj.moveUpBand(zTreeOprObj.getRefTpl())" class="btn btn-sm" id="upMoveBand"><i class="fa fa-arrow-up" aria-hidden="true"></i>上移</a>
                        </div>
                        <div class="ztree-warp">
                            <ul id="band_tree_reversed" class="ztree"></ul>
                        </div>
                        <div class="form-group">
                            <label>边框样式</label>
                            <select class="form-control" id="borderStyles" onchange="bandTreeOprObj.bandStyleChange(this)"></select>
                        </div>
                        <div class="form-group">
                            <label>位置</label>
                            <select class="form-control" id="bandAlignment" onchange="bandTreeOprObj.bandAlignmentChange(this)"></select>
                        </div>

                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>高度</label>
                                <input class="form-control mr-2" id="bandHeight" type="number" step="0.1" disabled onchange="bandTreeOprObj.bandHeightWidthChange(this)">
                            </div>
                            <div class="form-group col-md-6">
                                <label>宽度</label>
                                <input class="form-control mr-2" id="bandWidth"  type="number" step="0.1" disabled onchange="bandTreeOprObj.bandHeightWidthChange(this)">
                            </div>
                        </div>

                        <div class="form-group">
                            <label>出现频率</label>
                            <select class="form-control" id="pageFrequency" onchange="bandTreeOprObj.bandShowFrequencyChange(this)"></select>
                        </div>
                        <div class="form-group">
                            <div class="form-check">
                                <label class="form-check-label">
                                    <input type="checkbox" class="form-check-input" id="mergeBandBorder" onchange="bandTreeOprObj.bandBorderMergeChange(this)">
                                    边框合并
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--指标映射-->
            <div class="tab-pane" id="rpttplfieldmap" role="tabpanel">
                <div class="main-data">
                    <div class="p-3">
                        <label>报表映射指标</label>
                        <div class="tab-content">
                            <ul id="field_map_tree_reversed" class="ztree"></ul>
                        </div>
                        <p/>
                        <div class="tab-content">
                            <label>可映射指标</label>
                            <div class="tab-content">
                                <ul id="selectable_field_tree_reversed" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--指标摆放-->
            <div class="tab-pane" id="rpttplfieldlocation" role="tabpanel">
                <div class="main-data">
                    <div class="p-3">
                        <div class="row">
                            <div class="form-group col-md-8">
                                <div class="ztree-warp">
                                    <ul id="tpl_data_info_reversed" class="ztree"></ul>
                                </div>
                            </div>
                            <div class="form-group col-md-4" id="band_tree2_div">
                                <div class="ztree-warp">
                                    <ul id="band_tree2_reversed" class="ztree"></ul>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" id="dispRowHeight">
                            <label>显示行高度</label>
                            <select class="form-control"><option> </option></select>
                            <small class="form-text text-muted">用于 流水行/交叉行</small>
                        </div>
                        <div class="form-group" id="dispColWidth">
                            <label>显示列宽度</label>
                            <select class="form-control"><option> </option></select>
                            <small class="form-text text-muted">用于 交叉列</small>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-7">
                                <div class="form-group">
                                    <label>已选映射指标</label>
                                    <div class="ztree-warp">
                                        <ul id="tpl_data_selected_field_map_reversed" class="ztree"></ul>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-md-5">
                                <div class="ztree-warp">
                                    <label>离散独立指标/参数</label>
                                    <ul id="tpl_discrete_fields_params_reversed" class="ztree"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--计算式-->
            <div class="tab-pane" id="rpttplformula" role="tabpanel">
                <div class="main-data">
                    <div class="p-3">
                        计算式
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>