shalu-agent-workflow/apps/web/src/layouts/MainLayout.vue

<template>
	<el-container style="height: 100vh">
		<el-aside width="220px">
			<Sidebar />
		</el-aside>

		<el-container>
			<el-header
				style="
					height: 64px;
					display: flex;
					align-items: center;
					padding: 0 16px;
					justify-content: space-between;
				"
			>
				<div style="display: flex; align-items: center; gap: 12px">
					<div style="font-weight: 700; font-size: 18px">n8n</div>
					<div style="color: #888; font-size: 13px">概述</div>
				</div>

				<div style="display: flex; align-items: center; gap: 12px">
					<el-button type="primary" size="small">创建工作流程</el-button>
				</div>
			</el-header>

			<el-main style="padding: 16px; overflow: auto">
				<router-view />
			</el-main>
		</el-container>
	</el-container>
</template>
<script setup lang="ts">
import Sidebar from '@/components/Sidebar.vue'
</script>

<style lang="less" scoped></style>