This is an automated email from the ASF dual-hosted git repository. xxyu pushed a commit to branch kylin5 in repository https://gitbox.apache.org/repos/asf/kylin.git
commit 2794384883b95687e584caa6c963ca5c4d072c9e Author: Qian Xia <lauraxiaq...@gmail.com> AuthorDate: Fri Mar 24 17:36:32 2023 +0800 KYLIN-5483 support IE --- .../components/studio/StudioModel/DimensionsModal/index.vue | 6 +++++- .../StudioModel/ModelList/ModelAggregate/indexDetails.vue | 13 ++++++++++++- 2 files changed, 17 insertions(+), 2 deletions(-) diff --git a/kystudio/src/components/studio/StudioModel/DimensionsModal/index.vue b/kystudio/src/components/studio/StudioModel/DimensionsModal/index.vue index 6e6ffdf5af..5ed456fb2d 100644 --- a/kystudio/src/components/studio/StudioModel/DimensionsModal/index.vue +++ b/kystudio/src/components/studio/StudioModel/DimensionsModal/index.vue @@ -114,9 +114,10 @@ </div> <el-table v-if="table.show || isGuideMode" + :ref="table.guid" :class="[flattenLookupTables.includes(table.alias) && 'is-disabled']" :row-class-name="(para) => tableRowClassName(para, table)" - :data="table.columns" :ref="table.guid" + :data="table.columns" @row-click="(row) => {rowClick(row, table.guid)}" @select-all="(selection) => {selectionAllChange(selection, table.guid)}" @select="(selection, row) => {selectionChange(selection, row, table.guid)}"> @@ -762,6 +763,9 @@ export default class DimensionsModal extends Vue { toggleTableShow (table) { table.show = !table.show this.renderTableColumnSelected(table) + this.$nextTick(() => { + this.$refs[table.guid] && this.$refs[table.guid][0].doLayout() + }) } // 单个表渲染已选择的行 renderTableColumnSelected (table) { diff --git a/kystudio/src/components/studio/StudioModel/ModelList/ModelAggregate/indexDetails.vue b/kystudio/src/components/studio/StudioModel/ModelList/ModelAggregate/indexDetails.vue index 4b181bca0c..cd7d4294b3 100644 --- a/kystudio/src/components/studio/StudioModel/ModelList/ModelAggregate/indexDetails.vue +++ b/kystudio/src/components/studio/StudioModel/ModelList/ModelAggregate/indexDetails.vue @@ -16,7 +16,7 @@ <span><el-tooltip :content="$t('modifiedTime')" placement="top"><i class="el-icon-ksd-type_time"></i></el-tooltip> {{cuboidDetail.modifiedTime || showTableIndexDetail.modifiedTime}}</span> </div> <template v-if="detailType === 'aggDetail'"> - <el-table class="cuboid-content" :data="cuboidDetail.cuboidContent" size="small" border> + <el-table ref="aggTableDetails" class="cuboid-content" :data="cuboidDetail.cuboidContent" size="small" border> <el-table-column type="index" :label="$t('order')" width="64"> </el-table-column> <el-table-column prop="content" show-overflow-tooltip :label="$t('content')"> @@ -49,6 +49,7 @@ <div v-else> <el-table size="small" + ref="indexTableDetails" :data="showTableIndexDetail.renderData" border class="table-index-detail"> <!-- <el-table-column @@ -174,6 +175,16 @@ export default class indexDetails extends Vue { // this.$emit('close') this.resetDetail() } + + mounted () { + this.$nextTick(() => { + if (this.detailType === 'aggDetail') { + this.$refs.aggTableDetails && this.$refs.aggTableDetails.doLayout() + } else { + this.$refs.indexTableDetails && this.$refs.indexTableDetails.doLayout() + } + }) + } } </script>