地图区分视频车辆人脸

fuliqi

2024-12-02 0dd69636e99ba3c9b96f9a183c6fd34999d68b99

 src/views/screen/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="container" ref="contaner">
  <div class="container" style="font-size: 14px" ref="contaner">
    <header>
      <i @click="returnPath" class="el-icon-s-home" style="color: #00b4ff;position: absolute;font-size: 24px;left: 98%;top: 15%"></i>
      <img src="@/assets/images/header-bg.png"/>
@@ -71,10 +71,10 @@
              />
              <ul>
                <li v-for="(item, index) in facilityData.video" :key="index">
                  <div class="value">
                  <div style="font-size: 14px" class="value">
                    <animate-number from="0" :to="item.value" :key="item.value"></animate-number>
                  </div>
                  <div class="title">{{ item.title }}</div>
                  <div style="font-size: 14px" class="title">{{ item.title }}</div>
                </li>
              </ul>
            </div>
@@ -86,8 +86,8 @@
              <ul>
                <li v-for="(item, index) in facilityData.car" :key="index">
<!--                  <div class="value">{{ item.value ? item.value : "-" }}</div>-->
                  <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
                  <div class="title">{{ item.title }}</div>
                  <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
                  <div style="font-size: 14px" class="title">{{ item.title }}</div>
                </li>
              </ul>
            </div>
@@ -102,8 +102,8 @@
                  :key="index"
                >
<!--                  <div class="value">{{ item.value ? item.value : "-" }}</div>-->
                  <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
                  <div class="title">{{ item.title }}</div>
                  <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
                  <div style="font-size: 14px" class="title">{{ item.title }}</div>
                </li>
              </ul>
            </div>
@@ -223,45 +223,52 @@
      scoreData: {
        自流井区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        高新区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        大安区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        沿滩区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        贡井区: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        荣县: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ],
        富顺县: [
          {
            value: 0,
            name: '得分'
          }
            video: 0,
            car: 0,
            face: 0
          },
        ]
      },
      // 设备数据
@@ -309,6 +316,7 @@
      })
      .catch((err) => {
      });
    this.getData();
    // 查询数据
    this.intervalId = setInterval(this.getData,  3600000); //一小时一次
  },
@@ -1451,4 +1459,5 @@
  left: calc(50% - 425px);
  animation: rotateCounterClockwise 48s linear infinite;
}

</style>