{% extends "appCenter/bigData/bigDataTemp.html" %}

{% block title %}
<title>数据组合</title>
{% endblock %}

{% block bigdatalink %}
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ion-rangeSsider/css/normalize.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ion-rangeSsider/css/ion.rangeSlider.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ion-rangeSsider/css/ion.rangeSlider.skinNice.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/themeSlice/themeTemp.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/themeSlice/themeManage.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/bigData/bigData.css">
{% endblock %}

{% block bigdatascript %}
<script src="{{ pathPrefix }}/plugins/ion-rangeSsider/ion.rangeSlider.min.js"></script>
<script src="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.all.min.js"></script>
<!-- <script src="{{ pathPrefix }}/js/scale.js"></script>
<script src="{{ pathPrefix }}/js/dataview.js"></script> -->
{% endblock %}

{% block bigdatacentent %}
<div class="bigDataContent" style="position: relative;">
    <div id="bigDataAPI">
        <div class="title"><span class="fa fa-info-circle"></span></span>如何制作仪表盘</div>
        <div class="content">
            <ul class="infoWrap" style="border:none;">
                <li class="color3497da fontweight600">操作说明：</li>
                <li class="fs11">①大数据仪表盘是对各种可视化图表进行丰富多样的组合、排列及展示，并且可以在仪表盘中加入时间、文本、素材等表现元素。</li>
                <li class="fs11">②点击 <img class="setTipIcon" src="{{ pathPrefix }}/images/bigData/setTip10.png" /> 按钮新建一份全新的仪表盘。</li>
                <li class="color3497da fontweight600 mtop_5">视频演示<span class="fa fa-video-camera showVideoBtn"></span></li>
            </ul>            
        </div>
    </div>    
    <div id="u_box" class="themes_option">
        <div class="share_top_sear bg_fff p_20">
            <div class="pull-left col-sm-7">
                <form class="bs-example bs-example-form" role="form">
                    <div class="input-group">
                        <span class="input-group-addon" id="searchBtn"><i class="fa fa-search"></i></span>
                        <input type="text" class="form-control fs14" style="box-shadow:none;" id="key_words" placeholder="请输入关键字，按回车键搜索">
                    </div>
                </form>
            </div>
            <!-- <div class="pull-left col-sm-3">
                <span class="" style="line-height: 35px; float:left;">排序：</span>
                <select id="lbpx" class="form-control selectStyle fs14" style="border:1px solid #eee;padding:3px 5px;border-radius:5px;">
                    <option value="name">建立时间</option>
                    <option value="update_time">建立用户</option>
                    <option value="publish_time">图表数量</option>
                </select>
            </div> -->

            <div class="pull-right" style="margin:5px 20px 0px 0px;" id="addSmallBtn"><a class="btn btn-custom" target="_blank"><span class="fa fa-plus-circle color3497da mrigt_5"></span>新建仪表盘</a></div>
            <div class="clearfix"></div>
        </div>        
        <div class="list_page theme_page" id="theme_list">
            <div class="row mtop_20">                
                <a class="col-md-4" id="addBigBtn" style="display:none;" target="_blank">
                    <div class="theme_card new_theme" id="add_theme" data-toggle="modal" data-target="#settingGroup">
                        <div>
                            <div>
                                <i class="fa fa-plus-square-o"></i>
                                <p>新建仪表盘</p>
                            </div>
                        </div>
                    </div>
                </a>                
            </div>            
        </div>        
    </div>

    <div class="modal fade isDelete" style="background: rgba(0,0,0,0.3);" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    是否删除这条数据？
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" data-dismiss="modal" id="deleteData">删除</button>
                  <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取消</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade isCopy" style="background: rgba(0,0,0,0.3);" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content" style="padding-bottom:30px;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">发布</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group">
                        <span class="input-group-addon">仪表盘链接</span>
                        <input type="text" class="form-control groupUrl" readonly="true">
                        <span class="input-group-addon" id="copy" style="background: #3497DA;color:#fff;cursor:pointer;">复制</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="{{ pathPrefix }}/js/appCenter/bigData/common.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/bigData/bigData_group.js"></script>
{% endblock  %}