@bit-sun/business-component 1.2.3 → 1.2.4-alpha.1

package/src/styles/bsDefault.less

@@ -0,0 +1,1907 @@
+@font-family: PingFangSC, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+// 字体大小
+@font-size-base: 14px;
+@height-base: 28px;
+@table-font-size: @font-size-base;
+@black: #2c2f2e;
+
+// query-table文字大小
+@form-item-label-font-size: 12px;
+@form-item-label-height: 16px;
+
+// 链接
+// @link-color: #1D92FE;
+@warning-color: #f9a742;
+@success-color: #00c276;
+@error-color: #e82d1e;
+
+// @layout-header-background: #f3f3f3;
+
+@layout-sider-background-light: #222224;
+@layout-sider-background: #222224;
+@menu-item-color: #ffffff;
+@menu-item-group-title-color: #ffffff;
+@menu-item-active-bg: rgba(65, 105, 225, 0.1);
+@primary-color: #005cff;
+@primary-color-hover: #8bc7ff;
+@menu-bg: #222224;
+
+
+.colorWeak {
+  filter: invert(80%);
+}
+
+.ant-layout {
+  min-height: 100vh;
+}
+
+canvas {
+  display: block;
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  // overflow-y: scroll;
+  :global {
+    .react-resizable {
+      position: relative;
+      background-clip: padding-box;
+    }
+
+    .react-resizable-handle {
+      position: absolute;
+      width: 10px;
+      height: 100%;
+      bottom: 0;
+      right: -5px;
+      cursor: col-resize;
+      z-index: 1;
+    }
+
+    .ant-page-header {
+      padding: 0 24px;
+      .ant-page-header-heading {
+        margin-top: 0px;
+      }
+    }
+
+    // 表格 共用样式 开始
+
+    // pro-table
+    .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-left {
+      // 处理pro-table的操作栏样式问题
+      display: none;
+    }
+
+    .sula-table-action-left {
+      display: none;
+    }
+
+    .ant-table.ant-table-middle .ant-table-container .ant-table-title,
+    .ant-table.ant-table-middle .ant-table-container .ant-table-footer,
+    .ant-table.ant-table-middle .ant-table-container .ant-table-thead > tr > th,
+    .ant-table.ant-table-middle .ant-table-container .ant-table-tbody > tr > td,
+    .ant-table.ant-table-middle .ant-table-container tfoot > tr > th,
+    .ant-table.ant-table-middle .ant-table-container tfoot > tr > td {
+      padding: 0 10px;
+      font-size: @font-size-base;
+      line-height: 28px;
+      white-space: nowrap;
+    }
+
+    html
+      .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th,
+    body
+      .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th {
+      height: 40px;
+      background: #f7f8fb;
+    }
+
+    .ant-table-tbody {
+      tr:hover:not(.ant-table-expanded-row) > td,
+      .ant-table-row-hover,
+      .ant-table-row-hover > td {
+        background-color: #e5eeff;
+      }
+    }
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th {
+      min-width: 60px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-selection-column,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-selection-column {
+      min-width: 40px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-row-expand-icon-cell,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-row-expand-icon-cell {
+      min-width: 40px;
+    }
+
+    .ant-table .ant-table-selection {
+      display: flex;
+      justify-content: center;
+      text-align: center;
+    }
+
+    .ant-pro-table .ant-table {
+      td.ant-table-cell > td > a {
+        font-size: @font-size-base;
+      }
+
+      td.ant-table-cell > a {
+        font-size: @font-size-base;
+      }
+    }
+
+    .ant-table .ant-table-container .ant-table-thead > tr > th {
+      font-weight: 500;
+    }
+
+    // badge
+    .ant-badge .ant-badge-status-text {
+      font-size: 12px;
+    }
+
+    // alert
+    .ant-pro-table .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
+      padding: 5px 34px;
+    }
+
+    // 表格 共用样式 结束
+  }
+
+  .popover-tab {
+    :global {
+      .ant-popover-inner-content {
+        padding: 5px;
+      }
+    }
+
+    .popover-div {
+      padding: 4px;
+    }
+  }
+
+  :global {
+    .ant-col-18 {
+      max-width: 100%;
+
+      .ant-col-8 {
+        max-width: 25%;
+      }
+
+      .ant-col-12 {
+        flex: 0 0 90%;
+        max-width: 70%;
+
+        .ant-radio-wrapper {
+          position: fixed;
+          min-width: 104px;
+        }
+      }
+    }
+
+    .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
+      z-index: 14 !important;
+    }
+
+    .ant-menu.ant-menu-light.ant-pro-sider-menu.ant-menu-root.ant-menu-inline {
+      .ant-pro-menu-item {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+
+  :global {
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-selection-column,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-selection-column {
+      /* width: 40px !important; */
+      /* max-width: 40px; */
+      min-width: 40px;
+    }
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell {
+      min-width: 60px;
+    }
+    .ant-table-sticky-scroll {
+      position: fixed !important;
+    }
+    .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
+      position: relative;
+      left: -32px;
+      width: 80px;
+    }
+
+    // .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    //   overflow: hidden;
+    //   flex: 0 0 200px !important;
+    //   max-width: 200px !important;
+    //   min-width: 200px !important;
+    //   width: 200px !important;
+    // }
+
+    // .ant-pro-page-container-children-content .sula-table-no-select .ant-form-horizontal .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider,
+    // .ant-pro-page-container-children-content .sula-table-no-select .ant-form-horizontal .sula-template-query-table-fields-wrapper {
+    //       margin-bottom: 0px !important;
+    //   }
+    // .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed{
+    // z-index: 17
+    // }
+
+    .ant-select-item-option-content {
+      overflow: auto;
+      white-space: normal !important;
+      text-overflow: ellipsis;
+    }
+
+    .ant-tabs-nav-list {
+      .ant-tabs-tab-active {
+        .ant-tabs-tab-btn {
+          font-weight: 500;
+          font-size: 12px;
+          line-height: 16px;
+        }
+      }
+    }
+
+    .ant-tabs-nav {
+      margin: 0;
+    }
+
+    .ant-tabs-content-holder {
+      .ant-tabs-nav {
+        margin: 0 8px;
+        padding-bottom: 8px;
+      }
+    }
+
+    .ant-tabs-nav-list {
+      .ant-tabs-tab-btn {
+        color: rgba(44, 47, 46, 0.8);
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 16px;
+      }
+    }
+
+    .ant-tabs-tab {
+      margin: 0 20px 0 8px;
+    }
+
+    // logo
+    .ant-pro-sider-logo {
+      height: 50px;
+      padding: 0;
+    }
+
+    .ant-table-tbody > tr > td,
+    .ant-table-thead > tr > th,
+    .ant-table tfoot > tr > td,
+    .ant-table tfoot > tr > th {
+      padding: 0 10px;
+    }
+
+    // 隐藏滚动条
+    // .ant-table-content {
+    //   overflow: hidden;
+    // }
+
+    // .ant-table-content:hover {
+    //   .ant-table-tbody>tr>td {
+    //     .ant-btn-link {
+    //       color: #17d174
+    //     }
+    //   }
+
+    //   .ant-table-content {
+    //     overflow: auto !important;
+    //   }
+    // }
+
+    .ant-pro-basicLayout-content .ant-pro-page-container {
+      margin: 0;
+    }
+
+    .ant-pro-page-container {
+      .ant-pro-page-container-warp {
+        .ant-page-header.has-breadcrumb {
+          padding: 0px 24px;
+          box-sizing: border-box;
+          height: 48px;
+        }
+      }
+
+      .ant-pro-page-container-children-content {
+        margin: 0;
+        padding: 0 4px;
+
+        .ant-pro-table-search {
+          margin-bottom: 10px;
+          padding: 12px 8px 2px;
+        }
+      }
+    }
+
+    // pro-table
+    .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-left {
+      // 处理pro-table的操作栏样式问题
+      display: none;
+    }
+
+    .sula-table-action-left {
+      display: none;
+    }
+    // .ant-pro-grid-content {
+    //   .has-breadcrumb {
+    //     display: none !important;
+    //   }
+    // }
+    .has-breadcrumb,
+    .ant-breadcrumb {
+      display: none !important;
+    }
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th {
+      min-width: 60px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-selection-column,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-selection-column {
+      min-width: 40px;
+    }
+
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-tbody
+      > tr
+      > td.ant-table-cell.ant-table-row-expand-icon-cell,
+    .ant-table.ant-table-middle
+      .ant-table-container
+      .ant-table-thead
+      > tr
+      > th.ant-table-cell.ant-table-row-expand-icon-cell {
+      min-width: 40px;
+    }
+
+    .ant-table .ant-table-selection {
+      display: flex;
+      justify-content: center;
+      text-align: center;
+    }
+
+    .ant-pro-table .ant-table {
+      td.ant-table-cell > td > a {
+        font-size: @font-size-base;
+      }
+
+      td.ant-table-cell > a {
+        font-size: @font-size-base;
+      }
+    }
+
+    .ant-table .ant-table-container .ant-table-title,
+    .ant-table .ant-table-container .ant-table-footer,
+    .ant-table .ant-table-container .ant-table-thead > tr > th,
+    .ant-table .ant-table-container .ant-table-tbody > tr > td,
+    .ant-table .ant-table-container tfoot > tr > th,
+    .ant-table .ant-table-container tfoot > tr > td,
+    .ant-table .ant-table-container .ant-table-thead .ant-table-column-sorters {
+      height: 40px;
+      // padding: 0 10px;
+      font-size: @font-size-base;
+      line-height: 28px;
+      white-space: nowrap;
+    }
+
+    .ant-table .ant-table-container .ant-table-thead > tr > th {
+      font-weight: 500;
+    }
+
+    // badge
+    .ant-badge .ant-badge-status-text {
+      font-size: 12px;
+    }
+
+    // alert
+    .ant-pro-table .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
+      padding: 5px 34px;
+    }
+
+    // 左侧菜单链接文本颜色
+
+    .ant-form-item {
+      .ant-col-lg-15.ant-col-xl-15.ant-col-xxl-15.ant-form-item-label {
+        line-height: 16px !important;
+        white-space: normal;
+      }
+
+      .ant-form-item-label {
+        line-height: 28px;
+      }
+    }
+
+    .sula-form {
+      .ant-form-item {
+        margin-bottom: 20px !important;
+      }
+
+      .service {
+        border-radius: 4px;
+
+        .ant-col.ant-col-23 {
+          font-weight: 500;
+
+          .ant-row.ant-form-item {
+            width: 2000px;
+            height: 38px;
+            padding-bottom: 10px;
+            padding-left: 10px;
+            font-size: 14px;
+            // position: relative;
+            // left: -8px;
+            line-height: 38px;
+          }
+
+          .ant-form-item-control-input-content label {
+            font-weight: 500;
+            font-size: 14px !important;
+          }
+        }
+
+        .ant-card-body {
+          padding: 0 !important;
+        }
+
+        .ant-card-head {
+          background: rgb(255, 247, 224) !important;
+        }
+      }
+
+      .mutiple-input {
+        display: flex;
+        flex-wrap: wrap;
+      }
+
+      .service-huizhi {
+        .ant-row.ant-form-item {
+          margin-bottom: 8px !important;
+        }
+
+        .ant-card-head {
+          background: rgb(255, 247, 224) !important;
+        }
+      }
+    }
+
+    // .sula-form,
+    .sula-table,
+    .sula-table-no-add,
+    .sula-table-no-select,
+    .sula-table-row-selects,
+    .sula-table-row-selects-noaction {
+      .ant-form-horizontal {
+        .ant-form-item {
+          margin-bottom: 8px;
+        }
+
+        .ant-col.ant-col-3 {
+          position: relative;
+          left: -40px;
+        }
+      }
+
+      // 处理querytable的查询条件css样式
+      .ant-form-item {
+        min-height: 28px;
+
+        margin-bottom: 8px;
+        font-size: 12px;
+
+        .ant-form-item-control {
+          // width: 170px;
+          // width: 210px;
+        }
+
+        .ant-form-item-control-input {
+          // width: 170px;
+          // width: 210px;
+          // height: 28px;
+          min-height: 28px;
+          font-size: 12px;
+        }
+
+        // 日期选择框该高度限制
+        .ant-picker {
+          height: 28px;
+        }
+      }
+    }
+
+    /** sula 样式处理 开始 **/
+    // table
+    .ant-pro-page-container-children-content {
+      .sula-table {
+        .ant-form-horizontal {
+          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider {
+            margin-bottom: 10px;
+            padding: 12px 8px 2px;
+
+            > .ant-row {
+              position: relative;
+
+              > div.ant-col.ant-col-8 {
+                padding: 4px 0;
+              }
+
+              > .ant-col:last-child {
+                > .ant-row.ant-form-item {
+                  justify-content: flex-start !important;
+                  min-width: 300px !important;
+                  margin-bottom: 8px;
+                }
+              }
+            }
+
+            .ant-form-item {
+              flex-direction: row;
+            }
+
+            .ant-form-item-label,
+            .ant-col-24.ant-form-item-label,
+            .ant-col-xl-24.ant-form-item-label {
+              max-width: 110px;
+              line-height: 28px;
+            }
+
+            .ant-col-23 .ant-form-item .ant-form-item-control-input {
+              width: calc(100vw - 300px);
+            }
+
+            .ant-col-offset-8 {
+              margin-left: 0;
+            }
+
+            .ant-col:last-child {
+              // .ant-form-item {
+              //   position: absolute;
+              //   right: 180px;
+              //   bottom: 10px;
+              // }
+            }
+          }
+        }
+
+        .ant-table-wrapper {
+          padding: 0 8px;
+
+          .sula-table-action-wrapper {
+            // background-color: #fff7f0;
+            // border: 1px solid #ffd1b3;
+            position: relative;
+            display: block;
+          }
+        }
+      }
+
+      .sula-table-no-add {
+        .ant-form-horizontal {
+          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider {
+            margin-bottom: 10px;
+            padding: 12px 8px 2px;
+
+            > .ant-row {
+              position: relative;
+
+              > div.ant-col.ant-col-8 {
+                padding: 4px 0;
+              }
+
+              > .ant-col:last-child {
+                > .ant-row.ant-form-item {
+                  justify-content: flex-start !important;
+                  min-width: 300px !important;
+                  margin-bottom: 8px;
+                }
+              }
+            }
+
+            .ant-form-item {
+              flex-direction: row;
+            }
+
+            .ant-form-item-label,
+            .ant-col-24.ant-form-item-label,
+            .ant-col-xl-24.ant-form-item-label {
+              max-width: 110px;
+              line-height: 28px;
+            }
+
+            .ant-col-23 .ant-form-item .ant-form-item-control-input {
+              width: calc(100vw - 300px);
+            }
+
+            .ant-col-offset-8 {
+              margin-left: 0;
+            }
+
+            .ant-col:last-child {
+              // .ant-form-item {
+              //   position: absolute;
+              //   right: 180px;
+              //   bottom: 10px;
+              // }
+            }
+          }
+        }
+
+        .ant-table-wrapper {
+          padding: 0 8px;
+
+          .sula-table-action-wrapper {
+            // background-color: #fff7f0;
+            // border: 1px solid #ffd1b3;
+            position: relative;
+            display: block;
+          }
+
+          .sula-table-action-left {
+            display: none;
+          }
+
+          .sula-table-action-right {
+            padding: 0;
+            overflow: auto;
+
+            .ant-space-align-center {
+              display: block;
+              width: 100%;
+              margin-top: 0;
+              padding: 4px 34px;
+              line-height: 36px;
+            }
+
+            div.ant-space-item {
+              float: right;
+              margin-right: 8px;
+
+              &:nth-child(1) {
+                float: left;
+              }
+            }
+
+            .sula-table-row-selects-noaction {
+              line-height: 20px;
+
+              > span {
+                margin-right: 50px;
+              }
+            }
+
+            .sula-table-row-selects {
+              height: 20px;
+              line-height: 36px;
+
+              > span {
+                margin-right: 50px;
+              }
+            }
+          }
+        }
+      }
+
+      .sula-table-no-select {
+        .ant-form-horizontal {
+          .sula-template-query-table-fields-wrapper.sula-template-query-table-fields-divider,
+          .sula-template-query-table-fields-wrapper {
+            margin-bottom: 10px;
+            padding: 12px 8px 2px;
+
+            > .ant-row {
+              position: relative;
+
+              > div.ant-col.ant-col-8 {
+                padding: 4px 0;
+              }
+
+              > .ant-col:last-child {
+                > .ant-row.ant-form-item {
+                  justify-content: flex-start !important;
+                  min-width: 300px !important;
+                  margin-bottom: 8px;
+                }
+              }
+            }
+
+            .ant-form-item {
+              flex-direction: row;
+            }
+
+            .ant-form-item-label,
+            .ant-col-24.ant-form-item-label,
+            .ant-col-xl-24.ant-form-item-label {
+              max-width: 110px;
+              line-height: 28px;
+            }
+
+            .ant-col-23 .ant-form-item .ant-form-item-control-input {
+              width: calc(100vw - 300px);
+            }
+
+            .ant-col-offset-8 {
+              margin-left: 0;
+            }
+
+            .ant-col:last-child {
+              // .ant-form-item {
+              //   position: absolute;
+              //   right: 180px;
+              //   bottom: 10px;
+              // }
+            }
+          }
+        }
+
+        .ant-table.ant-table-middle .ant-table-title {
+          padding: 0 8px 12px;
+        }
+
+        .ant-table-wrapper {
+          .sula-table-action-wrapper {
+            // background-color: #fff7f0;
+            // border: 1px solid #ffd1b3;
+            position: relative;
+            display: block;
+          }
+
+          .sula-table-action-left {
+            padding-left: 0;
+          }
+        }
+      }
+    }
+
+    // form
+    .sula-form {
+      .sula-form-action-bottom {
+        display: flex;
+        justify-content: center;
+      }
+
+      .ant-form.ant-form-horizontal {
+        .ant-card {
+          border: 0;
+        }
+
+        .ant-card-head {
+          min-height: 36px;
+          padding: 6px 16px;
+          font-weight: 500;
+          border: 0;
+
+          .ant-card-head-wrapper {
+            .ant-card-head-title {
+              padding: 0;
+              font-weight: 700;
+              font-size: 12px;
+              line-height: 20px;
+            }
+          }
+        }
+
+        .ant-card-body {
+          display: flex;
+          flex-wrap: wrap;
+          border-radius: 4px;
+
+          .ant-form-item-label,
+          .ant-col-24.ant-form-item-label,
+          .ant-col-xl-24.ant-form-item-label {
+            max-width: 110px;
+            line-height: 28px;
+          }
+
+          .ant-form-item-control {
+            // width: 170px;
+            // width: 210px;
+          }
+
+          .ant-col.ant-col-3 {
+            .ant-row.ant-form-item {
+              .ant-col-8,
+              .ant-col-12 {
+                position: relative;
+                left: -45%;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    /** sula 样式处理 结束 **/
+
+    // 多页签
+    .ant-pro-basicLayout-content {
+      margin: 0;
+
+      .ant-tabs-card.ant-tabs-top
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type),
+      .ant-tabs-card.ant-tabs-bottom
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type),
+      .ant-tabs-card.ant-tabs-top
+        > div
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type),
+      .ant-tabs-card.ant-tabs-bottom
+        > div
+        > .ant-tabs-nav
+        .ant-tabs-tab:not(:last-of-type) {
+        margin-right: 8px;
+        padding: 2px 8px;
+        border-radius: 2px;
+      }
+    }
+  }
+}
+
+.si-tree {
+  font-size: 14px;
+
+  &-node {
+    &-block {
+      display: flex;
+      align-items: center;
+      padding: 2px 4px;
+      cursor: pointer;
+      user-select: none;
+    }
+
+    &-switcher {
+      margin-right: 2px;
+    }
+
+    &-icon {
+      display: flex;
+      margin-right: 4px;
+    }
+  }
+}
+
+.tree-compact {
+  margin-left: 4px;
+  color: #49aa19;
+  font-size: 13px;
+  font-style: italic;
+}
+
+ul,
+ol {
+  list-style: none;
+}
+
+// @media (max-width: @screen-xs) {
+//   .ant-table {
+//     width: 100%;
+//     overflow-x: auto;
+
+//     &-thead > tr,
+//     &-tbody > tr {
+//       > th,
+//       > td {
+//         white-space: pre;
+
+//         > span {
+//           display: block;
+//         }
+//       }
+//     }
+//   }
+// }
+
+// // 兼容IE11
+// @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
+//   body .ant-design-pro > .ant-layout {
+//     min-height: 100vh;
+//   }
+// }
+
+//自定义 全部功能 start
+
+.allFuncOnMouserover {
+  a {
+    color: #000;
+    width: 100%;
+  }
+}
+
+.allFuncOnMouserover:hover {
+  background-color: #e4e7ed;
+}
+.allFuncOnMouserover:hover a {
+  color: @primary-color;
+  display: flex;
+  align-items: center;
+  justify-content: inherit;
+}
+.allFuncOnMouserover:hover .allFuncOnMouseroverImg {
+  display: block;
+  margin-right: 10px;
+}
+.allFuncOnMouseroverImg {
+  display: none;
+  width: 14px;
+  height: 14px;
+}
+
+.ant-drawer-body .allFunsList {
+  margin-bottom: 10px;
+  border: none;
+}
+
+.ant-drawer-body {
+  .ant-list-split .ant-list-item {
+    border-bottom: none !important;
+  }
+}
+//自定义 全部功能  end
+
+.regDiv {
+  width: 100%;
+  margin-top: 100px;
+  text-align: center;
+}
+
+.copyRight {
+  position: relative;
+  top: 50px;
+  width: 100%;
+  text-align: center;
+}
+
+.sula-form-action-bottom {
+  justify-content: center;
+}
+
+// 统一UI修改
+:global {
+  .ant-pro-page-container .ant-pro-page-container-children-content {
+    padding: 0 !important;
+  }
+
+  .one_menu_wrap {
+    display: flex;
+    justify-content: space-between;
+    span {
+      position: relative;
+      z-index: 6;
+    }
+  }
+
+  .banquan {
+    height: 52px;
+    opacity: 0.6;
+    font-size: 12px;
+    font-family: Montserrat, Montserrat-Regular;
+    font-weight: 400;
+    text-align: center;
+    line-height: 52px;
+    color: #ffffff;
+  }
+
+  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
+    .ant-menu-item-selected {
+    background: linear-gradient(
+      to left,
+      #000c17 0%,
+      #000c17 30%,
+      rgb(0, 54, 144)
+    );
+  }
+  .ant-pro-sider .ant-menu {
+    background: #141620 !important;
+    color: #b1bad4;
+  }
+  .ant-menu-dark .ant-menu-item,
+  .ant-menu-dark .ant-menu-item-group-title,
+  .ant-menu-dark .ant-menu-item > a,
+  .ant-menu-dark .ant-menu-item > span > a {
+    color: #b1bad4 !important;
+  }
+
+  .globalSearchWarp {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 48px;
+    background: #141620;
+
+    .ant-input {
+      background: #141620;
+      color: #fff;
+    }
+
+    .ant-input-clear-icon {
+      color: #eee;
+    }
+
+    .globalIcon {
+      position: absolute;
+      left: 20px;
+      z-index: 3;
+      color: #798094;
+    }
+
+    .globalSearch {
+      height: 32px;
+      margin: 0 10px;
+      padding-left: 32px;
+      color: #798094;
+      font-size: 12px;
+      background: #141620;
+      border: 1px solid #3d4047;
+      border-radius: 4px;
+
+      // 搜索功能完善 menu  start
+      .ant-input-affix-wrapper,
+      .ant-input-group-addon {
+        background: #141620 !important;
+        border: none;
+      }
+      .ant-input-group-addon {
+        border-left: 1px solid #3d4047;
+      }
+      // 搜索功能完善 menu  end
+    }
+  }
+  .globalTabs {
+    position: relative;
+    .globalTabsOper {
+      position: absolute;
+      top: 0;
+      right: 0;
+      z-index: 10;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      background: #f3f3f3;
+    }
+    .globalTabsOper:hover {
+      cursor: pointer;
+    }
+  }
+
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-bottom
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type),
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-bottom
+    > div
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type),
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-top
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type),
+  body
+    .ant-pro-basicLayout-content
+    .ant-tabs-card.ant-tabs-top
+    > div
+    > .ant-tabs-nav
+    .ant-tabs-tab:not(:last-of-type) {
+    margin-right: 0px !important;
+  }
+
+  .ant-layout-sider-children {
+    .ant-pro-sider-extra {
+      margin-bottom: 0;
+      padding: 0;
+    }
+  }
+}
+
+.ant-tabs-tab + .ant-tabs-tab {
+  margin: 0;
+}
+.ant-tabs-tab {
+  margin: 0 10px 0 0 !important;
+}
+
+// 滚动条
+/* 滚动槽（轨道）宽高 */
+
+/* 滚动槽（轨道）样式 */
+::-webkit-scrollbar-track {
+  background-color: #f7f8fb;
+  border-radius: 8px;
+}
+
+/*定义滑块颜色、内阴影及圆角*/
+::-webkit-scrollbar-thumb {
+  background-color: #7d7d7d;
+  border-radius: 7px;
+}
+/*定义两端按钮的样式*/
+::-webkit-scrollbar-button {
+  display: none;
+}
+::-webkit-scrollbar-thumb:window-inactive {
+  background: #fff;
+}
+
+.ant-layout-header {
+  height: 50px !important;
+  line-height: 0 !important;
+}
+
+.ant-pro-global-header {
+  padding: 0 !important;
+  background: #f3f3f3 !important;
+}
+
+// 普通的table
+body .ant-table .ant-table-container .ant-table-thead > tr > th {
+  height: 40px;
+  background: #f7f8fb;
+}
+.globalLine {
+  display: inline-block;
+  width: 4px;
+  height: 20px;
+  margin-right: 16px;
+  vertical-align: sub;
+  background: @primary-color;
+}
+
+.cloumnsIconA {
+  display: flex;
+  align-items: center;
+  span {
+    margin-left: 4px;
+  }
+}
+
+:global {
+  .home_warp_component {
+    .ant-pro-page-container-children-content {
+      .ant-pro-page-container-warp {
+        display: none;
+      }
+    }
+  }
+}
+
+// 详情组件样式处理  start
+.detail_warp_component {
+  position: relative;
+  background-color: #fff;
+  .has-breadcrumb {
+    display: block !important;
+  }
+  .detail_warp_component_top {
+    position: absolute;
+    top: 15px;
+    left: 20px;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    margin-right: 8px;
+
+    .detail_warp_component_top_btn {
+      width: 72px;
+      height: 28px;
+      border: 1px solid #bababa;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #bababa;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 10px;
+      span {
+        margin-left: 3px;
+      }
+    }
+
+    .detail_warp_component_top_start {
+      font-size: 20px;
+    }
+    .detail_warp_component_top_start:hover {
+      cursor: pointer;
+    }
+  }
+
+  .detail_warp_component_top_btn:hover {
+    cursor: pointer;
+  }
+  .detail_warp_component_top_r_expand:hover {
+    cursor: pointer;
+  }
+  .ant-page-header-heading-left {
+    padding-left: 105px !important;
+    .ant-page-header-heading-title {
+      display: none;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+      line-height: 26px;
+    }
+  }
+}
+
+// 详情组件样式处理  end
+
+// 列表组件样式处理 start
+.home_warp_component {
+  position: relative;
+  background-color: #fff;
+  .has-breadcrumb {
+    display: block !important;
+  }
+  .home_warp_component_top {
+    position: absolute;
+    top: 15px;
+    left: 20px;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    margin-right: 8px;
+
+    .home_warp_component_top_btn {
+      width: 72px;
+      height: 28px;
+      border: 1px solid #bababa;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #bababa;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 10px;
+      span {
+        margin-left: 3px;
+      }
+    }
+
+    .home_warp_component_top_start {
+      font-size: 20px;
+    }
+    .home_warp_component_top_start:hover {
+      cursor: pointer;
+    }
+  }
+
+  .home_warp_component_top_btn:hover {
+    cursor: pointer;
+  }
+  .ant-page-header-heading-left {
+    .ant-page-header-heading-title {
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+      line-height: 40px;
+    }
+  }
+}
+// 列表组件样式处理 end
+
+// 搜索拓展 start
+.ant-drawer-header-title {
+  flex-direction: row-reverse;
+}
+
+// table 的斑马线
+.table_base {
+  background: #fff;
+}
+.table_odd {
+  background: #f7f8fb;
+}
+// 浮起的列 设置斑马
+.ant-table-cell-fix-left,
+.ant-table-cell-fix-right {
+  background-color: #fff;
+}
+
+// 控制 table 的全选 select 位置
+.ant-table-title
+  + .ant-table-container
+  table
+  > thead
+  > tr:first-child
+  th:first-child {
+  .ant-table-selection {
+    .ant-checkbox-wrapper {
+      justify-content: center;
+    }
+  }
+}
+
+// 全屏兼容
+.ant-table-container {
+  background: #fff;
+  overflow-y: auto;
+}
+
+// 处理编辑小手
+.cur:hover {
+  cursor: pointer;
+}
+
+//user_columns_warp
+.user_columns_warp {
+  padding-right: 10px;
+  height: 36px;
+  background: #e6f3ff;
+  display: inline-flex;
+  margin: 5px 0px !important;
+  overflow: hidden;
+  max-width: 200px;
+  align-items: center;
+  border-radius: 25px;
+  img {
+    width: 24.6px;
+    height: 24.64px;
+    margin-left: 3px;
+  }
+  span {
+    margin-left: 8px;
+  }
+}
+
+.clomnsImg {
+  :global {
+    .ant-image {
+      margin: 8px;
+    }
+    .ant-image-mask-info {
+      font-size: 12px !important;
+      padding: 0;
+      padding-left: 2px;
+    }
+  }
+}
+.clomnsImg2 {
+  margin: 8px;
+  img {
+    width: 28px;
+    height: 28px;
+  }
+}
+
+
+.ant-table-wrapper {
+  padding: 0 8px;
+  background: #fff;
+}
+
+//菜单特性
+:global {
+  .ant-pro-sider-links ul.ant-menu-root {
+    li:nth-child(1) {
+      display: flex;
+      flex-direction: column;
+      margin-bottom: 30px;
+      margin-top: 0px;
+      padding: 18px 5px 0 !important;
+      .ant-menu-title-content {
+        width: 100% !important;
+      }
+      height: 90px !important;
+      border-top: 1px solid #3d4047 !important;
+    }
+  }
+  .ant-pro-sider-collapsed-button {
+    display: none !important;
+  }
+
+  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    box-shadow: none !important;
+    background-color: #141620;
+  }
+  body .ant-pro-sider-logo {
+    background-color: #f3f3f3;
+  }
+
+  .collapse_icon {
+    font-size: 16px;
+    color: #fff;
+    margin: 0 10px;
+    cursor: pointer;
+  }
+
+  .collapse_icon_close {
+    display: flex;
+    justify-content: center;
+  }
+
+  .ant-menu-submenu-title,
+  .ant-menu-item {
+    border: 0px !important;
+    border-color: #005cff !important;
+  }
+
+  .ant-menu-submenu-title:hover,
+  .ant-menu-item:hover {
+    background: linear-gradient(
+      to left,
+      #000c17 0%,
+      #000c17 30%,
+      rgb(0, 54, 144)
+    );
+    border-left: 2px solid #005cff !important;
+    box-sizing: border-box;
+  }
+
+  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    z-index: 10 !important;
+  }
+  .ant-pro-sider-link:hover {
+    border: 0px !important;
+    background: #141620 !important;
+  }
+
+  .ant-table-column-sorters {
+    .ant-table-column-title {
+      flex-shrink: 1;
+      flex: initial !important;
+    }
+    .ant-table-column-sorter {
+      flex-grow: 1;
+      display: flex;
+      align-items: center;
+      margin-left: 5px;
+    }
+  }
+
+  .ant-table-wrapper {
+    .sula-table-action-right {
+      width: 100%;
+      .ant-space {
+        width: 100%;
+        display: inline-block !important;
+        .ant-space-item {
+          display: inline-block;
+          margin-left: 8px;
+        }
+        .ant-space-item:nth-last-child(-n + 3) {
+          float: right;
+        }
+      }
+    }
+  }
+
+  .global_tab_nav_style {
+    top: 2px !important;
+  }
+
+  .row-dragging {
+    background: #fafafa;
+    border: 1px solid #ccc;
+    z-index: 10000;
+  }
+
+  .row-dragging td {
+    padding: 7px 16px;
+    display: none;
+
+  }
+  .row-dragging td:first-child {
+    display: inline-block;
+  }
+
+  .row-dragging .drag-visible {
+    visibility: visible;
+  }
+
+  .ant-pro-sider-menu > .ant-menu-item-group > .ant-menu-item-group-list {
+    display: none;
+  }
+
+  .ant-pro-sider-menu > .ant-menu-item-group > .ant-menu-item-group-title {
+    padding: 0 0 0 16px !important;
+  }
+
+  .ant-pro-sider-menu
+    > .ant-menu-item-group
+    > .ant-menu-item-group-title:hover {
+    background: linear-gradient(
+      to left,
+      #000c17 0%,
+      #000c17 30%,
+      rgb(0, 54, 144)
+    );
+    border-left: 2px solid #005cff !important;
+    box-sizing: border-box;
+    cursor: pointer;
+    color: white;
+  }
+
+  .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+    z-index: 25 !important;
+  }
+
+  .ant-modal-mask {
+    z-index: 40 !important;
+  }
+
+  .ant-modal-wrap {
+    z-index: 40 !important;
+  }
+
+  .global_tab_nav_style {
+    top: 2px !important;
+    width: 100% !important;
+  }
+  .ant-tabs-nav-operations {
+    display: none !important;
+  }
+
+  .globalTabs
+    > .ant-tabs
+    > .ant-tabs-nav
+    > .ant-tabs-nav-wrap
+    > .ant-tabs-nav-list
+    > div {
+    margin-right: 0px !important;
+    .ant-tabs-tab {
+      padding: 3px 6px;
+      margin: 0px !important;
+      height: 100%;
+    }
+    .ant-tabs-tab-remove {
+      padding-right: 0px;
+    }
+    .ant-tabs-tab-active {
+      border-bottom-color: #f0f0f0;
+    }
+  }
+
+  .tab_title_content {
+    display: flex;
+    align-items: center;
+    .ant-dropdown-trigger {
+      margin-left: 8px;
+      display: inline-block;
+    }
+  }
+
+  .tab_title_content:hover {
+    color: #005cff;
+    .ant-dropdown-trigger {
+      display: inline-block;
+    }
+  }
+}
+
+// 列自定义
+.sort_table_wrapper {
+  .sort_table {
+    display: flex;
+
+    .sort_table_column_wrapper {
+      width: 560px;
+      margin-right: 10px;
+    }
+
+    .sort_table_content_wrapper {
+      width: 210px;
+    }
+
+    .sort_table_column_count,
+    .sort_table_content_count {
+      height: 20px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #000000;
+      letter-spacing: 0;
+
+      span {
+        color: #848484;
+      }
+    }
+
+    .sort_table_column {
+      margin-top: 10px;
+      width: 560px;
+      height: 430px;
+      overflow: auto;
+      padding: 10px;
+      background: #ffffff;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      &_all {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        &_empty {
+          width: 538px;
+          line-height: 360px;
+          text-align: center;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 14px;
+          color: #848484;
+        }
+      }
+
+      &_special {
+        margin-top: 40px;
+        width: 100px;
+        height: 20px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: #848484;
+        letter-spacing: 0;
+      }
+
+      :global {
+        .ant-checkbox-wrapper {
+          width: 144px;
+          margin-top: 16px;
+        }
+
+        .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+          margin-left: 0px;
+        }
+      }
+    }
+
+    .sort_table_content {
+      margin-top: 10px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      :global {
+        .ant-table-wrapper {
+          padding: 0px !important;
+        }
+      }
+      .sort_table_title {
+        height: 32px;
+        line-height: 32px;
+        padding-left: 10px;
+        color: gray;
+      }
+    }
+  }
+  :global {
+    div.ant-modal-header {
+      width: 820px;
+      height: 64px;
+      background: #ffffff;
+      padding: 20px;
+      border: 0px;
+
+      div.ant-modal-title {
+        height: 24px;
+        font-family: PingFangSC-Medium;
+        font-weight: 500;
+        font-size: 18px;
+        color: #000000;
+        letter-spacing: 0;
+        line-height: 24px;
+      }
+    }
+
+    .ant-modal-body {
+      padding: 0 20px !important;
+    }
+
+    .ant-modal-close-x {
+      height: 24px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+    }
+
+    .ant-input-affix-wrapper {
+      padding: 0px;
+      padding-right: 10px;
+    }
+
+    input {
+      height: 32px;
+      padding: 6px 4px;
+      border-radius: 5px;
+    }
+
+    .ant-input-prefix {
+      width: 24px;
+      height: 24px;
+      margin: 4px;
+      // border: 1px dashed #d9d9d9;
+      display: flex;
+      justify-content: center;
+    }
+
+    .ant-modal-footer {
+      height: 70px;
+      border: 0;
+      padding: 20px;
+
+      .ant-btn {
+        width: 80px;
+        height: 34px;
+        border-radius: 5px;
+
+        span {
+          font-family: PingFangSC-Medium;
+          font-weight: 600;
+          font-size: 14px;
+          letter-spacing: 0;
+          text-align: center;
+          line-height: 20px;
+        }
+
+        &:first-child {
+          margin-right: 524px;
+        }
+      }
+    }
+
+    .ant-table-wrapper::-webkit-scrollbar {
+      display: none;
+    }
+
+    .ant-table-wrapper {
+      margin-top: 10px;
+      height: 364px;
+      overflow: scroll;
+      padding-bottom: 50px;
+
+      tr {
+        height: 36px;
+        td {
+          width: 24px !important;
+          height: 36px !important;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 14px;
+          color: #000000;
+          letter-spacing: 0;
+
+          &:first-child {
+            padding-left: 10px !important;
+            padding-right: 0px !important;
+            width: 115px !important;
+          }
+
+          img {
+            // border: 1px dashed #d9d9d9;
+            cursor: pointer;
+          }
+
+          &:not(:first-child) {
+            padding-left: 0px !important;
+            padding-right: 0px !important;
+          }
+
+          &:last-child {
+            padding-left: 0px !important;
+            padding-right: 3px !important;
+            width: 34px !important;
+
+            img {
+              // border: 1px dashed #d9d9d9;
+              position: relative;
+              top: 1px;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 表单特性
+:global {
+  .detail_btn_wrapper {
+    display: flex;
+    gap: 8px;
+  }
+  .table-bssula-summary {
+    left: 10px;
+    &>span {
+      width: inherit !important;
+      // min-width: 150px;
+    }
+  }
+  .queryFormContainer {
+    &>div {
+      height: 100%;
+    }
+  }
+}
+
+.luckysheet-input-box {
+  z-index: 50 !important;
+}