forked from drone/command-center-dashboard
blame | history | patch | commit | commitdiff | ignore whitespace
chenyao
2025-04-12 80790ccc8b8ee6ac8db201f0f6c2d136fefd5a69 
 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: {


@@ -117,12 +118,12 @@


};




const eventTypeList = ref([


  { name: '待审核', value: 0, img: overviewImg1, color: '#FF8E8E', status: '2' },


  { name: '待审核', value: 0, img: overviewImg1, color: '#8CFEA7', status: '2' },


  { name: '待分拨', value: 0, img: overviewImg2, color: '#6FCAFF', status: '1' },


  { name: '待处理', value: 0, img: overviewImg3, color: '#6FCAFF', status: '0' },


  { name: '处理中', value: 0, img: overviewImg4, color: '#FFD509', status: '3' },


  { name: '已完成', value: 0, img: overviewImg5, color: '#FF8E8E', status: '4' },


  { name: '已完结', value: 0, img: overviewImg6, color: '#8EFFAC', status: '5' },


  { name: '待处理', value: 0, img: overviewImg3, color: '#E36913', status: '0' },


  { name: '处理中', value: 0, img: overviewImg4, color: '#FFC398', status: '3' },


  { name: '已完成', value: 0, img: overviewImg5, color: '#AFD9FB', status: '4' },


  { name: '已完结', value: 0, img: overviewImg6, color: '#11C4FF', status: '5' },


]);


const seriesObj = {};


eventTypeList.value.forEach(item => {


@@ -175,6 +176,12 @@


  start_date: undefined,


});




const store = useStore()


const details = () =>{


   store.commit('setIsEventOverviewDetail',true)


    store.commit('setFootActiveIndex',1)


}




// 远程查询


const remoteMethod = nickname => {


  devicePageParams.value.nickname = nickname;


@@ -222,6 +229,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 +265,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;


  });