//审批记录
<template>
  <div
    class="allHome"
    :style="{
      '--outHeight': `${outHeight}px`,
    }"
  >
    <ht-Opinion :flowData="params"></ht-Opinion>
  </div>
</template>

<script>
  export default {
    name: 'ApprovalRecords',
    props: {
      instId: String,
      taskId: String,
      referOpinion: {
        type: Boolean,
        default: false,
      },
      nodeType: String,
      defId: String,
      nodeId: String,
      outHeight: Number,
    },
    data() {
      return {
        params: {
          instId: this.instId,
          taskId: this.taskId,
          referOpinion: this.referOpinion,
          nodeType: this.nodeType,
          defId: this.defId,
          nodeId: this.nodeId,
        },
      }
    },
    methods: {},
  }
</script>

<style lang="scss" scoped>
  .allHome {
    overflow-y: auto;
    background: #fff;
    padding: 16px;
    border-radius: 0 !important;
    width: calc(100% - 32px);
    height: calc(#{$vh} - var(--outHeight));
  }
</style>