接入全景数字地图

+<route lang="yaml">
+    # 组件名称
+    name: ""
+  </route>
+
+<template>
+  <div class="container_wrap" v-loading="loading">
+    <iframe :src="link" frameborder="0" @load="iframeLoad"></iframe>
+  </div>
+</template>
+
+<script lang="ts" setup name="portraitMap">
+
+import { ref, reactive, computed } from "vue";
+
+import { JSEncrypt } from 'jsencrypt';
+import { useElementSize } from "@vueuse/core";
+import useUserStore from '@/store/modules/user'
+const route = useRoute()
+
+const encryptor = new JSEncrypt()
+const publicKey = '-----BEGIN PUBLIC KEY-----MIGeMA0GCSqGSIb3DQEBAQUAA4GMADCBiAKBgFiv3Ko6rOBvWDK96tIExpdyuuQAGgZo0YmQxpT10hD3qu/MnNKlIJgo4+NwUHcwpleKE2DBOxgvCeMtUoP4FDWt8q18X+4+7t8p0D/57NhA0liNKQ/Ise6b5i293ht1XPen3XhR5xIcDNxauQ5vKqdwwzhoonsbJDtbowoinLQbAgMBAAE=-----END PUBLIC KEY-----';
+function encrypt(txt) {
+  encryptor.setPublicKey(publicKey) // 设置公钥
+  return encryptor.encrypt(txt); // 对数据进行加密
+}
+const userStore = useUserStore()
+const userInfoData = JSON.parse(localStorage.userData)
+const url: any = 'https://scm-operation-test.csbr.cn/portraitBMap?fUrl=portraitBMap';
+
+const link = ref('')
+const loading = ref(true);
+const iframeLoad = () => {
+  loading.value = false;
+}
+
+// 搜索区域的schema
+onBeforeMount(() => {
+  const loginInfo = JSON.stringify({
+    username: '13822222222',
+    pwd: '666666',
+    timestamp: new Date().getTime()
+  })
+  let linkValue = decodeURIComponent(url) + '&loginInfo=' + encodeURI(encrypt(loginInfo));
+  link.value = linkValue;
+});
+
+onActivated(() => {
+  let tab: any = userStore.tabbar.find((tab: any) => tab.fullPath === route.fullPath);
+  if (tab) {
+    tab.meta.title = route.query.title || '全景地图';
+  }
+})
+
+</script>
+
+<style lang="scss" scoped>
+.container_wrap {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+
+  iframe {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>