tplus-portaltouch 1.27.1 → 1.27.2

package/dist/pages/dutyandsettle/index.less

@@ -0,0 +1,576 @@
+.u-form-control {
+    border:1px solid #C8C8CD !important;
+}
+.ondutywin{
+    height:calc(~"100vh - 224px") !important;
+}
+.ondutyouter{
+    // margin:-16px;
+    .body{
+        padding:12px 20px;
+        .onduty{
+            .row{
+                padding:8px 0px;
+                .label{
+                    display: inline-block;
+                    padding-right:8px;
+                    width:102px;
+                    font-size: 14px;
+                    color: #000000;
+                    letter-spacing: 0;
+                    text-align: right;
+                    line-height: 14px;
+                    vertical-align: top;
+                    padding-top: 8px;
+                }
+                .content{
+                    display: inline-block;
+                    width: 216px;
+                    .riqi{
+                        color:rgba(0, 0, 0, 0.25);
+                    }
+
+                    .select{
+                        // border: 1px solid #C8C8CD;
+                        border-radius: 2px;
+                        width:230px !important;
+                        height:32px;
+                        font-size: 13px;
+                        color: #000000;
+                        letter-spacing: 0;
+                        line-height: 14px;
+                    }
+
+                }
+                .icon{
+                    display: inline-block;
+                    padding-left:32px;
+                    padding-right:12px;
+                    .tipicon{
+                        color: #FAAD14;
+                        font-size: 24px;
+                    }
+                }
+                .tipStyle{
+                    display: inline-block;
+                    font-size: 16px;
+                    color: #000000;
+                    letter-spacing: 0;
+                    line-height: 28px;
+                    vertical-align: top;
+                    padding-top:10px;
+                    padding-bottom: 40px;
+                }
+            }
+        }
+    }
+    .footer{
+        padding:16px;
+
+        .onduty{
+            text-align: right;
+        }
+
+        Button{
+            width:76px;
+            height:32px;
+            margin-left:16px;
+        }
+        button:first-child{
+            background: #FFFFFF;
+            border: 1px solid #D2D2D7 !important;
+            border-radius: 4px;
+            font-size: 16px;
+            color: #333333;
+            text-align: center;
+            line-height: 14px;
+        }
+        .secondary{
+            background: #FFFFFF;
+            border: 1px solid #D2D2D7 !important;
+            border-radius: 4px;
+            font-size: 16px;
+            color: #333333;
+            text-align: center;
+            line-height: 14px;
+        }
+        Button:last-child{
+            background: #FF8C26;
+            border: 1px solid #FF8C26 !important;
+            border-radius: 4px;
+            font-size: 16px;
+            color: #FFFFFF;
+            text-align: center;
+            line-height: 14px;
+        }
+    }
+}
+
+.handleShift{
+    background: white;
+    border-top: 16px solid #F4F4F4;
+    height:calc(~"100% - 60px");
+    .outerheader {
+        height: 56px;
+        line-height: 56px;
+        border-bottom: 4px solid #F4F4F4;
+        padding-left: 16px;
+        font-size: 20px;
+        color: #2D2D2D;
+        // margin-bottom: 16px;
+        .outerheader-button {
+          width: 200px;
+          cursor: pointer;
+          .outerheader-button-icon {
+            color: #666;
+            font-size: 20px;
+          }
+        }
+        .outerheader-history{
+            float: right;
+            padding-right: 16px;
+            Button{
+                width: 92px;
+                height: 40px;
+                margin-bottom: 8px;
+                background: #F4F4F4;
+                border: 1px solid #C8C8CD;
+                border-radius: 4px;
+                font-size: 16px;
+                color: #333333;
+                line-height: 22px;
+            }
+        }
+      }
+    .outerbody{
+        max-height: calc(~"100% - 60px");
+        overflow-y: auto;
+    }
+    .outerfooter{
+        text-align: right;
+        width: 100%;
+        height: 65px;
+        position: fixed;
+        bottom: 0px;
+        padding-right: 16px;
+        padding-top: 10px;
+        border-top: 5px solid #F4F4F4;
+        Button{
+            width:76px;
+            height:40px;
+            background: #FF8C26;
+            border-radius: 4px;
+            font-size: 16px;
+            color: #FFFFFF;
+            text-align: center;
+            line-height: 22px;
+            border:none;
+        }
+        Button:first-child{
+            width:120px !important;
+            margin-right:16px;
+        }
+    }
+    
+    
+}
+.historywin{
+    .u-modal-dialog{
+        margin-top: 0px!important;
+        top: calc((100%)/2) !important;
+        -webkit-transform: translateY(-50%) !important;
+        transform: translateY(-50%) !important;
+      }
+}
+
+.modalTitle{
+    font-size: 18px;
+    color: #333333;
+    line-height: 18px;
+}
+
+.offDuty{
+    .u-tabs-tab-active{
+        color:#FF8C25 !important;
+    }
+    .u-tabs-ink-bar{
+        background-color: #FF8C25 !important;
+    }
+    .u-tabs-tab:hover{
+        color:#FF8C25 !important;
+    }
+    .u-tabs-bar{
+        margin-bottom: 0px !important;
+    }
+    .header{
+        padding-left:16px;
+        width:100%;
+        border-bottom:1px solid #F4F4F4;
+        .item{
+            display: inline-block;
+            margin:8px;
+            vertical-align: top;
+            div{
+                display: inline-block;
+            }
+            .label{
+                text-align: right;
+                vertical-align: top;
+                width:89px;
+                font-size: 14px;
+                color: #666666;
+                letter-spacing: 0;
+                text-align: right;
+                line-height: 16px;
+            }
+            .content{
+                vertical-align: top;
+                width:215px;
+                padding-left:16px;
+                font-size: 14px;
+                color: #000000;
+                letter-spacing: 0;
+                line-height: 16px;
+
+                p{
+                    margin-bottom: 2px;
+                }
+            }
+        }
+        
+    }
+    .footer{
+        padding:16px 16px 8px 16px;
+        .item{
+            display: inline-block;
+            // width:346px;
+            height:32px;
+            div{
+                display: inline-block;
+            }
+            .label{
+                width:130px;
+                font-size: 14px;
+                color: #666666;
+                letter-spacing: 0;
+                text-align: right;
+                line-height: 16px;
+                vertical-align: top;
+            }
+            .content{
+                vertical-align: top;
+                width:60px;
+                font-size: 14px;
+                color: #000000;
+                letter-spacing: 0;
+                line-height: 16px;
+                .plusminus{
+                    display:inline-block;
+
+                    button{
+                        text-align: center !important;
+                        width:32px;
+                        height:32px;
+                        background: #FFFFFF;
+                        font-size: 14px;
+                        color: #000000;
+                        letter-spacing: 0;
+                        text-align: right;
+                        line-height: 16px;
+                        border: 1px solid #C8C8CD;
+                    }
+                    button:first-child{
+                        border-radius: 4px 0px 0px 4px;
+                        
+                    }
+                    button:last-child{
+                        border-radius: 0px 4px 4px 0px;
+                    }
+
+                    .selected{
+                        background: #32ABF9;
+                        font-size: 14px;
+                        color: #FFFFFF;
+                        letter-spacing: 0;
+                        text-align: right;
+                        line-height: 16px;
+                        border:none;
+                    }
+                }
+                .amountchange{
+                    display:inline-block;
+                    width:100px;
+                    margin-left:12px;
+                    .u-form-control{
+                        height: 32px;
+                        line-height: 32px;
+                    }
+                }
+            }
+            .paddingtop{
+                padding-top:8px;
+            }
+            .content2{
+                width:216px !important;
+            }
+            .demo{
+                width:auto !important;
+            }
+        }
+    }
+    .bodyP{
+        padding-left:16px;
+        padding-right:16px;
+    }
+    .body{
+        width:100%;//1336px;
+        .cashstatP{
+            border-left:1px solid #E6E6EB;
+            border-right:1px solid #E6E6EB;
+        }
+        .cashstat{
+            .u-table-content .u-table-scroll .u-table-fixed{
+                width: 100% !important;
+            }
+            .u-table-row-hover {
+                background: #FFFFFF !important;
+            }
+
+            .column {
+                font-size: 14px;
+                color    : #333333;
+            }
+
+            .title {
+                background    : #F4F4F4;
+                border-radius : 0px;
+                height        : 44px;
+                // border-left:1px solid #E6E6EB;
+                border-right  : 1px solid #E6E6EB;
+                border-bottom : 1px solid #E6E6EB;
+                padding-top   : 12px;
+
+                div {
+                    display    : inline-block;
+                    font-size  : 14px;
+                    color      : #333333;
+                    line-height: 22px;
+                }
+
+            }
+
+            .content {
+                height        : 44px;
+                // border-left:1px solid #E6E6EB;
+                border-right  : 1px solid #E6E6EB;
+                border-bottom : 1px solid #E6E6EB;
+                padding-top   : 12px;
+
+                div {
+                    display    : inline-block;
+                    font-size  : 14px;
+                    color      : #333333;
+                    line-height: 22px;
+                }
+
+            }
+        }
+        .salestatP{
+            border-left:1px solid #E6E6EB;
+        }
+        .salestat{
+            .stat{
+                width:50%;
+                display: inline-block;
+                vertical-align: top;
+                .title{
+                    background: #F4F4F4;
+                    border-radius: 0px;
+                    height:44px;
+                    // border-left:1px solid #E6E6EB;
+                    border-right:1px solid #E6E6EB;
+                    border-bottom:1px solid #E6E6EB;
+                    padding-top:12px;
+                    div{
+                        display: inline-block;
+                        font-size: 14px;
+                        color: #333333;
+                        line-height: 22px;
+                    }
+                    div:nth-child(1){
+                        padding-left:20%;
+                        width:60%;
+                    }
+                    div:nth-child(2){
+                        width:40%;
+                        text-align: right;
+                        padding-right: 20%;
+                    }
+                }
+                .content{
+                    height:44px;
+                    // border-left:1px solid #E6E6EB;
+                    border-right:1px solid #E6E6EB;
+                    border-bottom:1px solid #E6E6EB;
+                    padding-top:12px;
+                    div{
+                        display: inline-block;
+                        font-size: 14px;
+                        color: #333333;
+                        line-height: 22px;
+                    }
+                    div:nth-child(1){
+                        width:60%;
+                        padding-left:20%;
+                    }
+                    div:nth-child(2){
+                        width:40%;
+                        text-align: right;
+                        padding-right: 20%;
+                    }
+                }
+            }
+        }
+    }
+    .showgap{
+        display:block;
+        height:150px;
+        
+    }
+    .showinput{
+        display:block;
+        height:10px;
+        
+    }
+    .notshowinput{
+        display: none;
+    }
+}
+
+
+
+.history{
+    margin:-15px;
+    .historyempty{
+        padding-top:200px;
+    }
+    .historybody{
+        border-top:1px solid #E6E6EB;
+        .historyleft{
+            display: inline-block;
+            width:240px;
+            vertical-align: top;
+            background: #F4F4F4;
+            border-radius: 0px;
+            padding-top:20px;
+            border-right: 1px solid #E6E6EB;
+
+            .datepicker{
+                width:216px;
+                height:32px;
+                padding-left:12px;
+                .riqi{
+                    color:rgba(0, 0, 0, 0.25);
+                }
+            }
+
+            .vouchers{
+                height:478px;
+                overflow-y: auto;
+                padding-top:12px;
+                div{
+                    padding-left:12px;
+                    cursor: pointer;
+                    padding-top:8px;
+                    padding-bottom: 8px;
+                    vertical-align: middle;
+                    font-size: 14px;
+                    color: #000000;
+                    letter-spacing: 0;
+                    line-height: 14px;
+                }
+                .selected{
+                    background: #FFFFFF;
+                    font-size: 14px;
+                    color: #FF8C25;
+                    letter-spacing: 0;
+                    line-height: 14px;
+                }
+            }
+        }
+        .historyright{
+            display: inline-block;
+            width:calc(~"100% - 240px");
+        }
+    }
+    .historyfooter{
+        height:46px;
+        text-align: right;
+        padding:7px 16px;
+        border-top:1px solid #E6E6EB;
+        Button{
+            width:76px;
+            height:32px;
+        }
+        Button:first-child{
+            background: #FFFFFF;
+            border: 1px solid #D2D2D7;
+            border-radius: 4px;
+            font-size: 16px;
+            color: #333333;
+            text-align: center;
+            line-height: 14px;
+        }
+        Button:last-child{
+            margin-left:16px;
+            background: #FF8C26;
+            border-radius: 4px;
+            font-size: 16px;
+            color: #FFFFFF;
+            text-align: center;
+            line-height: 14px;
+        }
+    }
+}
+.emptydata{
+    text-align: center;
+    vertical-align: middle;
+    font-size: 14px;
+    color: #999999;
+    line-height: 24px;
+}
+
+.authortyClass {
+    .u-modal-dialog{
+        margin-top: 0px!important;
+        top: calc((100%)/2) !important;
+        -webkit-transform: translateY(-50%) !important;
+        transform: translateY(-50%) !important;
+    }
+    .u-form-item {
+        padding-right: 5px;
+        padding-left: 5px;
+    }
+    .tipTitle {
+        font-size: 14px;
+        margin-left: 12px;
+        margin-bottom: 8px;
+    }
+    .u-modal-header {
+        height: 46px;
+        border-bottom: 1px solid #ccc;
+    }
+    .labelClass {
+        padding-right: 0;
+        font-size: 14px !important;
+    }
+    .bodyClass{
+        height: 280px;
+        .input-focus {
+            border: 1px solid #FF8C26!important;
+        }
+        .btn {
+            font-size: 16px;
+        }
+    }
+}