|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<div class="btm-box">
|
|
<div class="btm-box">
|
|
<img class="light" src="../assets/images/integrated/btm-light.png"/>
|
|
<img class="light" src="../assets/images/integrated/btm-light.png"/>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="btm-left" :class="btmTipIndent">
|
|
<div class="btm-left" :class="btmTipIndent">
|
|
<div class="btm-left-tip">
|
|
<div class="btm-left-tip">
|
|
<div class="btm-left-block btm-left-state-c1"></div>新上报
|
|
<div class="btm-left-block btm-left-state-c1"></div>新上报
|
|
@@ -56,7 +56,7 @@
|
|
<el-button size="small" icon="el-icon-bell">警报</el-button>
|
|
<el-button size="small" icon="el-icon-bell">警报</el-button>
|
|
</el-badge>
|
|
</el-badge>
|
|
<el-badge type="warning">
|
|
<el-badge type="warning">
|
|
- <el-button size="small" icon="el-icon-refresh-right">刷新</el-button>
|
|
|
|
|
|
+ <el-button size="small" icon="el-icon-refresh-right" @click="refresh">刷新</el-button>
|
|
</el-badge>
|
|
</el-badge>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -104,6 +104,9 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ refresh(){
|
|
|
|
+ window.location.reload();
|
|
|
|
+ },
|
|
showDialog(click) {
|
|
showDialog(click) {
|
|
window.showDialog(click)
|
|
window.showDialog(click)
|
|
},
|
|
},
|
|
@@ -125,7 +128,7 @@
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
@import '@/assets/styles/base.scss';
|
|
@import '@/assets/styles/base.scss';
|
|
-
|
|
|
|
|
|
+
|
|
.btm-box {
|
|
.btm-box {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
@@ -140,7 +143,7 @@
|
|
position: absolute;
|
|
position: absolute;
|
|
top: -.5rem;
|
|
top: -.5rem;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.btm-left{
|
|
.btm-left{
|
|
position: absolute;
|
|
position: absolute;
|
|
font-size: .7rem;
|
|
font-size: .7rem;
|
|
@@ -159,7 +162,7 @@
|
|
color: $inBlue;
|
|
color: $inBlue;
|
|
padding:0 .5rem;
|
|
padding:0 .5rem;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
.btm-legend:hover{
|
|
.btm-legend:hover{
|
|
background-color:$tipHover;
|
|
background-color:$tipHover;
|
|
@@ -174,8 +177,8 @@
|
|
height: 1rem;
|
|
height: 1rem;
|
|
margin-right: .3rem;
|
|
margin-right: .3rem;
|
|
border-radius: .2rem;
|
|
border-radius: .2rem;
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
}
|
|
}
|
|
.btm-left-state-c1{
|
|
.btm-left-state-c1{
|
|
background-color: $eventStateColor-xsb;
|
|
background-color: $eventStateColor-xsb;
|
|
@@ -195,10 +198,10 @@
|
|
.btm-left-state-c6{
|
|
.btm-left-state-c6{
|
|
background-color: $eventStateColor-tb;
|
|
background-color: $eventStateColor-tb;
|
|
}
|
|
}
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
.btm-tip-to-right{
|
|
.btm-tip-to-right{
|
|
-webkit-transform: translateX(0) !important;
|
|
-webkit-transform: translateX(0) !important;
|
|
@@ -275,7 +278,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.btm-right{
|
|
.btm-right{
|
|
position: absolute;
|
|
position: absolute;
|
|
font-size: .7rem;
|
|
font-size: .7rem;
|
|
@@ -293,7 +296,7 @@
|
|
color: $inBlue;
|
|
color: $inBlue;
|
|
border: 1px $searchBorder;
|
|
border: 1px $searchBorder;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
.el-badge:hover{
|
|
.el-badge:hover{
|
|
-webkit-transform: translateX(0.1rem);
|
|
-webkit-transform: translateX(0.1rem);
|
|
@@ -302,7 +305,7 @@
|
|
button{
|
|
button{
|
|
text-shadow: 0 0 15px rgba($color: $inBlueHover, $alpha: 1.0);
|
|
text-shadow: 0 0 15px rgba($color: $inBlueHover, $alpha: 1.0);
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|