{% extends "index/baseTemp.html" %} 

{% block title %}
<title>统计报告</title>
{% endblock %}

{% block blink %}
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/bootstraptable/bootstrap-table.css"> 
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ztree/zTreeStyle.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/themeSlice/themeTemp.css">
    {% block improtlink %}
    <link rel="stylesheet" href="{{ pathPrefix }}/plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/report/reportSub.css"> 
    {% endblock %}

{% endblock %}

{% block bscript %}
<script src="{{ pathPrefix }}/plugins/bootstraptable/bootstrap-table.js"></script>
<script src="{{ pathPrefix }}/plugins/bootstraptable/bootstrap-table-zh-CN.js"></script>
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.exhide.min.js"></script>

    {% block improtscript %}
    <script src="{{ pathPrefix }}/plugins/daterangepicker/moment.min.js"></script>
    <script src="{{ pathPrefix }}/plugins/daterangepicker/daterangepicker.js"></script>
    <script src="{{ pathPrefix }}/plugins/echarts/echarts.min.js"></script>
    <script src="{{ pathPrefix }}/plugins/lodash/lodash.js" type="text/javascript"></script>
    <script src="{{ pathPrefix }}/js/appCenter/dataImport/metaEdit.js"></script>
    <script src="{{ pathPrefix }}/js/appCenter/dataImport/importSub.js"></script>
    {% endblock %}

{% endblock %}

