forked from github/dataease
71 lines
1.7 KiB
Vue
71 lines
1.7 KiB
Vue
<template>
|
|
<de-container v-loading="$store.getters.loadingMap[$store.getters.currentPath]" style="background-color: #f7f8fa">
|
|
|
|
<de-aside-container>
|
|
<group :save-status="saveStatus" @switchComponent="switchComponent" />
|
|
</de-aside-container>
|
|
|
|
<de-main-container>
|
|
<!-- <router-view />-->
|
|
<component :is="component" :param="param" @switchComponent="switchComponent" @saveSuccess="saveSuccess" />
|
|
</de-main-container>
|
|
</de-container>
|
|
</template>
|
|
|
|
<script>
|
|
import DeMainContainer from '@/components/dataease/DeMainContainer'
|
|
import DeContainer from '@/components/dataease/DeContainer'
|
|
import DeAsideContainer from '@/components/dataease/DeAsideContainer'
|
|
import Group from './group/Group'
|
|
|
|
import ChartHome from './data/ChartHome'
|
|
import ChartEdit from './view/ChartEdit'
|
|
import { removeClass } from '@/utils'
|
|
|
|
export default {
|
|
name: 'Chart',
|
|
components: { DeMainContainer, DeContainer, DeAsideContainer, Group, ChartHome, ChartEdit },
|
|
data() {
|
|
return {
|
|
component: ChartHome,
|
|
param: {},
|
|
saveStatus: null
|
|
}
|
|
},
|
|
mounted() {
|
|
removeClass(document.body, 'showRightPanel')
|
|
},
|
|
methods: {
|
|
switchComponent(c) {
|
|
this.param = c.param
|
|
switch (c.name) {
|
|
case 'ChartEdit':
|
|
this.component = ChartEdit
|
|
break
|
|
default:
|
|
this.component = ChartHome
|
|
break
|
|
}
|
|
},
|
|
saveSuccess(val) {
|
|
this.saveStatus = val
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.ms-aside-container {
|
|
height: calc(100vh - 56px);
|
|
padding: 0 0;
|
|
min-width: 260px;
|
|
max-width: 460px;
|
|
}
|
|
|
|
.ms-main-container {
|
|
height: calc(100vh - 56px);
|
|
padding: 0;
|
|
}
|
|
|
|
</style>
|