update: 新增FullPage组件
This commit is contained in:
parent
a1b67ce45c
commit
57e107c588
|
@ -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>
|
|
@ -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'
|
|
@ -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)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue