<!--
@ 作者: 秦东
@ 时间: 2024-03-11 14:46:00
@ 备注: 工作流
-->
<script lang='ts' setup>
import { useStore } from '@/store/workflow/index' 
import { flowversion } from '@/api/workflowapi/types'
import { initializeWorkFlow,setWorkFlowData,gainFlowVersionList,saveFlowCont,gainFlowInfo,editFlowCont,saveNewFlow,switchFlowVersion } from '@/api/workflowapi/index'

import FlowImgSrc from '@/assets/images/3.png'

const props = defineProps({
	formKey:{
		type:String,
		default:""
	},
	state:{
		type:Object,
		default(){
			return {}
		}
	}
});

const emits = defineEmits<{
    (e: 'update:state', val: formStruct): void
	(e: 'judgeFormIsEdit', val: boolean): void
	(e: 'runNextWindows', val: number): void
	(e: 'closeFormPage'): void
}>()

const state =  computed({
	get() {
		return props.state
	},
	set(val: formStruct) {
		emits('update:state', val)
	}
});
const flowIsTrue = ref(false)

/**
@ 作者: 秦东
@ 时间: 2024-03-11 16:33:49
@ 功能: 开启流程
*/
const createFormFlow = () =>{
	flowIsTrue.value = true
}

</script>
<template>
	<div class="design_flow_work">
		<el-row v-if="flowIsTrue" >
			<el-col :span="24">1</el-col>
			<el-col :span="24">2</el-col>
		</el-row>
		<div v-else class="flow_work_begin">
			<el-result title="" sub-title="">
				<template #icon>
					流程可实现需要多人流转的业务场景。<br>绘制流程图，设定数据流转方式，即可搭建线上工作流。<br><br>
					<el-image
						:src="FlowImgSrc"
					/>
				</template>
				<template #extra>
					<el-button type="primary" @click="createFormFlow">开启流程</el-button>
				</template>
			</el-result>
		</div>
		
	</div>
</template>
<style  lang='scss' scoped>
.design_flow_work{
	height: calc(100vh - 40px);
    width: inherit;
	overflow: hidden;
	overflow-y: auto;
}
.flow_work_begin{
	height: calc(100vh - 40px);
	display: flex;
	align-items: center;
  	justify-content: center;
}
</style>
