feat: form 组件样式调整

lib/saas/view/service/list-table.vue

@@ -15,8 +15,6 @@
   import { tableProps } from '/nerv-lib/component/table/props';
   import { PropTypes } from '/nerv-lib/util/type';
   import { cloneDeep, get, isArray } from 'lodash-es';
-  tableProps.expand = PropTypes.bool.def(false);
-
   export default defineComponent({
     name: 'NsViewListTable',
     props: {
@@ -104,46 +102,62 @@
 <style lang="less" scoped>
   //关闭 sticky 模式 底部滚动条
   @gap: 16px;
-  @border-gap: @gap solid #e5ebf0;
-  :deep(.ns-table-container) {
-    // border-top: @border-gap;
-    .ns-table-search {
-      border-radius: @ns-border-radius;
-    }
-  }
+  @border-gap: @gap solid @ns-content-bg;
 
-  :deep(.ns-table) {
-    .ns-part-tree {
-      border-right: @border-gap;
-      height: calc(100vh - 158px);
-    }
-    .ns-table-main {
-      padding: 0px @gap;
-      border-top: @border-gap;
-      // margin: 16px;
-      // background-color: #fff;
-    }
-    .ns-table-search {
-      padding: @gap @gap 0;
-      // margin: 16px;
-      background: #fff;
-      // border-width: 16px 0 16px 0px;
-      // border-color: #e5ebf0;
-      // border-style: solid;
-      // border-top: 16px solid #e5ebf0;
-    }
-    .ns-table-header {
-      // position: sticky;
-      z-index: 3;
-      top: 0;
-      left: 0;
-      background-color: @white;
-    }
-    .ant-table-sticky-scroll {
-      display: none !important;
-    }
-    .ns-basic-table {
-      padding-top: @gap;
+  // 以防样式串
+  .ns-list-table:not(.ant-drawer-body > *):not(.ant-form > *) {
+    height: 100%;
+    background-color: @ns-content-bg;
+    :deep(.ns-table) {
+      height: inherit;
+      .ns-table-container,
+      .ns-part-tree,
+      .ant-spin-container {
+        height: inherit;
+      }
+
+      .ns-part-tree,
+      .ns-table-search,
+      .ns-table-main {
+        background-color: @white;
+        border-radius: @ns-border-radius;
+        box-shadow: @ns-content-box-shadow;
+      }
+
+      .ns-table-container {
+        gap: @ns-gap;
+      }
+      .ns-part-tree {
+      }
+      .ns-part-table {
+        border-radius: @ns-border-radius;
+      }
+      .ns-table-main {
+        padding: 0px @gap;
+        margin-top: @ns-gap;
+        background-color: @white;
+        box-shadow: @ns-content-box-shadow;
+
+        // border-top: @border-gap;
+        // margin: 16px;
+        // background-color: #fff;
+      }
+      .ns-table-search {
+        padding: @gap @gap 0;
+      }
+      .ns-table-header {
+        // position: sticky;
+        z-index: 3;
+        top: 0;
+        left: 0;
+        background-color: @white;
+      }
+      .ant-table-sticky-scroll {
+        display: none !important;
+      }
+      .ns-basic-table {
+        padding-top: @gap;
+      }
     }
   }