refactor: 重构layout文件命名规范，更易读 (#1110)

src/layout/frame.vue

@@ -0,0 +1,97 @@
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+import { useRoute } from "vue-router";
+import { ref, unref, watch, onMounted, nextTick } from "vue";
+
+defineOptions({
+  name: "LayFrame"
+});
+
+const props = defineProps<{
+  frameInfo?: {
+    frameSrc?: string;
+    fullPath?: string;
+  };
+}>();
+
+const { t } = useI18n();
+const loading = ref(true);
+const currentRoute = useRoute();
+const frameSrc = ref<string>("");
+const frameRef = ref<HTMLElement | null>(null);
+if (unref(currentRoute.meta)?.frameSrc) {
+  frameSrc.value = unref(currentRoute.meta)?.frameSrc as string;
+}
+unref(currentRoute.meta)?.frameLoading === false && hideLoading();
+
+function hideLoading() {
+  loading.value = false;
+}
+
+function init() {
+  nextTick(() => {
+    const iframe = unref(frameRef);
+    if (!iframe) return;
+    const _frame = iframe as any;
+    if (_frame.attachEvent) {
+      _frame.attachEvent("onload", () => {
+        hideLoading();
+      });
+    } else {
+      iframe.onload = () => {
+        hideLoading();
+      };
+    }
+  });
+}
+
+watch(
+  () => currentRoute.fullPath,
+  path => {
+    if (
+      currentRoute.name === "Redirect" &&
+      path.includes(props.frameInfo?.fullPath)
+    ) {
+      frameSrc.value = path; // redirect时，置换成任意值，待重定向后 重新赋值
+      loading.value = true;
+    }
+    // 重新赋值
+    if (props.frameInfo?.fullPath === path) {
+      frameSrc.value = props.frameInfo?.frameSrc;
+    }
+  }
+);
+
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <div
+    v-loading="loading"
+    class="frame"
+    :element-loading-text="t('status.pureLoad')"
+  >
+    <iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.frame {
+  position: absolute;
+  inset: 0;
+
+  .frame-iframe {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border: 0;
+  }
+}
+
+.main-content {
+  margin: 2px 0 0 !important;
+}
+</style>