<template>
  <div class="sta_bg p-[20px] mt-[96px] relative">
    <div class="absolute left-[250px] top-[-65px]">
      <div class="mr-[20px]">
        <!-- <Button type="primary" size="large" block @click="back"> 返回 </Button> -->
        <div
          @click="back"
          class="cursor-pointer px-[20px] py-[6px] rounded-[6px] bg-[#F5F6FA]"
        >
          < 返回
        </div>
      </div>
    </div>
    <div class="w-full h-[calc(100%-132px)]">
      <el-scrollbar>
        <div class="flex">
          <div class="mr-[20px]">
            <div class="relative top-[36px] left-[90px] z-[1]">
              电子信息工程系
            </div>
            <div class="flex rounded-[10px] p-[10px] bg-white">
              <BarLine></BarLine>
            </div>
          </div>
          <div>
            <div class="relative top-[36px] left-[90px] z-[1]">通信工程系</div>
            <div class="flex rounded-[10px] p-[10px] bg-white">
              <BarLine></BarLine>

              <!-- <BarChart :data="{}"></BarChart>
        <LineChart :data="{}"></LineChart>
        <PieChart :data="{}"></PieChart> -->
            </div>
          </div>
        </div>
        <div class="flex">
          <div>
            <div class="relative top-[36px] left-[90px] z-[1]">人工智能系</div>
            <div class="flex rounded-[10px] p-[10px] bg-white">
              <BarLine></BarLine>

              <!-- <BarChart :data="{}"></BarChart>
        <LineChart :data="{}"></LineChart>
        <PieChart :data="{}"></PieChart> -->
            </div>
          </div>
          <!-- <div>
            <div class="text-center">本科实验教学中心</div>
            <div class="flex">
              <BarLine></BarLine>
            </div>
          </div> -->
        </div>
      </el-scrollbar>
    </div>
  </div>
</template>

<script setup lang="ts">
import BarChart from "./BarChart.vue";
import LineChart from "./LineChart.vue";
import PieChart from "./BarChart2.vue";
import BarLine from "./BarLine.vue";
import { Button } from "ant-design-vue";
const router = useRouter();

function back() {
  router.go(-1);
}
</script>

<style scoped lang="less">
:deep(button) {
  outline: none;
}
.sta_bg {
  width: 100vw;
  height: 100vh;
  /* background-color: #f1f6fe; */
  // background: url("../../assets/web/digimg.png"), rgb(255 255 255 / 100%);
  // background-repeat: no-repeat;
  // background-position: center;
  // background-size: cover;
}
</style>
