forked from drone/command-center-dashboard

chenyao
2025-04-12 d643050ffd11f45b4512865c09f4da6754ea90d2
src/views/TaskManage/TaskTop/TaskTop.vue
@@ -1,13 +1,20 @@
<template>
  <div class="task-left">
    <TaskTotal />
    <TaskIndustry />
    <TaskTime />
    <TaskEvent />
  <div class="task-top">
    <!--时间 天气-->
    <common-weather/>
    <UserOperate/>
    <div class="statistical-chart">
      <TaskTotal />
      <TaskIndustry />
      <TaskTime />
      <TaskEvent />
    </div>
  </div>
</template>
<script setup>
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';
@@ -15,10 +22,22 @@
</script>
<style lang="scss" scoped>
.task-left {
.task-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 40px;
  .statistical-chart {
    display: flex;
    width: 1848px;
    height: 238px;
    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;
    margin-left: 38px;
    margin-right: 29px;
  }
}
</style>