| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <!-- 表格 --> |
|---|
| | | <el-table ref="multipleTable" v-loading="tableLoading" :border="border" :data="tableData" |
|---|
| | | <el-table ref="multipleTable" v-loading="tableLoading" element-loading-text="加载中..." |
|---|
| | | element-loading-spinner="el-icon-loading" :border="border" :data="tableData" |
|---|
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" :height="height" |
|---|
| | | :highlight-current-row="highlightCurrentRow" :row-class-name="rowClassName" :row-style="rowStyle" |
|---|
| | | :row-key="rowKey" :span-method="spanMethod" :stripe="stripe" style="width: 100%" tooltip-effect="dark" |
|---|
| | |
|---|
| | | this.doLayout(); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | updated() { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.multipleTable.doLayout(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.calculateSpanInfo(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | doLayout() { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.multipleTable && this.$refs.multipleTable.doLayout(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getWidth(row, row0) { |
|---|
| | | let count = 0; |
|---|
| | | row.forEach((a) => { |
|---|
| | |
|---|
| | | if (!linkEvent) { |
|---|
| | | return this.$message.warning("请配置lingk事件"); |
|---|
| | | } |
|---|
| | | console.log(linkEvent); |
|---|
| | | linkEvent.vueComponent[linkEvent.method](row); |
|---|
| | | }, |
|---|
| | | // 合并单元格 |
|---|
