初始化
This commit is contained in:
147
pqs-job/job-admin/src/main/resources/templates/index.ftl
Normal file
147
pqs-job/job-admin/src/main/resources/templates/index.ftl
Normal file
@@ -0,0 +1,147 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<#import "./common/common.macro.ftl" as netCommon>
|
||||
<@netCommon.commonStyle />
|
||||
<!-- daterangepicker -->
|
||||
<link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.css">
|
||||
<title>${I18n.admin_name}</title>
|
||||
</head>
|
||||
<body class="hold-transition skin-blue sidebar-mini <#if cookieMap?exists && cookieMap["xxljob_adminlte_settings"]?exists && "off" == cookieMap["xxljob_adminlte_settings"].value >sidebar-collapse</#if> ">
|
||||
<div class="wrapper">
|
||||
<!-- header -->
|
||||
<@netCommon.commonHeader />
|
||||
<!-- left -->
|
||||
<@netCommon.commonLeft "index" />
|
||||
|
||||
<!-- Content Wrapper. Contains page content -->
|
||||
<div class="content-wrapper">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1>${I18n.job_dashboard_name}</h1>
|
||||
<!--
|
||||
<h1>运行报表<small>任务调度中心</small></h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a><i class="fa fa-dashboard"></i>调度中心</a></li>
|
||||
<li class="active">使用教程</li>
|
||||
</ol>
|
||||
-->
|
||||
</section>
|
||||
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
|
||||
<!-- 任务信息 -->
|
||||
<div class="row">
|
||||
|
||||
<#-- 任务信息 -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="info-box bg-aqua">
|
||||
<span class="info-box-icon"><i class="fa fa-flag-o"></i></span>
|
||||
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">${I18n.job_dashboard_job_num}</span>
|
||||
<span class="info-box-number">${jobInfoCount}</span>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar" style="width: 100%"></div>
|
||||
</div>
|
||||
<span class="progress-description">${I18n.job_dashboard_job_num_tip}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#-- 调度信息 -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" >
|
||||
<div class="info-box bg-yellow">
|
||||
<span class="info-box-icon"><i class="fa fa-calendar"></i></span>
|
||||
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">${I18n.job_dashboard_trigger_num}</span>
|
||||
<span class="info-box-number">${jobLogCount}</span>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar" style="width: 100%" ></div>
|
||||
</div>
|
||||
<span class="progress-description">
|
||||
${I18n.job_dashboard_trigger_num_tip}
|
||||
<#--<#if jobLogCount gt 0>
|
||||
调度成功率：${(jobLogSuccessCount*100/jobLogCount)?string("0.00")}<small>%</small>
|
||||
</#if>-->
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#-- 执行器 -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="info-box bg-green">
|
||||
<span class="info-box-icon"><i class="fa ion-ios-settings-strong"></i></span>
|
||||
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">${I18n.job_dashboard_jobgroup_num}</span>
|
||||
<span class="info-box-number">${executorCount}</span>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress-bar" style="width: 100%"></div>
|
||||
</div>
|
||||
<span class="progress-description">${I18n.job_dashboard_jobgroup_num_tip}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<#-- 调度报表：时间区间筛选，左侧折线图 + 右侧饼图 -->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="box">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">${I18n.job_dashboard_report}</h3>
|
||||
<#--<input type="text" class="form-control" id="filterTime" readonly >-->
|
||||
|
||||
<!-- tools box -->
|
||||
<div class="pull-right box-tools">
|
||||
<button type="button" class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" id="filterTime" >
|
||||
<i class="fa fa-calendar"></i>
|
||||
</button>
|
||||
<#--<button type="button" class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="" style="margin-right: 5px;" data-original-title="Collapse">
|
||||
<i class="fa fa-minus"></i>
|
||||
</button>-->
|
||||
</div>
|
||||
<!-- /. tools -->
|
||||
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<#-- 左侧折线图 -->
|
||||
<div class="col-md-8">
|
||||
<div id="lineChart" style="height: 350px;"></div>
|
||||
</div>
|
||||
<#-- 右侧饼图 -->
|
||||
<div class="col-md-4">
|
||||
<div id="pieChart" style="height: 350px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
<!-- footer -->
|
||||
<@netCommon.commonFooter />
|
||||
</div>
|
||||
<@netCommon.commonScript />
|
||||
<!-- daterangepicker -->
|
||||
<script src="${request.contextPath}/static/adminlte/bower_components/moment/moment.min.js"></script>
|
||||
<script src="${request.contextPath}/static/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
<#-- echarts -->
|
||||
<script src="${request.contextPath}/static/plugins/echarts/echarts.common.min.js"></script>
|
||||
<script src="${request.contextPath}/static/js/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user