{% extends "appCenter/report/reportSub.html" %} 

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

{% block improtlink %}
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/report/reportList.css">
{% endblock %}

{% block improtscript %}
<script src="{{ pathPrefix }}/js/common/dataSelect.js"></script>
<script src="{{ pathPrefix }}/js/common/utils.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 }}/js/appCenter/report/deleteTask.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/report/reportList.js"></script>
<script src="{{ pathPrefix }}/plugins/wangeditor/dist/wangEditor.min.js"></script>
<script src="{{ pathPrefix }}/plugins/ckeditor/ckeditor.js"></script>
<script src="{{ pathPrefix }}/plugins/ckeditor/ckeditorZh-cn.js"></script>
{% endblock %}

{% block importcentent %}
<div>
    <div id="table_box" >
		<div id="toolbar">
			<h5>统计报告列表</h5>
		</div>
		<!-- <table class="table table-striped table-hover" id="import_list"></table> -->
		<table id="report_table"></table>
		<!-- <div id="footerbar" class="clearfix">
			<div class="custom_data">
				删除从
				<input type="text" class="border_form" id="begin_data" placeholder="开始日期" readonly> 到
				<input type="text" class="border_form" id="end_data" placeholder="结束日期" readonly> 的记录
			</div>
			<select id="del_list" class="border_form">
				<option value="">-------</option>
				<option value="1">删除一个月前的记录</option>
				<option value="2">删除两个月前的记录</option>
				<option value="3">删除半年前的记录</option>
				<option value="custom">自定义日期</option>
			</select>
			<button class="btn btn-danger" id="del_task">执行</button>
		</div> -->
    </div>
</div>
{% endblock %}


{% block modal %}
<div class="modal fade" id="cancel-task" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-sm" role="document">
		<div class="modal-content">
			<div class="modal-body">
				<p>是否取消当前任务？</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-small btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-danger btn-small" id="cancel-ok">确定</button>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="del_task_dialog">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-body">
				<p>是否确认需要删除所选任务？</p>
			</div>
			<div class="modal-footer">
				<a href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</a>
				<a href="javascript:void(0)" class="btn btn-danger" id="del_type">删除</a>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="task_info">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body">
				<div>

					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
					  	<li role="presentation" class="active"><a href="#stdout" aria-controls="stdout" role="tab" data-toggle="tab">标准输出</a></li>
						<li role="presentation"><a href="#stderr" aria-controls="stderr" role="tab" data-toggle="tab">标准错误</a></li>
					</ul>
				  
					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="stdout">
							<pre>标准输出</pre>
						</div>
						<div role="tabpanel" class="tab-pane" id="stderr">
							<pre>标准错误</pre>
						</div>
					</div>
				  
				  </div>
			</div>
			<div class="modal-footer">
				<a href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">关闭</a>
			</div>
		</div>
	</div>
</div>

<!-- 生成报告 -->
<div class="modal fade" id="Report_content_model" tabindex="-1">
    <div class="modal-dialog" style="width:850px;" 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">生成报告</h4>
            </div>
            <div class="modal-body text-center" >
                <div id="reportContent" style="height: 650px;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-small btn-default" data-dismiss="modal">关闭</button>
                <button id="btn_report_savefile" type="button" class="btn btn-success">
                    <span class="fa fa-save" aria-hidden="true"></span> 保存
                </button>
            </div>
        </div>
    </div>
</div>


<!-- 保存修改报告弹出框 -->
<div class="modal fade" id="saveDialog" tabindex="-1" role="dialog">
    <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-hidden="true">&times;</button>
                <h4 class="modal-title">保存修改报告名称</h4>
            </div>
            <div class="modal-body" style="padding: 30px 15px;">
                <input type="text" class="form-control" id="saveName" placeholder="请输入报告名称" autocomplete="off">
                <div id="namePreview" style="margin-top:10px; color: #607899;"></div> 
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-small btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn btn-primary btn-small" id="saveSure"
                    data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>

{% endblock %}