<template>
  <div>
    <Title title="审批意见" />
    <u--textarea
      v-model="textareaValue"
      placeholder="请输入内容"
      count
      height="105"
      @blur="handleBlur"
      :disabled="isDetail"
    />
    <Title title="审批记录" />
    <Steps :data="approvalRecordList" />
  </div>
</template>

<script>
import Steps from 'pages/component/Steps'
import { filterInput } from '@/utils/regular'

export default {
  props: {
    isDetail: {
      type: Boolean,
      default: false
    },
    isLeave: {
      type: Boolean,
      default: false
    },
    isSubcontractor: {
      type: Boolean,
      default: false
    },
    proId: {
      type: String | Number,
      default: ''
    },
    consUuid: {
      type: String | Number,
      default: ''
    },
    taskId: {
      type: String | Number,
      default: ''
    },
    approvalRecordList: {
      type: Array,
      default: () => []
    }
  },
  components: { Steps },
  data() {
    return {
      // 离场原因
      leaveValue: '',
      // 审批意见
      textareaValue: '',
      // 审批记录
      ApprovalRecordList: []
    }
  },
  mounted() {
    if (this.isSubcontractor) {
    }
  },
  methods: {
    handleBlur() {
      console.log('审批意见', this.textareaValue)
      this.textareaValue = filterInput(this.textareaValue)
      this.$emit('handleOpinion', { finalApproval: this.textareaValue })
    }
  }
}
</script>

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