<!--
|
* @Description:
|
* @Version: 2.0
|
* @Autor: wuyun
|
* @Date: 2024-07-02 14:18:34
|
* @LastEditors: wuyun
|
* @LastEditTime: 2024-08-22 14:19:40
|
-->
|
<template>
|
<div class="bodyBox">
|
<iframe
|
style="width: 100%; height: 100%; border: none"
|
:src="state.srcData"
|
></iframe>
|
</div>
|
</template>
|
<script lang="ts">
|
// 用于路由刷新
|
export default {
|
name: 'tracePage',
|
}
|
</script>
|
|
<script setup lang="ts">
|
import router from '@/router'
|
import moment from 'moment'
|
import Base64 from '@/utils/base64'
|
import { useRoute } from 'vue-router'
|
|
const route = useRoute()
|
|
const state = reactive<any>({
|
routeData: {}, // 路由传参
|
srcData: '', // iframeSrc
|
})
|
|
onMounted(() => {
|
const history_url: string = import.meta.env.VITE_IFREAM_URL as string
|
state.routeData = JSON.parse(Base64.decode(route.query.info))
|
console.log(' state.routeData', state.routeData)
|
state.srcData = `${history_url}/activity/history?processinstId=${state.routeData.flowId}&token=${state.routeData.token}`
|
})
|
onActivated(() => {
|
const history_url: string = import.meta.env.VITE_IFREAM_URL as string
|
state.routeData = JSON.parse(Base64.decode(route.query.info))
|
console.log(' state.routeData', state.routeData)
|
state.srcData = `${history_url}/activity/history?processinstId=${state.routeData.flowId}&token=${state.routeData.token}`
|
})
|
</script>
|
|
<style scoped lang="scss">
|
.bodyBox {
|
width: 100%;
|
height: 79vh;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
//justify-content: space-between;
|
//padding: 0 15px 0 15px;
|
}
|
</style>
|
