ConstructionOperation/web/maintain/report/html/rpt_tpl_vis_jumbo.html

<div class="tab-pane" id="rptvisual" role="tabpanel">
    <div class="main-data">
        <div class="p-3">
            <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" style="display: none">
                <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>
            </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)"><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)"><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)"><i class="icon zyfont zy-ic_format_align_right"></i></a>
                    &nbsp&nbsp&nbsp&nbsp
                    <a id="vAlign_top" style="display: none" class="btn btn-sm btn-outline-secondary" title="上对齐" onclick="visualJumbo.changeVAlign(this)"><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)"><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)"><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)"><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)"><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)"><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>
    </div>
</div>