<template>
  <div class="monitoring-screen-warp">
    <div class="monitoring-screen-content" :style="{ 'background-image': 'url(' + getAssetsFile('images/plant/bg2.png') + ')' }"></div>
  </div>
</template>
<script setup>
import { isEmpty, getAssetsFile } from '@/utils';
</script>
<style lang="scss" scoped>
.monitoring-screen-warp {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  .monitoring-screen-content {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    div {
      box-sizing: border-box;
    }
  }
}
</style>
