ybxf-security-ui/src/views/backend/statistics/index.vue

<template>
  <div class="app-container">
    <div class="tabs">
      <el-button @click="clickFire(0)" type="primary" plain v-if="open == 0"
        >消防监督</el-button
      >
      <el-button @click="clickFire(1)" v-else>消防监督</el-button>
      <el-button @click="clickFire(2)">九小单位</el-button>
    </div>
    <div v-if="open == 1 || open == 0" style="width: 100%">
      <statisticsFire></statisticsFire>
    </div>
    <div v-if="open == 2" >2</div>
  </div>
</template>
<script>
import { getDdlist } from "@/api/backend/statistics";
import statisticsFire from "@/views/backend/statisticsFire/index";
export default {
  components: {
    statisticsFire
  },
  data() {
    return {
      open: 0
    };
  },
  created() {
  },
  methods: {
    clickFire(value) {
      this.open = value;
    }
  },
};
</script>
<style lang="scss" scoped>
.tabs {
  margin-bottom: 12px;
}
::v-deep .el-tabs--border-card > .el-tabs__content {
  padding: 0 !important;
}
.nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  cursor: pointer;
  .nav-item {
  }
}
</style>