修改，图例，top长度，省份间距，标题文字

liuyg

2021-04-12 e2234fabe971a539fcffd1e0dec1f5cedd6078fa

 src/views/supervisoryConsole/data.vue

@@ -79,7 +79,7 @@
            :data="tableData"
            stripe
            style="width: 100%; margin: 10px"
            max-height="352px"
            max-height="380px"
            :resizable="false"
          >
            <el-table-column prop="waringType" label="警情类型" width="100">
@@ -168,17 +168,23 @@
    var that = this;
    getList().then((res) => {
      res.data.data.forEach((item) => {
        that.tableData.push({
          waringType:
            item.waringType == "紧急求救" ? "一键求助" : item.waringType,
          alarmTime: item.alarmTime,
          oneContacts: item.oneContacts,
          onePhone: item.onePhone,
          galarmPeople: item.galarmPeople,
          jtype:
            item.jtype == 0 ? "未处理" : item.jtype == 1 ? "处理中" : "已处理",
          alarmPeople: item.alarmPeople,
        });
        if (item.waringType == "紧急求救") {
          that.tableData.push({
            waringType:
              item.waringType == "紧急求救" ? "一键求助" : item.waringType,
            alarmTime: item.alarmTime,
            oneContacts: item.oneContacts,
            onePhone: item.onePhone,
            galarmPeople: item.galarmPeople,
            jtype:
              item.jtype == 0
                ? "未处理"
                : item.jtype == 1
                ? "处理中"
                : "已处理",
            alarmPeople: item.alarmPeople,
          });
        }
      });
    });

@@ -306,6 +312,16 @@
        ],
      };
      myChart.setOption(option);
      myChart.on('click', function (params) {
        if (params.name == "正常"){
          //跳转在线设备
          that.StartEquipment({dxtype:1});
        }else {
          //跳转离线设备
          that.StartEquipment({dxtype:0});
        }

      });
    },

    drawLine(result) {
@@ -465,7 +481,15 @@
      };
      myChart.setOption(option);
    },
    //在线设备分页数据
    StartEquipment(data) {
      this.$router.push({
        path: `/clientManagement/index`,
        query: data,
      });
    },
  },

};
</script>

@@ -475,7 +499,7 @@
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0px !important;
  height: 96% !important;
  height: 100% !important;
  font-size: 14px;
  &:nth-child(2) {
    padding-left: 10px;
@@ -531,7 +555,7 @@
            background-color: #29c093;
          }
          &:nth-child(3)::before {
            background-color: #F48F57;
            background-color: #f48f57;
          }
          &:nth-child(4)::before {
            background-color: #dfdfdf;
@@ -592,8 +616,8 @@
            color: #29c194;
          }
          .active-list:nth-child(2) > div:nth-child(1) span {
            border: 1px solid #F48F57;
            color: #F48F57;
            border: 1px solid #f48f57;
            color: #f48f57;
          }
          .active-list:nth-child(1) > div:nth-child(1) span:hover {
            background: rgba(41, 192, 147, 0.15);
@@ -605,7 +629,7 @@
            color: #29c194;
          }
          .active-list:nth-child(2) > div:nth-child(2) span {
            color: #F48F57;
            color: #f48f57;
          }
        }
        .info-active-top,
@@ -727,4 +751,4 @@
    border-bottom: 0px !important;
  }
}
</style>
</style>