|
@@ -1,6 +1,5 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
-
|
|
|
<div class="map">
|
|
|
<supermap ref="supermap" style="height: 100%;width: 100%;position: absolute;z-index: 0;"
|
|
|
:yxtSltProps="sltProps"></supermap>
|
|
@@ -18,7 +17,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--头部结束-->
|
|
|
-
|
|
|
<!--左侧开始-->
|
|
|
<div class="left_con sprh-left">
|
|
|
<div class="top_txt">
|
|
@@ -79,10 +77,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div id="sprh-zyfb" style="margin:10px auto; width: 350px; height:240px;"></div>
|
|
|
+ <div id="sprh-zyfb" style="margin:10px auto; width: 350px; height:220px;"></div>
|
|
|
<!-- 资源分布-->
|
|
|
<div class="qkq_tdzy">
|
|
|
- <div class="qkq_tit ">设备实时在线情况</div>
|
|
|
+ <div class="qkq_tit" style="margin-top: -35px">设备实时在线情况</div>
|
|
|
</div>
|
|
|
<div class="sbzs">
|
|
|
<p>设备总数:</p>
|
|
@@ -126,7 +124,7 @@
|
|
|
<div class="nav-li-left">
|
|
|
<span>城市管理</span>
|
|
|
</div>
|
|
|
- <div class="nav-li-left on">
|
|
|
+ <div class="nav-li-left on" @click="handleNavigation('jtzl')">
|
|
|
<span>交通治理</span>
|
|
|
</div>
|
|
|
<div class="nav-li-left" @click="handleNavigation('jczl')">
|
|
@@ -180,7 +178,7 @@ export default {
|
|
|
sltProps: null,
|
|
|
currentTime: '',
|
|
|
btnOne: false,
|
|
|
- btnTwo: false,
|
|
|
+ btnTwo: false
|
|
|
};
|
|
|
// 可根据实际情况添加更多设备列表
|
|
|
},
|
|
@@ -205,8 +203,8 @@ export default {
|
|
|
this.$refs.supermap.getSupermap(null, null, null, "slt", null, null)
|
|
|
},
|
|
|
yxtHandle() {
|
|
|
- this.btnOne = false
|
|
|
this.btnTwo = true
|
|
|
+ this.btnOne = false
|
|
|
this.$refs.supermap.getSupermap(null, null, null, "yxt", null, null)
|
|
|
},
|
|
|
handleNavigation(route) {
|
|
@@ -590,10 +588,30 @@ export default {
|
|
|
}, 1000); // 每100毫秒更新一次数据,可以根据需要调整时间间隔
|
|
|
},
|
|
|
|
|
|
+ getCurrentTime() {
|
|
|
+ const now = new Date();
|
|
|
+ const year = now.getFullYear();
|
|
|
+ const month = now.getMonth() + 1;
|
|
|
+ const date = now.getDate();
|
|
|
+ const day = now.getDay();
|
|
|
+ const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
|
|
|
+ const hour = now.getHours();
|
|
|
+ const minute = now.getMinutes();
|
|
|
+ const second = now.getSeconds();
|
|
|
+
|
|
|
+ const formattedMonth = month < 10 ? `0${month}` : month;
|
|
|
+ const formattedDate = date < 10 ? `0${date}` : date;
|
|
|
+ const formattedHour = hour < 10 ? `0${hour}` : hour;
|
|
|
+ const formattedMinute = minute < 10 ? `0${minute}` : minute;
|
|
|
+ const formattedSecond = second < 10 ? `0${second}` : second;
|
|
|
+
|
|
|
+ this.currentTime = `${year}年${formattedMonth}月${formattedDate}日 ${weekDays[day]} ${formattedHour}:${formattedMinute}:${formattedSecond}`;
|
|
|
+ },
|
|
|
+
|
|
|
regionTop() {
|
|
|
//摄像头统计
|
|
|
var myChart = echarts.init(document.getElementById('jczl-bmfw'));
|
|
|
- let data = ['小区建设', '路面建设', '已有']
|
|
|
+ let data = ['小区内部', '街道路面', '已有']
|
|
|
let valueData = [];
|
|
|
let labelData = []
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
@@ -716,26 +734,6 @@ export default {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
- getCurrentTime() {
|
|
|
- const now = new Date();
|
|
|
- const year = now.getFullYear();
|
|
|
- const month = now.getMonth() + 1;
|
|
|
- const date = now.getDate();
|
|
|
- const day = now.getDay();
|
|
|
- const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
|
|
|
- const hour = now.getHours();
|
|
|
- const minute = now.getMinutes();
|
|
|
- const second = now.getSeconds();
|
|
|
-
|
|
|
- const formattedMonth = month < 10 ? `0${month}` : month;
|
|
|
- const formattedDate = date < 10 ? `0${date}` : date;
|
|
|
- const formattedHour = hour < 10 ? `0${hour}` : hour;
|
|
|
- const formattedMinute = minute < 10 ? `0${minute}` : minute;
|
|
|
- const formattedSecond = second < 10 ? `0${second}` : second;
|
|
|
-
|
|
|
- this.currentTime = `${year}年${formattedMonth}月${formattedDate}日 ${weekDays[day]} ${formattedHour}:${formattedMinute}:${formattedSecond}`;
|
|
|
- },
|
|
|
}
|
|
|
};
|
|
|
|