54 lines
1.3 KiB
Vue
54 lines
1.3 KiB
Vue
|
<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>
|