大屏优化

fuliqi

2024-09-18 7e3fee3cbe3f3d686c06d997823f9e5f24de1b64

大屏优化

 src/views/screen/components/map.vue

@@ -231,8 +231,12 @@
            // 自定义tooltip内容
            const isData = that.fetchData(params.name)
            let isHtml = ''
            for (let i = 0; i < isData.length; i++) {
              isHtml += `<div>${isData[i].name}:${isData[i].value}</div>`
            if(isData) {
              for (let i = 0; i < isData.length; i++) {
                isHtml += `<div>${isData[i].name}:${isData[i].value}</div>`
              }
            }else {
              isHtml += `得分:0`
            }
            return `<div class="tooltip-container">
              <div class="title">${params.name}</div>

 src/views/screen/components/subheading.vue

@@ -88,7 +88,6 @@
          }
        ]
      }

      myAnnular.setOption(option)
    },

@@ -109,16 +108,15 @@
    })
  },
  watch: {
    isData(){
      this.getW()
      this.$nextTick(() => {
        this.initChart(
          this.isData.value1,
          this.isData.value2,
          this.isData.color
        )
      })
    }
    isData: {
      handler(newVal, oldVal) {
        this.getW()
        this.$nextTick(() => {
          this.initChart(newVal.value1, newVal.value2, newVal.color);
        });
      },
      deep: true
    },
  }
}
</script>

 src/views/screen/index.vue

@@ -916,6 +916,8 @@
            background-repeat: no-repeat;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .item-facility-icon {
              margin: 0 auto;
@@ -935,6 +937,7 @@
              text-align: center;
              font-size: 14px;
              list-style-type: none;
              padding-left: 0;

              li:nth-child(1) {
                .value {