tplus-portaltouch 3.26.2 → 3.27.4

package/dist/pages/Portalbc/index.less

@@ -1,813 +0,0 @@
-.electron-env{
-    * {
-        moz-user-select: -moz-none;
-        -moz-user-select: none;
-        -o-user-select:none;
-        -khtml-user-select:none;
-        -webkit-user-select:none;
-        -ms-user-select:none;
-        user-select:none;
-    }
-}
-.portal-container {
-//     @icon-white: #FFFFFF;
-//     @icon-orange: #A86A03;
-//     @bg-yellow: #E4D409;
-//     @bg-orange: #C07800;
-//     @bg-orange2: #F5A623;
-//     @bg-white-27: rgba(255, 255, 255, .27);
-//     @bg-white-77: rgba(255, 255, 255, .77);
-//     @bg-white-62: rgba(255, 255, 255, .62);
-//     @font-red-brown: #891C1C;
-    overflow: hidden;
-    padding-top: 4%;
-    .animation{
-        -webkit-transition: all 0.2s ease-in-out;
-        -o-transition: all 0.2s ease-in-out;
-        transition: all 0.2s ease-in-out;
-    }
-    .menu-item-disabled{
-        pointer-events: none;
-        user-select:none;
-        opacity: .6;
-    }
-    .menu-item-common{
-        border-radius: 5px;
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
-        box-shadow: 0px 4px 8px rgba(0, 0, 0, .04);
-        &:hover{
-            box-shadow: 0px 4px 12px rgba(0, 0, 0, .12);
-            .animation;
-        }
-        .animation;
-        i {
-            position: absolute;
-            //color: @icon-white;
-        }
-        .icon-iconff{
-            background-color: #0b737b;
-        }
-        h1{
-            //color: @icon-white;
-            word-break:keep-all;
-            white-space:nowrap;
-            overflow:hidden;
-            text-overflow:ellipsis;
-        }
-        p {
-            //color: @icon-white;
-        }
-    }
-    .portal-left-content, .portal-center-content, .portal-right-content{
-        i {
-            &:before {
-                position: relative;
-            }
-        }
-    }
-    .portal-left-content{
-        width: 304px;
-        float: right;
-        margin-right: 12px;
-        .member-item{
-            .menu-item-common;
-            //background-color: @bg-white-27;
-        }
-        .member-item-padding{
-            padding: 30px 0px 0px 15px;
-        }
-        .member-item-top{
-            width: 100%;
-            height: 148px;
-            h1 {
-                font-size: 22px;
-            }
-            p {
-                font-size: 18px;
-                font-weight: 900;
-            }
-            i {
-                width: 62px;
-                height: 72px;
-                right: 12%;
-                bottom: 20%;
-                font-size: 64px;
-                &:before{
-                    top: -15px;
-                    left: -2px;
-                }
-            }
-            .member-item-padding;
-        }
-        .member-item-top-two{
-            .member-item-top;
-            margin-top: 8px;
-        }
-        .member-item-center-container{
-            width: 100%;
-            margin: 8px 0px;
-            overflow: auto;
-            & > div{
-                width: 148px;
-                height: 148px;
-                float: left;
-                h1 {
-                    font-size: 18px;
-                }
-                p {
-                    font-size: 22px;
-                    font-weight: 900;
-                }
-                .member-item-padding;
-            }
-            .member-item-center-1{
-                margin-right: 8px;
-                i {
-                    width: 36px;
-                    height: 36px;
-                    right: 10%;
-                    bottom: 10%;
-                    font-size: 32px;
-                    &:before {
-                        top: -6px;
-                        left: 2px;
-                    }
-                }
-            }
-            .member-item-center-2{
-                i {
-                    width: 36px;
-                    height: 36px;
-                    right: 10%;
-                    bottom: 10%;
-                    font-size: 36px;
-                    &:before{
-                        top: -8px;
-                        left: 1px;
-                    }
-                }
-            }
-            .member-item-center-3 {
-                height : 70px;
-                width: 70px;
-                padding: 0;
-
-                h1 {
-                    font-size  : 14px;
-                    height     : 67px;
-                    line-height: normal;
-                    padding    : 10px 0 0 0;
-                    text-align: center;
-                }
-
-                i {
-                    width: 24px;
-                    height: 24px;
-                    right: 32%;
-                    bottom: 10%;
-                    font-size: 20px;
-                    &:before{
-                        top: -8px;
-                        left: 1px;
-                    }
-                }
-            }
-
-            .member-item-center-4 {
-                height : 70px;
-                width: 70px;
-                padding: 0;
-                margin-left:8px;
-
-                h1 {
-                    font-size  : 14px;
-                    height     : 67px;
-                    line-height: normal;
-                    padding    : 10px 0 0 0;
-                    text-align: center;
-                }
-
-                i {
-                    width: 24px;
-                    height: 24px;
-                    right: 32%;
-                    bottom: 10%;
-                    font-size: 20px;
-                    &:before{
-                        top: -8px;
-                        left: 1px;
-                    }
-                }
-            }
-            
-            .member-item-center-bottom{
-                margin-top: 8px;
-            }
-        }
-        .member-item-bottom-top{
-            height: 70px;
-            line-height: 70px;
-            font-size: 22px;
-            margin-bottom: 8px;
-            padding-left: 15px;
-            i {
-                width: 36px;
-                height: 36px;
-                right: 10%;
-                top: 50%;
-                margin-top: -18px;
-                font-size: 32px;
-                &:before{
-                    top: -20px;
-                }
-            }
-        }
-        .member-item-bottom-container{
-            width: 304px;
-            display: inline-block;
-            & > div {
-                width: 148px;
-                height: 70px;
-                line-height: 70px;
-                float: left;
-                h1{
-                    padding-left: 15px;
-                }
-                i {
-                    width: 20px;
-                    height: 20px;
-                    right: 14%;
-                    top: 50%;
-                    margin-top: -10px;
-                }
-            }
-            .member-item-bottom-1{
-                margin-right: 8px;
-                i{
-                    font-size: 18px;
-                    &:before{
-                        top: -20px;
-                        left: 2px;
-                    }
-                }
-            }
-            .member-item-bottom-2{
-                i{
-                    font-size: 18px;
-                    &:before{
-                        top: -20px;
-                        left: 2px;
-                    }
-                }
-            }
-        }
-    }
-    .portal-center-content{
-        width: 460px;
-        margin: 0px auto;
-        overflow: hidden;
-        .worktop-container-left{
-            float: left;
-            width: 304px;
-            margin-right: 8px;
-            & > div {
-                width: 100%;
-                //background-color: rgba(255, 255, 255, .6);
-                margin-bottom: 8px;
-                .menu-item-common;
-                i{
-                    width: 48px;
-                    height: 48px;
-                    top: 50%;
-                    right: 12%;
-                    margin-top: -24px;
-                    font-size: 42px;
-                    &:before{
-                        top: -6px;
-                        left: 2px;
-                    }
-                }
-            }
-            .worktop-item-cashier{
-                background-image: url("https://newretail.static.chanjet.com/cashier-background.jpg");
-                background-size: cover;
-                height: 304px;
-                h1{
-                    font-size: 40px;
-                    text-align: center;
-                    position: relative;
-                    top: 60%;
-                }
-                i{
-                    width: 48px;
-                    height: 60px;
-                    top: 20%;
-                    left: 50%;
-                    margin-left: -24px;
-                    margin-top: 0px;
-                    font-size: 60px;
-                    &:before{
-                        top: -15px;
-                        left: -7px;
-                    }
-                }
-            }
-            .worktop-item-common{
-                padding: 20px;
-                h1 {
-                    font-size: 20px;
-                }
-                i{
-                    width: 36px;
-                    height: 36px;
-                    font-size: 36px;
-                }
-            }
-            .worktop-item-onduty{
-                height: 70px;
-                //background-color: @bg-orange2;
-                .worktop-item-common;
-            }
-            .worktop-item-offduty{
-                height: 70px;
-                //background-color: @bg-yellow;
-                .worktop-item-common
-            }
-            .worktop-item-settlement{
-                height: 70px;
-                //background-color: @bg-orange;
-                .worktop-item-common
-            }
-        }
-        .worktop-container-right{
-            width: 148px;
-            float: left;
-            & > .worktop-item-cc{
-                height: 95px;
-            }
-            & > div {
-                width: 100%;
-                height: 90px;
-                margin-bottom: 8px;
-                padding: 20px;
-                //background-color: rgba(255, 255, 255, .6);
-                h1{
-                    font-size: 18px;
-                }
-                i{
-                    width: 30px;
-                    height: 36px;
-                    bottom: 10%;
-                    right: 8%;
-                    font-size: 24px;
-                }
-                .menu-item-common;
-            }
-            & > .member-container-practice{
-                width: 148px;
-                height: 148px;
-            }
-            & > .worktop-item-center-right-bottom:last-child{
-                padding: 0px;
-            }
-            .worktop-item-center-right-bottom {
-                overflow: hidden;
-                height: auto;
-                background-color: transparent;
-                width: 148px;
-                padding: 0;
-                margin-bottom:0;
-                &:hover{
-                    box-shadow: none;
-                }
-                & > div {
-                    .menu-item-common;
-                    width: 70px;
-                    height: 70px;
-                    float: left;
-                    margin-bottom: 8px;
-                    margin-right: 8px;
-                    //background-color: @bg-white-77;
-                    h1{
-                        font-size: 14px;
-                        text-align: center;
-                        line-height: 40px;
-                        // font-weight: normal;
-                        //color: @font-red-brown;
-                    }
-                    i{
-                        width: 18px;
-                        height: 18px;
-                        bottom: 12%;
-                        left: 50%;
-                        margin-left: -9px;
-                        font-size: 18px;
-                        //color: @icon-orange;
-                        &:before{
-                            top: -5px;
-                        }
-                    }
-                }
-                & > div:nth-child(even) {
-                    margin-right: 0px;
-                }
-            }
-            .worktop-item-search{
-                height: 148px;
-                //background-color: @bg-orange2;
-            }
-            .worktop-item-money{
-                height: 70px;
-                //background-color: @bg-yellow;
-            }
-            .worktop-item-statis{
-                height: 148px;
-                //background-color: @bg-orange;
-            }
-            .worktop-item-classify,.worktop-item-guide {
-                height          : 70px;
-                //background-color: @bg-white-77;
-
-                h1 {
-                    //color: @font-red-brown;
-                }
-
-                i {
-                    //color: @icon-orange;
-                }
-            }
-
-            .worktop-item-money,.worktop-item-classify {
-                padding: 10px 0 0 20px;
-
-                h1 {
-                    font-size: 16px;
-                }
-            }
-            .worktop-item-classify:nth-last-child(1){
-                i{
-                    font-size:16px;
-                }
-            }
-            .worktop-item-guide{
-                
-            }
-        }
-    }
-    .portal-right-content {
-        width      : 320px;
-        margin-left: 12px;
-        display    : inline-block;
-        &>.worktop-item-classify{
-            width        : 148px;
-            height       : 95px;
-            margin-right: 50px;
-        }
-        &>div {
-            .menu-item-common;
-            width        : 148px;
-            height       : 148px;
-            float        : left;
-            margin-bottom: 8px;
-            margin-right : 8px;
-
-            h1 {
-                font-size: 20px;
-                padding: 10px 0 0 20px;
-            }
-
-            i {
-                width    : 32px;
-                height   : 32px;
-                bottom   : 15%;
-                right    : 15%;
-                font-size: 32px;
-
-                &:before {
-                    top: -7px;
-                }
-            }
-        }
-
-
-
-        &>div:nth-child(even) {
-            margin-right: 0px;
-        }
-
-        .stock-item-right-container {
-            width     : 148px;
-            padding   : 0;
-            background: unset;
-            position  : relative;
-        }
-
-        .stock-item-yaohuo {
-            //background-color: @bg-orange;
-        }
-
-        .stock-item-caigou {
-            //background-color: @bg-yellow;
-        }
-
-        .stock-item-tiaobo {
-            //background-color: @bg-orange2;
-        }
-
-        .stock-item-one {
-            height          : 70px;
-            border-radius   : 5px;
-            //background-color: @bg-white-62;
-
-            h1 {
-                //color    : @font-red-brown;
-                font-size: 16px;
-            }
-
-            i {
-                //color    : @icon-orange;
-                width    : 36px;
-                height   : 36px;
-                font-size: 24px;
-                bottom: 50%;
-                right : 8%;
-            }
-        }
-
-        .stock-item-two {
-            margin-top: 8px;
-            i {
-                bottom: 0;
-                right : 8%;
-            }
-        }
-
-        .stock-item-caigou-tc,.stock-item-jinhuo,.stock-item-qitachuku {
-            .stock-item-one;
-        }
-
-        .stock-item-caigouruku-tc,.stock-item-pandian,.stock-item-qitaruku {
-            .stock-item-one;
-            .stock-item-two;
-        }
-
-        .stock-item-search {
-            background-image: url("https://newretail.static.chanjet.com/search-background.jpg");
-            background-size : cover;
-
-            h1 {
-                padding-left: 0;
-                padding: 10px 0 0 10px;
-            }
-            i {
-                font-size :24px;
-            }
-        }
-    }
-}
-
-.portal-container-modal-more{
-    .ant-modal-body{
-        height: 375px;
-    }
-    .modal-quick{
-        width: 115px;
-        height: 115px;
-        margin:10px;
-        text-align: center;
-        cursor:hand;
-        float: left;
-
-        .quick{
-            width: 60px;
-            height: 60px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius:12px;
-            margin: 10px 26px;
-        }
-        i{
-            font-size: 30px;
-            color: #FFF !important;
-        }
-    }
-
-    .worktop-item-assemblyorder div{  
-        background: #26A0DE;
-
-    }
-    .worktop-item-shapevoucher div{
-        background: #7978FF;   
-    }
-}
-
-.portal-hsy-tc-container {
-    position  : absolute;
-    height    : 99%;
-    width     : 100%;
-    background: #FFFFFF;
-}
-
-.portal-hsy-tc-container-hide {
-    top: -100%;
-}
-
-/*适配Pad*/
-.portal-container-pad{
-
-    .portal-center-content  {
-        width: 66vw !important;
-        height: 100vh !important;
-        .worktop-container-left{
-            width: 48vw !important;
-            .worktop-item-cashier{
-                width: 48vw !important;
-                height: 40vh !important;
-            }
-
-            .worktop-item {
-                display: inline-block;
-                width: 24vw;
-            }
-            .worktop-item-onduty{
-                width: 48vw !important;
-            }
-            .worktop-item-offduty {
-                float: none !important;
-                width: 23vw !important;
-                margin-right: 2vw !important;
-            }
-            .worktop-item-settlement {
-                width: 23vw !important;
-                margin-right: 0 !important;
-            }
-
-        }
-        .worktop-container-right{
-            .worktop-item {
-                width: 16vw !important;
-                height: 19.5vh !important;
-                margin-bottom: 1vh;
-                h1 {
-                    font-size: 18px !important;
-                    //color: #891C1C;
-                }
-                i{
-                    //color: #A86A03;
-                    font-size: 36px;
-                }
-                &:last-child{
-                    padding: 20px;
-                }
-            }
-
-        }
-    }
-}
-
-/*适配SunMi*/
-.portal-container-sunmi{
-
-    .portal-center-content  {
-        width: 66vw !important;
-        height: 100vh !important;
-        .worktop-container-left{
-            width: 48vw !important;
-            .worktop-item-cashier{
-                width: 48vw !important;
-                height: 40vh !important;
-            }
-
-            .worktop-item {
-                display: inline-block;
-                width: 24vw;
-            }
-            .worktop-item-onduty{
-                width: 48vw !important;
-            }
-            .worktop-item-offduty {
-                float: none !important;
-                width: 23vw !important;
-                margin-right: 2vw !important;
-            }
-            .worktop-item-settlement {
-                width: 23vw !important;
-                margin-right: 0 !important;
-            }
-        }
-        .worktop-container-right{
-            .worktop-item {
-                width: 16vw !important;
-                height: 24.3vh !important;
-                margin-bottom: 1vh;
-                h1 {
-                    font-size: 18px !important;
-                    //color: #891C1C;
-                }
-                i{
-                    //color: #A86A03;
-                    font-size: 36px;
-                }
-                &:last-child{
-                    padding: 20px;
-                }
-            }
-
-        }
-    }
-}
-
-.portal-container-center{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding-top: unset !important;
-    // margin-bottom: -30px;
-    .portal-content-row{
-        // align-items: center;
-        // justify-content: center;
-    }
-}
-
-@media (max-width: 1200px){
-    .portal-container{
-        .ant-col-xl-6 {
-            width: 28%;
-        }
-        .ant-col-xl-12 {
-            width: 44%;
-        }
-    }
-}
-
-@media (min-width: 1000px) {
-    .portal-container{
-        .portal-left-col, .portal-center-col, .portal-right-col{
-                display: inline-block;
-                float: left;
-            }
-        .ant-col-md-6 {
-            display: block;
-            -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-            width: 29.16666667%;
-        }
-        .ant-col-md-12 {
-            display: block;
-            -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-            width: 41.66666667%;
-        }
-    }
-}
-
-@media (max-width: 1080px) {
-    .portal-container{
-        min-width: 996px;
-        padding: 4% 0px 0px 0px !important;
-        zoom: 0.8;
-        .portal-left-col, .portal-center-col, .portal-right-col{
-            display: inline-block;
-            float: left;
-        }
-        .ant-col-md-6 {
-            display: block;
-            -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-            width: 29.16666667%;
-        }
-        .ant-col-md-12 {
-            display: block;
-            -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-            width: 41.66666667%;
-        }
-    }
-}
-
-@media (max-height: 680px) {
-    .portal-container{
-        zoom: 0.85;
-    }
-}
-
-@media (max-height: 580px) {
-    .portal-container{
-        zoom: 0.75;
-    }
-}
-
-@media (max-height: 500px) {
-    .portal-container{
-        min-width: 996px;
-        padding: 4% 0px 0px 0px !important;
-        zoom: 0.65;
-        .portal-left-col, .portal-center-col, .portal-right-col{
-            display: inline-block;
-            float: left;
-        }
-    }
-}