feat: 流程 - 基本信息 50%

src/views/flow/create/components/BasicInfo.vue

@@ -29,7 +29,7 @@ const flowInfo = ref({
 	processName: '', // 流程定义名称
 	displayName: '', // 流程显示名称
 	processIcon: 'https://lf3-ea.bytetos.com/obj/goofy/ee/approval/approval-admin/image/iconLib/v5/cart.svg', // 流程图标
-	categoryId: 0, // 流程组分类ID
+	categoryId: '', // 流程组分类ID
 	useScope: 0, // 使用范围 0，全员 1，指定人员（业务关联） 2，均不可提交
 	processActorList: [
 		{
@@ -100,13 +100,28 @@ const selectContentEv = item => {
 		nodeRoleList.value = item
 		const flag = !item.length
 		flowInfo.value.useScope = flag ? 0 : 1
-		flowInfo.value.processActorList = item.map(() => {
-			item['actorId'] = item.id
-			item['actorName'] = item.name
-			item['actorType'] = 0
-		})
+		let processActorList = []
+		for (let i in item) {
+			processActorList.push({
+				actorId: item[i].id,
+				actorName: item[i].name,
+				actorType: 0
+			})
+		}
+		flowInfo.value.processActorList = processActorList
 	} else {
+		let processPermissionList = []
+		for (let i in item) {
+			processPermissionList.push({
+				userId: item[i].id,
+				userName: item[i].name,
+				operateApproval: 0,
+				operateOwner: 0,
+				operateData: 0
+			})
+		}
 		nodeRoleManageList.value = item
+		flowInfo.value.processPermissionList = processPermissionList
 	}
 }
 
@@ -128,7 +143,7 @@ const updateRemoteCache = async () => {
 	try {
 		const params = processId.value ? { ...flowInfo.value, processId: processId.value } : flowInfo.value
 		const res = await process.progressCreateApi(params)
-		console.log(res, 'res====')
+		processId.value = res
 		console.log('updateRemoteCache 实际调用接口, params = ', params, new Date().getTime())
 	} catch (e) {
 		console.log(e)
@@ -198,7 +213,7 @@ watch(
 
 // 流程名称变化
 watch(
-	() => flowInfo.value.displayName,
+	() => flowInfo.value.processName,
 	newVal => {
 		flowName.value = newVal
 	}

src/views/flow/create/index.vue

@@ -38,7 +38,6 @@ import BasicInfoTab from './components/BasicInfo.vue'
 import ExtendSetTab from './components/ExtendSet.vue'
 import FlowDesignTab from './components/FlowDesign.vue'
 import FormDesignTab from './components/FormDesign.vue'
-import {storeToRefs} from "pinia";
 
 const flowStore = useFlowStore()
 const { flowName } = storeToRefs(flowStore)