<template>
|
<div class="task-top">
|
<!--时间 天气-->
|
<common-weather />
|
<UserOperate />
|
<div class="statistical-chart">
|
<TaskTotal />
|
<TaskIndustry />
|
<TaskTime />
|
<TaskEvent />
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
import { pxToRem } from '@/utils/rem'
|
// import CommonWeather from '@/components/CommonWeather.vue'
|
// import UserOperate from '@/components/UserOperate.vue'
|
import TaskTotal from './TaskTotal.vue'
|
import TaskIndustry from './TaskIndustry.vue'
|
import TaskTime from './TaskTime.vue'
|
import TaskEvent from './TaskEvent.vue'
|
</script>
|
|
<style lang="scss" scoped>
|
.task-top {
|
position: relative;
|
margin-bottom: 6px;
|
.statistical-chart {
|
margin-left: 10px;
|
margin-right: 40px;
|
display: flex;
|
width:100%;
|
height: 216px;
|
box-sizing: border-box;
|
margin-bottom: 10px;
|
}
|
}
|
</style>
|
