edit bug
parent
186db9d19e
commit
442c03d62f
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -457,6 +457,5 @@ layui.define(['table', 'jquery', 'element', 'yaml', 'form', 'tab', 'menu', 'fram
|
||||||
res("返回值");
|
res("返回值");
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
exports('admin', pearAdmin);
|
exports('admin', pearAdmin);
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
<!-- 框 架 初 始 化 -->
|
<!-- 框 架 初 始 化 -->
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue