zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix route flow viewer mounting

This commit is contained in:
caoqianming 2026-07-27 14:37:58 +08:00
parent 16546fd5fd
commit 34d3c43784
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/mtm/route_show.vue
View File

@ -24,7 +24,7 @@
@tab-click="tabshandleClick"> @tab-click="tabshandleClick">
<el-tab-pane :label="item" :name="item" v-for="item in tabsTitle" :key="item"></el-tab-pane> <el-tab-pane :label="item" :name="item" v-for="item in tabsTitle" :key="item"></el-tab-pane>
</el-tabs> </el-tabs>
<xtFlowViewer v-if="limitedWatch" :nodes="nodes" :edges="edges" class="rs-flow__canvas" <xtFlowViewer :nodes="nodes" :edges="edges" class="rs-flow__canvas"
style="min-height: 0"> style="min-height: 0">
</xtFlowViewer> </xtFlowViewer>
</div> </div>
@ -69,10 +69,8 @@
</el-container> </el-container>
</template> </template>
<script> <script>
import { defineAsyncComponent } from "vue";
import ticketd from '@/views/wf/ticketd.vue' import ticketd from '@/views/wf/ticketd.vue'
// 异步加载：Vue Flow 单独分包，仅打开详情时才下载 import xtFlowViewer from "@/components/xtFlowViewer.vue";
const xtFlowViewer = defineAsyncComponent(() => import(/* webpackPrefetch: true */ "@/components/xtFlowViewer.vue"));
export default { export default {
emits: ["success", "closed"], emits: ["success", "closed"],
components: { ticketd, xtFlowViewer }, components: { ticketd, xtFlowViewer },
@ -104,7 +102,6 @@ export default {
tableData: [], tableData: [],
project_code: "", project_code: "",
activeName: "总图", activeName: "总图",
limitedWatch: false,
}; };
}, },
mounted() { mounted() {
@ -129,8 +126,6 @@ export default {
that.tabsTitle = ['总图']; that.tabsTitle = ['总图'];
that.tabsData = {}; that.tabsData = {};
that.activeName = "总图"; that.activeName = "总图";
// 先挂载查看器显示加载后的空状态，避免子图列表先返回时整块区域空白
that.limitedWatch = true;
that.getRoute(that.form.material); that.getRoute(that.form.material);
that.getDEGdatas(data.id); that.getDEGdatas(data.id);
this.getTabsList(data.id); this.getTabsList(data.id);