{% block contentbody  %}
<div id="centent_box" class="clearfix">
        
    <div id="opo_sys_list">
        <div></div>
        <div class="left-title">统计报告</div>
        <div class="list-group">
            <!-- <a class="list-group-item" href="{{ pathPrefix }}/import">
                <i class="fa fa-cloud-upload fa-fw"></i>
                <span>入库任务</span>
            </a>
            <a class="list-group-item" href="{{ pathPrefix }}/import/time">
                <i class="fa fa-clock-o fa-fw"></i>
                <span>定时任务</span>
            </a>
            <a class="list-group-item" href="{{ pathPrefix }}/import/scan">
                <i class="fa fa-search fa-fw"></i>
                <span>扫描列表</span>
            </a> -->
            <a class="list-group-item" href="{{ pathPrefix }}/report">
                <i class="fa fa-tasks fa-fw"></i>
                <span>统计报告</span>
            </a>
        </div>
        
    </div>
    
    <div id="sys_content">
        {% block importcentent %}
        <div>
            <div id="import_step">
                <div class="title">
                    <p class="title_tip">导入向导</p>
                    <div class="row">
                        <div class="col-md-3 step on">
                            <span>1</span>
                            <div>
                                <span>配置</span>
                                <p>请配置导入信息</p>
                            </div>
                        </div>
                        <div class="col-md-3 step">
                            <span>2</span>
                            <div>
                                <span>扫描</span>
                                <p>进行数据扫描</p>
                            </div>
                        </div>
                        <div class="col-md-3 step">
                            <span>3</span>
                            <div>
                                <span>结果</span>
                                <p>确认扫描结果</p>
                            </div>
                        </div>
                        <div class="col-md-3 step">
                            <span>4</span>
                            <div>
                                <span>入库</span>
                                <p>执行数据入库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="content">
                    <div id="step_1" class="step_page">
                        <form class="form-horizontal">

                            <div>
                                <span>基本信息</span>
                                <div class="form-group">
                                    <label for="task_name" class="col-sm-2 control-label">任务名称</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control border_form" id="task_name" placeholder="任务名称">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="task_type" class="col-sm-2 control-label">数据类型</label>
                                    <div class="col-sm-8">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <select class="form-control border_form" id="task_type">
                                                    <option value=""> --- 请选择导入的数据类型 --- </option>
                                                </select>
                                            </div>
                                            <div class="col-md-6">
                                                <select class="form-control border_form" id="task_subtype">
                                                    <option value=""> --- 请选择数据子类型 --- </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                
                            <div>
                                <span>扫描配置</span>
                                <div class="form-group">
                                    <label for="task_path" class="col-sm-2 control-label">扫描目录</label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control border_form" id="task_path" placeholder="请选择扫描目录" readonly>
                                            <span class="input-group-btn">
                                                <button class="btn btn-default include_btn" id="scan_path" type="button" title="选择扫描目录">
                                                    <i class="fa fa-folder-o fa-fw"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                
                            <div>
                                <span>入库配置</span>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">存储设备</label>
                                    <div class="col-sm-8">
                                        <ul class="clearfix dev_list">
                                            <li class="no_dev">
                                                <div>
                                                    <i class="glyphicon glyphicon-inbox"></i>
                                                    <p>未能找到支持该数据类型的存储设备</p>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="task_dataset" class="col-sm-2 control-label">目标数据集</label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control border_form" id="task_dataset" placeholder="请指定一个系统数据集用于存放本次入库数据" readonly>
                                            <span class="input-group-btn">
                                                <button class="btn btn-default include_btn" id="import_dataset" type="button" title="选择数据集">
                                                    <i class="fa fa-folder-o fa-fw"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-8">
                                        <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="task_auto_load"> 自动入库
                                        </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-8">
                                        <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="task_thumb" checked> 自动生成缩略图
                                        </label>
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-8">
                                        <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="task_copy"> 拷贝数据到服务器
                                        </label>
                                        </div>
                                    </div>
                                </div> -->
                            </div>
                            
                        </form>
                    </div>
                    <div id="step_2" class="step_page">
                        <div class="row">
                            <div class="col-md-10 col-md-offset-1">
                                <div class="scan_box">
                                    <div class="scan_progress">
                                        <p><span class="status_text">扫描初始化中 ... </span><span class="progress_text">0%</span></p>
                                        <div class="progress progress-striped active">
                                            <div class="progress-bar"></div>
                                        </div>
                                    </div>
                                    <div class="scan_info">
                                        <p class="info">扫描类型：<span class="s_type">-</span></p>
                                        <p class="info">扫描位置：<span class="s_path">-</span></p>
                                        <p class="info">扫描时间：<span class="s_stime">-</span></p>
                                        <p class="info">结束时间：<span class="s_etime">-</span></p>
                                        <p class="info">扫描文件：<span class="s_process">-</span></p>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="step_3" class="step_page">
                        <div class="filter_box">
                            <p>属性过滤条件</p>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <div class="input-group-addon">数据名称</div>
                                        <input type="text" class="form-control" id="key_code" placeholder="名称关键字">
                                        <i class="fa fa-times-circle clear"></i>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <div class="input-group-addon">创建时间</div>
                                        <input type="text" class="form-control" id="data_time" placeholder="创建时间">
                                        <i class="fa fa-times-circle clear"></i>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <div class="input-group-addon">子类型</div>
                                        <select class="form-control" id="sub_type">
                                            <option value="">不过滤</option>
                                            <option value="">图像文件</option>
                                            <option value="">视频文件</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <div class="input-group-addon">分辨率</div>
                                        <select class="form-control" id="resolution">
                                            <option value="">不过滤</option>
                                            <option value="0~0.5">0m ~ 0.5m</option>
                                            <option value="0.5~1">0.5m ~ 1m</option>
                                            <option value="1~2">1m ~ 2.9m</option>
                                            <option value="3~3">3m</option>
                                            <option value="3.1~8">3.1m ~ 8m</option>
                                            <option value="8.1~16">8.1m ~ 16m</option>
                                            <option value="16~160">大于16m</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <div class="input-group-addon">参考系</div>
                                        <input type="text" class="form-control" id="srs" placeholder="参考系名称">
                                        <i class="fa fa-times-circle clear"></i>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <div class="input-group-addon">金字塔</div>
                                        <select class="form-control" id="pyramid">
                                            <option value="">不过滤</option>
                                            <option value="TRUE">有金字塔</option>
                                            <option value="FALSE">无金字塔</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <hr />
                        </div>
                        <div id="meta_toolbar">
                            <div id="import_type" class="clearfix">
                                <div class="chk_icon">
                                    <i class="fa fa-circle-o"></i>
                                    <i class="fa fa-circle"></i>
                                </div>
                                <div>扫描数据全部入库</div>
                            </div>
                            <button type="button" class="btn btn-default" id="batch_meta">
                                <i class="fa fa-database fa-fw"></i> 批量设置元数据
                            </button>
                            <button type="button" class="btn btn-default" id="add_tags">
                                <i class="fa fa-tags fa-fw"></i> 配置标签
                            </button>
                            <button type="button" class="btn btn-default" id="filter_condition">
                                <i class="fa fa-filter fa-fw"></i> 属性过滤
                            </button>
                        </div>
                        <table class="table" id="file_table"></table>
                    </div>
                    <div id="step_4" class="step_page">
                        <div>
                            <i class="fa fa-check" style="font-size:36px;"></i>
                            <p>祝贺！所有数据都已准备就绪，点击“开始入库”按钮后系统将开始启动入库工作。</p>
                            <p>随后您可以在“导入列表”页面中查看入库执行情况。</p>
                        </div>
                    </div>
                </div>
                <div class="footer clearfix" style="padding-top:8px;">
                    <button type="button" class="btn btn-primary pull-right left-title" id="next_btn" style="padding: 6px 26px;">
                        下一步
                        <i class="fa fa-chevron-right"></i>
                    </button>
                    <button type="button" class="btn btn-success pull-right" id="import_btn" style="padding: 6px 26px;">
                        <i class="fa fa-check"></i>
                        开始入库
                    </button>
                </div>
            </div>
        </div>
        {% endblock %}
    </div>
    
