tplus-components-touch 1.26.3 → 1.27.1

package/dist/components/deliverySearch/index.less

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