1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <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>
|