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

<template>
	<div class="processChart">
		<div class="from">
			<div class="commons-title">基础配置</div>
			<div>
				<el-form labelPosition='top'>
					<el-form-item label="流程标题" label-width="80px">
						<el-input v-model="title" placeholder="请输入流程标题"></el-input>
						
					</el-form-item>
				</el-form>
			</div>
		</div>
		<div class="content">
			<div class="commons-title">流程节点配置</div>
			<div class="chart-warp">
				<vueFlow :title='title'></vueFlow>
			</div>
		</div>
	</div>
</template>

<script setup>

import vueFlow from '@/views/process/processConfig/vueFlow.vue'
const title = ref('')
onMounted(() => {
	
})
</script>

<style lang="scss" scoped>
.processChart {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	.from {
		width: 400px;
		background: #fff;
		border-radius: 5px;
		padding: 20px;
	}
	.content {
		width: calc(100% - 420px);
		border-radius: 5px;
		padding: 20px;
		background: #fff;
	}
}
.chart-warp {
	height: calc(100vh - 280px);
}

</style>
<style>

</style>