/* 问题区 */
<template>
  <div class="problem" >
    <AreaCard title="问题区" height="86"></AreaCard>
  </div>
</template>

<script>
  import AreaCard from "./areaCard.vue";
  import BackgroundData from 'utils/BackgroundData'
  export default {
    name: "ProblemArea",
    components: {
      AreaCard,
    },
    props: {},
    data() {
      return {
        ls: {
          maintain: { key: "维护", value: [] },
          malfunction: { key: "故障", value: [] },
          offline: { key: "离线", value: [] },
          lockd: { key: "挂牌", value: [] },
        },
      };
    },
    computed: {},
    created: function () {

    },
    methods: {
    },
  };
</script>
<style scoped>
  .problem {
    height: 97%;
    background-color: #000000;
  }
</style>