备份修改
This commit is contained in:
dell
@ -170,7 +170,7 @@
|
||||
<div class="layuimini-container">
|
||||
<div class="layuimini-main">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md10">
|
||||
<div class="layui-col-md9">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
@ -274,6 +274,102 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S1_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S1"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S2_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S2"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S3_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S3"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S4_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S4"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S5_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S5"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S6_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S6"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S7_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S7"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs3">
|
||||
<div class="panel layui-bg-number">
|
||||
<div class="panel-body">
|
||||
<div class="panel-title">
|
||||
<h5 id="S8_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S8"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -283,117 +379,38 @@
|
||||
<div class="layui-card">
|
||||
<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 id="echarts-records" style="width: 100%;min-height:400px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md2">
|
||||
<div class="layui-col-md3">
|
||||
<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="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">
|
||||
<h5 id="S1_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S1"></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 id="S2_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S2"></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 id="S3_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S3"></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 id="S4_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S4"></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 id="S5_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S5"></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 id="S6_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S6"></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 id="S7_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S7"></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 id="S8_Title"></h5>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<h1 class="no-margins" id="S8"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table class="layui-table" id="tabletoday">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@* </div> *@
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
<table class="layui-table" id="tableweek">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@* </div> *@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -495,12 +512,103 @@
|
||||
});
|
||||
}
|
||||
|
||||
layui.use(['layer', 'miniTab', 'common'], function () {
|
||||
layui.use(['layer', 'miniTab', 'common','table'], function () {
|
||||
var $ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
miniTab = layui.miniTab,
|
||||
table = layui.table,
|
||||
common = layui.common;
|
||||
|
||||
|
||||
var inst = table.render({
|
||||
elem: '#tabletoday',
|
||||
cols: [[ //标题栏
|
||||
{ field: 'AlmName', title: '报警名称', minwidth: 150 },
|
||||
{ field: 'AlmSys', title: '系统', width: 80 },
|
||||
{ field: 'Frequency', title: '次数', width: 80 },
|
||||
]],
|
||||
data: [
|
||||
{
|
||||
"AlmName": "煤气压力高高高三级报警",
|
||||
"AlmSys": "烟气",
|
||||
"Frequency": "8",
|
||||
},
|
||||
{
|
||||
"AlmName": "磨机进口压力高高高三级报警",
|
||||
"AlmSys": "磨机",
|
||||
"Frequency": "6",
|
||||
},
|
||||
{
|
||||
"AlmName": "磨机进口温度高高高三级报警",
|
||||
"AlmSys": "磨机",
|
||||
"Frequency": "5",
|
||||
},
|
||||
{
|
||||
"AlmName": "收粉器压差高高高三级报警",
|
||||
"AlmSys": "收粉",
|
||||
"Frequency": "3",
|
||||
},
|
||||
{
|
||||
"AlmName": "煤粉仓氧浓度高高高三级报警",
|
||||
"AlmSys": "收粉",
|
||||
"Frequency": "3",
|
||||
}
|
||||
],
|
||||
//skin: 'line', // 表格风格
|
||||
//even: true,
|
||||
height:350,
|
||||
page: false, // 是否显示分页
|
||||
limits: [5, 10, 15],
|
||||
limit: 10 // 每页默认显示的数量
|
||||
});
|
||||
var inst2 = table.render({
|
||||
elem: '#tableweek',
|
||||
cols: [[ //标题栏
|
||||
{ field: 'AlmName', title: '报警名称', minwidth: 150 },
|
||||
{ field: 'AlmSys', title: '系统', width: 80 },
|
||||
{ field: 'Frequency', title: '次数', width: 80 },
|
||||
]],
|
||||
data: [
|
||||
{
|
||||
"AlmName": "煤气压力高高高三级报警",
|
||||
"AlmSys": "烟气",
|
||||
"Frequency": "21",
|
||||
},
|
||||
{
|
||||
"AlmName": "磨机进口压力高高高三级报警",
|
||||
"AlmSys": "磨机",
|
||||
"Frequency": "19",
|
||||
},
|
||||
{
|
||||
"AlmName": "磨机进口温度高高高三级报警",
|
||||
"AlmSys": "磨机",
|
||||
"Frequency": "16",
|
||||
},
|
||||
{
|
||||
"AlmName": "收粉器压差高高高三级报警",
|
||||
"AlmSys": "收粉",
|
||||
"Frequency": "14",
|
||||
},
|
||||
{
|
||||
"AlmName": "煤粉仓氧浓度高高高三级报警",
|
||||
"AlmSys": "收粉",
|
||||
"Frequency": "8",
|
||||
},
|
||||
{
|
||||
"AlmName": "原煤仓料位低低低三级报警",
|
||||
"AlmSys": "收粉",
|
||||
"Frequency": "4",
|
||||
}
|
||||
],
|
||||
//skin: 'line', // 表格风格
|
||||
//even: true,
|
||||
height: 350,
|
||||
page: false, // 是否显示分页
|
||||
limits: [5, 10, 15],
|
||||
limit: 10 // 每页默认显示的数量
|
||||
});
|
||||
|
||||
|
||||
var StaticChartList = new Array();
|
||||
const CHARTSRGB = ["#8B2252", "#C65911", "#0000EE", "#00F5FF", "#00E5EE", "#27408B", "#FFD700", "#7FFFD4", "#B22222", "#EE7621", "#00C5CD", "#A0522D", "#1E90FF", "#00868B", "#8B4513", "#8B3A3A", "#CD6600", "#CD853F", "#EE7942"
|
||||
, "#D2691E", "#8B008B", "#FFEC8B", "#8B4513", "#CDC673", "#EEEE00", "#FFA500", "#FFD966"];
|
||||
|
||||
Reference in New Issue
Block a user