<div class="col-lg-12 p-0">
    <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" id="rpt_tpl_visual_tab" data-toggle="tab" href="#rptvisual" role="tab" onclick="setTimeout(function(){visualJumbo.iniSpreadJs(); visualJumbo.setupTpl()}, 50)">可视化</a>
        </li>
        <li class="nav-item">
            <a class="nav-link p-1" data-toggle="tab" href="#rpt_tpl_pre_handle_tab" role="tab">数据预处理</a>
        </li>
        <li class="nav-item">
            <a class="nav-link p-1" data-toggle="tab" href="#rpttplformula" role="tab">计算式</a>
        </li>
        <li class="nav-item">
            <a class="nav-link p-1" data-toggle="tab" href="#rpttplscripttxt" role="tab">模板JS对象</a>
        </li>
        <li class="nav-item">
            <a class="nav-link p-1" data-toggle="tab" href="#rpt_preview_tab" role="tab" onclick="preview_util.getPreviewPage($('#tplCanvas')[0], zTreeOprObj.getRefTpl());">预览</a>
        </li>

    </ul>
    <div class="tab-content">
        <!--模板信息-->
        <%include ./rpt_tpl_dtl_info.html %>
        <!--模板布局-->
        <%include ./rpt_tpl_dtl_bands.html %>
        <!--指标映射-->
        <%include ./rpt_tpl_dtl_map_fields.html %>
        <!--指标摆放-->
        <%include ./rpt_tpl_dtl_field_loc.html %>
        <!--报表可视化-->
        <%include ./rpt_tpl_vis_jumbo.html %>
        <!--报表数据预处理-->
        <%include ./rpt_tpl_dtl_pre_hdl.html %>
        <!--计算式-->
        <%include ./rpt_tpl_dtl_calc.html %>
        <!--java script 对象-->
        <%include ./rpt_tpl_script_text.html %>
        <!--预览-->
        <%include ./rpt_tpl_preview.html %>
    </div>
</div>
