修改

dsk-operate-ui/src/assets/styles/index.scss

@@ -360,7 +360,7 @@ li {
     }
     .is-scrolling-left + .el-table__fixed,
     .is-scrolling-middle + .el-table__fixed,
-    .is-scrolling-right + .el-table__fixed {
+    .is-scrolling-right + .el-table__fixed,.el-table__fixed-right {
       box-shadow: 2px 0 8px -7px #202020;
       height: auto !important;
       bottom: 16px !important;
@@ -416,13 +416,13 @@ li {
     ::-webkit-scrollbar-track-piece {
       //滚动条凹槽的颜色，还可以设置边框属性
       background-color: #f3f4f5;
-      height: 6px;
+      height: 16px;
       padding: 0 4px;
     }
     //滚动条的宽度
     ::-webkit-scrollbar {
       width: 8px;
-      height: 6px;
+      height: 16px;
       background-color: #f3f4f5;
       border-radius: 6px;
     }
@@ -591,7 +591,7 @@ li {
           height: 8px;
         }
         .el-scrollbar__thumb {
-          background: rgba(98, 110, 126, 0.4);
+          background: rgba(0,0,0,.2);
           &:hover {
             background: #566380;
           }

dsk-operate-ui/src/assets/styles/project.scss

@@ -1234,7 +1234,7 @@
       border-radius: 0;
     }
     &::-webkit-scrollbar-thumb {
-      background-color: rgba(98, 110, 126, 0.2);
+      background: rgba(0,0,0,.2);
       border: 4px solid #f3f4f5;
       border-radius: 10px;
     }
@@ -1261,7 +1261,7 @@
     border-radius: 8px;
     height: 8px;
     margin: 0 4px;
-    background: rgba(98, 110, 126, 0.2);
+    background: rgba(0,0,0,.2);
     border: 4px solid #f3f4f5;
     &:hover {
       background: #566380;

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

@@ -19,7 +19,7 @@
         </div>
         <div class="right-table" ref="rightTable">
           <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
-          <div class="table-item">
+          <div  class="table-item">
             <el-table
               v-if="!isSkeleton"
               element-loading-text="Loading"
@@ -32,7 +32,7 @@
               border
               highlight-current-row
             >
-              <el-table-column label="序号" width="60" align="left" prop="index"></el-table-column>
+              <el-table-column label="序号" width="60" align="left" prop="index" fixed="left"></el-table-column>
               <el-table-column label="编码" width="130" prop="code"></el-table-column>
               <el-table-column label="名称" width="230" prop="expenseName"></el-table-column>
               <el-table-column label="清单" width="110" prop="expenseCategoryTag"></el-table-column>
@@ -361,10 +361,15 @@ export default {
         .color2{
           background: #FFFFFF;
         }
+        th.gutter:last-of-type {
+          display: block!important;
+          width: 16px!important;
+        }
         .el-table__fixed-right {
           z-index: 9;
           right: 16px !important;
-          bottom: 15px !important;
+          bottom: 16px !important;
+          height: calc(100% - 16px) !important;
           .el-table__fixed-header-wrapper {
             position: absolute;
           }
@@ -380,14 +385,56 @@ export default {
         }
         // 自动适配下 减去滚动条高度
         .el-table__fixed {
-          height: calc(100% - 15px) !important;
-        }
-        .el-table__fixed-right {
-          height: calc(100% - 15px) !important;
+          height: calc(100% - 16px) !important;
         }
         .el-table__fixed-body-wrapper {
           .el-table__body {
-            padding-bottom: 10px!important;
+            padding-bottom: 16px!important;
+          }
+        }
+        .el-table__body-wrapper {
+          &::-webkit-scrollbar {
+            width: 16px; //竖轴宽度
+            height: 16px; //横轴宽度
+          }
+        }
+        .el-table__fixed-body-wrapper .el-table__body {
+          padding-bottom: 16px; // 滚动条高度
+        }
+        ::-webkit-scrollbar-track-piece {
+          //滚动条凹槽的颜色，还可以设置边框属性
+          background-color: #f3f4f5;
+          height: 16px;
+          padding: 0 4px;
+        }
+        //滚动条的宽度
+        ::-webkit-scrollbar {
+          width: 16px;
+          height: 16px;
+          background-color: #f3f4f5;
+          border-radius: 6px;
+        }
+        //滚动条的滑块
+        ::-webkit-scrollbar-thumb {
+          border-radius: 8px;
+          height: 8px;
+          margin: 0 4px;
+          background: rgba(0,0,0,.2);
+          border: 4px solid #f3f4f5;
+          &:hover {
+            background: #7d7d7d;
+          }
+        }
+        .el-scrollbar {
+          height: 16px;
+          .el-scrollbar__bar.is-horizontal {
+            height: 8px;
+          }
+          .el-scrollbar__thumb {
+            background: rgba(98, 110, 126, 0.4);
+            &:hover {
+              background: #566380;
+            }
           }
         }
       }