tplus-portaltouch 1.27.1 → 1.27.2

package/dist/pages/Portal/PortalPage.less

@@ -0,0 +1,662 @@
+.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;
+    }
+}
+.isPortal-layout {
+    > .tplus-layout{
+        background-image: url("https://newretail.static.chanjet.com/portal-background.jpg");
+        background-size: cover;
+    }
+    .portal-content{
+        background: transparent;
+    }
+}
+.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-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;
+                padding: 0;
+
+                h1 {
+                    font-size  : 16px;
+                    height     : 67px;
+                    line-height: normal;
+                    padding    : 10px 0 0 15px;
+                }
+
+                i {
+                    width: 24px;
+                    height: 24px;
+                    right: 10%;
+                    bottom: 10%;
+                    font-size: 24px;
+                    &:before{
+                        top: -8px;
+                        left: 1px;
+                    }
+                }
+            }
+
+            .member-item-center-4 {
+                height : 70px;
+                padding: 0;
+
+                h1 {
+                    font-size  : 16px;
+                    height     : 67px;
+                    line-height: normal;
+                    padding    : 10px 0 0 15px;
+                }
+
+                i {
+                    width: 24px;
+                    height: 24px;
+                    right: 10%;
+                    bottom: 10%;
+                    font-size: 24px;
+                    &:before{
+                        top: -8px;
+                        left: 1px;
+                    }
+                }
+            }
+        }
+        .member-item-bottom-top,.member-item-practice{
+            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: 24px;
+                }
+            }
+            .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;
+            & > 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;
+            }
+            & > div:last-child{
+                padding: 0px;
+            }
+            .worktop-item-right-bottom {
+                overflow: hidden;
+                height: auto;
+                background-color: transparent;
+                width: 148px;
+                &: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-money{
+                height: 70px;
+                background-color: @bg-orange;
+            }
+            .worktop-item-money,.worktop-item-money{
+                padding: 10px 0 0 20px;
+                h1{
+                    font-size: 16px;
+                }
+            }
+        }
+    }
+    .portal-right-content{    
+        width: 304px;
+        margin-left: 12px;
+        display: inline-block;
+        & > div {
+            .menu-item-common;
+            width: 148px;
+            height: 148px;
+            float: left;
+            margin-bottom: 8px;
+            margin-right: 8px;
+            background-color: @bg-white-62;
+            padding: 20px 0px 0px 20px;
+            h1 {
+                font-size: 18px;
+            }
+            i{
+                width: 32px;
+                height: 32px;
+                bottom: 15%;
+                right: 15%;
+                font-size: 32px;
+                &:before{
+                    top: -7px;
+                }
+            }
+        }
+        & > div:nth-child(even) {
+            margin-right: 0px;
+        }
+        .stock-item-buy{
+            background-color: @bg-orange;
+        }
+        .stock-item-bar{
+            background-color: @bg-yellow;
+        }
+        .stock-item-allocate{
+            background-color: @bg-orange2;
+        }
+        .stock-item-search{
+            background-image: url("https://newretail.static.chanjet.com/search-background.jpg");
+            background-size: cover;
+        }
+        .stock-item-offduty,.stock-item-outstock{
+            height: 70px;
+            padding-top: 8px;
+        }
+        .stock-item-offduty, .stock-item-outstock,.stock-item-record, .stock-item-instock{
+            h1 {
+                color: @font-red-brown;
+            }
+            i {
+                color: @icon-orange;
+            }
+        }
+    }
+}
+
+/*适配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: 22vh !important;
+                margin-bottom: 1vh;
+                h1 {
+                    font-size: 18px !important;
+                    color: #891C1C; 
+                }
+                i{
+                    color: #A86A03; 
+                    font-size: 36px;
+                }
+                &:last-child{
+                    padding: 20px;
+                }
+            }
+            .worktop-item-option {
+                height: 11vh !important;
+                i{
+                    bottom:17% !important;
+                }
+            }
+            
+        }
+    }
+}
+
+/*适配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;
+                }
+            }
+            
+        }
+    }
+}
+
+@media (max-width: 1200px){
+    .portal-container{
+        .u-col-lg-3 {
+            width: 28%;
+        }
+        .u-col-lg-6 {
+            width: 44%;
+        }
+    }
+}
+
+@media (min-width: 1000px) {
+    .portal-container{
+        .u-col-sm-3 {
+            display: block;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            width: 29.16666667%;
+        }
+        .u-col-sm-6 {
+            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;
+        }
+        .u-col-sm-3 {
+            display: block;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            width: 29.16666667%;
+        }
+        .u-col-sm-6 {
+            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;
+        }
+    }
+}

package/dist/pages/Portal/data.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/*
+ * @Description:
+ * @Author: wangzhhr@chanjet.com
+ * @Date: 2019-08-13 08:42:18
+ * @LastEditTime: 2021-09-28 18:23:03
+ * @LastEditors: chenlongad
+ * @modify:跳转到T+的菜单，跳转时查询方案id信息
+ */
+var leftMenu = [{ title: '会员消费', label: '明细表', icon: 'xinxi1', className: 'member-item-top', key: 'member', tmenuCode: 'ME3501', Name: 'MemberConsumDetail', hidePad: true, search: { id: 'ME_MemberRetailDetailRpt_Store_Consume_PlanID', code: 'ME_MemberRetailDetailRpt', name: '门店消费查询' } }, {
+  container: { className: 'member-item-center-container' },
+  sub: [{ title: '会员储值', label: '对账表', icon: 'duizhangbiao', className: 'member-item-center-1', key: 'bills', tmenuCode: 'ME4020', Name: 'ReceiveDetail', hidePad: true, search: { id: 'ME_MemberStorageChangeSumRpt_Store_PlanID', code: 'ME_MemberStorageChangeSumRpt', name: '会员储值对账' } }, { title: '会员储值', label: '明细表', icon: 'chuzhimingxi', className: 'member-item-center-2', key: 'detailed', tmenuCode: 'ME3520', Name: 'MemberStorageDetail', hidePad: true, search: { id: 'ME_MemberStorageDetailRpt_Store_PlanID', 'code': 'ME_MemberStorageDetailRpt', name: '门店储值查询' } }]
+}, { title: '积分兑换礼品', icon: 'liwu', className: 'member-item-bottom-top', key: 'score', tmenuCode: 'ME25', Name: 'IntegralForGift', hidePad: true }, {
+  container: { className: 'member-item-center-container' },
+  sub: [{ title: '练习收银', label: '', icon: 'lianxishouyin', className: 'member-item-practice member-item-center-1', key: 'RE/RE01?mode=practice', Name: 'POSPratice' }, { title: '商品', label: '', icon: 'shangpin', className: 'member-item-practice member-item-center-3', key: 'Inventory', tmenuCode: 'AA1022', Name: 'Inventory', hidePad: true }, { title: '商品价格', label: '', icon: 'dianshangweixuanzhong', className: 'member-item-practice member-item-center-4', key: 'StorePrice', tmenuCode: 'AA4006', Name: 'StorePrice', hidePad: true }]
+}];
+
+var centerLeftMenu = [{ title: '前台收银', icon: 'qiantaishouyin', className: 'worktop-item-cashier', key: 'cashier', url: '/RE/RE01', Name: 'POSNew' }, { title: '当班', icon: 'liwu', className: 'worktop-item-onduty', key: 'onDuty', Name: 'GoToWork' }, { title: '交班', icon: 'jiaoban', className: 'worktop-item-offduty', key: 'offDuty', Name: 'GoOffWork' }, { title: '日结', icon: 'rijie', className: 'worktop-item-settlement', key: 'settleDialy', Name: 'DialySettle' }];
+
+var centerRightMenu = [{ title: '销售查询', icon: 'tongji', className: 'worktop-item-search', key: 'search', tmenuCode: 'RE09', Name: 'SalesSearch', hidePad: true, search: { id: 'RE_RetailDetailRpt_Store_PlanID', code: 'RE_RetailDetailRpt', name: '门店销售查询' } }, { title: '收银统计', icon: 'shouyintongji', className: 'worktop-item-money', key: 'money', tmenuCode: 'RE4560', Name: 'SettleStyleStatistics', hidePad: true, search: { id: 'RE_RetailCheckoutMethodSumRpt_SettleStyle_PlanID', code: 'RE_RetailCheckoutMethodSumRpt', name: '收银统计' } },
+// {title: '零售期间统计', icon: 'shangpintongji', className: 'worktop-item-retail', key: 'statis', tmenuCode:'RE4501', Name: 'InventoryStatistics',hidePad: true, search:{id: 'RE_RetailSumRpt_InventoryClass_PlanID',code:'RE_RetailSumRpt',name:'商品统计'}},
+{ title: '零售期间统计', icon: 'lingshouqijiantongji', className: 'worktop-item-money', key: 'money', tmenuCode: 'RE4525', Name: 'RetailPeriodStatistics', hidePad: true, search: { id: 'RE_RetailPeriodSumRpt_RetailPeriod_PlanID', code: 'RE_RetailPeriodSumRpt', name: '门店零售期间统计' } },
+// {title: '商品分类统计', icon: 'fenleitongji', className: 'worktop-item-classify', key: 'classify', tmenuCode:'RE4501', Name: 'InventoryClassStatistics',hidePad: true, search:{id:'RE_RetailSumRpt_ClassStatistical_PlanID',code:'RE_RetailSumRpt',name:'分类统计'}},
+{
+  container: { className: 'worktop-item-right-bottom' },
+  sub: [{ title: '商品统计', icon: 'shangpintongji', className: 'worktop-item-statis', key: 'statis', tmenuCode: 'RE4501', Name: 'InventoryStatistics', hidePad: true, search: { id: 'RE_RetailSumRpt_InventoryClass_PlanID', code: 'RE_RetailSumRpt', name: '商品统计' } }, { title: '分类统计', icon: 'fenleitongji', className: 'worktop-item-classify', key: 'classify', tmenuCode: 'RE4501', Name: 'InventoryClassStatistics', hidePad: true, search: { id: 'RE_RetailSumRpt_ClassStatistical_PlanID', code: 'RE_RetailSumRpt', name: '分类统计' } }, { title: '导购统计', icon: 'daogoutongjikuai', className: 'worktop-item-guide', key: 'guide', tmenuCode: 'RE4501', Name: 'PersonStatistics', hidePad: true, search: { id: 'RE_RetailSumRpt_GuideStatistical_PlanID', code: 'RE_RetailSumRpt', name: '导购统计' } }, { title: '促销查询', icon: 'cuxiaotongjikuai', className: 'worktop-item-promotion', key: 'promotion', tmenuCode: 'PR4001', Name: 'Promotion', hidePad: true, search: { id: 'PR_PromotionDetailRpt_Store_PlanID', code: 'PR_PromotionDetailRpt', name: '门店促销查询' } }, { title: '硬件参数', icon: 'yingjiancanshukuai', className: 'worktop-item-practice worktop-item-hardware', key: 'portsetting', url: '/portsetting', Name: 'HardwareSetting' }, { title: '参数设置', icon: 'shezhikuai', className: 'worktop-item-setting', key: 'set', url: '/set', Name: 'OptionSet' }]
+}];
+
+var rightMenu = [{ title: '要货', icon: 'yaohuo1', className: 'stock-item-buy', key: 'buy', tmenuCode: 'ST1030', Name: 'StockRequest', hidePad: true }, { title: '进货', icon: 'xiadan1', className: 'stock-item-bar', key: 'popbar', tmenuCode: 'PU03', Name: 'PopBar', hidePad: true }, { title: '调拨', icon: 'tiaobo', className: 'stock-item-allocate', key: 'allocate', tmenuCode: 'ST1031', Name: 'Trans', hidePad: true }, { title: '采购入库', icon: 'caigouruku', className: 'stock-item-record', key: 'caigou', tmenuCode: 'ST1001', Name: 'RdRecord', hidePad: true }, { title: '其他出库', icon: 'qitachuku', className: 'stock-item-offduty', key: 'offduty', tmenuCode: 'ST1024', Name: 'OutStock', hidePad: true }, { title: '其他入库', icon: 'qitaruku', className: 'stock-item-outstock ', key: 'outstock', tmenuCode: 'ST1004', Name: 'InStock', hidePad: true }, { title: '盘点', icon: 'pandian', className: 'stock-item-instock', key: 'instock', tmenuCode: 'ST1036', Name: 'Check', hidePad: true }, { title: '库存状况查询', icon: 'tongji', className: 'stock-item-search', key: 'search', tmenuCode: 'ST9001', Name: 'CurStockStatusOfInvRpt', hidePad: true, search: { id: 'ST_CurStockStatusOfInvRpt_PlanID', code: 'ST_CurStockStatusOfInvRpt', name: '门店库存查询' } }];
+
+var centerPadRightMenu = [{ title: '练习收银', label: '', icon: 'lianxishouyin', className: 'member-item-practice member-item-center-1', key: 'RE/RE01?mode=practice', Name: 'POSPratice' }, { title: '硬件参数', icon: 'yingjiancanshukuai', className: 'worktop-item-option worktop-item-money ', key: 'portsetting', url: '/portsetting', Name: 'HardwareSetting' }, { title: '参数设置', icon: 'shezhikuai', className: 'worktop-item-option worktop-item-money ', key: 'set', url: '/set', Name: 'OptionSet' }];
+
+exports.leftMenu = leftMenu;
+exports.centerLeftMenu = centerLeftMenu;
+exports.centerRightMenu = centerRightMenu;
+exports.rightMenu = rightMenu;
+exports.centerPadRightMenu = centerPadRightMenu;
+//# sourceMappingURL=data.js.map