60 lines
1.2 KiB
Vue
60 lines
1.2 KiB
Vue
<template>
|
|
<div class="container">
|
|
<div class="wrapper">
|
|
<exec-log-panel ref="log" :visible-back="false" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
name: 'execExecLogView'
|
|
};
|
|
</script>
|
|
|
|
<script lang="ts" setup>
|
|
import { onMounted, ref, nextTick } from 'vue';
|
|
import { useRoute } from 'vue-router';
|
|
import { getExecLog } from '@/api/exec/exec-log';
|
|
import ExecLogPanel from '@/components/exec/log/panel/index.vue';
|
|
|
|
const route = useRoute();
|
|
const log = ref();
|
|
|
|
// 初始化
|
|
const init = async (id: number) => {
|
|
// 获取执行日志
|
|
const { data } = await getExecLog(id);
|
|
// 打开日志
|
|
await nextTick(() => {
|
|
setTimeout(() => {
|
|
log.value.open(data);
|
|
}, 50);
|
|
});
|
|
};
|
|
|
|
onMounted(() => {
|
|
const isParam = route.query.id;
|
|
if (isParam) {
|
|
init(Number.parseInt(isParam as string));
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
padding: 16px;
|
|
background: var(--color-fill-2);
|
|
|
|
.wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
}
|
|
</style>
|