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-5" style="max-height: 310px;">
                    <div class="ztree-warp" style="height: 300px;">
                        <ul id="tpl_data_info_reversed" class="ztree"></ul>
                    </div>
                </div>
                <!--
                    <div class="tab-bar">
                        <div class="form-group">
                            <div class="ztree-warp" style="height: 130px;">
                                <ul id="tpl_discrete_fields_params_reversed" class="ztree"></ul>
                            </div>
                            <br/>
                            <div class="ztree-warp" style="height: 240px;">
                                <ul id="tpl_data_selected_field_map_reversed" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                -->
                <div class="form-group col-md-4" style="max-height: 410px;">
                    <div class="ztree-warp" style="height: 300px;">
                        <ul id="tpl_data_selected_field_map_reversed" class="ztree"></ul>
                    </div>
                </div>
                <div class="form-group col-md-3" style="max-height: 310px;">
                    <div class="ztree-warp" style="height: 300px;">
                        <ul id="tpl_discrete_fields_params_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>
            <div class="row" id="element_visual_div" style="display: none">
                <div class="input-group col-12">
                    <div style="width:97%; height: 300px;">
                        <h5>表栏</h5>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.applyBack()">应用</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.restore()">恢复</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.addCol((zTreeOprObj.currentNode)?zTreeOprObj.currentNode.rptTpl:null)">新增列</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.deleteCol()">删除列</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.addRow()">新增行</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.deleteRow()">删除行</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.mergeCells()">合并单元格</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.dismergeCells()">拆解单元格</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.fitTheWidth(1.0)">X 1.0</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.fitTheWidth(1.5)">X 1.5</button>
                        <button class="btn btn-primary btn-sm" onclick="fieldLocationOprObj.fitTheWidth(2.0)">X 2.0</button>
                        <label id="id_column_setup_lbl" style="color:yellowgreen;font-weight:bold">...</label>
                        <div style="height: 5px"></div>
                        <div class='row' id="fieldControlDiv" style="cursor: not-allowed">
                            <div class="form-group col-md-3">
                                <label ><input type="radio" name="horizonOptions" id="hOptionLeft" onchange="fieldLocationOprObj.changeCtrl(this)" checked="true" disabled>左</label>&nbsp
                                <label ><input type="radio" name="horizonOptions" id="hOptionCenter" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>中</label>&nbsp
                                <label ><input type="radio" name="horizonOptions" id="hOptionRight" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>右</label>&nbsp&nbsp
                                <label>|</label>&nbsp&nbsp
                                <label style="display:none" ><input type="radio" name="verticalOptions" id="vOptionUp" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>上</label>
                                <label ><input type="radio" name="verticalOptions" id="vOptionCenter" onchange="fieldLocationOprObj.changeCtrl(this)" checked="true" disabled>中</label>&nbsp
                                <label ><input type="radio" name="verticalOptions" id="vOptionDown" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>下</label>
                            </div>
                            <div class="form-group col-md-2">
                                <label style="display:none" class="form-check-label"><input type="checkbox" class="form-check-input" id="eleShrinkEx" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>自动缩放</label>
                                <label style="display:none" class="form-check-label"><input type="checkbox" class="form-check-input" id="eleShowZeroEx" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>显示0</label>
                                <label style="display:none" class="form-check-label"><input type="checkbox" class="form-check-input" id="eleAutoWrapEx" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>自动折行</label>
                                <label class="form-check-label"><input type="checkbox" class="form-check-input" id="eleIsNarrowEx" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>窄体</label>&nbsp&nbsp
                                <label class="form-check-label"><input type="checkbox" class="form-check-input" id="eleIsAutoHeightEx" onchange="fieldLocationOprObj.changeCtrl(this)" disabled>自动行高</label>
                            </div>
                        </div>
                        <div id="rptTplColumnWorkbook"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>