|
|
@@ -73,6 +73,7 @@ const detailObj = ref({});
|
|
|
|
|
|
// 定时器标识
|
|
|
const timer = ref();
|
|
|
+const timer2 = ref();
|
|
|
|
|
|
onMounted(() => {
|
|
|
// 获取路口数据
|
|
|
@@ -87,6 +88,7 @@ onMounted(() => {
|
|
|
onUnmounted(() => {
|
|
|
// 页面卸载时清除定时器
|
|
|
clearInterval(timer.value);
|
|
|
+ clearInterval(timer2.value);
|
|
|
});
|
|
|
|
|
|
// 获取路口数据
|
|
|
@@ -111,8 +113,20 @@ const getList = async (flag: boolean) => {
|
|
|
|
|
|
// 点击每一个路口回调
|
|
|
const handleLookDetail = (item: any) => {
|
|
|
+ // console.log(item);
|
|
|
+
|
|
|
detailObj.value = item;
|
|
|
showDialog.value = true;
|
|
|
+
|
|
|
+ // 每10秒刷新数据
|
|
|
+ timer2.value = setInterval(() => {
|
|
|
+ list.value.forEach((ele: any) => {
|
|
|
+ if (ele.place_name == item.place_name) {
|
|
|
+ detailObj.value = ele;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // console.log(detailObj.value);
|
|
|
+ }, 10000);
|
|
|
};
|
|
|
|
|
|
// 点击查看路口人流分布按钮回调
|
|
|
@@ -132,6 +146,7 @@ const getCountUpNum = () => {
|
|
|
// 自定义事件
|
|
|
const closeDetail = (data: boolean) => {
|
|
|
showDialog.value = data;
|
|
|
+ clearInterval(timer2.value);
|
|
|
};
|
|
|
const closeMap = (data: boolean) => {
|
|
|
showDialogMap.value = data;
|