frontend/src/components/flow/FlowDesigner.vue

（开头部分） 21KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
	<div style="height: 60vh">
		<a-layout class="container">
			<a-layout-sider
        		v-show="needShow"
				width="200"
				theme="light"
				class="select-area">
				<a-row style="padding:5px">
					<a-checkable-tag v-model="tag.checked0" @change="toggleNodeShow0" class="tag">工具</a-checkable-tag>
					<div align="center">
						<a-list
							:grid="{ gutter: 8, column: 1 }"
							v-if="tag.toolShow">
							<a-list-item>
								<a-button-group>
									<a-button
										v-for="(tool, index) in field.tools"
										:key="index"
										:icon="tool.icon"
										:type="currentTool.type == tool.type ? 'primary': 'default'"
										@click="selectTool(tool.type)">
									</a-button>
								</a-button-group>
							</a-list-item>
						</a-list>
					</div>
				</a-row>
				<a-row style="padding:5px">
					<a-checkable-tag v-model="tag.checked1" @change="toggleNodeShow1" class="tag">基础节点</a-checkable-tag>
					<div align="center">
						<a-list
							:grid="{ gutter: 8, column: 2 }"
							v-if="tag.commonNodeShow">
							<a-list-item v-for="(commonNode, index) in field.commonNodes" :key="index">
								<div class="node-item" :type="commonNode.type" belongto="commonNodes">
									<a-icon :type="commonNode.icon" /> {{ commonNode.name }}
								</div>
							</a-list-item>
						</a-list>
					</div>
				</a-row>
				<a-row style="padding:5px">
					<a-checkable-tag v-model="tag.checked3" @change="toggleNodeShow3" class="tag">泳道节点</a-checkable-tag>
					<div align="center">
						<a-list
							:grid="{ gutter: 8, column: 2 }"
							v-if="tag.laneNodeShow">
							<a-list-item v-for="(laneNode, index) in field.laneNodes" :key="index">
								<div class="node-item" :type="laneNode.type" belongto="laneNodes">
									<a-icon :type="laneNode.icon" /> {{ laneNode.name }}
								</div>
							</a-list-item>
						</a-list>
					</div>
				</a-row>
			</a-layout-sider>
			<a-layout>
				<a-layout-header v-show="needShow" class="header-option" style="background-color:#fff;padding-right: 10px;">
					<a-popconfirm title="确认要重新绘制吗？" placement="bottom" okText="确认" cancelText="取消" @confirm="clear">
后面还有 687 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。