<template>
  <div class="reportDataBox">
    <!-- <div class="reoprtContain"></div> -->
    <el-tabs type="border-card">
      <el-tab-pane label="照片统计"> <photostatis></photostatis> </el-tab-pane>
      <el-tab-pane label="设备状态列表">设备状态查询</el-tab-pane>
      <!-- <el-tab-pane label="角色管理">角色管理</el-tab-pane>
      <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane> -->
    </el-tabs>
  </div>
</template>
<script>
import {} from "@/utils/api/index";

import photostatis from "./photostatis/index";
export default {
  name: "reportData",
  components: {
    photostatis,
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  watch: {},
  methods: {},
};
</script>
<style lang="less">
.reportDataBox {
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  padding: 12px 12px;

  .el-tabs {
    height: 100%;
    .el-tabs__content {
      height: calc(100% - 69px);
      overflow: auto;
      .el-tab-pane {
        height: 100%;
      }
    }
  }
}
</style>
