<template>
  <div>
<!--    <t-back-top-->
<!--      container=".tdesign-starter-layout"-->
<!--      :visible-height="0"-->
<!--      style="position: absolute"-->
<!--      :offset="['24px', '80px']"-->
<!--    >-->
<!--      <t-icon name="backtop" size="20px" />-->
<!--    </t-back-top>-->
    <!-- 顶部 card  -->
    <top-panel class="row-container" />
    <!-- 中部图表  -->
    <middle-chart class="row-container" />
    <!-- 列表排名 -->
    <rank-list class="row-container" />
    <!-- 出入库概览 -->
    <output-overview class="row-container" />
  </div>
</template>
<script>
import TopPanel from './components/TopPanel.vue';
import MiddleChart from './components/MiddleChart.vue';
import RankList from './components/RankList.vue';
import OutputOverview from './components/OutputOverview.vue';

export default {
  name: 'DashboardBase',
  components: {
    TopPanel,
    MiddleChart,
    RankList,
    OutputOverview,
  },
  mounted() {
    // var reload=localStorage.getItem('reload');
    // if(!reload){
    //   localStorage.setItem('reload', 1);
    //   setTimeout(() => {
    //     window.location.reload();
    //   }, 50);
    // }
  },
};
</script>
<style scoped lang="less">
.row-container {
  margin-bottom: 16px;
}
/deep/ .t-card__body {
  padding-top: 0;
}
</style>
