super-page-runtime 1.0.15 → 1.0.16

package/components/runtime/views/super-page copy.vue

@@ -0,0 +1,61 @@
+<template>
+  <el-container>
+    <template v-for="(element,itemIndex) in pageItems" :key="element.uuid">
+      <ObjectRender
+          :configure="element"
+          :pageDesign="thisPageDesign"></ObjectRender>
+    </template>
+  </el-container>
+</template>
+<script lang='ts' setup>
+    import { ref,reactive} from 'vue';
+    import ObjectRender from './assemblys/object-render.vue'
+    import type { PageDesign } from '../utils/interfaces/page-design-types';
+    import {initComponentRefState,addComponentRef} from '../utils/page-helper-util';
+    import {queryPageDesign} from '../utils/page-init-util';
+
+    //定义初始化的参数
+    interface MyProps{
+      //页面编码
+      pageCode?:string,
+      //页面版本
+      pageVersion?:number,
+      //页面ID
+      pageId?:number,
+      //表单数据ID
+      dataIds?:string,
+      //测试对象
+      pageDesign:PageDesign
+    }
+    const props = defineProps<MyProps>();
+
+    //绑定页面对象
+    const thisRef = ref(null);
+
+    const pageItems:any = ref([]);
+    //查询页面设计对象
+    let thisPageDesign:PageDesign;
+    if(props.pageDesign!=null){
+      thisPageDesign = props.pageDesign;
+      initPageDesign(thisPageDesign);
+    }else{
+      queryPageDesign(props.pageId).then((result)=>{
+        thisPageDesign = result;
+        initPageDesign(thisPageDesign);
+      });
+    }
+    /**
+     * 初始化页面对象
+     * @param pageDesign 
+     */
+    function initPageDesign(pageDesign:PageDesign){
+      //页面元素
+      pageItems.value = thisPageDesign.items?thisPageDesign.items:[];
+      console.log("pageDesignRuntime",pageItems);
+      //初始化页面组件缓存
+      initComponentRefState(pageDesign);
+      
+      //定义页面对象的编码为-1
+      addComponentRef(pageDesign,'-1',thisRef);
+    }
+</script>