@bit-sun/business-component 3.1.7 → 3.1.8

package/src/components/Business/columnSettingTable/index.less

@@ -1,253 +1,253 @@
-// 列自定义
-.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;
-      }
-
-      .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;
-
-      .ant-table-wrapper {
-        padding: 0px !important;
-      }
-
-      .sort_table_title {
-        height: 32px;
-        line-height: 32px;
-        padding-left: 10px;
-        color: gray;
-      }
-    }
-  }
-
-  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: 108px !important;
-          display: inline-block;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          height: 36px !important;
-          line-height: 36px !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_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;
-}
+// 列自定义
+.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;
+      }
+
+      .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;
+
+      .ant-table-wrapper {
+        padding: 0px !important;
+      }
+
+      .sort_table_title {
+        height: 32px;
+        line-height: 32px;
+        padding-left: 10px;
+        color: gray;
+      }
+    }
+  }
+
+  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: 108px !important;
+          display: inline-block;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          height: 36px !important;
+          line-height: 36px !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_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;
+}