tplus-components-touch 3.19.2 → 3.22.1

package/dist/components/billSearch/index.less

@@ -1,363 +1,363 @@
-@border-hover-color: rgb(255, 183, 77);
-@border-color: #C8C8CD;
-@active-color: #FF8C25;
-.bill {
-  ::-webkit-scrollbar {
-    width: 10px !important; // scroll-y 宽6px
-    height: 10px !important; // scroll-x 高6px
-  }
-  width: 935px;
-  height: 100%;
-  padding: 16px 16px 0;
-  position: relative;
-  .uf-close-c, .uf-calendar {
-    color: #999!important;
-    opacity: 1!important;
-    font-size: 14px;
-  }
-  td, th, div, span, table {
-    box-sizing: border-box;
-  }
-  input {
-    box-sizing: border-box;
-  }
-  td, th {
-    color: #333;
-    font-size: 14px;
-  }
-
-  .bill-filter {
-    position: relative;
-    .mask1 {
-      position: absolute;
-      top: 31px;
-      left: 0px;
-      width: 123px;
-      height: 19px;
-      border-left: 1px solid #C8C8CD;
-      transition: all 0.2s;
-      background: #FFF;
-      z-index: 1;
-    }
-    .mask2 {
-      position: absolute;
-      top: 30px;
-      left: 119px;
-      width: 16px;
-      height: 19px;
-      border-left: 1px solid #C8C8CD;
-      border-bottom: 1px solid #C8C8CD;
-      border-bottom-left-radius: 4px;
-      transition: all 0.2s;
-      background: #FFF;
-      z-index: 2;
-    }
-    .bill-filter-on-off {
-      width: 120px;
-      height: 32px;
-      line-height: 30px;
-      padding-left: 12px;
-      font-size: 16px;
-      color: #333333;
-      display: inline-block;
-      background: #FFFFFF;
-      border: 1px solid #C8C8CD;
-      border-radius: 4px;
-      vertical-align: top;
-      margin-right: 16px;
-      i {
-        margin-left: 14px;
-      }
-    }
-    .bill-filter-on-off-show {
-      border-bottom: none;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-    .bill-title-item {
-      display: inline-block;
-      .bill-title-search {
-        display: inline-block;
-        .bill-title-search-input {
-          width: 270px;
-          padding: 1px 11px;
-          border-radius: 4px;
-        }
-        .bill-search-icon {
-          font-size: 18px;
-          color: #999;
-        }
-        .u-input-group-btn {
-          z-index: 1;
-          left: 6px;
-          top: 2px;
-        }
-      }
-      .bill-search-button {
-        font-size: 12px;
-        vertical-align: top;
-        width: 64px;
-        height: 32px;
-        margin-left: 16px;
-        border-radius: 4px;
-        border: none;
-      }
-    }
-  }
-  .bill-title {
-    overflow: hidden;
-    position: relative;
-    margin-top: 16px;
-    border: 1px solid #C8C8CD;
-    border-radius: 4px;
-    transition: height 0.2s;
-
-    .bill-title-item {
-      margin-top: 16px;
-      margin-left: 13px;
-      height: 30px;
-      >div:last-child {
-        vertical-align: top;
-      }
-      .bill-title-item-all {
-        display: inline-block;
-        width: 48px;
-        height: 28px;
-        font-size: 14px;
-        font-weight: 700;
-        color: #333333;
-        text-align: center;
-        line-height: 28px;
-        border-radius: 4px;
-        margin: 0 16px;
-        vertical-align: middle;
-      }
-      &:first-child {
-        input {
-          padding-left: 0;
-          padding-right: 0;
-          text-indent: 1em;
-        }
-        span {
-          top: 3px;
-        }
-      }
-
-      label {
-        font-size: 14px;
-        color: #666;
-        margin-right: 8px;
-      }
-      label.ant-radio-button-wrapper {
-        border: none;
-        color: #333;
-        font-weight: 700;
-        &:focus-within{
-          box-shadow: none;
-        }
-        &:not(:first-child)::before{
-          content: none;
-        }
-        &.ant-radio-button-wrapper-checked {
-          &:not(.ant-radio-button-wrapper-disabled):focus-within{
-            box-shadow: none;
-          }
-        }
-      }
-      &>label {
-        display: inline-flex;
-        width: 58px;
-        justify-content: space-between;
-      }
-      .bill-title-txt-input{
-        width: 238px;
-        height: 28px;
-        border-radius: 4px;
-      }
-      .bill-title-money-input {
-        border-color: @border-color;
-        border-radius: 4px!important;
-        width: 108px;
-        height: 28px;
-        vertical-align: top;
-        &:focus {
-          border-color: @border-hover-color;
-        }
-      }
-      .bill-title-money-middle {
-        padding: 0 5px;
-      }
-      .ant-picker {
-        width: 238px!important;
-      }
-      label {
-        vertical-align: middle;
-      }
-      .ant-select{
-        width: 238px !important;
-      }
-    }
-  }
-
-  // 有u会员 打开时的高度
-  .bill-title-open {
-    height: 420px;
-  }
-  // 不是u会员 打开时的高度
-  .bill-title-notuuser-open {
-    height: 287px;
-    padding-bottom: 10px;
-  }
-  .bill-title-close {
-    height: 0;
-    border-color: transparent;
-    margin-top: 0!important;
-  }
-  .nodata {
-    .u-table-scroll>div {
-      height: auto!important;
-      &>div {
-        height: auto!important;
-      }
-    }
-  }
-  .bill-content {
-    margin-top: 12px;
-    height: calc(~'100% - 180px');
-    position: relative;
-    transition: all 0.2s;
-    .bill-loading {
-      position: absolute;
-      top: 40px;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: #FFF;
-      z-index: 200000;
-      img {
-        width: 200px;
-        position: relative;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-      }
-    }
-    .ant-table-wrapper{
-      height: 100%;
-      .ant-spin-nested-loading {
-        height: 100%;
-        .ant-spin-container {
-          height: 100%;
-          .ant-table {
-            height: 100%;
-            .ant-table-container {
-              height: 100%;
-              .ant-table-body {
-                height: calc(~'100% - 51px');
-                table {
-                  .ant-table-body {
-                    height: calc(~'100% - 50px');
-                  }
-                }
-              }
-              >.ant-table-header{
-                padding-right: 4px;
-              }
-            }
-          }
-        }
-      }
-
-    }
-    th.text-center {
-      text-align: center;
-    }
-    .bill-content-operation {
-      display: flex;
-      justify-content: space-around;
-    }
-  }
-  .bill-page {
-    position: absolute;
-    right: 16px;
-    bottom: 4px;
-  }
-  .bill-search-icon-right {
-    top: 7px!important;
-    bottom: 0;
-    left: auto!important;
-    right: 1px!important;
-    color: #999;
-    cursor: pointer;
-    i {
-      font-size: 12px!important;
-    }
-  }
-  .bill-group {
-    display: inline-table!important;
-    vertical-align: middle;
-  }
-}
-.bill-modal {
-  ::-webkit-scrollbar {
-    width: 10px !important; // scroll-y 宽6px
-    height: 10px !important; // scroll-x 高6px
-    // background-color: #F5F5F5;
-  }
-  .ant-modal {
-    .ant-modal-content {
-      .ant-modal-body {
-        padding: 16px!important;
-        min-height: 418px!important;
-        height: auto!important;
-        .bill-modal-content {
-          width: 764px;
-          .bill-modal-content-header {
-
-            .bill-modal-content-header-item {
-              display         : inline-block;
-              overflow        : hidden;
-              width           : 33%;
-              padding: 5px 2px;
-              vertical-align: top;
-
-              >span {
-                font-size: 14px;
-
-                &:first-child {
-                  color: #666;
-                }
-
-                &:last-child {
-                  color: #000;
-                }
-              }
-            }
-          }
-          .bill-modal-content-table{
-            max-height: 307px;
-            .selected{
-              background: fade(#FF8C25, 20%)
-            }
-          }
-          .bill-settlement{
-            margin-top: 16px;
-            margin-bottom: -15px;
-            position: relative;
-            &::after{
-              content: '';
-              border:1px solid white;
-              position: absolute;
-              bottom: -1px;
-              width: 764px;
-            }
-          }
-        }
-      }
-      .ant-modal-footer {
-        border-top: 1px solid #E6E6EB!important;
-      }
-    }
-  }
-}
-
+@border-hover-color: rgb(255, 183, 77);
+@border-color: #C8C8CD;
+@active-color: #FF8C25;
+.bill {
+  ::-webkit-scrollbar {
+    width: 10px !important; // scroll-y 宽6px
+    height: 10px !important; // scroll-x 高6px
+  }
+  width: 935px;
+  height: 100%;
+  padding: 16px 16px 0;
+  position: relative;
+  .uf-close-c, .uf-calendar {
+    color: #999!important;
+    opacity: 1!important;
+    font-size: 14px;
+  }
+  td, th, div, span, table {
+    box-sizing: border-box;
+  }
+  input {
+    box-sizing: border-box;
+  }
+  td, th {
+    color: #333;
+    font-size: 14px;
+  }
+
+  .bill-filter {
+    position: relative;
+    .mask1 {
+      position: absolute;
+      top: 31px;
+      left: 0px;
+      width: 123px;
+      height: 19px;
+      border-left: 1px solid #C8C8CD;
+      transition: all 0.2s;
+      background: #FFF;
+      z-index: 1;
+    }
+    .mask2 {
+      position: absolute;
+      top: 30px;
+      left: 119px;
+      width: 16px;
+      height: 19px;
+      border-left: 1px solid #C8C8CD;
+      border-bottom: 1px solid #C8C8CD;
+      border-bottom-left-radius: 4px;
+      transition: all 0.2s;
+      background: #FFF;
+      z-index: 2;
+    }
+    .bill-filter-on-off {
+      width: 120px;
+      height: 32px;
+      line-height: 30px;
+      padding-left: 12px;
+      font-size: 16px;
+      color: #333333;
+      display: inline-block;
+      background: #FFFFFF;
+      border: 1px solid #C8C8CD;
+      border-radius: 4px;
+      vertical-align: top;
+      margin-right: 16px;
+      i {
+        margin-left: 14px;
+      }
+    }
+    .bill-filter-on-off-show {
+      border-bottom: none;
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+    .bill-title-item {
+      display: inline-block;
+      .bill-title-search {
+        display: inline-block;
+        .bill-title-search-input {
+          width: 270px;
+          padding: 1px 11px;
+          border-radius: 4px;
+        }
+        .bill-search-icon {
+          font-size: 18px;
+          color: #999;
+        }
+        .u-input-group-btn {
+          z-index: 1;
+          left: 6px;
+          top: 2px;
+        }
+      }
+      .bill-search-button {
+        font-size: 12px;
+        vertical-align: top;
+        width: 64px;
+        height: 32px;
+        margin-left: 16px;
+        border-radius: 4px;
+        border: none;
+      }
+    }
+  }
+  .bill-title {
+    overflow: hidden;
+    position: relative;
+    margin-top: 16px;
+    border: 1px solid #C8C8CD;
+    border-radius: 4px;
+    transition: height 0.2s;
+
+    .bill-title-item {
+      margin-top: 16px;
+      margin-left: 13px;
+      height: 30px;
+      >div:last-child {
+        vertical-align: top;
+      }
+      .bill-title-item-all {
+        display: inline-block;
+        width: 48px;
+        height: 28px;
+        font-size: 14px;
+        font-weight: 700;
+        color: #333333;
+        text-align: center;
+        line-height: 28px;
+        border-radius: 4px;
+        margin: 0 16px;
+        vertical-align: middle;
+      }
+      &:first-child {
+        input {
+          padding-left: 0;
+          padding-right: 0;
+          text-indent: 1em;
+        }
+        span {
+          top: 3px;
+        }
+      }
+
+      label {
+        font-size: 14px;
+        color: #666;
+        margin-right: 8px;
+      }
+      label.ant-radio-button-wrapper {
+        border: none;
+        color: #333;
+        font-weight: 700;
+        &:focus-within{
+          box-shadow: none;
+        }
+        &:not(:first-child)::before{
+          content: none;
+        }
+        &.ant-radio-button-wrapper-checked {
+          &:not(.ant-radio-button-wrapper-disabled):focus-within{
+            box-shadow: none;
+          }
+        }
+      }
+      &>label {
+        display: inline-flex;
+        width: 58px;
+        justify-content: space-between;
+      }
+      .bill-title-txt-input{
+        width: 238px;
+        height: 28px;
+        border-radius: 4px;
+      }
+      .bill-title-money-input {
+        border-color: @border-color;
+        border-radius: 4px!important;
+        width: 108px;
+        height: 28px;
+        vertical-align: top;
+        &:focus {
+          border-color: @border-hover-color;
+        }
+      }
+      .bill-title-money-middle {
+        padding: 0 5px;
+      }
+      .ant-picker {
+        width: 238px!important;
+      }
+      label {
+        vertical-align: middle;
+      }
+      .ant-select{
+        width: 238px !important;
+      }
+    }
+  }
+
+  // 有u会员 打开时的高度
+  .bill-title-open {
+    height: 420px;
+  }
+  // 不是u会员 打开时的高度
+  .bill-title-notuuser-open {
+    height: 287px;
+    padding-bottom: 10px;
+  }
+  .bill-title-close {
+    height: 0;
+    border-color: transparent;
+    margin-top: 0!important;
+  }
+  .nodata {
+    .u-table-scroll>div {
+      height: auto!important;
+      &>div {
+        height: auto!important;
+      }
+    }
+  }
+  .bill-content {
+    margin-top: 12px;
+    height: calc(~'100% - 180px');
+    position: relative;
+    transition: all 0.2s;
+    .bill-loading {
+      position: absolute;
+      top: 40px;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: #FFF;
+      z-index: 200000;
+      img {
+        width: 200px;
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+    .ant-table-wrapper{
+      height: 100%;
+      .ant-spin-nested-loading {
+        height: 100%;
+        .ant-spin-container {
+          height: 100%;
+          .ant-table {
+            height: 100%;
+            .ant-table-container {
+              height: 100%;
+              .ant-table-body {
+                height: calc(~'100% - 51px');
+                table {
+                  .ant-table-body {
+                    height: calc(~'100% - 50px');
+                  }
+                }
+              }
+              >.ant-table-header{
+                padding-right: 4px;
+              }
+            }
+          }
+        }
+      }
+
+    }
+    th.text-center {
+      text-align: center;
+    }
+    .bill-content-operation {
+      display: flex;
+      justify-content: space-around;
+    }
+  }
+  .bill-page {
+    position: absolute;
+    right: 16px;
+    bottom: 4px;
+  }
+  .bill-search-icon-right {
+    top: 7px!important;
+    bottom: 0;
+    left: auto!important;
+    right: 1px!important;
+    color: #999;
+    cursor: pointer;
+    i {
+      font-size: 12px!important;
+    }
+  }
+  .bill-group {
+    display: inline-table!important;
+    vertical-align: middle;
+  }
+}
+.bill-modal {
+  ::-webkit-scrollbar {
+    width: 10px !important; // scroll-y 宽6px
+    height: 10px !important; // scroll-x 高6px
+    // background-color: #F5F5F5;
+  }
+  .ant-modal {
+    .ant-modal-content {
+      .ant-modal-body {
+        padding: 16px!important;
+        min-height: 418px!important;
+        height: auto!important;
+        .bill-modal-content {
+          width: 764px;
+          .bill-modal-content-header {
+
+            .bill-modal-content-header-item {
+              display         : inline-block;
+              overflow        : hidden;
+              width           : 33%;
+              padding: 5px 2px;
+              vertical-align: top;
+
+              >span {
+                font-size: 14px;
+
+                &:first-child {
+                  color: #666;
+                }
+
+                &:last-child {
+                  color: #000;
+                }
+              }
+            }
+          }
+          .bill-modal-content-table{
+            max-height: 307px;
+            .selected{
+              background: fade(#FF8C25, 20%)
+            }
+          }
+          .bill-settlement{
+            margin-top: 16px;
+            margin-bottom: -15px;
+            position: relative;
+            &::after{
+              content: '';
+              border:1px solid white;
+              position: absolute;
+              bottom: -1px;
+              width: 764px;
+            }
+          }
+        }
+      }
+      .ant-modal-footer {
+        border-top: 1px solid #E6E6EB!important;
+      }
+    }
+  }
+}
+