主页修改 添加实时报表 ，
历史报表修改 分页 表头换行 快捷时间等等
This commit is contained in:
dell
@ -10,6 +10,7 @@
|
||||
<link rel="stylesheet" href="~/lib/font-awesome-4.7.0/css/font-awesome.min.css?v=@HT.Cloud.Code.GlobalContext.GetVersion()" media="all">
|
||||
<link rel="stylesheet" href="~/css/public.css?v=@HT.Cloud.Code.GlobalContext.GetVersion()" media="all">
|
||||
<script src="~/lib/jquery-3.4.1/jquery-3.4.1.min.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()" charset="utf-8"></script>
|
||||
<script type="text/javascript" src="~/lib/echarts-5.3.0/dist/echarts.js"></script>
|
||||
<style>
|
||||
|
||||
.layui-card {
|
||||
@ -169,9 +170,9 @@
|
||||
<div class="layuimini-container">
|
||||
<div class="layuimini-main">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md8">
|
||||
<div class="layui-col-md10">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
@*<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><a href="javascript:;" layuimini-content-href="/SystemManage/QuickModule/Index" data-title="快捷入口"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</a></div>
|
||||
<div class="layui-card-body">
|
||||
@ -182,65 +183,121 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
</div>*@
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
|
||||
<div class="layui-card-header"><i class="fa fa-warning icon"></i>设备状态</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="welcome-module">
|
||||
<div class="layui-row layui-col-space10">
|
||||
<div class="layui-col-xs6">
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<span class="label pull-right layui-bg-blue">实时</span>
|
||||
<h5>用户统计</h5>
|
||||
@*<span class="label pull-right layui-bg-blue">实时</span>*@
|
||||
<h5>给煤量T</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="usercout"></h1>
|
||||
<small>当前分类总记录数</small>
|
||||
<h1 class="no-margins" id="HT_GMJ_VP"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6">
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<span class="label pull-right layui-bg-cyan">实时</span>
|
||||
<h5>登录统计</h5>
|
||||
@*<span class="label pull-right layui-bg-cyan">实时</span>*@
|
||||
<h5>煤气流量m³/h</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="logincout"></h1>
|
||||
<small>当前分类总记录数</small>
|
||||
<h1 class="no-margins" id="HT_YQL_MQ_QT"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6">
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<span class="label pull-right layui-bg-orange">实时</span>
|
||||
<h5>菜单统计</h5>
|
||||
@*<span class="label pull-right layui-bg-orange">实时</span>*@
|
||||
<h5>助燃风流量m³/h</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="modulecout"></h1>
|
||||
<small>当前分类总记录数</small>
|
||||
<h1 class="no-margins" id="HT_YQL_KQ_QT"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6">
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<span class="label pull-right layui-bg-green">实时</span>
|
||||
<h5>日志统计</h5>
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>废气流量m³/h</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="logcout"></h1>
|
||||
<small>当前分类总记录数</small>
|
||||
<h1 class="no-margins" id="HT_YQL_FQ_QT"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>入口温度℃</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_MMJ_RK_TT"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>出口温度℃</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_MMJ_CK_TT"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>磨机压差-Pa</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_MMJ_PT_SUB"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>炉膛温度℃</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_YQL_TT"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -252,7 +309,7 @@
|
||||
</div>
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><i class="fa fa-line-chart icon"></i>报表统计</div>
|
||||
<div class="layui-card-header"><i class="fa fa-line-chart icon"></i>喷煤量统计</div>
|
||||
<div class="layui-card-body">
|
||||
<div id="echarts-records" style="width: 100%;min-height:500px"></div>
|
||||
</div>
|
||||
@ -261,15 +318,247 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-md4">
|
||||
<div class="layui-col-md2">
|
||||
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><i class="fa fa-warning icon"></i>运行状态</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="welcome-module">
|
||||
<div class="layui-row layui-col-space10">
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-blue">实时</span>*@
|
||||
<h5>系统模式</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_SYS_AUTO"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>给煤机</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_GMJ_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>磨机</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_MMJ_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>主风机</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_PFFJ_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>高温风机</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_YQL_GWFJ_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>助燃风机</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_YQL_ZRFJ_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-green">实时</span>*@
|
||||
<h5>收粉器</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_SF_SYS_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@*<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>低压泵（1#）</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_RHZ_DYB1_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>低压泵（2#）</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_RHZ_DYB2_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>高压泵（1#）</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_RHZ_GYB1_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>高压泵（2#）</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_RHZ_GYB2_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>*@
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
@*<span class="label pull-right layui-bg-orange">实时</span>*@
|
||||
<h5>液压站</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_YYRH_SYS_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@*<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>木屑分离器（1#）</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_GMJ_FLQ1_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>木屑分离器（2#）</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_GMJ_FLQ2_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>叶轮给料机(1#)</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_GMJ_GLJ1_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs12">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5>叶轮给料机(2#)</h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="HT_GMJ_GLJ2_STATE_RUN"></h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>*@
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@*<div class="layui-card">
|
||||
<div class="layui-card-header"><i class="fa fa-bullhorn icon icon-tip"></i>系统公告</div>
|
||||
<div class="layui-card-body layui-text layui-watercloud-notice">
|
||||
</div>
|
||||
</div>*@
|
||||
</div>
|
||||
|
||||
@*<div class="layui-card">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><i class="fa fa-fire icon"></i>版本信息</div>
|
||||
<div class="layui-card-body layui-text">
|
||||
<table class="layui-table">
|
||||
@ -324,188 +613,286 @@
|
||||
<script src="~/js/lay-config.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()" charset="utf-8"></script>
|
||||
<script src="~/js/framework-ui.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()"></script>
|
||||
<script>
|
||||
// 公告赋值
|
||||
$(function () {
|
||||
noticeInfo();
|
||||
quickModuleInfo();
|
||||
loadInfo();
|
||||
});
|
||||
//记录信息
|
||||
loadInfo = function () {
|
||||
//// 公告赋值
|
||||
//$(function () {
|
||||
// noticeInfo();
|
||||
// quickModuleInfo();
|
||||
// loadInfo();
|
||||
//});
|
||||
//记录信息 更改为赋值实时数据初始值
|
||||
loadInfo = async function () {
|
||||
$.ajax({
|
||||
url: "/ClientsData/GetCoutData?v=" + new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
$('#usercout').html(data.usercout);
|
||||
$('#logincout').html(data.logincout);
|
||||
$('#modulecout').html(data.modulecout);
|
||||
$('#logcout').html(data.logcout);
|
||||
}
|
||||
});
|
||||
}
|
||||
//公告
|
||||
noticeInfo = function () {
|
||||
$.ajax({
|
||||
url: "/ClientsData/GetNoticeInfo?v=" + new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
var noticeHtml = '';
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
noticeHtml += '<div class="layuimini-notice">';
|
||||
noticeHtml += '<div class="layuimini-notice-title">' + data[i].F_Title + '</div>';
|
||||
noticeHtml += '<div class="layuimini-notice-extra">' + new Date(data[i].F_CreatorTime).Format("yyyy-MM-dd hh:mm") + '</div>';
|
||||
noticeHtml += '<div class="layuimini-notice-content layui-hide">';
|
||||
noticeHtml += '<pre>';
|
||||
var str = data[i].F_Content;
|
||||
noticeHtml += str;
|
||||
noticeHtml += '</pre></div></div >';
|
||||
url: "/ReportManage/RtReport/GetRtData",
|
||||
Type: "Get",
|
||||
success: function (redata) {
|
||||
var data = JSON.parse(redata);
|
||||
$('#HT_YQL_TT').html(data.HT_YQL_TT);
|
||||
$('#HT_YQL_MQ_QT').html(data.HT_YQL_MQ_QT);
|
||||
$('#HT_YQL_KQ_QT').html(data.HT_YQL_KQ_QT);
|
||||
$('#HT_YQL_FQ_QT').html(data.HT_YQL_FQ_QT);
|
||||
$('#HT_MMJ_RK_TT').html(data.HT_MMJ_RK_TT);
|
||||
$('#HT_MMJ_CK_TT').html(data.HT_MMJ_CK_TT);
|
||||
$('#HT_MMJ_PT_SUB').html(data.HT_MMJ_PT_SUB);
|
||||
$('#HT_GMJ_VP').html(data.HT_GMJ_VP);
|
||||
//
|
||||
$('#HT_SYS_AUTO').html(data.HT_SYS_AUTO);
|
||||
//$('#HT_RHZ_DYB1_STATE_RUN').html(data.HT_RHZ_DYB1_STATE_RUN);
|
||||
//$('#HT_RHZ_DYB2_STATE_RUN').html(data.HT_RHZ_DYB2_STATE_RUN);
|
||||
//$('#HT_RHZ_GYB1_STATE_RUN').html(data.HT_RHZ_GYB1_STATE_RUN);
|
||||
//$('#HT_RHZ_GYB2_STATE_RUN').html(data.HT_RHZ_GYB2_STATE_RUN);
|
||||
$('#HT_YYRH_SYS_RUN').html(data.HT_YYRH_SYS_RUN);
|
||||
//$('#HT_GMJ_FLQ1_STATE_RUN').html(data.HT_GMJ_FLQ1_STATE_RUN);
|
||||
//$('#HT_GMJ_FLQ2_STATE_RUN').html(data.HT_GMJ_FLQ2_STATE_RUN);
|
||||
//$('#HT_GMJ_GLJ1_STATE_RUN').html(data.HT_GMJ_GLJ1_STATE_RUN);
|
||||
//$('#HT_GMJ_GLJ2_STATE_RUN').html(data.HT_GMJ_GLJ2_STATE_RUN);
|
||||
$('#HT_SF_SYS_RUN').html(data.HT_SF_SYS_RUN);
|
||||
$('#HT_PFFJ_STATE_RUN').html(data.HT_PFFJ_STATE_RUN);
|
||||
$('#HT_YQL_GWFJ_STATE_RUN').html(data.HT_YQL_GWFJ_STATE_RUN);
|
||||
$('#HT_YQL_ZRFJ_STATE_RUN').html(data.HT_YQL_ZRFJ_STATE_RUN);
|
||||
$('#HT_MMJ_STATE_RUN').html(data.HT_MMJ_STATE_RUN);
|
||||
$('#HT_GMJ_STATE_RUN').html(data.HT_GMJ_STATE_RUN);
|
||||
|
||||
var myChart = echarts.init(document.getElementById('echarts-records'));
|
||||
var option = myChart.getOption();
|
||||
let xData = data.RtTime;
|
||||
let yData = data.HT_GMJ_VP;
|
||||
option.series[0].data.push(yData);
|
||||
if (option.xAxis[0].data.length > 34) {
|
||||
option.xAxis[0].data.shift();
|
||||
option.series[0].data.shift();
|
||||
|
||||
}
|
||||
$('.layui-watercloud-notice').empty();
|
||||
$('.layui-watercloud-notice').html(noticeHtml);
|
||||
option.xAxis[0].data.push(xData);
|
||||
option.series[0].data.push(yData);
|
||||
|
||||
|
||||
myChart.setOption(option);
|
||||
}
|
||||
});
|
||||
}
|
||||
//快捷入口
|
||||
quickModuleInfo = function () {
|
||||
$.ajax({
|
||||
url: "/ClientsData/GetQuickModule?v=" + new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
var qiuckHtml = '';
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
qiuckHtml += '<div class="layui-col-xs3 layuimini-qiuck-module">';
|
||||
qiuckHtml += '<a href = "javascript:;" layuimini-content-href="' + data[i].href + '"';
|
||||
qiuckHtml += ' data-title="' + data[i].title + '"';
|
||||
if (!!data[i].icon) {
|
||||
qiuckHtml += ' data-icon="fa ' + data[i].icon + '" >';
|
||||
qiuckHtml += ' <i class="fa ' + data[i].icon + '"></i>';
|
||||
}
|
||||
else {
|
||||
qiuckHtml += ' data-icon="fa fa-window-maximize" >';
|
||||
qiuckHtml += ' <i class="fa fa-window-maximize"></i>';
|
||||
}
|
||||
qiuckHtml += '<cite>' + data[i].title + '</cite></a ></div >';
|
||||
}
|
||||
$('.layuimini-qiuck').empty();
|
||||
$('.layuimini-qiuck').html(qiuckHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
layui.use(['layer', 'miniTab', 'echarts', 'common'], function () {
|
||||
////公告
|
||||
//noticeInfo = function () {
|
||||
// $.ajax({
|
||||
// url: "/ClientsData/GetNoticeInfo?v=" + new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
||||
// dataType: "json",
|
||||
// success: function (data) {
|
||||
// var noticeHtml = '';
|
||||
// for (var i = 0; i < data.length; i++) {
|
||||
// noticeHtml += '<div class="layuimini-notice">';
|
||||
// noticeHtml += '<div class="layuimini-notice-title">' + data[i].F_Title + '</div>';
|
||||
// noticeHtml += '<div class="layuimini-notice-extra">' + new Date(data[i].F_CreatorTime).Format("yyyy-MM-dd hh:mm") + '</div>';
|
||||
// noticeHtml += '<div class="layuimini-notice-content layui-hide">';
|
||||
// noticeHtml += '<pre>';
|
||||
// var str = data[i].F_Content;
|
||||
// noticeHtml += str;
|
||||
// noticeHtml += '</pre></div></div >';
|
||||
// }
|
||||
// $('.layui-watercloud-notice').empty();
|
||||
// $('.layui-watercloud-notice').html(noticeHtml);
|
||||
// }
|
||||
// });
|
||||
//}
|
||||
////快捷入口
|
||||
//quickModuleInfo = function () {
|
||||
// $.ajax({
|
||||
// url: "/ClientsData/GetQuickModule?v=" + new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
||||
// dataType: "json",
|
||||
// success: function (data) {
|
||||
// var qiuckHtml = '';
|
||||
// for (var i = 0; i < data.length; i++) {
|
||||
// qiuckHtml += '<div class="layui-col-xs3 layuimini-qiuck-module">';
|
||||
// qiuckHtml += '<a href = "javascript:;" layuimini-content-href="' + data[i].href + '"';
|
||||
// qiuckHtml += ' data-title="' + data[i].title + '"';
|
||||
// if (!!data[i].icon) {
|
||||
// qiuckHtml += ' data-icon="fa ' + data[i].icon + '" >';
|
||||
// qiuckHtml += ' <i class="fa ' + data[i].icon + '"></i>';
|
||||
// }
|
||||
// else {
|
||||
// qiuckHtml += ' data-icon="fa fa-window-maximize" >';
|
||||
// qiuckHtml += ' <i class="fa fa-window-maximize"></i>';
|
||||
// }
|
||||
// qiuckHtml += '<cite>' + data[i].title + '</cite></a ></div >';
|
||||
// }
|
||||
// $('.layuimini-qiuck').empty();
|
||||
// $('.layuimini-qiuck').html(qiuckHtml);
|
||||
// }
|
||||
// });
|
||||
//}
|
||||
layui.use(['layer', 'miniTab', 'common'], function () {
|
||||
var $ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
miniTab = layui.miniTab,
|
||||
common = layui.common,
|
||||
echarts = layui.echarts;
|
||||
common = layui.common;
|
||||
$(function () {
|
||||
loadChart();
|
||||
$.ajax({
|
||||
url: "/ReportManage/RtReport/GetRtData",
|
||||
Type: "Get",
|
||||
success: function (redata) {
|
||||
var dataInit = JSON.parse(redata);
|
||||
loadChart(dataInit.RtTime, dataInit.HT_GMJ_VP);
|
||||
}
|
||||
});
|
||||
});
|
||||
miniTab.listen();
|
||||
common.iframeInterval(function () {
|
||||
loadInfo();
|
||||
noticeInfo();
|
||||
quickModuleInfo();
|
||||
}, 30000); //指定30秒刷新一次
|
||||
//noticeInfo();
|
||||
//quickModuleInfo();
|
||||
}, 1000); //指定1秒刷新一次
|
||||
/**
|
||||
* 查看公告信息
|
||||
**/
|
||||
$('body').on('click', '.layuimini-notice', function () {
|
||||
var title = $(this).children('.layuimini-notice-title').text(),
|
||||
noticeTime = $(this).children('.layuimini-notice-extra').text(),
|
||||
content = $(this).children('.layuimini-notice-content').html();
|
||||
var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
|
||||
'<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
|
||||
'<div style="font-size: 12px">' + content + '</div>\n' +
|
||||
'</div>\n';
|
||||
parent.layer.open({
|
||||
type: 1,
|
||||
title: '系统公告' + '<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">' + noticeTime + '</span>',
|
||||
area: '300px;',
|
||||
shade: 0.8,
|
||||
id: 'layuimini-notice',
|
||||
btn: ['确定'],
|
||||
btnAlign: 'c',
|
||||
moveType: 1,
|
||||
content: html
|
||||
});
|
||||
});
|
||||
//$('body').on('click', '.layuimini-notice', function () {
|
||||
// var title = $(this).children('.layuimini-notice-title').text(),
|
||||
// noticeTime = $(this).children('.layuimini-notice-extra').text(),
|
||||
// content = $(this).children('.layuimini-notice-content').html();
|
||||
// var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
|
||||
// '<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
|
||||
// '<div style="font-size: 12px">' + content + '</div>\n' +
|
||||
// '</div>\n';
|
||||
// parent.layer.open({
|
||||
// type: 1,
|
||||
// title: '系统公告' + '<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">' + noticeTime + '</span>',
|
||||
// area: '300px;',
|
||||
// shade: 0.8,
|
||||
// id: 'layuimini-notice',
|
||||
// btn: ['确定'],
|
||||
// btnAlign: 'c',
|
||||
// moveType: 1,
|
||||
// content: html
|
||||
// });
|
||||
//});
|
||||
|
||||
/**
|
||||
* 报表功能
|
||||
*/
|
||||
function loadChart() {
|
||||
function loadChart(sxdata,sydata) {
|
||||
var myChart = echarts.init(document.getElementById('echarts-records'));
|
||||
var xData = [];
|
||||
var armData = [];
|
||||
var cpuData = [];
|
||||
common.ajax({
|
||||
url: "/SystemSecurity/ServerMonitoring/GetServerData",
|
||||
dataType: "json",
|
||||
async: false,
|
||||
success: function (data) {
|
||||
var length = data.length;
|
||||
for (var i = 0; i < length; i++) {
|
||||
if (data[i]['F_Date'] !== null) {
|
||||
xData.push(new Date(data[i]['F_Date']).Format("yyyy-MM-dd"));
|
||||
}
|
||||
if (data[i]['F_ARM'] !== null) {
|
||||
armData.push(data[i]['F_ARM']);
|
||||
}
|
||||
if (data[i]['F_CPU'] !== null) {
|
||||
cpuData.push(data[i]['F_CPU']);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
var yData = [];
|
||||
xData.push(sxdata);
|
||||
yData.push(sydata);
|
||||
//var cpuData = [];
|
||||
//common.ajax({
|
||||
// url: "/SystemSecurity/ServerMonitoring/GetServerData",
|
||||
// dataType: "json",
|
||||
// async: false,
|
||||
// success: function (data) {
|
||||
// var length = data.length;
|
||||
// for (var i = 0; i < length; i++) {
|
||||
// if (data[i]['F_Date'] !== null) {
|
||||
// xData.push(new Date(data[i]['F_Date']).Format("yyyy-MM-dd"));
|
||||
// }
|
||||
// if (data[i]['F_ARM'] !== null) {
|
||||
// armData.push(data[i]['F_ARM']);
|
||||
// }
|
||||
// if (data[i]['F_CPU'] !== null) {
|
||||
// cpuData.push(data[i]['F_CPU']);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//});
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data: ['CPU使用率', 'ARM使用率']
|
||||
data: ['喷煤量(T)']
|
||||
},
|
||||
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: xData
|
||||
data: xData,
|
||||
//axisTick: {
|
||||
// show: true // 不显示坐标轴刻度线
|
||||
//},
|
||||
//axisLabel:{
|
||||
// show:true
|
||||
//},
|
||||
splitLine: {
|
||||
show: true, //想要不显示网格线，改为false
|
||||
lineStyle: {
|
||||
// 设置网格为虚线
|
||||
type: 'dashed'
|
||||
}
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: '#5470C6',
|
||||
width: 3
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
show: true,
|
||||
inside: true
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: '喷煤量(T)',
|
||||
nameLocation: 'center',
|
||||
axisTick: {
|
||||
show:true,
|
||||
inside: true
|
||||
},
|
||||
axisLabel: {
|
||||
inside: true,
|
||||
align: 'left',
|
||||
verticalAlign: 'bottom',
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: '#EE6666',
|
||||
width: 3
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
show: true, //想要不显示网格线，改为false
|
||||
lineStyle: {
|
||||
// 设置网格为虚线
|
||||
type: 'dashed'
|
||||
}
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: {
|
||||
show: true // 在折线拐点上显示数据
|
||||
},
|
||||
}
|
||||
},
|
||||
//label: {
|
||||
// show: true,
|
||||
// position: 'top'
|
||||
//},
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'CPU使用率', type: 'line',
|
||||
data: cpuData,
|
||||
name: '喷煤量(T)', type: 'line',
|
||||
data: yData,
|
||||
lineStyle: {
|
||||
normal: {
|
||||
width: 2
|
||||
}
|
||||
},
|
||||
label: {
|
||||
show: true, // 在折线拐点上显示数据
|
||||
position:'bottom',
|
||||
textStyle:{
|
||||
color:'black',
|
||||
fontSize:10
|
||||
}
|
||||
},
|
||||
smooth: true,
|
||||
symbol: 'circle',
|
||||
symbolSize: 10,
|
||||
symbolSize: 6,
|
||||
showAllSymbol: true,
|
||||
color: '#2499F8',
|
||||
color: '#EE6666',
|
||||
},
|
||||
{
|
||||
name: 'ARM使用率', type: 'line',
|
||||
data: armData,
|
||||
lineStyle: {
|
||||
normal: {
|
||||
width: 2
|
||||
}
|
||||
},
|
||||
smooth: true,
|
||||
symbol: 'circle',
|
||||
symbolSize: 10,
|
||||
showAllSymbol: true,
|
||||
color: '#F90',
|
||||
|
||||
}
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
myChart.setOption(option);
|
||||
// echarts 窗口缩放自适应
|
||||
window.onresize = function () {
|
||||
|
||||
Reference in New Issue
Block a user