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

package/src/styles/bsDefault.less

@@ -1,1907 +0,0 @@
-@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;
-}