<template>
  <el-container>
    <el-header>
      <layout-header v-model="activeSelect" @publish="publishProcess" @preview="preview"></layout-header>
    </el-header>
    <div class="layout-body">
      <form-base-setting ref="baseSetting" v-show="activeSelect === 'baseSetting'"/>
      <process-design ref="processDesign" v-show="activeSelect === 'processDesign'"/>
    </div>
  </el-container>
</template>
<script>
import LayoutHeader from './LayoutHeader'
import FormBaseSetting from '@/views/flow/definition/design/layout/FormBaseSetting'
import ProcessDesign from '@/views/flow/definition/design/layout/ProcessDesign'

export default {
  name: 'FormProcessDesign',
  components: { LayoutHeader, FormBaseSetting, ProcessDesign },
  data() {
    return {
      isNew: true,
      validStep: 0,
      timer: null,
      activeSelect: 'baseSetting',
      validVisible: false,
      validResult: {},
      validOptions: [
        { title: '基础信息', description: '', icon: '', status: '' },
        { title: '审批流程', description: '', icon: '', status: '' }
      ],
      validComponents: ['baseSetting', 'processDesign']
    }
  },
  computed: {},
  created() {

  },
  beforeDestroy() {
  },
  methods: {
    preview() {
      /* this.validateDesign() */
    },
    publishProcess() {
      /* this.validateDesign() */
    },
  }
}
</script>

