| | |
| | | <!-- |
| | | * @Author : yuan |
| | | * @Date : 2025-06-14 15:19:16 |
| | | * @LastEditors : yuan |
| | | * @LastEditTime : 2025-06-26 11:46:38 |
| | | * @FilePath : \src\views\job\components\TaskTop\TaskTop.vue |
| | | * @Description : |
| | | * Copyright 2025 OBKoro1, All Rights Reserved. |
| | | * 2025-06-14 15:19:16 |
| | | --> |
| | | <template> |
| | | <div class="task-top"> |
| | | <!--时间 天气--> |
| | | <common-weather /> |
| | | <UserOperate /> |
| | | <div class="statistical-chart"> |
| | | <TaskTotal /> |
| | | <TaskIndustry /> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | // import { pxToRem } from '@/utils/rem' |
| | | // import CommonWeather from '@/components/CommonWeather.vue' |
| | | // import UserOperate from '@/components/UserOperate.vue' |
| | | import { pxToRem } from '@/utils/rem' |
| | | import TaskTotal from './TaskTotal.vue' |
| | | import TaskIndustry from './TaskIndustry.vue' |
| | | import TaskTime from './TaskTime.vue' |
| | |
| | | <style lang="scss" scoped> |
| | | .task-top { |
| | | position: relative; |
| | | margin-bottom: 6px; |
| | | display: flex; |
| | | |
| | | .statistical-chart { |
| | | margin-left: 10px; |
| | | margin-right: 40px; |
| | | margin-right: 10px; |
| | | display: flex; |
| | | width:100%; |
| | | width: 0; |
| | | flex: 1; |
| | | height: 216px; |
| | | box-sizing: border-box; |
| | | margin-bottom: 10px; |