tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/deliverySearch/index.less

@@ -0,0 +1,624 @@
+@border-hover-color: rgb(255, 183, 77);
+@border-color: #C8C8CD;
+@active-color: #FF8C25;
+
+.delivery {
+  width: 935px;
+  height: 100%;
+  padding-top: 16px;
+  position: relative;
+
+  ::-webkit-scrollbar {
+    width: 10px !important; // scroll-y 宽6px
+    height: 10px !important; // scroll-x 高6px
+  }
+  .u-table-row-hover {
+    background: none;
+  }
+  .u-select .u-select-arrow {
+    top: 42%!important;
+  }
+  .calendar-picker {
+    .u-input-group-btn {
+      top: 4px!important;
+      right: 3px!important;
+    }
+  }
+  .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;
+  }
+
+  // 有u会员 打开时的高度
+  .bill-title-open {
+    height: 420px;
+  }
+  // 不是u会员 打开时的高度
+  .bill-title-notuuser-open {
+    height: 287px;
+    padding-bottom: 10px;
+  }
+  .nodata {
+    .u-table-scroll>div {
+      height: auto!important;
+      &>div {
+        height: auto!important;
+      }
+    }
+  }
+  .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;
+  }
+
+  .u-table .u-table-thead>tr:last-child {
+    border-color: #DDD;
+  }
+
+  .u-table .u-table-body .columnTitle {
+    .u-checkbox .u-checkbox-label:after,.u-checkbox .u-checkbox-label:before {
+      width       : 16px;
+      height      : 16px;
+      color       : #FFF;
+      border-color: #D2D2D7;
+    }
+    .u-checkbox.is-checked .u-checkbox-label:before {
+      background  : #32ABF9;
+      border-color: #32ABF9;
+      box-shadow  : 0 0 0 0 #FFF;
+    }
+    .u-checkbox input[type=checkbox]:focus {
+      border-color: #FFF;
+    }
+  }
+  .delivery-filter {
+    position: relative;
+    padding-left: 16px;
+    padding-right: 16px;
+
+    .mask1 {
+      position   : absolute;
+      top        : 31px;
+      left       : 16px;
+      width      : 123px;
+      height     : 19px;
+      border-left: 1px solid #C8C8CD;
+      transition : all 0.2s;
+      background : #FFF;
+      z-index    : 1;
+    }
+
+    .mask2 {
+      position                 : absolute;
+      top                      : 30px;
+      left                     : 135px;
+      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;
+
+      // font-weight: 700;
+      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-left : 30px;
+          border-color : @border-color;
+          border-radius: 4px;
+
+          &:focus {
+            border-color: @border-hover-color;
+          }
+        }
+
+        .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;
+        color         : #FFFFFF;
+        vertical-align: top;
+        width         : 64px;
+        height        : 32px;
+        margin-left   : 16px;
+        background    : #FF8C25;
+        border-radius : 4px;
+        border        : none;
+      }
+    }
+  }
+
+  .delivery-title {
+    overflow     : hidden;
+    position     : relative;
+    margin       : 16px 16px 0 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 {
+        display       : inline-block;
+        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;
+        // background : #EAEBED;
+        border-radius : 4px;
+        margin        : 0 16px;
+        vertical-align: middle;
+      }
+
+      .bill-title-item-all-active {
+        color        : @active-color;
+        // background: @active-color;
+      }
+
+      &:first-child {
+        input {
+          padding-left : 0;
+          padding-right: 0;
+          text-indent  : 1em;
+        }
+
+        span {
+          top: 3px;
+        }
+      }
+
+      .calendar-picker {
+        display       : inline-table;
+        vertical-align: top;
+
+        input {
+          height: 28px;
+        }
+      }
+
+      label {
+        font-size   : 14px;
+        color       : #666;
+        margin-right: 8px;
+      }
+
+      &>label {
+        display        : inline-flex;
+        width          : 58px;
+        justify-content: space-between;
+      }
+
+      .bill-title-txt-input {
+        width : 220px;
+        height: 28px;
+      }
+
+      .bill-title-money-input {
+        border-color  : @border-color;
+        border-radius : 4px !important;
+        width         : 98px;
+        height        : 28px;
+        vertical-align: top;
+
+        &:focus {
+          border-color: @border-hover-color;
+        }
+      }
+
+      .bill-title-money-middle {
+        padding: 0 5px;
+      }
+
+      .u-select {
+        width: 216px !important;
+      }
+
+      .calendar-picker {
+        width: 218px !important;
+      }
+
+      .u-select-show-search {
+        vertical-align: middle;
+
+        .u-select-selection {
+          width: 100%;
+        }
+      }
+
+      label {
+        vertical-align: middle;
+      }
+
+      .u-select-selection--multiple {
+        height  : 28px;
+        overflow: hidden;
+      }
+    }
+  }
+
+  .delivery-title-close {
+    height: 0px;
+    border-color: transparent;
+    margin-top: 0!important;
+  }
+
+  .delivery-content {
+    position: relative;
+    transition: all 0.2s;
+    margin-top: 12px;
+    padding:0 16px;
+    height: calc(~'100% - 180px');
+
+    .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%);
+      }
+    }
+    .u-table-scroll {
+      .u-table-header {
+        margin-bottom: -10px!important;
+      }
+    }
+    .u-table {
+      height: 100%;
+        .u-table-content {
+          height: 100%;
+          >div {
+            height: 100%;
+            >div {
+              height: 100%;
+              .u-table-header {
+                tr {
+                  // border-left: 1px solid rgb(193, 199, 208);
+                  // border-right: 1px solid rgb(193, 199, 208);
+                  // border-top: 1px solid rgb(193, 199, 208);
+                }
+              }
+              .u-table-body {
+                height: calc(~'100% - 51px');
+                tr {
+                  td {
+                    border-color:rgb(221, 221, 221);
+                  }
+                }
+                table {
+                  // height: 100%;
+                  .u-table-tbody {
+                    height: calc(~'100% - 50px');
+                  }
+                }
+              }
+            }
+          }
+          .u-table-scroll {
+            height: 100%;
+            .u-table-placeholder {
+              height: auto!important;
+              border-color: #FFF;
+            }
+          }
+          .u-table-fixed-right {
+            height: 100%;
+
+            >div {
+              height: 100%;
+
+              .u-table-body-outer {
+                height: calc(~'100% - 5px');
+
+                .u-table-body-inner {
+                  height: calc(~'100% - 46px') !important;
+                  max-height: initial !important;
+                }
+              }
+            }
+          }
+
+          .rtl {
+            direction: ltr;
+            text-overflow:inherit;
+          }
+        }
+      }
+      .u-table-body-inner {
+        max-height: calc(~'100% - 54px')!important;
+      }
+      .u-table-scroll {
+        >div {
+          height: 100%;
+        }
+      }
+    th.text-center {
+      text-align: center;
+    }
+    .bill-content-operation {
+      display: flex;
+      justify-content: space-around;
+    }
+  }
+
+  .delivery-footer {
+    position: fixed;
+    bottom: 0;
+    display    : flex;
+    align-items: center;
+    width      : 100%;
+    height     : 60px;
+    border-top:1px solid #ddd;
+
+    .check {
+      margin-left: 17px;
+
+      .u-checkbox-label {
+        font-size: 14px;
+        color    : #333333;
+      }
+    }
+
+    .u-checkbox.is-checked .u-checkbox-label:before {
+      background  : #32ABF9;
+      border-color: #32ABF9;
+      box-shadow  : 0 0 0 10px #FFF;
+    }
+
+    .u-checkbox.is-checked .u-checkbox-label:after {
+      color: #FFF;
+    }
+
+    .u-checkbox input[type=checkbox]:focus+.u-checkbox-label:before {
+      border-color: #D2D2D7;
+    }
+
+    .u-checkbox .u-checkbox-label:before {
+      border-color: #D2D2D7;
+    }
+
+    .u-checkbox .u-checkbox-label:after,
+    .u-checkbox .u-checkbox-label:before {
+      width : 16px;
+      height: 16px;
+    }
+
+    .btns {
+      width     : 100%;
+      text-align: right;
+      margin-right: 32px;
+      font-size: 16px;
+
+      .btn{
+        width: 76px;
+        height: 40px;
+        margin-left: 24px;
+      }
+
+      .u-button.u-button-primary,
+      .u-button.u-button-primary:hover {
+        background-color: @active-color;
+        border          : @active-color;
+      }
+
+      .u-button.u-button-secondary,
+      .u-button.u-button-secondary:hover {
+        background-color: #fff;
+        border-color    : #C8C8CD;
+      }
+    }
+  }
+}
+
+.bill-modal {
+  ::-webkit-scrollbar {
+    width: 10px !important; // scroll-y 宽6px
+    height: 10px !important; // scroll-x 高6px
+    // background-color: #F5F5F5;
+  }
+  .u-table-row-hover {
+    background: none;
+  }
+  .u-modal-dialog {
+    .u-modal-content {
+      .u-modal-header {
+        border-bottom: 1px solid #E6E6EB!important;
+      }
+      .u-modal-body {
+        padding: 16px!important;
+        min-height: 418px!important;
+        height: auto!important;
+        .u-table-scroll {
+          .u-table-header {
+            margin-bottom: 0 !important;
+            overflow: hidden !important;
+          }
+        }
+        .u-table .u-table-thead>tr:last-child {
+          border-color: #DDD;
+        }
+        td {
+          border-color:rgb(221, 221, 221);
+        }
+        .bill-modal-content {
+          width: 764px;
+          .tradeNo {
+            padding-bottom: 4px;
+            span {
+              font-size: 14px;
+            }
+            span:nth-child(1) {
+              color: #666;
+            }
+          }
+          .bill-modal-content-header {
+
+            .bill-modal-content-header-item {
+              display         : inline-block;
+              overflow        : hidden;
+              word-break      : keep-all;
+              white-space     : normal;
+              // text-overflow: ellipsis;
+              width           : 33%;
+              padding: 5px 2px;
+              vertical-align: top;
+
+              >span {
+                font-size: 14px;
+
+                &:first-child {
+                  color: #666;
+                }
+
+                &:last-child {
+                  color: #000;
+                }
+              }
+            }
+          }
+          .bill-modal-content-table{
+            .selected{
+              background: fade(#FF8C25, 20%)
+            }
+          }
+        }
+        .u-table-fixed-left .u-table-header tr{
+          height: 50px;
+          line-height: 50px;
+        }
+        .u-table-fixed-left .u-table-body-outer {
+
+          .u-checkbox.is-checked .u-checkbox-label:before {
+            background  : #32ABF9;
+            border-color: #32ABF9;
+            box-shadow  : 0 0 0 0 #FFF;
+          }
+
+          .u-checkbox.is-checked .u-checkbox-label:after {
+            color: #FFF;
+          }
+
+          .u-checkbox input[type=checkbox]:focus {
+            border-color:#FFF;
+          }
+
+          .u-checkbox .u-checkbox-label:before {
+            border-color: #D2D2D7;
+          }
+
+          .u-checkbox .u-checkbox-label:after,
+          .u-checkbox .u-checkbox-label:before {
+            width : 16px;
+            height: 16px;
+          }
+
+          .columnTitle {
+            display        : flex;
+            justify-content: left;
+            align-items    : center;
+            height         : 42px;
+            width          : 100px;
+            padding-right  : 10px;
+            overflow       : hidden;
+            white-space    : normal;
+            cursor         : default;
+          }
+        }
+      }
+      .u-modal-footer {
+        border-top: 1px solid #E6E6EB!important;
+      }
+    }
+  }
+}