aizuda-web-vue3/src/components/scWorkflow/nodes/addNode.vue

<template>
	<div class="add-node-btn-box">
		<div class="add-node-btn">
			<el-popover placement="right-start" :width="270" trigger="click" :hide-after="0" :show-after="0">
				<template #reference>
					<el-button type="primary" icon="plus" circle></el-button>
				</template>
				<div class="add-node-popover-body">
					<ul>
						<li>
							<el-icon style="color: #ff943e" @click="addType(1)"><user-filled /></el-icon>
							<p>审批节点</p>
						</li>
						<li>
							<el-icon style="color: #3296fa" @click="addType(2)"><promotion /></el-icon>
							<p>抄送节点</p>
						</li>
						<li>
							<el-icon style="color: #15bc83" @click="addType(4)"><share /></el-icon>
							<p>条件分支</p>
						</li>
					</ul>
				</div>
			</el-popover>
		</div>
	</div>
</template>

<script>
export default {
	props: {
		modelValue: { type: Object, default: () => {} }
	},
	data() {
		return {}
	},
	mounted() {},
	methods: {
		addType(type) {
			var node = {}
			if (type == 1) {
				node = {
					nodeName: '审核人',
					type: 1, //节点类型
					setType: 1, //审核人类型
					nodeUserList: [], //审核人成员
					nodeRoleList: [], //审核角色
					examineLevel: 1, //指定主管层级
					directorLevel: 1, //自定义连续主管审批层级
					selectMode: 1, //发起人自选类型
					termAuto: false, //审批期限超时自动审批
					term: 0, //审批期限
					termMode: 1, //审批期限超时后执行类型
					examineMode: 1, //多人审批时审批方式
					directorMode: 0, //连续主管审批方式
					childNode: this.modelValue
				}
			} else if (type == 2) {
				node = {
					nodeName: '抄送人',
					type: 2,
					userSelectFlag: true,
					nodeUserList: [],
					childNode: this.modelValue
				}
			} else if (type == 4) {
				node = {
					nodeName: '条件路由',
					type: 4,
					conditionNodes: [
						{
							nodeName: '条件1',
							type: 3,
							priorityLevel: 1,
							conditionMode: 1,
							conditionList: []
						},
						{
							nodeName: '条件2',
							type: 3,
							priorityLevel: 2,
							conditionMode: 1,
							conditionList: []
						}
					],
					childNode: this.modelValue
				}
			}
			this.$emit('update:modelValue', node)
		}
	}
}
</script>

<style></style>