|
@@ -8,6 +8,10 @@
|
|
|
<div class="visual-con hz_body">
|
|
<div class="visual-con hz_body">
|
|
|
<!--主体-->
|
|
<!--主体-->
|
|
|
<div class="con_left" style="height: 83%;top: 141px;">
|
|
<div class="con_left" style="height: 83%;top: 141px;">
|
|
|
|
|
+ <!-- 全年应急事件总数 -->
|
|
|
|
|
+ <div class="eventTotalYear_contain">
|
|
|
|
|
+ <div>全年应急事件总数 <span>{{ }}</span> </div>
|
|
|
|
|
+ </div>
|
|
|
<div class="list_tit">应急中心</div>
|
|
<div class="list_tit">应急中心</div>
|
|
|
<el-input
|
|
<el-input
|
|
|
placeholder="请输入事件名称"
|
|
placeholder="请输入事件名称"
|
|
@@ -172,7 +176,7 @@
|
|
|
<h3>其他画面</h3>
|
|
<h3>其他画面</h3>
|
|
|
<div class="otherPics">
|
|
<div class="otherPics">
|
|
|
<img
|
|
<img
|
|
|
- v-for="(e,idx) in emergencyEventDetails.attachPath ? emergencyEventDetails.attachPath.concat(emergencyEventDetails.attachPath).concat(emergencyEventDetails.attachPath).concat(emergencyEventDetails.attachPath) : []"
|
|
|
|
|
|
|
+ v-for="(e,idx) in emergencyEventDetails.attachPath ? emergencyEventDetails.attachPath : []"
|
|
|
:key="idx"
|
|
:key="idx"
|
|
|
:src="e"
|
|
:src="e"
|
|
|
>
|
|
>
|
|
@@ -379,11 +383,13 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
|
- this.getListDeviceAll()
|
|
|
|
|
|
|
+ // this.getListDeviceAll()
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
|
// 初始化地图数据
|
|
// 初始化地图数据
|
|
|
// this.getSuperMapUrl();
|
|
// this.getSuperMapUrl();
|
|
|
|
|
+ this.getEventList()
|
|
|
|
|
+ this.getPlanList()
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
this.title = '四平市智慧哨兵监管平台'
|
|
this.title = '四平市智慧哨兵监管平台'
|
|
|
}, 1000);
|
|
}, 1000);
|
|
@@ -1289,4 +1295,27 @@
|
|
|
</style>
|
|
</style>
|
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
@import '@/assets/styles/base.scss';
|
|
@import '@/assets/styles/base.scss';
|
|
|
|
|
+ .eventTotalYear_contain{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ top: -7%;
|
|
|
|
|
+ left: 0%;
|
|
|
|
|
+ height: 7%;
|
|
|
|
|
+ background: url('~@/assets/images/emergencyTile.png') 0 0 no-repeat;
|
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
+ >div{
|
|
|
|
|
+ color: transparent;
|
|
|
|
|
+ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#7AC0CA));
|
|
|
|
|
+ background: linear-gradient(to bottom, #fff, #7AC0CA);
|
|
|
|
|
+ -webkit-background-clip: text;
|
|
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
|
|
+ font-family: "ysbth";
|
|
|
|
|
+ font-size: 17px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 20%;
|
|
|
|
|
+ top: 32%;
|
|
|
|
|
+ letter-spacing: 1px;
|
|
|
|
|
+ transform: skewX(-2deg);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|
yhfu