hy-vue/src/views/activiti/form/ProcessMaterialWarehousing.vue

<template>
  <a-card :bordered="false" style="text-align: center">

    <a-tabs>
      <a-tab-pane tab="流程正文" key="1" forceRender>
        <process-material-warehousing-form :isNew="isNew" :processData="processData" :disabled="disabled"
                                           @afterSubmit="afterSub" @close="close" :task="task" @passTask="passTask"
                                           @backTask="backTask" @loadData="loadData" :isPlanType="isPlanType"
                                           :isSourceCapital="isSourceCapital" :itemId="itemId"/>
      </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-tab-pane tab="制式表格" key="4" forceRender v-if="isTable">
        <process-material-warehousing-statement :isTable="isTable" :materWared="this.$route.query.item"/>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
  import ProcessMaterialWarehousingForm from './ProcessMaterialWarehousingForm'
  import historicPictrue from '../historicPictrue'
  import historicDetail from '../historicDetail'
  import ProcessMaterialWarehousingStatement from '../../accessrecords/statement/ProcessMaterialWarehousingStatement'
  export default {
    name: 'ProcessMaterialsReturn',
    components: { ProcessMaterialWarehousingForm, historicPictrue, historicDetail ,ProcessMaterialWarehousingStatement},
    data() {
      return {}
    },
    props: {
      /*流程数据*/
      isNew: { type: Boolean, default: false, required: false },
      task: { type: Boolean, default: false, required: false },
      isTable:{type: Boolean, default: false, required: false},
      /*采购类型*/
      isPlanType: {type: Boolean, default: false, required: false},
      /*资金来源*/
      isSourceCapital:{type: Boolean, default: false, required: false},
      itemId:{type:String,default:'',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
      }
    },
    created() {
      console.log(this.itemId,"this.itemId")
      this.$route.query.item=this.itemId
    },
    methods: {
      afterSub(formData) {
        this.$emit('afterSubmit', formData)
      },
      close() {
        //todo 关闭后的回调
        this.$emit('close')
      },
      /*通过审批*/
      passTask() {
        this.$emit('passTask')
      },
      /*驳回审批*/
      backTask() {
        this.$emit('backTask')
      },
      loadData() {
        this.$emit('loadData')
      }
    }
  }
</script>

<style scoped>

</style>