修改大屏

马宇豪

2025-04-23 e2ddf84cce119757b3f6d63e9f68b0d1a78aa27b

 src/views/hazardousChemicals/bigScreen/components/midTop.vue

@@ -112,8 +112,19 @@
const getList = async () => {
  const res = await getCompanyMessage(companyType.value)
  if(res.code == 200){
    companyData.value = res.data
    // console.log(companyData.value,555)
    if(res.data && Array.isArray(res.data) && res.data.length>0){
      companyData.value = res.data
      console.log(companyData.value,555)
      const mapData = companyData.value.map(i=>{
        return {
          name: i.companyName + '(' + i.warningCount + ')',
          value: [i.longitude,i.latitude]
        }
      })
      console.log(mapData,'mapData')
      initChart(mapData)
    }

  }else{
    ElMessage.warning(res.message)
  }
@@ -144,24 +155,10 @@
  animationFrame = requestAnimationFrame(scrollAnimation)
}

const initChart =()=>{
const initChart =(mapData)=>{
  //获取echart对象
  let dom = document.getElementById('areaMap')
  if (dom) {
    let data = [
      {
        name: "姑苏区",
        value: Math.round(Math.random() * 100)
      },
      {
        name: "虎丘区",
        value: Math.round(Math.random() * 100)
      },
      {
        name: "吴中区",
        value: Math.round(Math.random() * 100)
      },
    ]
    //初始化
    let myEchart = echarts.init(dom)
    //注册地图
@@ -233,7 +230,6 @@
              }
            }
          },
          data: data
        },
        // 区域散点图
        {
@@ -254,11 +250,7 @@
              fontSize: 12
            }
          },
          data: [
              { name: '斜塘街道 11', value: [120.697614, 31.288664] },
            { name: '桑田岛 12', value: [120.807510, 31.350300] },
            { name: '车坊 2', value: [120.627614, 31.338664] }
          ],
          data: mapData,
          itemStyle: {
            //坐标点颜色
            normal: {
@@ -300,6 +292,7 @@

.filter{
  width: 300px;
  margin-top: 50px;
}
:deep(.el-input__wrapper){
  height: 28px;