容器自适应

dsk-operate-ui/src/components/TableListCom/index.vue

@@ -4,7 +4,7 @@
       <el-table v-if="tableDataTotal>0" class="fixed-table" :class="headerFixed ? 'headerFixed':''" v-loading="tableLoading" :data="tableData"
         element-loading-text="Loading" ref="tableRef" border fit highlight-current-row :default-sort="defaultSort?defaultSort:{}"
         @sort-change="sortChange" @selection-change="selectionChange" :cell-class-name="cellClassName" :cell-style="cellStyle"
-        :row-class-name="rowClassName" :row-style="rowStyle" :height="height" :maxHeight="maxHeight" v-sticky-header="stickyHeader">
+        :row-class-name="rowClassName" :row-style="rowStyle" :height="height" :maxHeight="comMaxHeight" v-sticky-header="stickyHeader">
         <el-table-column type="selection" :width="needSelection.width ? needSelection.width : '38px'" v-if="needSelection.flag"
           :fixed="needSelection.fixed" :align="needSelection.align" :show-overflow-tooltip="needSelection.showOverflowTooltip">
         </el-table-column>
@@ -80,7 +80,7 @@ export default {
       type: [String, Number]
     },
     maxHeight: {
-      type: [String, Number]
+      type: Boolean
     },
     isIndex: {
       type: Boolean,
@@ -168,7 +168,8 @@ export default {
   data() {
     return {
       current_page: this.queryParams.pageNum,
-      show_page: this.paging
+      show_page: this.paging,
+      comMaxHeight: null
     };
   },
   watch: {
@@ -177,9 +178,24 @@ export default {
     }
   },
   created() {
-
+    this.maxHeight ? this.maxHeightInit() : null;
   },
   methods: {
+    // 自适应当前容器
+    async maxHeightInit() {
+      try {
+        await this.$nextTick();
+        /** 
+         * @type {HTMLDivElement}
+        */
+        const container = document.querySelector(".table-list-com-ins .table-item");
+        if (container) {
+          this.comMaxHeight = `${container.offsetHeight}px`;
+        }
+      } catch (error) {
+
+      }
+    },
     handleCurrentChange(e) {
       if (this.MaxPage < e) {
         this.show_page = false;
@@ -262,10 +278,10 @@ export default {
     }
 
     .el-table {
-      height: auto;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
+      // height: auto;
+      // display: flex;
+      // flex-direction: column;
+      // align-items: center;
       .el-table__header-wrapper {
         min-height: 40px;
       }

dsk-operate-ui/src/views/consultingOrgManagement/components/EnterpriseList/detail/detailsOfCooperation.vue

@@ -53,7 +53,7 @@
         <skeleton v-if="tableLoading"></skeleton>
         <!-- table 列表 -->
         <table-list-com ref="tableContainer" :tableData="tableDataList" :formColum="formColum" :tableDataTotal="total" :queryParams="queryParams"
-          v-else-if="!tableLoading" :maxHeight="'100%'" @handle-current-change="handleCurrentChange">
+          v-else-if="!tableLoading" :maxHeight="true" @handle-current-change="handleCurrentChange">
           <!-- 项目列表 -->
           <template slot="projectName" slot-scope="{data,row}">
             <div v-if="row.projectName" class="no-line-feed ">{{row.projectName}}</div>

dsk-operate-ui/src/views/consultingOrgManagement/components/EnterpriseList/index.vue

@@ -36,7 +36,7 @@
       <skeleton v-if="tableLoading"></skeleton>
       <!-- table 列表 -->
       <table-list-com ref="tableContainer" :tableData="tableDataList" :formColum="formColum" :tableDataTotal="total" :queryParams="queryParams"
-        v-else-if="!tableLoading" :maxHeight="'100%'" @handle-current-change="handleCurrentChange">
+        v-else-if="!tableLoading" :maxHeight="true" @handle-current-change="handleCurrentChange">
         <!-- 咨询机构名称 -->
         <template slot="advisoryBodyName" slot-scope="{data,row}">
           <div v-if="row.advisoryBodyName" class="no-line-feed ">{{row.advisoryBodyName}}</div>

dsk-operate-ui/src/views/consultingOrgManagement/components/ProjectList/index.vue

@@ -71,7 +71,7 @@
       <skeleton v-if="tableLoading"></skeleton>
       <!-- table 列表 -->
       <table-list-com ref="tableContainer" :tableData="tableDataList" :formColum="formColum" :tableDataTotal="total" :queryParams="queryParams"
-        v-else-if="!tableLoading" :maxHeight="'100%'" @handle-current-change="handleCurrentChange">
+        v-else-if="!tableLoading" :maxHeight="true" @handle-current-change="handleCurrentChange">
         <!-- 项目列表 -->
         <template slot="projectName" slot-scope="{data,row}">
           <div v-if="row.projectName" class="no-line-feed" v-html="row.projectName">{{row.projectName}}</div>

dsk-operate-ui/src/views/detail/party-a/component/Tables.vue

@@ -175,6 +175,8 @@ export default {
   }
   ::v-deep .table-item {
     position: relative;
+    /* 留高度给骨架屏 */
+    min-height: 360px;
     .table-empty-container {
       position: absolute;
       display: flex;
@@ -184,8 +186,6 @@ export default {
       justify-content: center;
       box-sizing: border-box;
     }
-    /* 留高度给骨架屏 */
-    min-height: 360px;
     .el-table td.el-table__cell {
       border-bottom: 0;
     }