forked from drone/command-center-dashboard

chenyao
2025-04-12 6807f79a2a1e8aafc2458af47229f795b56cd12e
src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventOverviewDetailLeft.vue
@@ -1,7 +1,10 @@
<template>
   <div class="left">
   <!--时间 天气-->
   <common-weather></common-weather>
   <div class="event-overview-detail-left">
      <!--返回-->
      <div class="do-return" @click="goBack">
         <img src="@/assets/images/signMachineNest/return.png" alt="" />
         <img src="@/assets/images/return.png" alt="" />
      </div>
      <common-title title="事件数据分析" />
      <CommonDateTime class="dateTime" v-model="timeArr" @change="timeChange" />
@@ -11,6 +14,7 @@
   </div>
</template>
<script setup>
import CommonWeather from '@/components/CommonWeather.vue';
import EventDataAnalysis from './EventDataAnalysis.vue'
import CommonTitle from '@/components/CommonTitle.vue'
import CommonDateTime from '@/components/CommonDateTime.vue'
@@ -42,9 +46,20 @@
}
</script>
<style scoped lang="scss">
.left {
.event-overview-detail-left {
   position: absolute;
   top: 88px;
   width: 390px;
   height: 920px;
   top: 120px;
   margin-left: 29px;
   background: linear-gradient(
    270deg,
    rgba(31, 62, 122, 0) 0%,
    rgba(31, 62, 122, 0.35) 21%,
    #1f3e7a 100%
  );
  border-radius: 0px 0px 0px 0px;
  opacity: 0.85;
   color: #e7f5ff;
   display: flex;
   flex-direction: column;
@@ -62,8 +77,8 @@
      cursor: pointer;
      img {
         width: 40px;
         height: 40px;
         width: 60px;
         height: 33px;
      }
   }
}