<script>

export default {
  name: "approvalInformation",

  props: {
    dataList: {
      type: Array,
      default: () => [],
    },
    height: {
      type: [String,Number],
      default: 300
    },
  },

  model: {
    prop: "dataList",
    event: "change"
  },

  data () {
    return {
      attributeDialog: true,
      copyAttributeList: [],
      attributeSaveDialog: false,
      approvalColumnList: [
        // {
        //   columnProp: 'classificationNo',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '流程分类编码',
        //   columnHidden: false,
        //   columnImage: false,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 120
        // },
        {
          columnProp: 'nodeName',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '节点名称',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 200
        },
        {
          columnProp: 'rejectFlagDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '是否被驳回',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          columnProp: 'rejectNodeName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '被驳回节点名称',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 200
        },
        {
          columnProp: 'nodeConclusionDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '节点结论',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          columnProp: 'updateDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '审批时间',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 170
        },
        {
          columnProp: 'updateBy',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '审批人员',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          columnProp: 'rejectOpinion',
          headerAlign: 'center',
          align: 'left',
          columnLabel: '驳回意见',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
          columnWidth: 300
        },
      ],
      searchDataList: [],
    }
  },
  methods:{

  },
}
</script>

<template>
<div>
  <el-table
    :data="dataList"
    :height="height"
    border
    ref="approvalTable"
    style="width: 100%;">
    <el-table-column
      v-for="(item,index) in approvalColumnList" :key="index"
      :sortable="item.columnSortable"
      :prop="item.columnProp"
      :header-align="item.headerAlign"
      :show-overflow-tooltip="item.showOverflowTooltip"
      :align="item.align"
      :fixed="item.fixed === '' ? false : item.fixed"
      :min-width="item.columnWidth"
      :label="item.columnLabel">
      <template slot-scope="scope">
        <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
        <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>

<style scoped>

</style>
