ConstructionOperation/web/maintain/report/rpt_tpl_detail_field_location.html

<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="row" id="element_font">
                <div class="form-group col-md-3">
                    <label>字体选择</label>
                    <select class="form-control" id="elementFonts" onchange="rpt_tpl_cfg_helper.fontChange(this)" disabled></select>
                </div>
                <div class="form-group col-md-3">
                    <label>字体名称</label>
                    <input class="form-control" id="eleFontName" value="" onchange="rpt_tpl_cfg_helper.fontNameChange(this)" disabled>
                </div>
                <div class="form-group col-md-2">
                    <label>字体大小</label>
                    <input class="form-control input-sm" id="eleFontSize" type="number" value="12" step="1" min="6" max="56" onchange="rpt_tpl_cfg_helper.fontSizeChange(this)" disabled>
                </div>
                <div class="form-group col-md-4">
                    <label>字体其他特性</label>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleFontBold" onchange="rpt_tpl_cfg_helper.fontBoldChange(this)" disabled>
                            粗体
                        </label>&nbsp&nbsp
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleFontItalic" onchange="rpt_tpl_cfg_helper.fontItalicChange(this)" disabled>
                            斜体
                        </label>&nbsp&nbsp
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleFontUnderline" onchange="rpt_tpl_cfg_helper.fontUnderlineChange(this)" disabled>
                            下划线
                        </label>
                    </div>
                </div>
            </div>
            <div class="row" id="element_border">
                <div class="form-group col-md-3">
                    <label>边框样式</label>
                    <select class="form-control" id="elementBorders" onchange="rpt_tpl_cfg_helper.borderChange(this)"></select>
                </div>
                <div class="form-group col-md-2">
                    <label>左边</label>
                    <input class="form-control input-sm" id="eleBorderLeft" type="number" value="0" step="1" min="0" max="3" disabled>
                </div>
                <div class="form-group col-md-2">
                    <label>右边</label>
                    <input class="form-control input-sm" id="eleBorderRight" type="number" value="0" step="1" min="0" max="3" disabled>
                </div>
                <div class="form-group col-md-2">
                    <label>上边</label>
                    <input class="form-control input-sm" id="eleBorderTop" type="number" value="0" step="1" min="0" max="3" disabled>
                </div>
                <div class="form-group col-md-2">
                    <label>下边</label>
                    <input class="form-control input-sm" id="eleBorderBottom" type="number" value="0" step="1" min="0" max="3" disabled>
                </div>
            </div>
            <div class="row" id="element_control">
                <div class="form-group col-md-3">
                    <label>控制选择</label>
                    <select class="form-control" id="elementControls" onchange="rpt_tpl_cfg_helper.controlChange(this)"></select>
                </div>
                <div class="form-group col-md-2">
                    <label>横向对齐</label>
                    <select class="form-control" id="elementAlignmentHorizon" onchange="rpt_tpl_cfg_helper.changeAlignment(this, 'horizon')" disabled></select>
                </div>
                <div class="form-group col-md-2">
                    <label>纵向对齐</label>
                    <select class="form-control" id="elementAlignmentVertical" onchange="rpt_tpl_cfg_helper.changeAlignment(this, 'vertical')" disabled></select>
                </div>
                <div class="form-group col-md-5">
                    <label>控制其他特性</label>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleShrink" onchange="" disabled>
                            自动缩放
                        </label>&nbsp&nbsp
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleShowZero" onchange="" disabled>
                            显示0
                        </label>&nbsp&nbsp
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleAutoWrap" onchange="" disabled>
                            自动折行
                        </label>
                    </div>
                </div>
            </div>
            <div class="row" id="element_area_1">
                <div class="form-group col-md-2">
                    <label>左</label><label>&nbsp&nbsp&nbsp</label>
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input" id="isPercentage_Left" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Left')">
                        百分比
                    </label>
                    <input class="form-control input-sm" id="elementArea_Left" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Left')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Left')">
                </div>
                <div class="form-group col-md-2">
                    <label>右</label><label>&nbsp&nbsp&nbsp</label>
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input" id="isPercentage_Right" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Right')">
                        百分比
                    </label>
                    <input class="form-control input-sm" id="elementArea_Right" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Right')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Right')">
                </div>
                <div class="form-group col-md-2">
                    <label>上</label><label>&nbsp&nbsp&nbsp</label>
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input" id="isPercentage_Top" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Top')">
                        百分比
                    </label>
                    <input class="form-control input-sm" id="elementArea_Top" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Top')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Top')">
                </div>
                <div class="form-group col-md-2">
                    <label>下</label><label>&nbsp&nbsp&nbsp</label>
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input" id="isPercentage_Bottom" onchange="rpt_tpl_cfg_helper.changeAreaCalcType(this, 'Bottom')">
                        百分比
                    </label>
                    <input class="form-control input-sm" id="elementArea_Bottom" type="number" value="0" step="1" min="0" max="100" onchange="rpt_tpl_cfg_helper.changeArea(this, 'Bottom')" onkeyup="rpt_tpl_cfg_helper.changeArea(this, 'Bottom')">
                </div>
                <div class="form-group col-md-2">
                    <label>&nbsp&nbsp&nbsp</label>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleAutoHeight" onchange="rpt_tpl_cfg_helper.changeAutoHeight(this)">
                            自动行高
                        </label>&nbsp&nbsp
                    </div>
                </div>
            </div>
            <div class="row" id="element_pre_suff">
                <div class="input-group col-3">
                    <div class="input-group-addon">前缀</div>
                    <input class="form-control" id="elePrefix" value="" onkeyup="rpt_tpl_cfg_helper.changePreSuff(this, 'Prefix')">
                </div>
                <div class="input-group col-3">
                    <div class="input-group-addon">后缀</div>
                    <input class="form-control" id="eleSuffix" value="" onkeyup="rpt_tpl_cfg_helper.changePreSuff(this, 'Suffix')">
                </div>
                <div class="input-group col-3">
                    <div class="input-group-addon">格式</div>
                    <input class="form-control" id="eleFormat" value="" onkeyup="rpt_tpl_cfg_helper.changeFormat(this)">
                </div>
                <div class="input-group col-3">
                    <div class="input-group-addon">默认值</div>
                    <input class="form-control" id="eleDftValue" value="" onkeyup="rpt_tpl_cfg_helper.changeDftValue(this)">
                </div>
            </div>
            <br/>
            <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>