| | |
| | | <template> |
| | | <div class="data-board-home-wrapper"> |
| | | <div class="full-screen-btn" @click="goFullScreen" v-if="route.name !== 'DataBoardPage'"> |
| | | <el-icon color="#ffffff" :size="32"><FullScreen /></el-icon> |
| | | </div> |
| | | <div class="data-board-home"> |
| | | <div class="data-board-home-title"> |
| | | <div class="data-board-home-title-logo"></div> |
| | |
| | | onUnmounted(() => { |
| | | clearInterval(timer); |
| | | }); |
| | | |
| | | const router = useRouter(); |
| | | const route = useRoute(); |
| | | |
| | | function goFullScreen() { |
| | | router.push({ |
| | | name: 'DataBoardPage', |
| | | }); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @use '@/style/common.scss' as *; |
| | | |
| | | .data-board-home-wrapper { |
| | | position: relative; |
| | | overflow: auto; |
| | | min-width: 0; |
| | | flex: 1; |
| | | height: 100%; |
| | | flex: 1; |
| | | |
| | | .full-screen-btn { |
| | | position: absolute; |
| | | top: 20px; |
| | | left: 20px; |
| | | cursor: pointer; |
| | | z-index: 22222; |
| | | } |
| | | } |
| | | |
| | | .data-board-home { |