update: 新增FullPage组件

This commit is contained in:
xieyonghong 2023-03-30 16:03:30 +08:00
parent a1b67ce45c
commit 57e107c588
5 changed files with 27 additions and 3 deletions

View File

@ -0,0 +1,19 @@
<template>
<div class='full-page-warp' ref='fullPage' :style='{ minHeight: `calc(100vh - ${x + 24}px)`}'>
<slot></slot>
</div>
</template>
<script setup lang='ts' name='FullPage'>
import { useElementBounding } from '@vueuse/core'
const fullPage = ref(null)
const { x } = useElementBounding(fullPage)
</script>
<style scoped>
.full-page-warp {
background: #fff;
}
</style>

View File

@ -1,2 +1,3 @@
export { default as BasicLayoutPage } from './BasicLayoutPage.vue' export { default as BasicLayoutPage } from './BasicLayoutPage.vue'
export { default as BlankLayoutPage } from './BlankLayoutPage.vue' export { default as BlankLayoutPage } from './BlankLayoutPage.vue'
export { default as FullPage } from './FullPage.vue'

View File

@ -8,7 +8,7 @@ import Search from './Search'
import NormalUpload from './NormalUpload/index.vue' import NormalUpload from './NormalUpload/index.vue'
import FileFormat from './FileFormat/index.vue' import FileFormat from './FileFormat/index.vue'
import JProUpload from './Upload/index.vue' import JProUpload from './Upload/index.vue'
import { BasicLayoutPage, BlankLayoutPage } from './Layout' import { BasicLayoutPage, BlankLayoutPage, FullPage } from './Layout'
import { PageContainer, AIcon, Ellipsis } from 'jetlinks-ui-components' import { PageContainer, AIcon, Ellipsis } from 'jetlinks-ui-components'
// import Ellipsis from './Ellipsis/index.vue' // import Ellipsis from './Ellipsis/index.vue'
import JEmpty from './Empty/index.vue' import JEmpty from './Empty/index.vue'
@ -38,5 +38,6 @@ export default {
.component('PathSimplifier', PathSimplifier) .component('PathSimplifier', PathSimplifier)
.component('ValueItem', ValueItem) .component('ValueItem', ValueItem)
.component('RowPagination', RowPagination) .component('RowPagination', RowPagination)
.component('FullPage', FullPage)
} }
} }

View File

@ -220,7 +220,7 @@ Object.assign(formModel, props.value)
formModel.when = props.value.when || [] formModel.when = props.value.when || []
watchEffect(() => { watchEffect(() => {
if(props.value?.period.unit === 'hours') { if(props.value?.period?.unit === 'hours') {
unitMax. unitMax.
value = 99999 value = 99999
} else { } else {

View File

@ -1,6 +1,8 @@
<template> <template>
<page-container> <page-container>
<pro-search :columns="columns" target="scene" @search="handleSearch" /> <pro-search :columns="columns" target="scene" @search="handleSearch" />
<FullPage>
<JProTable <JProTable
ref="sceneRef" ref="sceneRef"
:columns="columns" :columns="columns"
@ -125,6 +127,7 @@
</j-space> </j-space>
</template> </template>
</JProTable> </JProTable>
</FullPage>
<SaveModal v-if="visible" @close="visible = false" :data="current" /> <SaveModal v-if="visible" @close="visible = false" :data="current" />
</page-container> </page-container>
</template> </template>