byte-sailing-new/src/views/process/processConfig/processChart.vue

<template>
	<div class="processChart">
		<div class="from">
			<div class="commons-title">基础配置</div>
		</div>
		<div class="content">
			<div class="commons-title">基础配置</div>
			<div class="chart-warp">
				<vueFlow></vueFlow>
			</div>
		</div>
	</div>
</template>

<script setup>
import { VueFlow } from '@vue-flow/core'
import vueFlow from '@/views/process/processConfig/vueFlow.vue'

onMounted(() => {
	
})
</script>

<style lang="scss" scoped>
.processChart {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	.from {
		width: 300px;
	}
	.content {
		width: calc(100% - 320px);
	}
}
.chart-warp {
	height: calc(100vh - 180px);
}
</style>