<template>
    <el-table
        :data="tableData"
        :span-method="objectSpanMethod"
        :header-cell-style="{ background: '#e1e4e5',color: '#2b2b2b', lineHeight: '30px' }"
        class="table"
        style="width: 100%;"
        height="100%"
    >
        <el-table-column
            v-for="(item,index) in tableHeader"
            :key="index"
            prop="cCADID"
            :label="item"
            align="left"
        >
        </el-table-column>
        <el-table-column
            label="操作"
            align="left"
        >
            <template slot-scope="scope">
                <el-button slot="reference" size="mini" icon="el-icon-delete"
                           @click="deleteObject(scope.$index, scope.row)"/>
            </template>
        </el-table-column>
    </el-table>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";

@Component({
    name: 'relation-table'
})
export default class extends Vue {

    @Prop({default:Array}) tableHeader?:[]
    @Prop({default:Array}) tableData?:[]

    objectSpanMethod() {

    }

    deleteObject() {

    }
}
</script>

<style scoped>

</style>
