Commit f65a97f3 authored by 耿迪迪's avatar 耿迪迪
parents f638ea8b 057adffb
...@@ -633,6 +633,40 @@ ...@@ -633,6 +633,40 @@
overflow-y: hidden !important; overflow-y: hidden !important;
} }
} }
// 后台系统右上角消息图标
.el-badge {
position: relative;
vertical-align: middle;
display: inline-block;
margin-bottom: 25px;
margin-right: 10px;
}
[class^=el-icon-], [class*=" el-icon-"] {
font-family: "element-icons" !important;
speak: none;
font-style: normal;
font-weight: 900 !important;
font-variant: normal;
text-transform: none;
vertical-align: text-bottom;
vertical-align: baseline;
display: inline-block;
-webkit-font-smoothing: antialiased;
display: inline-block;
padding: 0 8px;
height: 100% !important;
font-size: 22px;
color: #5a5e66;
-moz-osx-font-smoothing: grayscale;
}
.el-badge__content.is-fixed {
top: 15px !important;
right: 20px !important;
}
.el-badge__content {
padding: 0 2px !important;
}
//去除高德logo //去除高德logo
.amap-logo{ .amap-logo{
display: none; display: none;
......
...@@ -205,11 +205,12 @@ ...@@ -205,11 +205,12 @@
// 绘制图表 // 绘制图表
pieone.setOption({ pieone.setOption({
title: { title: {
text: '巡检任务完成率:'+(this.allNum.typeOne+this.allNum.typeTwo), text: '巡检任务数(个) : '+ (this.allNum.typeOne+this.allNum.typeTwo),
left: 'center', left: 'center',
top :20, top :20,
textStyle:{ textStyle:{
color: "#00ffff" color: "#00ffff",
fontSize: "16"
} }
}, },
grid: { grid: {
...@@ -281,11 +282,12 @@ ...@@ -281,11 +282,12 @@
}); });
pietwo.setOption({ pietwo.setOption({
title: { title: {
text: '隐患整治完成率:'+(this.allNum.typeOne+this.allNum.typeTwo), text: '隐患整治数(个) : '+ (this.allNum.typeOne+this.allNum.typeTwo),
left: 'center', left: 'center',
top :20, top :20,
textStyle:{ textStyle:{
color: "#00ffff" color: "#00ffff",
fontSize: "16"
} }
}, },
grid: { grid: {
......
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<div class="" style="padding: 0px 10px;"> <div class="" style="padding: 0px 10px;">
<div class="yujingleft yujing" style="width: 33%;height: 90px;float: left;"> <div class="yujingleft yujing" style="width: 33%;height: 90px;float: left;">
<div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;"> <div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;">
<img src="@/assets/mapinages/group786.png" alt="" style="width: 60px;height: 60px;" /> <img src="@/assets/mapinages/group786.png" alt="" style="width: 50px;height: 50px;" />
</div> </div>
<div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;"> <div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;">
<p>设备预警</p> <p>设备预警</p>
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
</div> </div>
<div class="yujingcenter yujing" style="width: 33%;height: 90px;float: left;"> <div class="yujingcenter yujing" style="width: 33%;height: 90px;float: left;">
<div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;"> <div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;">
<img src="@/assets/mapinages/group787.png" alt="" style="width: 60px;height: 60px;" /> <img src="@/assets/mapinages/group787.png" alt="" style="width: 50px;height: 50px;" />
</div> </div>
<div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;"> <div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;">
<p>事件情况</p> <p>事件情况</p>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
</div> </div>
<div class="yujingright yujing" style="width: 33%;height: 90px;float: left;"> <div class="yujingright yujing" style="width: 33%;height: 90px;float: left;">
<div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;"> <div class="yujingtop" style="width: 70px;height: 90px;float: left;margin-top: 15px;text-align: right;">
<img src="@/assets/mapinages/group788.png" alt="" style="width: 60px;height: 60px;" /> <img src="@/assets/mapinages/group788.png" alt="" style="width: 50px;height: 50px;" />
</div> </div>
<div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;"> <div class="yujingbottom" style="float: left;color: #cddbe4;margin-left: 10px;">
<p>隐患数量</p> <p>隐患数量</p>
......
...@@ -7,13 +7,17 @@ ...@@ -7,13 +7,17 @@
<div class="right-menu"> <div class="right-menu">
<template v-if="device!=='mobile'"> <template v-if="device!=='mobile'">
<search id="header-search" class="right-menu-item" /> <!-- <search id="header-search" class="right-menu-item" /> -->
          <el-badge :value="200" :max="99" class="item">
            <i class="el-icon-chat-dot-round"></i>
          </el-badge>
<screenfull id="screenfull" class="right-menu-item hover-effect" /> <screenfull id="screenfull" class="right-menu-item hover-effect" />
<el-tooltip content="布局大小" effect="dark" placement="bottom"> <!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
<size-select id="size-select" class="right-menu-item hover-effect" /> <size-select id="size-select" class="right-menu-item hover-effect" />
</el-tooltip> </el-tooltip> -->
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment