<template>
  <el-dialog
    v-if="isProcessRecordDialog"
    top="10vh"
    width="80%"
    :title="$t('processRecord.ProcessingRecords')"
    append-to-body
    :visible.sync="isProcessRecordDialog"
    :close-on-click-modal="false"
  >
    <process-record
      :inst-id="instId"
      :task-id="taskId"
      :refer-opinion="referOpinion"
      :node-type="nodeType"
      :def-id="defId"
      :node-id="nodeId"
    />
  </el-dialog>
</template>

<script>
  /* eslint-disable */
  import ProcessRecord from '@/components/flow/processRecord.vue'
  export default {
    name: 'ProcessRecordDialog',
    components: { ProcessRecord },
    props: ['instId', 'taskId', 'referOpinion', 'nodeType', 'defId', 'nodeId'],
    data() {
      return {
        isProcessRecordDialog: false,
      }
    },
    methods: {
      handleOpen() {
        this.isProcessRecordDialog = true
      },
    },
  }
</script>

<style lang="scss" scoped></style>
