MergeTable.vue 938 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <div class="workspace-merge-table">
  3. <el-table :data="tableData" header-row-class-name="custom-table-header" @expand-change="expandChange" >
  4. <el-table-column type="expand">
  5. <template slot-scope="props">
  6. <common-table :data="showData[props.row.index]" :params="params" :field="field" @option="handleOption" />
  7. </template>
  8. </el-table-column>
  9. <el-table-column v-for="column in columnList" :label="column.label" :prop="column.prop" show-overflow-tooltip></el-table-column>
  10. </el-table>
  11. </div>
  12. </template>
  13. <script>
  14. import commonTable from './commonTable.vue';
  15. export default {
  16. components: {
  17. commonTable
  18. },
  19. props: {
  20. params: Object,
  21. field: []
  22. },
  23. data() {
  24. return {
  25. columnList:[]
  26. };
  27. },
  28. watch: {},
  29. computed: {},
  30. created() {},
  31. mounted() {},
  32. methods: {
  33. expandChange(){
  34. },
  35. },
  36. };
  37. </script>
  38. <style lang="scss" scoped>
  39. </style>