20260808172837

code/fms/fms-vue/src/components/fms-table/FmsTable.vue

@@ -503,7 +503,7 @@ defineExpose({
       :no-data-full="noDataFull"
       :show-overflow="showOverflow"
       :area-selection="editable"
-      :bordered="'h'"
+      :bordered="false"
       @area-selection-change="handleAreaSelectionChange"
       @row-order-change="handleRowOrderChange"
     >
@@ -521,7 +521,14 @@ defineExpose({
 </template>
 
 <style scoped>
-.fms-table,
+.fms-table {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #e8e8f4;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
 .fms-table__inner {
   width: 100%;
   height: 100%;
@@ -539,6 +546,30 @@ defineExpose({
   }
 }
 
+/*
+ * 边框由纯 CSS solid border 实现（不用 stk-table 的渐变），彻底避免渐变叠加和粗细不一致问题。
+ * stk-table bordered=false — 不做任何边框绘制。
+ * 外层 .fms-table div — 圆角外框（border）。
+ * 单元格 border-bottom — 行列间的横线。
+ * 最后一行 tbody tr — 去掉 border-bottom（避免与 div bottom border 重叠）。
+ */
+.fms-table__inner.stk-table {
+  th,
+  td {
+    border-bottom: 1px solid #e8e8f4;
+  }
+
+  // 表头底部用稍粗的线或同色线均可，这里保持一致
+  thead th {
+    border-bottom-color: #e8e8f4;
+  }
+
+  // 最后一行不画底线，由外层 div 的 border-bottom 统一表现
+  .stk-tbody-main tr:last-child td {
+    border-bottom: none;
+  }
+}
+
 .fms-checkbox {
   display: flex;
   align-items: center;