Procházet zdrojové kódy

解决vxe表格有fixed属性和横向滚动条同时存在的情况下的 表格横向线不对其串行现象

zy před 5 měsíci
rodič
revize
9722486e69

+ 3 - 0
cpp-ui/src/assets/styles/vxe-table.scss

@@ -3,6 +3,9 @@
     max-height: 36vh !important;
     overflow-y: auto;
   }
+  .vxe-table--render-default .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper {
+    max-height: calc(36vh - 6px) !important;
+  }
 }
 
 /*vxe表格*/

+ 2 - 2
cpp-ui/src/views/stationDataQuery/nwpdata/index.vue

@@ -34,7 +34,7 @@
       <div style="display: flex">
       <div style="float:left;width: 95%;height: 350px" id="fscharts" ></div>
       </div>
-      <div>
+      <div class="vxe-max-height-65vh">
           <vxe-table
             highlight-hover-row
             :keep-source="true"
@@ -75,7 +75,7 @@
             :current-page.sync="currentPage"
             :page-size.sync="pageSize"
             :total="total"
-            :page-sizes=[10,50,100]
+            :page-sizes=[7,10,50,100]
             :layouts="['PrevJump', 'PrevPage','JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']"
             @page-change="handlePageChange"
           >

+ 2 - 1
cpp-ui/src/views/stationDataQuery/windtowerstatusdata/index.vue

@@ -39,6 +39,7 @@
       </div>
 
       <div class="vxe-max-height-65vh">
+<!--        <div>-->
         <vxe-table
           highlight-hover-row
           :keep-source="true"
@@ -49,7 +50,7 @@
           highlight-current-row
           border
           resizable
-          show-overflow
+          :scroll-y="{mode:'wheel'}"
           :data="tableData.slice((currentPage-1) * pageSize,currentPage * pageSize)">
           <vxe-table-column field="stationCode" title="场站名称" :formatter="stationCodeFormat" width="200px"
                             fixed="left"></vxe-table-column>