<template>
|
<div class="left">
|
<div class="do-return" @click="goBack">
|
<img src="@/assets/images/signMachineNest/return.png" alt="" />
|
</div>
|
<common-title title="事件数据分析" />
|
<CommonDateTime class="dateTime" v-model="timeArr" @change="timeChange" />
|
<EventDataAnalysis />
|
<EventTrendAnalysis />
|
<EventTop5 />
|
</div>
|
</template>
|
<script setup>
|
import EventDataAnalysis from './EventDataAnalysis.vue'
|
import CommonTitle from '@/components/CommonTitle.vue'
|
import CommonDateTime from '@/components/CommonDateTime.vue'
|
import dayjs from 'dayjs'
|
import { useStore } from 'vuex'
|
import EventTrendAnalysis from '@/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTrendAnalysis.vue'
|
import EventTop5 from '@/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTop5.vue'
|
|
const today = dayjs().format('YYYY-MM-DD')
|
const timeArr = ref([today, today])
|
const store = useStore()
|
|
const params = ref({
|
date_enum: 'TODAY',
|
end_date: undefined,
|
start_date: undefined,
|
})
|
provide('eventOverviewParams', params)
|
|
// 时间变化
|
const timeChange = (value, date_enum) => {
|
params.value = {
|
...params.value,
|
date_enum,
|
}
|
}
|
const goBack = () => {
|
store.commit('setIsEventOverviewDetail', false)
|
}
|
</script>
|
<style scoped lang="scss">
|
.left {
|
position: absolute;
|
top: 88px;
|
color: #e7f5ff;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
|
.dateTime {
|
width: 356px;
|
margin: 0 0 8px 0;
|
}
|
|
.do-return {
|
position: absolute;
|
top: 50px;
|
right: -50px;
|
cursor: pointer;
|
|
img {
|
width: 40px;
|
height: 40px;
|
}
|
}
|
}
|
</style>
|
