| | |
| | | <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" /> |
| | |
| | | </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' |
| | |
| | | } |
| | | </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; |
| | |
| | | cursor: pointer; |
| | | |
| | | img { |
| | | width: 40px; |
| | | height: 40px; |
| | | width: 60px; |
| | | height: 33px; |
| | | } |
| | | } |
| | | } |