[kylin] 06/12: KYLIN-5483 support IE

[xx...@apache.org]

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 <la...@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>