<template>
  <div class="dashboard-editor-container">
    <top-line/>
    <el-row>
      <el-col :span="12">
        <dv-decoration-1 style="width:100%;height:20px;" />
        <div>
          <dv-border-box-3>
            <mid-left :chart-data="{}"/>
          </dv-border-box-3>
        </div>
      </el-col>
      <el-col :span="12">
        <dv-decoration-1 style="width:100%;height:20px;" />
        <div>
          <dv-border-box-3>
            <mid-right :chart-data="{}"/>
          </dv-border-box-3>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <dv-border-box-9>
          <bot-pie/>
        </dv-border-box-9>
      </el-col>
      <el-col :span="12">
        <dv-border-box-9>
          <bot-pie-right/>
        </dv-border-box-9>
      </el-col>
    </el-row>
  </div>
</template>

<script>

import PanelGroup from "@/views/patrol/home/dashboard/PanelGroup.vue";
import PieChart from "@/views/patrol/home/dashboard/PieChart.vue";
import NoticeChart from "@/views/patrol/home/dashboard/NoticeChart.vue";
import TopLine from "@/views/sems/thickness/home/dashboard/topLine.vue";
import MidLeft from "@/views/sems/thickness/home/dashboard/midLeft.vue";
import BotPie from "@/views/sems/thickness/home/dashboard/botPie.vue";
import MidRight from "@/views/sems/thickness/home/dashboard/midRight.vue";
import BotPieRight from "@/views/sems/thickness/home/dashboard/botPieRight.vue";

export default {
  name: 'Index',
  components: {BotPieRight, MidRight, BotPie, MidLeft, TopLine, NoticeChart, PieChart, PanelGroup},
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  background-image: url("../../../../assets/image/elec/bg.jpg");
  position: relative;

}

/*
@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}*/
</style>
