feat(agent): 添加 workflow 加载状态

- 在 workflow 组件中添加 isLoading 状态
- 在 iframe 加载完成后隐藏 loading
- 使用 v-loading 指令显示加载状态
This commit is contained in:
陈昱达
2025-05-06 17:35:15 +08:00
parent 892d80bba6
commit 7369ec8ae7

View File

@@ -10,6 +10,7 @@ export default {
}, },
data() { data() {
return { return {
isLoading: true,
worker: { worker: {
instance: void 0 instance: void 0
}, },
@@ -108,13 +109,16 @@ export default {
this.$refs.agent.contentWindow.postMessage('init-iframe', '*', [ this.$refs.agent.contentWindow.postMessage('init-iframe', '*', [
this.messageChannel.instance.port1 this.messageChannel.instance.port1
]) ])
// 隐藏 loading
this.isLoading = false
} }
} },
mounted() {}
} }
</script> </script>
<template> <template>
<div class="render-container"> <div class="render-container" v-loading="isLoading">
<iframe <iframe
@load="handleAgentLoad" @load="handleAgentLoad"
ref="agent" ref="agent"