fix bug 滚动条判断 固定列优化

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

 <template>
   <div class="custom-table-list-com-ins"
-    :class="{'is-empty-table' : !tableDataTotal,'no-pagination' : !hasQueryParams,'auto-max-height' : maxHeight,'has-y-Scroll' : maxHeight && hasYScroll}"
+    :class="{'is-empty-table' : !tableDataTotal,'no-pagination' : !hasQueryParams,'auto-max-height' : maxHeight,'has-y-scroll' : maxHeight && hasYScroll,'has-x-scroll' : maxHeight && hasXScroll}"
     :style="maxBodyFixedStyle">
     <div class="custom-table-item">
       <el-table v-if="tableDataTotal>0" class="custom-table" v-loading="comTableLoading" :data="tableData" element-loading-text="加载中"
@@ -160,6 +160,7 @@ export default {
       comMaxBodyHeight: 0,
       headerLastBlockHeight: 0,
       hasYScroll: false,
+      hasXScroll: false,
       observer: null,
       resizeTimer: null,
       comTableLoading: this.tableLoading
@@ -245,27 +246,32 @@ export default {
         }
         // 列表自适应高度
         this.comMaxHeight = containerMaxHeight ? `${containerMaxHeight}px` : null;
-        // 重新计算表格高度 减去滚动条高度差 16 - 6 有固定列的情况
+        // 重新计算表格高度 有横向滚动条则需要减去滚动条高度差 16 - 6 有固定列的情况
         if (containerMaxHeight) {
           /** 
            * @type {HTMLDivElement}
           */
-          const tableRightHeader = this.$el.querySelector(".el-table__fixed-header-wrapper");
-          if (tableRightHeader) {
-            const headerHeight = parseInt(window.getComputedStyle(tableRightHeader).height);
+          const tableFixedHeader = this.$el.querySelector(".el-table__fixed-header-wrapper");
+          if (tableFixedHeader) {
+            const headerHeight = parseInt(window.getComputedStyle(tableFixedHeader).height);
+            // 未自适应下 正常表主体
+            const defaultTableBody = this.$el.querySelector(".el-table__body-wrapper");
+            // 是否有横向滚动条
+            const _hasXScroll = defaultTableBody.clientWidth >= defaultTableBody.scrollWidth ? false : true;
             //原滚动条高度为6px 差 10px
-            const bodyMaxHeight = containerMaxHeight - headerHeight - 16;
+            const bodyMaxHeight = containerMaxHeight - headerHeight - (_hasXScroll ? 16 : 0);
             // console.log(bodyMaxHeight, "bodyMaxHeight");
             this.comMaxBodyHeight = bodyMaxHeight;
-            // 表体 判断是否有竖向滚动条 容器 bodyMaxHeight 整体 最大高度大于 内部列表高度 则没有滚动条
+            // 表体 判断是否有  横竖向滚动条 容器 bodyMaxHeight 整体 最大高度宽度大于 内部列表高度宽度 则没有滚动条
             const fixedTableBody = this.$el.querySelector(".el-table__fixed-body-wrapper");
-            // dom更新后 重新比较 高度
+            // dom更新后 重新比较 宽高度
             await this.$nextTick();
             // 拿到 固定列表体实际高度 包含滚动高度
             const fixedBodyHeight = fixedTableBody.scrollHeight;
             // console.log(bodyMaxHeight,"bodyMaxHeight");
             // console.log(parseFloat(fixedBodyHeight),"fixedBodyHeight");
             this.hasYScroll = bodyMaxHeight >= parseFloat(fixedBodyHeight) ? false : true;
+            this.hasXScroll = _hasXScroll;
           } else {
             // 没有固定列 正常情况下 计算默认header高度
             const defaultHeader = this.$el.querySelector(".el-table__header-wrapper");
@@ -278,6 +284,9 @@ export default {
       } catch (error) {
         console.log(error);
       }
+    },
+    getsSimulateScrollBar() {
+
     },
     pagingHandler(hasQueryParams, queryParams, scope) {
       // 有分页参数
@@ -355,10 +364,10 @@ export default {
         }
         // 自动适配下 减去滚动条高度
         .el-table__fixed {
-          height: calc(100% - 15px) !important;
+          height: calc(100%) !important;
         }
         .el-table__fixed-right {
-          height: calc(100% - 15px) !important;
+          height: calc(100%) !important;
         }
 
         // 重新计算隐藏列表高度 减去滚动条16px高度
@@ -369,7 +378,7 @@ export default {
     }
 
     // 是否存在Y轴滚动条
-    &.has-y-Scroll {
+    &.has-y-scroll {
       ::v-deep .custom-table-item {
         .el-table {
           /* 右侧fixed列 */
@@ -382,6 +391,18 @@ export default {
         }
       }
     }
+
+    // 是否存在X轴滚动条
+    &.has-x-scroll {
+      .el-table {
+        .el-table__fixed {
+          height: calc(100% - 15px) !important;
+        }
+        .el-table__fixed-right {
+          height: calc(100% - 15px) !important;
+        }
+      }
+    }
   }
 
   /* 不需要分页 或没有分页参数 */
@@ -453,6 +474,14 @@ export default {
       font-size: 14px;
       color: #232323;
 
+      .el-table-column--selection {
+        .cell {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+
       .cell {
         padding-right: 12px;
         padding-left: 12px;

dsk-operate-ui/src/views/projectCostLedger/detail/components/FeedSummary/index.vue

@@ -73,7 +73,7 @@
             <template slot="action-field-bar" slot-scope="scope">
               <div class="project-action-field-bar">
                 <span class="push-project-use" :class="{'is-emty-quantities' : !parseFloat(scope.row.quantities)}"
-                  @click="parseFloat(scope.row.quantities) ? pushProjectUse(scope.row) : ''">推送物资用量</span>
+                  @click="parseFloat(scope.row.quantities) ? pushProjectUse(scope.row) : ''">推送物资</span>
               </div>
             </template>
           </entity-materials-table>