浏览代码

feat: 流程定义回显 - 动态表单开发回显 100%

luoyali 1 年之前
父节点
当前提交
3624cd23bb
共有 3 个文件被更改,包括 23 次插入7 次删除
  1. 1 3
      README.md
  2. 17 2
      src/views/flow/create/components/BasicInfo.vue
  3. 5 2
      src/views/flow/create/components/FormDesign.vue

+ 1 - 3
README.md

@@ -45,6 +45,4 @@
 	a. 关键词搜索 无效 [后端排查]
 	b. 流程组里面的流程实例排序 还未做 
 	c. 创建流程时,基本信息中的说明字段没有在详情接口中返回
-```angular2html
-
-```
+    d. 编辑流程,流程表单没有把值返回来

+ 17 - 2
src/views/flow/create/components/BasicInfo.vue

@@ -147,7 +147,22 @@ const getGroupList = async () => {
 }
 
 const initBaseicInfEv = item => {
-	flowInfo.value = item
+	item = {
+		processId: '1728240012964925441',
+		processForm:
+			'[{"type":"input","field":"userName","title":"输入框","info":"","$required":false,"_fc_drag_tag":"input","hidden":false,"display":true}]',
+		processKey: '003key',
+		processName: '003名称',
+		processIcon: 'https://lf3-ea.bytetos.com/obj/goofy/ee/approval/approval-admin/image/iconLib/v5/cart.svg',
+		categoryId: '1725778939021541378',
+		remark: '003说明',
+		useScope: 1,
+		processActorList: [{ actorId: '1705067852272607233', actorName: 'lanceJiang', actorType: 0 }],
+		processPermissionList: [{ userId: '1705067852272607233', userName: 'lanceJiang', operateApproval: 0, operateOwner: 0, operateData: 0 }]
+	}
+	const { processForm, ...rest } = item
+	flowInfo.value = rest
+	flowStore.setProcessForm(processForm)
 	// updateRemoteCache()
 	flowProcessId.value = queryObj.value.id // 赋值流程id
 	if (item.useScope === 1) {
@@ -228,7 +243,7 @@ const getCurrentProcessDetailEv = id => {
 	process.processDetailApi(id).then(res => {
 		const { processForm, ...rest } = res
 		initBaseicInfEv(rest)
-		flowStore.setProcessForm(processForm)
+		// flowStore.setProcessForm(processForm)
 	})
 }
 

+ 5 - 2
src/views/flow/create/components/FormDesign.vue

@@ -4,8 +4,11 @@ import useFlowStore from '@/store/modules/flow'
 import { storeToRefs } from 'pinia'
 import process from '@/api/flow/process'
 import { onMounted, computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
+const route = useRoute()
+
 const flowStore = useFlowStore()
-const { flowProcessId, basicInfo } = storeToRefs(flowStore)
+const { flowProcessId, basicInfo, processForm } = storeToRefs(flowStore)
 const designer = ref()
 const exportJsonEv = async json => {
 	console.log(json)
@@ -29,7 +32,7 @@ const queryObj = computed(() => route.query)
 
 onMounted(() => {
 	if (queryObj.value.id) {
-		designer.value.initData(flowStore.processForm.value)
+		designer.value.initForm(processForm.value)
 	}
 })
 </script>