<!--
|
* @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">
|
<!--时间 天气-->
|
<div class="statistical-chart">
|
<TaskTotal />
|
<TaskIndustry />
|
<TaskTime />
|
<TaskEvent />
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
import { pxToRem } from '@/utils/rem'
|
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;
|
display: flex;
|
|
.statistical-chart {
|
margin-left: 10px;
|
margin-right: 10px;
|
display: flex;
|
width: 0;
|
flex: 1;
|
height: 216px;
|
box-sizing: border-box;
|
margin-bottom: 10px;
|
}
|
}
|
</style>
|
