mirror of
https://github.com/dataease/dataease.git
synced 2025-02-28 07:05:48 +08:00
98 lines
2.6 KiB
Vue
98 lines
2.6 KiB
Vue
<template>
|
|
<de-container v-loading="$store.getters.loadingMap[$store.getters.currentPath]" style="background-color: #f7f8fa">
|
|
<de-main-container :class="{'full-height':fullHeightFlag}">
|
|
<panel-main v-show="componentName==='PanelMain'" ref="panel_main" />
|
|
<panel-edit v-if="componentName==='PanelEdit'" />
|
|
</de-main-container>
|
|
</de-container>
|
|
</template>
|
|
|
|
<script>
|
|
import bus from '@/utils/bus'
|
|
import DeMainContainer from '@/components/dataease/DeMainContainer'
|
|
import DeContainer from '@/components/dataease/DeContainer'
|
|
import PanelMain from '@/views/panel/list/PanelMain'
|
|
import PanelEdit from '@/views/panel/edit'
|
|
|
|
export default {
|
|
name: 'Panel',
|
|
components: { DeMainContainer, DeContainer, PanelMain, PanelEdit },
|
|
data() {
|
|
return {
|
|
component: PanelMain,
|
|
componentName: 'PanelMain',
|
|
param: {},
|
|
contentHasSave: false
|
|
}
|
|
},
|
|
computed: {
|
|
fullHeightFlag() {
|
|
return this.$route.path.indexOf('panel') > -1 && (this.componentName === 'PanelEdit' || this.componentName === 'ChartEdit')
|
|
}
|
|
},
|
|
beforeRouteLeave(to, from, next) {
|
|
if (this.componentName === 'PanelEdit') {
|
|
next(false)
|
|
if (confirm(this.$t('panel.edit_leave_tips'))) {
|
|
next()
|
|
}
|
|
} else {
|
|
next()
|
|
}
|
|
},
|
|
watch: {
|
|
// $route(to, from) {
|
|
// }
|
|
},
|
|
mounted() {
|
|
bus.$on('to-msg-share', params => {
|
|
this.toMsgShare(params)
|
|
})
|
|
bus.$on('PanelSwitchComponent', (c) => {
|
|
this.param = c.param
|
|
this.componentName = c.name
|
|
this.$store.dispatch('panel/setMainActiveName', c.name)
|
|
})
|
|
},
|
|
created() {
|
|
bus.$emit('PanelSwitchComponent', { name: 'PanelMain' })
|
|
this.$store.dispatch('app/toggleSideBarHide', true)
|
|
const routerParam = this.$router.currentRoute.params
|
|
this.toMsgShare(routerParam)
|
|
},
|
|
methods: {
|
|
toMsgShare(routerParam) {
|
|
if (routerParam !== null && routerParam.msgNotification) {
|
|
const panelShareTypeIds = [1, 2, 3]
|
|
// 说明是从消息通知跳转过来的
|
|
if (panelShareTypeIds.includes(routerParam.msgType)) { // 是仪表板分享
|
|
this.componentName = 'PanelMain'
|
|
this.$nextTick(() => {
|
|
this.$refs.panel_main && this.$refs.panel_main.msg2Current && this.$refs.panel_main.msg2Current(routerParam.sourceParam)
|
|
})
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.ms-aside-container {
|
|
height: calc(100vh - 56px);
|
|
padding: 0px;
|
|
min-width: 260px;
|
|
max-width: 460px;
|
|
}
|
|
|
|
.ms-main-container {
|
|
height: calc(100vh - 56px);
|
|
padding: 0;
|
|
}
|
|
|
|
.full-height {
|
|
height: 100vh !important;
|
|
}
|
|
</style>
|