</div>
{% endblock %}

{% block modal %}
<!-- 添加标签对话框 -->
<div class="modal fade" tabindex="-1" id="tags_dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" >添加标签</h4>
            </div>
            <div class="modal-body">
                <div>
                    <!-- <p class="label_text">设置标签</p> -->
                    <div class="input-group">
                        <input type="text" class="form-control tag_input" maxlength=15 placeholder="输入标签，按回车键添加，最多允许输入15个字符">
                        <span class="input-group-btn">
                            <button class="btn btn-default tag_add" type="button">添加</button>
                        </span>
                    </div>
                    <p class="tips">提示：您可以为本次入库数据设置一个或多个标签，方便后续归类查询</p>
                    <div class="clearfix tags_list"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 自动入库对话框 -->
<div class="modal fade" tabindex="-1" id="auto_load_dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" >自动入库提示</h4>
            </div>
            <div class="modal-body">
                <p>本次任务您开启了自动入库功能，扫描过程结束后将自动对扫描结果进行入库，是否继续？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消</button>
                <button type="button" id="auto_load" class="btn btn-success left-title"><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> 继续入库</button>
            </div>
        </div>
    </div>
</div>

<div id="filter-dialog" class="hide" tabindex="-1" hidefocus="true">
    <div>
        <div style="display:inline-flex">
            <label style="width:80px;margin-top: 10px;font-size: 16px;text-align:right">时间</label>
            <input type="text" class="form-control min-time" style="text-align: center;width:140px;">
            <label style="font-size:21px;">~</label>
            <input type="text" class="form-control max-time" style="text-align: center;width:140px;">
        </div>
        <div style="display:inline-flex">
            <label style="width:80px;margin-top: 10px;font-size: 16px;text-align:right">分辨率</label>
            <input type="text" class="form-control min-res" style="text-align: center;width:140px;">
            <label style="font-size:21px;">~</label>
            <input type="text" class="form-control max-res" style="text-align: center;width:140px;">
        </div>
        <div style="display:inline-flex;">
            <label style="width:80px;margin-top: 10px;font-size: 16px;text-align:right">文件大小</label>
            <input type="text" class="form-control min-size" placeholder="0M" style="text-align: center;width:140px;font-size:10px;">
            <label style="font-size: 21px;">~</label>
            <input type="text" class="form-control max-size" placeholder="0M" style="text-align: center;width:140px;font-size:10px;">
        </div>
        <div style="float:right">
            <button type="button" class="btn btn-primary sel-ok left-title">确定</button>
        </div>
    </div>
</div>

<div class="modal fade" role="dialog" id="ref-choose">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" >参考系选择</h4>
            </div>
            <div class="modal-body clearfix">
                <div style="border:1px;">
                    <div class="clearfix search-div">
                        <input type="text" id="sch-wkt-context" class="form-control fa fa-times" placeholder="输入参考系名称">
                        <a class="remove-sch search-clear" title="清空"><i class="fa fa-times" style="color:rgb(156, 62, 110);"></i></a>
                        <button type="button" id="wkt-search" class="btn btn-primary fa fa-search" title="搜索"></button>
                    </div>
                    <ul id="ref-tree" class="ztree"></ul>
                </div>
                <div style="margin-top:4px;">
                    <div>
                        <label class="ref-detail-label">参考系详情</label>
                        <select class="selectpicker recent-ref" id='recent-ref-id'>
                        </select>
                        <label class="recent-ref-label">最近</label>
                    </div>
                    <textarea id="ref-detail" class="form-control" readonly></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消</button>
                <button type="button" id="ok-sel" class="btn btn-primary left-title"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}