forked from drone/command-center-dashboard

张含笑
2025-04-08 cbec4308b61d0147cd60abfcbbb90db24c4a8e7f
src/views/Home/HomeRight/EventOverview.vue
@@ -1,5 +1,5 @@
<template>
  <CommonTitle title="事件概况" />
  <CommonTitle title="事件概况" @Details="details"/>
  <div :style="{ marginLeft: pxToRem(14) }">
    <div class="eventOverview">
      <div class="overviewData">
@@ -63,6 +63,7 @@
import { getJobEventBrokerLine, getJobEventByStatus, getJobEventTotal } from '@/api/home';
import dayjs from 'dayjs';
import { selectDevicePage } from '@/api/home/machineNest';
import { useStore } from 'vuex'
const echartsOption = {
  tooltip: {
@@ -175,6 +176,11 @@
  start_date: undefined,
});
const store = useStore()
const details = () =>{
   store.commit('setIsEventOverviewDetail',true)
}
// 远程查询
const remoteMethod = nickname => {
  devicePageParams.value.nickname = nickname;
@@ -222,6 +228,8 @@
  getJobEventBrokerLine(params.value).then(res => {
    const list = res?.data?.data || [];
    echartsOption.xAxis.data = list.map(item => item.name);
      // 赋值前清空数据
      Object.keys(seriesObj).forEach(key => {seriesObj[key].data = []})
    list.forEach(item => {
      item.data.forEach((item1, index) => {
        seriesObj[item1.status].data.push(item1.value);
@@ -256,9 +264,7 @@
onMounted(() => {
  chart = echarts.init(echartsRef.value);
  window.addEventListener('resize', () => {
    chart.resize();
  });
  window.addEventListener('resize',  chart.resize);
  getJobEventTotal().then(res => {
    eventTotal.value = res?.data?.data || 0;
  });