初始代码

src/views/common/dynamicPortal/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="yunzhupaas-content-wrapper" v-loading="loading">
+    <template v-if="!ajaxing">
+      <template v-if="portalId">
+        <PortalLayout :layout="layout" :enabledLock="enabledLock" v-if="type === 0" @layoutUpdatedEvent="layoutUpdatedEvent" />
+        <div class="custom-page" v-if="type === 1">
+          <component :is="currentView" v-if="linkType === 0" />
+          <embed :src="url" width="100%" height="100%" type="text/html" v-if="linkType === 1" />
+        </div>
+      </template>
+      <div class="portal-layout-nodata" v-else>
+        <yunzhupaas-empty :image="emptyImage" />
+      </div>
+    </template>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { onMounted, toRefs, onUnmounted } from 'vue';
+  import { useRoute } from 'vue-router';
+  import PortalLayout from '@/components/VisualPortal/Portal/Layout/index.vue';
+  import { usePortal } from '@/views/basic/home/hooks/usePortal';
+  import emptyImage from '@/assets/images/dashboard-nodata.png';
+
+  defineOptions({ name: 'dynamicPortal' });
+  defineEmits(['register']);
+
+  const { state, initData, clearAutoRefresh, layoutUpdatedEvent } = usePortal();
+  const { loading, layout, type, linkType, currentView, url, ajaxing, portalId, enabledLock } = toRefs(state);
+
+  function init() {
+    const route = useRoute();
+    state.portalId = (route.meta.relationId as string) || '';
+    if (!state.portalId) return;
+    initData();
+  }
+
+  onMounted(() => init());
+  onUnmounted(() => clearAutoRefresh());
+</script>
+<style lang="less">
+  @import '@/components/VisualPortal/style/index.less';
+</style>