Explorar o código

fix: 流程drawer编辑 conditionList 条件编辑 问题修复

lanceJiang hai 6 meses
pai
achega
7c400f56ee
Modificáronse 1 ficheiros con 8 adicións e 5 borrados
  1. 8 5
      src/views/flow/create/components/FlowDesign.vue

+ 8 - 5
src/views/flow/create/components/FlowDesign.vue

@@ -1,5 +1,5 @@
 <script setup name="FlowDesign">
-import { onMounted, ref } from 'vue'
+import { onMounted, ref, computed } from 'vue'
 import { ElMessageBox } from 'element-plus'
 
 import ScWorkflow from '@/components/scWorkflow'
@@ -10,7 +10,7 @@ import { copyText } from '@/utils'
 import { getNodeKey } from '@/utils/workflow'
 import MonacoEditor from '@/components/MonacoEditor'
 const flowStore = useFlowStore()
-const { modelContent } = storeToRefs(flowStore)
+const { modelContent, processForm } = storeToRefs(flowStore)
 
 const formRef = ref()
 const drawer = ref(false)
@@ -32,7 +32,11 @@ const createConfigStart = () => {
 let form = ref({
 	processConfig: createConfigStart()
 })
-
+const localProcessForm = computed(() => {
+	return JSON.parse(processForm.value)
+	// console.error(info, 'info', typeof processForm.value)
+	// return info
+})
 // 接口保存审批流程
 const saveDesign = json => {
 	modelContent.value = JSON.stringify(form.value.processConfig)
@@ -99,8 +103,7 @@ defineExpose({
 		<div style="z-index: 999" class="fixed top-44 right-48">
 			<el-button type="primary" @click="openDrawerEv"> 查看/导入 JSON </el-button>
 		</div>
-
-		<ScWorkflow v-model="form.processConfig"></ScWorkflow>
+		<ScWorkflow v-model="form.processConfig" :processForm="localProcessForm"></ScWorkflow>
 
 		<el-dialog v-if="drawer" v-model="drawer" class="le-dialog" size="600px" :append-to-body="true" title="查看JSON" destroy-on-close>
 			<MonacoEditor v-model="jsonFormat" height="400px" />