<template>
  <div :class="$style['container']">
    <div class="header">
      <div class="title">
        <header2 ref="headerref" :width="'100%'" :height="'100px'" :title="t('messages.智能货架物联管理系统')" :titleTip="''"
          :typeFun="['time']" :alarmType="[]">
        </header2>
      </div>
    </div>
    <div class="content" ref="Acontent">
      <ShelfPanel :config="panelConfig"></ShelfPanel>
    </div>
  </div>
</template>

<script setup lang='ts'>
import {ref} from "vue";
import header2 from "@/components/headerBox/header2.vue";
import ShelfPanel from "./components/ShelfPanel.vue";
import { useI18n } from 'vue-i18n'
let { t } = useI18n();

let panelConfig = ref({
  width:421,
  height:218
})
</script>


<style module>
.container {
  height: 1080px;
  width: 1920px;
  color: #20aec5;
  background-color: #100c2a;
}
</style>
<style scoped>
.content {
  width: 100%;
  --header: 100px;
  height: calc(1080px - var(--header));
}
</style>
