<template>
  <a-card :bordered="false">

    <a-tabs  style="text-align: center">
      <a-tab-pane tab="流程正文" key="1" forceRender>
        <process-materials-delivery-form :isNew="isNew" :hieg="hieg" :processData="processData" :disabled="disabled" @afterSubmit="afterSub" @close="close" :task="task" @passTask="passTask" @backTask="backTask"/>
      </a-tab-pane>

      <a-tab-pane tab="流程节点图" key="2" forceRender>
        <historic-pictrue :pictureId="pictureId" :procInstId="procInstId" />
      </a-tab-pane>
      <a-tab-pane tab="审批历史" key="3" forceRender>
        <historic-detail :pictureId="pictureId" :procInstId="procInstId"/>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
  import ProcessMaterialsDeliveryForm from './ProcessMaterialsDeliveryForm'
  import historicPictrue from '../historicPictrue'
  import historicDetail from '../historicDetail'
  export default {
    name: 'ProcessMaterialsDelivery',
    components: {ProcessMaterialsDeliveryForm,historicPictrue, historicDetail},
    data() {
      return {
      }
    },
    props: {
      /*流程数据*/
      isNew: {type: Boolean, default: false, required: false},
      task: {type: Boolean, default: false, required: false},
      processData:{
        type:Object,
        default:()=>{return {}},
        required:false
      },
      pictureId: {
        type: String,
        default: '',
        required: true
      },
      procInstId: {
        type: String,
        default: '',
        required: true
      },
      disabled: {
        type: Boolean,
        default: false,
        required: false
      },
      hieg: {
        type: Boolean,
        default: true,
        required: false
      }
    },
        methods: {
      afterSub(formData){
        this.$emit('afterSubmit',formData)
      },
      close() {
        //todo 关闭后的回调
        this.$emit('close')
      },
      /*通过审批*/
      passTask() {
        this.$emit('passTask')
      },
      /*驳回审批*/
      backTask() {
        this.$emit('backTask')
      },
    },
  }
</script>

<style scoped>

</style>