update: 新增FullPage组件

src/components/Layout/FullPage.vue

@@ -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>

src/components/Layout/index.ts

@@ -1,2 +1,3 @@
 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'

src/components/index.ts

@@ -8,7 +8,7 @@ import Search from './Search'
 import NormalUpload from './NormalUpload/index.vue'
 import FileFormat from './FileFormat/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 Ellipsis from './Ellipsis/index.vue'
 import JEmpty from './Empty/index.vue'
@@ -38,5 +38,6 @@ export default  {
             .component('PathSimplifier', PathSimplifier)
             .component('ValueItem', ValueItem)
             .component('RowPagination', RowPagination)
+            .component('FullPage', FullPage)
     }
 }

src/views/rule-engine/Scene/Save/components/Timer/index.vue

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

src/views/rule-engine/Scene/index.vue

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