首页

董国庆

2025-04-23 ba599468025af384daee2a807c5f0742e11de579

首页

 src/view/home/index.vue

@@ -283,6 +283,9 @@
    this.getWarnTop10Data();

    this.initMap();
    if (this.timer) {
      clearInterval(this.timer);
    }
    // 设置定时器，每分钟刷新一次数据
    this.timer = setInterval(() => {
      this.getCarCountData();
@@ -959,7 +962,7 @@
  .leftMap {
    // width: 100%;
    height: 100%;
    flex: 1;
    flex: 3;
    display: flex;
    position: relative;

@@ -977,7 +980,7 @@
    right: 513px;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 570px);
    width: calc(100% - 770px);

    .title {
      font-weight: 600;
@@ -1158,13 +1161,15 @@
  }

  .right {
    width: 493px;
    // width: 493px;
    flex: 1;
    height: calc(100% - 20px);
    margin: 20px 17px 0 20px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px 10px 0px 0px;
    padding: 20px;
    overflow-y: auto;

    .title {
      margin-top: 30px;
@@ -1185,7 +1190,7 @@

      .companyCard {
        width: 140px;
        height: 90px;
        // height: 90px;
        background: #f4f4ff;
        border-radius: 0px 10px 10px 0px;
        position: relative;
@@ -1195,7 +1200,7 @@
          left: 0;
          top: 0;
          width: 4px;
          height: 90px;
          // height: 90px;
          background: #0e6efd;
          border-radius: 2px;
        }
@@ -1332,7 +1337,7 @@
      position: relative;

      #countChart {
        width: 453px;
        width: 100%;
        height: 180px;
      }

@@ -1353,8 +1358,8 @@
      position: relative;

      .rankChart {
        width: 453px;
        height: 300px;
        width: 100%;
        // height: 300px;

        .rankItem {
          display: flex;