优化

hejianhao

2025-05-09 519bccbdf1da3babd6843d8a7dee9b918b5a7e0d

 src/view/home/index.vue

@@ -180,12 +180,12 @@
      AMap: null,
      infoWindow: null,
      imgList: [
      require("../../assets//homeImg/img3.png"),
      require("../../assets//homeImg/img6.png"),
      require("../../assets//homeImg/img7.png"),
      require("../../assets//homeImg/img5.png"),
      require("../../assets//homeImg/img1.png"),
      require("../../assets//homeImg/img4.png"),
        require("../../assets//homeImg/img3.png"),
        require("../../assets//homeImg/img6.png"),
        require("../../assets//homeImg/img7.png"),
        require("../../assets//homeImg/img5.png"),
        require("../../assets//homeImg/img1.png"),
        require("../../assets//homeImg/img4.png"),
        require("../../assets//homeImg/img2.png"),
      ],
      countList: [], //预警情况统计数据
@@ -374,7 +374,7 @@
    // 获取预警列表数据
    async getWarnListData() {
      try {
        const res = await getCarWarnList({ pageNum: 1, pageSize: 100000,startTime:moment().format('YYYY-MM-DD 00:00:00'),endTime:moment().format('YYYY-MM-DD 23:59:59') });
        const res = await getCarWarnList({ pageNum: 1, pageSize: 100000, startTime: moment().format('YYYY-MM-DD 00:00:00'), endTime: moment().format('YYYY-MM-DD 23:59:59') });
        this.warnList = res.records;
      } catch (error) {
        this.$message.error("获取预警列表数据失败");
@@ -670,7 +670,7 @@

          // 恢复空状态的显示
          const video = document.getElementById("monitoringCard");
          if (video) { 
          if (video) {
            video.style.display = 'none';
            const emptyElement = video.parentElement.querySelector('.el-empty');
            if (emptyElement) {
@@ -962,7 +962,7 @@

        .countCard {
          margin-right: 20px;
          padding: 14px 60px 18px 54px;
          padding: 14px 60px 18px 24px;
        }

        .countCard:last-child {
@@ -993,12 +993,13 @@
        border: 1px solid #f1f1f1;
        padding: 14px 20px 18px 14px;
        display: flex;
        justify-content: space-between;
        // justify-content: space-between;

        .iconImg {
          width: 30px;
          height: 30px;
          border-radius: 10px;
          margin-right: 25px;
        }

        .iconImg:nth-child(1) {