Fix route flow viewer mounting
This commit is contained in:
parent
16546fd5fd
commit
34d3c43784
|
|
@ -24,7 +24,7 @@
|
|||
@tab-click="tabshandleClick">
|
||||
<el-tab-pane :label="item" :name="item" v-for="item in tabsTitle" :key="item"></el-tab-pane>
|
||||
</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">
|
||||
</xtFlowViewer>
|
||||
</div>
|
||||
|
|
@ -69,10 +69,8 @@
|
|||
</el-container>
|
||||
</template>
|
||||
<script>
|
||||
import { defineAsyncComponent } from "vue";
|
||||
import ticketd from '@/views/wf/ticketd.vue'
|
||||
// 异步加载:Vue Flow 单独分包,仅打开详情时才下载
|
||||
const xtFlowViewer = defineAsyncComponent(() => import(/* webpackPrefetch: true */ "@/components/xtFlowViewer.vue"));
|
||||
import xtFlowViewer from "@/components/xtFlowViewer.vue";
|
||||
export default {
|
||||
emits: ["success", "closed"],
|
||||
components: { ticketd, xtFlowViewer },
|
||||
|
|
@ -104,7 +102,6 @@ export default {
|
|||
tableData: [],
|
||||
project_code: "",
|
||||
activeName: "总图",
|
||||
limitedWatch: false,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -129,8 +126,6 @@ export default {
|
|||
that.tabsTitle = ['总图'];
|
||||
that.tabsData = {};
|
||||
that.activeName = "总图";
|
||||
// 先挂载查看器显示加载后的空状态,避免子图列表先返回时整块区域空白
|
||||
that.limitedWatch = true;
|
||||
that.getRoute(that.form.material);
|
||||
that.getDEGdatas(data.id);
|
||||
this.getTabsList(data.id);
|
||||
|
|
|
|||
Loading…
Reference in New Issue