From bb9b31d8abc6578fa451cc545658115d0da4ff50 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 12 Apr 2025 13:36:09 +0800
Subject: [PATCH] feat: 更换返回按钮
---
src/views/Home/HomeRight/EventOverview.vue | 25 ++++++++++++++++---------
1 files changed, 16 insertions(+), 9 deletions(-)
diff --git a/src/views/Home/HomeRight/EventOverview.vue b/src/views/Home/HomeRight/EventOverview.vue
index effefdf..a8899cd 100644
--- a/src/views/Home/HomeRight/EventOverview.vue
+++ b/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;
});
--
Gitblit v1.9.3