Browse Source

流程开始添加form

asd26269546 1 năm trước cách đây
mục cha
commit
aa469cec22
1 tập tin đã thay đổi với 31 bổ sung1 xóa
  1. 31 1
      src/views/process/processConfig/vueFlow.vue

+ 31 - 1
src/views/process/processConfig/vueFlow.vue

@@ -42,6 +42,30 @@
 			</el-button>
 		</template>
 	</el-dialog>
+	<el-dialog
+		title="节点信息配置"
+		v-model="startModalType"
+		width="500"
+		v-loading="loading"
+	>
+		<div>
+			节点后执行方法
+			<el-input style="margin-top:10px" v-model="handlingMethod"></el-input>
+		</div>
+		<template #footer>
+			<el-button @click="startModalType = false" size="large"
+				>取 消</el-button
+			>
+			<el-button
+				type="primary"
+				@click="startModalType = false"
+				size="large"
+				:loading="submitLoading"
+			>
+				确 定
+			</el-button>
+		</template>
+	</el-dialog>
 </template>
 <script lang="ts" setup>
 import {
@@ -94,6 +118,8 @@ const formData = reactive({
 		password: '',
 	},
 })
+const startModalType = ref(false)
+const handlingMethod = ref('')
 const byform = ref(null)
 const flowDefinitionNodeObj = ref({})
 const rules = reactive({
@@ -302,6 +328,7 @@ const submitAll = () => {
 				id: 1,
 				parentId: 0,
 				nodeButtonSet:[1],
+				handlingMethod:handlingMethod.value,
 			})
 		}
 		//说明是线
@@ -622,7 +649,10 @@ const antvInit = (data) => {
 	graph.on('cell:click', ({ e, x, y, cell, view }) => {
 		console.log(flowDefinitionNodeObj.value)
 		console.log(cell)
-		if (cell.shape === 'start-btn') return
+		if (cell.shape === 'start-btn'){
+			startModalType.value = true
+			return
+		}
 		if(cell.shape === 'end-btn' || cell.shape === 'edge') {
 			ElMessageBox.confirm("是否删除", "提示", {
 				confirmButtonText: "确定",