develop
就眠仪式 2021-03-10 22:01:30 +08:00
parent 186db9d19e
commit 442c03d62f
5 changed files with 115 additions and 113 deletions

View File

@ -1,3 +1,9 @@
html,
body,
.layui-layout {
height: 100%;
}
.pear-admin .layui-header, .pear-admin .layui-header,
.pear-admin .layui-body, .pear-admin .layui-body,
.pear-admin .layui-logo, .pear-admin .layui-logo,
@ -10,7 +16,7 @@
font-size: 20px; font-size: 20px;
} }
.pear-admin .layui-layout-right .layui-nav-child{ .pear-admin .layui-layout-right .layui-nav-child {
border: 1px solid whitesmoke; border: 1px solid whitesmoke;
border-radius: 6px; border-radius: 6px;
width: 150px; width: 150px;
@ -142,7 +148,7 @@
display: none; display: none;
} }
.pear-admin .layui-header .layui-nav-more{ .pear-admin .layui-header .layui-nav-more {
display: none; display: none;
} }
@ -165,15 +171,15 @@
color: white !important; color: white !important;
} }
@media screen and (min-width: 768px){ @media screen and (min-width: 768px) {
.layui-hide-sm { .layui-hide-sm {
display: inline-block!important; display: inline-block !important;
} }
} }
@media screen and (min-width: 769px){ @media screen and (min-width: 769px) {
.layui-hide-sm { .layui-hide-sm {
display: none!important; display: none !important;
} }
} }
@ -182,14 +188,16 @@
.collaspe { .collaspe {
display: none !important; display: none !important;
} }
.pear-collasped-pe { .pear-collasped-pe {
display: inline-block !important; display: inline-block !important;
} }
.layui-layout-control{ .layui-layout-control {
left: 45px!important; left: 45px !important;
} }
.layui-layout-left{
.layui-layout-left {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }

View File

@ -68,9 +68,11 @@
} }
body { body {
background-repeat:no-repeat;
background-color: whitesmoke; background-color: whitesmoke;
background-size: 100%;
height: 100%; height: 100%;
} }
.code { .code {
float: left; float: left;

View File

@ -457,6 +457,5 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
res("返回值"); res("返回值");
}); });
} }
exports('admin', pearAdmin); exports('admin', pearAdmin);
}) })

View File

@ -64,12 +64,15 @@
<!-- 遮 盖 层 --> <!-- 遮 盖 层 -->
<div class="pear-cover"></div> <div class="pear-cover"></div>
<!-- 移 动 端 便 捷 操 作 --> <!-- 移 动 端 便 捷 操 作 -->
<div class="pear-collasped-pe collaspe"><a href="#" class="layui-icon layui-icon-shrink-right"></a></div> <div class="pear-collasped-pe collaspe">
<a href="#" class="layui-icon layui-icon-shrink-right"></a>
</div>
<!-- 加 载 动 画--> <!-- 加 载 动 画-->
<div class="loader-main"> <div class="loader-main">
<div class="loader"></div> <div class="loader"></div>
</div> </div>
<!-- 依 赖 脚 本 --> <!-- 依 赖 脚 本 -->
<script src="component/layui/layui.js"></script> <script src="component/layui/layui.js"></script>
<script src="component/pear/pear.js"></script> <script src="component/pear/pear.js"></script>
<!-- 框 架 初 始 化 --> <!-- 框 架 初 始 化 -->

View File

@ -6,102 +6,92 @@ layui.use(['echarts'], function() {
const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF'] const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
option = { option = {
backgroundColor: '#fff', backgroundColor: '#fff',
title: { title: {
text: "告警数", text: "告警数",
left: "18px", left: "18px",
top: "0", top: "0",
textStyle: { textStyle: {
color: "#999", color: "#999",
fontSize: 12, fontSize: 12,
fontWeight: '400' fontWeight: '400'
} }
}, },
color: ['#73A0FA', '#73DEB3', '#FFB761'], color: ['#73A0FA', '#73DEB3', '#FFB761'],
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
type: 'cross', type: 'cross',
crossStyle: { crossStyle: {
color: '#999' color: '#999'
}, },
lineStyle: { lineStyle: {
type: 'dashed' type: 'dashed'
} }
} }
}, },
grid: { grid: {
left: '25', left: '25',
right: '25', right: '25',
bottom: '24', bottom: '24',
top: '75', top: '75',
containLabel: true containLabel: true
}, },
legend: { legend: {
data: [ '上周', '本周'], data: ['上周', '本周'],
orient: 'horizontal', orient: 'horizontal',
icon: "rect", icon: "rect",
show: true, show: true,
left: 20, left: 20,
top: 25, top: 25,
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',
data: ['爱立信端局', '中兴端局', '爱立信HSS', '中兴HSS', '华为HSS', '华为智能网', '中兴VIMS'], data: ['爱立信端局', '中兴端局', '爱立信HSS', '中兴HSS', '华为HSS', '华为智能网', '中兴VIMS'],
splitLine: { splitLine: {
show: false show: false
}, },
axisTick: { axisTick: {
show: false show: false
}, },
axisLine: { axisLine: {
show: false show: false
}, },
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
// max: max_value>=100? max_value + 100: max_value+10, axisLabel: {
// max: max_value > 100 ? max_value * 2 : max_value + 10, color: '#999',
// interval: 10, textStyle: {
// nameLocation: "center", fontSize: 12
axisLabel: { },
color: '#999', },
textStyle: { splitLine: {
fontSize: 12 show: true,
}, lineStyle: {
}, color: '#F3F4F4'
splitLine: { }
show: true, },
lineStyle: { axisTick: {
color: '#F3F4F4' show: false
} },
}, axisLine: {
axisTick: { show: false
show: false },
}, },
axisLine: { series: [{
show: false name: '上周',
}, type: 'line',
}, smooth: true,
series: [{ data: [1800, 1000, 2000, 1000, 500, 100, 1200]
name: '上周', },
type: 'line', {
smooth: true, name: '本周',
data: [1800,1000,2000,1000,500,100,1200] type: 'line',
}, smooth: true,
// { data: [1700, 999, 1100, 899, 199, 99, 1000]
// name: '钱包笔数', }
// type: 'line', ]
// smooth: true,
// data: [13,54,34,344,35,53]
// },
{
name: '本周',
type: 'line',
smooth: true,
data: [1700,999,1100,899,199,99,1000]
}
]
}; };
line3.setOption(option); line3.setOption(option);