<template>
  <div class="problem">
    <AreaCard title="控制区" height="60" :current="current"></AreaCard>
  </div>
</template>

<script>
  import AreaCard from "./areaCard.vue";
  import BackgroundData from 'utils/BackgroundData'
  export default {
    name: "ProblemArea",
    components: {
      AreaCard,
    },
    props: {
      current: {
        type: Number,
      },
    },
    data() {
      return {
        ls: {
          maintain: { key: "维护", value: [] },
          malfunction: { key: "故障", value: [] },
          offline: { key: "离线", value: [] },
          lockd: { key: "挂牌", value: [] },
        },
      };
    },
    computed: {},
    created: function () {
      console.log(this.current);
    },
    methods: {
    }
  };
</script>
<style scoped>
  .problem {
    height: 100%;
  }
</style>