YangHuOperation/web/maintain/report/html/rpt_tpl_vis_jumbo.html

<div class="tab-pane" id="rptvisual" role="tabpanel">
    <div class="main-data">
        <div class="p-1" style="height: 95%; width: 99%">
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.applyBack()">应用</button>
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.restoreTpl()">恢复</button>
            &nbsp&nbsp&nbsp&nbsp
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.insertColumn()">插入列</button>
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">拆分</button>
                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitColumn(2)">2列</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitColumn(3)">3列</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitColumn(4)">4列</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitColumn(5)">5列</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitColumn(10)">10列</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitColumn(20)">20列</a>
                </div>
            </div>
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.addColumn()">新增列</button>
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.deleteColumn()">删除列</button>
            &nbsp&nbsp&nbsp&nbsp
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.addRow()">新增行</button>
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">拆分</button>
                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitRows(2)">2行</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitRows(3)">3行</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitRows(4)">4行</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitRows(5)">5行</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitRows(10)">10行</a>
                    <a class="dropdown-item" style="cursor:pointer" onclick="visualJumbo.splitRows(20)">20行</a>
                </div>
            </div>
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.deleteRow()">删除行</button>
            &nbsp&nbsp&nbsp&nbsp
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.mergeCells()">合并单元格</button>
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.disMergeCells()">拆解单元格</button>
            &nbsp&nbsp&nbsp&nbsp
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.fitTheWidth(1.0)">X 1.0</button>
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.fitTheWidth(1.5)">X 1.5</button>
            <button class="btn btn-primary btn-sm" onclick="visualJumbo.fitTheWidth(2.0)">X 2.0</button>
            <div style="height: 10px"></div>
            <div>
                <div class="row" id="ele_visual_div_cfg1">
                    <div class="input-group col-2">
                        <select class="form-control input-sm" id="visElementFonts" onchange="visualJumbo.changeFontSet(this)" disabled></select>
                    </div>
                    <div class="input-group col-1" disabled>
                        <select class="form-control input-sm" id="visElementFontNames" onchange="visualJumbo.setupCellFont()" disabled><option>宋体</option><option>楷体</option><option>黑体</option></select>
                    </div>
                    <div class="form-group col-1">
                        <input class="form-control input-sm" id="visEleFontSize" type="number" value="12" step="1" min="6" max="56" onchange="visualJumbo.setupCellFont()" disabled>
                    </div>
                    <div id= "font_other_properties_div" class="form-group col-2" style="display: none;">
                        <a id="vis_font_bold" class="btn btn-sm btn-outline-secondary" title="加粗" onclick="visualJumbo.fontBoldChange(this)"><i class="fa fa-bold"></i></a>
                        <a id="vis_font_italic" class="btn btn-sm btn-outline-secondary" title="斜体" onclick="visualJumbo.fontItalicChange(this)"><i class="fa fa-italic"></i></a>
                        <a id="vis_font_underline" class="btn btn-sm btn-outline-secondary" title="下划线" onclick="visualJumbo.fontUnderlineChange(this)"><i class="fa fa-underline"></i></a>
                    </div>
                    <div class="form-group col-md-2">
                        <select class="form-control" id="elementBordersVis" onchange="visualJumbo.changeBorderEx(this)"></select>
                    </div>
                    <div class="form-group col-md-1">
                        <input class="form-control input-sm" id="eleBorderLeftVis" type="number" value="0" step="1" min="0" max="3" disabled>
                    </div>
                    <div class="form-group col-md-1">
                        <input class="form-control input-sm" id="eleBorderRightVis" type="number" value="0" step="1" min="0" max="3" disabled>
                    </div>
                    <div class="form-group col-md-1">
                        <input class="form-control input-sm" id="eleBorderTopVis" type="number" value="0" step="1" min="0" max="3" disabled>
                    </div>
                    <div class="form-group col-md-1">
                        <input class="form-control input-sm" id="eleBorderBottomVis" type="number" value="0" step="1" min="0" max="3" disabled>
                    </div>

                </div>
            </div>
            <!--
            <div class="row" id="ele_visual_div_cfg01">
            </div>
            -->
            <div class="row" id="ele_visual_div_cfg02">
                <div class="form-group col-md-2">
                    <label>控制选择</label>
                    <select class="form-control" id="elementControlsVis" onchange="visualJumbo.changeControlEx(this)"></select>
                </div>
                <div class="form-group col-md-2">
                    <label>横向对齐</label>
                    <select class="form-control" id="elementAlignmentHorizonVis" disabled>

                    </select>
                </div>
                <div class="form-group col-md-2">
                    <label>纵向对齐</label>
                    <select class="form-control" id="elementAlignmentVerticalVis" 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="eleShrinkVis" onchange="" disabled>
                            自动缩放
                        </label>&nbsp&nbsp
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleShowZeroVis" onchange="" disabled>
                            显示0
                        </label>&nbsp&nbsp
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleAutoWrapVis" onchange="" disabled>
                            自动折行
                        </label>
                        <label class="form-check-label"> </label>
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleIsShrinkFirstVis" onchange="" disabled>
                            缩放优先
                        </label>
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input" id="eleCloseOutputVis" onchange="" disabled>
                            紧密输出
                        </label>
                    </div>
                </div>
            </div>
            <div class="row" id="ele_visual_div_cfg2">
                <div class="form-group col-md-12">
                    <a id="hAlign_left" class="btn btn-sm btn-outline-secondary active" title="左对齐" onclick="visualJumbo.changeHAlign(this)" style="display: none"><i class="icon zyfont zy-ic_format_align_left"></i></a>
                    <a id="hAlign_center" class="btn btn-sm btn-outline-secondary" title="水平中对齐" onclick="visualJumbo.changeHAlign(this)" style="display: none"><i class="icon zyfont zy-ic_format_align_center"></i></a>
                    <a id="hAlign_right" class="btn btn-sm btn-outline-secondary" title="右对齐" onclick="visualJumbo.changeHAlign(this)" style="display: none"><i class="icon zyfont zy-ic_format_align_right"></i></a>
                    <!-- &nbsp&nbsp&nbsp&nbsp -->
                    <a id="vAlign_top" class="btn btn-sm btn-outline-secondary" title="上对齐" onclick="visualJumbo.changeVAlign(this)" style="display: none"><i class="icon zyfont zy-ic_vertical_align_top"></i></a>
                    <a id="vAlign_center" class="btn btn-sm btn-outline-secondary active" title="垂直中对齐" onclick="visualJumbo.changeVAlign(this)" style="display: none"><i class="icon zyfont zy-ic_vertical_align_center"></i></a>
                    <a id="vAlign_bottom" class="btn btn-sm btn-outline-secondary" title="下对齐" onclick="visualJumbo.changeVAlign(this)" style="display: none"><i class="icon zyfont zy-ic_vertical_align_bottom"></i></a>
                    <!-- &nbsp&nbsp&nbsp&nbsp -->
                    <a id="vis_shrink" class="btn btn-sm btn-outline-secondary" title="缩放" onclick="visualJumbo.changeShrink(this)" style="display: none"><i class="icon zyfont zy-ic_format_shapes"></i></a>
                    <a id="vis_wrap" class="btn btn-sm btn-outline-secondary" title="折行" onclick="visualJumbo.changeWrap(this)" style="display: none"><i class="icon zyfont zy-ic_wrap_text"></i></a>
                    <!-- &nbsp&nbsp&nbsp&nbsp -->
                    <a id="vis_outter_border" class="btn btn-sm btn-outline-secondary" title="外边框" onclick="visualJumbo.changeBorder(this)" style="display: none"><i class="icon zyfont zy-ic_border_outer"></i></a>
                    <a id="vis_bottom_border" class="btn btn-sm btn-outline-secondary" title="下边框" onclick="visualJumbo.changeBorder(this)" style="display: none"><i class="icon zyfont zy-ic_border_bottom"></i></a>
                    <a id="vis_no_border" class="btn btn-sm btn-outline-secondary" title="无边框" onclick="visualJumbo.changeBorder(this)" style="display: none"><i class="icon zyfont zy-ic_border_clear"></i></a>
                    <!-- &nbsp&nbsp&nbsp&nbsp -->
                    <label ><input type="radio" name="visCellTypes3" id="visRdIsText" onchange="visualJumbo.changeCellType(`text`)" checked="true" disabled>文本</label>
                    <label ><input type="radio" name="visCellTypes3" id="visRdIsField" onchange="visualJumbo.changeCellType(`field`)" disabled>指标</label>
                    <label ><input type="radio" name="visCellTypes3" id="visRdIsBlank" onchange="visualJumbo.changeCellType(`blank`)" disabled>空白</label>
                    &nbsp&nbsp&nbsp&nbsp
                    <label class="form-check-label" id="lblIsAutoHeightVis" style="display: none"><input type="checkbox" class="form-check-input" id="eleIsAutoHeightVis" onchange="visualJumbo.changeIsAutoHeight(this)">自动行高</label>
                </div>
            </div>
            <div class="row" id="element_pre_suff_vis">
                <div class="input-group col-3">
                    <div class="input-group-addon">前缀</div>
                    <input class="form-control" id="elePrefix_Vis" value="" onkeyup="visualJumbo.changePreSuf(JV.PROP_PREFIX, this)" disabled>
                </div>
                <div class="input-group col-2">
                    <div class="input-group-addon">格式</div>
                    <input class="form-control" id="eleFormat_Vis" value="" onkeyup="visualJumbo.changePreSuf(JV.PROP_FORMAT, this)" disabled>
                </div>
                <div class="input-group col-2">
                    <div class="input-group-addon">默认值</div>
                    <input class="form-control" id="eleDftValue_Vis" value="" onkeyup="visualJumbo.changePreSuf(JV.PROP_DFT_VALUE, this)" disabled>
                </div>
                <div class="input-group col-2">
                    <div class="input-group-addon">后缀</div>
                    <input class="form-control" id="eleSuffix_Vis" value="" onkeyup="visualJumbo.changePreSuf(JV.PROP_SUFFIX, this)" disabled>
                </div>
            </div>
            <label id="id_vis_setup_lbl" style="color:green;font-weight:bold">...</label>
            <!--
            <div class="row p-3" style="height: 600px" id="ele_visual_div_main3">
            </div>
            -->
            <div style="height: 80%;" id="ele_visual_div_main3">
            </div>
        </div>
    </div>
</div>