@ganwei-web/ganwei-pc-cli 6.2.2 → 6.2.3

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/assets/css/login.scss

@@ -0,0 +1,320 @@
+.login {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+
+    // background: url(../../assets/images/bg.png) no-repeat center -10%/100% auto;
+    >img {
+        width: 100%;
+    }
+
+    >header {
+        position: fixed; // width: 333px;
+        top: 44px;
+        left: 50%;
+        transform: translateX(-50%);
+        height: 50px;
+
+        img {
+            margin-right: 24px;
+            float: left;
+            height: 56px;
+        }
+
+        span {
+            float: left;
+            display: block;
+            height: 50px;
+            line-height: 50px;
+            font-size: 3rem;
+            color: $background-box;
+            font-weight: bold;
+        }
+    }
+
+    .img_box {
+        >img {
+            width: 50px !important;
+            height: 50px !important;
+            border: 1px solid $black;
+        }
+    }
+
+    >section {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        $loginW: 872px;
+        $loginH: 508px;
+        width: $loginW;
+        height: $loginH;
+        border-radius: 6px;
+        overflow: hidden;
+
+        .logo_box {
+            position: absolute;
+            left: 0;
+            width: 45%;
+            height: 100%;
+
+            .logo_bj {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                background: $linearBg;
+
+                .login_top {
+                    position: absolute;
+                    height: 100%;
+                    height: 50%;
+                    top: 145px;
+
+                    img {
+                        width: 52%;
+                        position: relative;
+                    }
+                }
+
+                .login_bottom {
+                    position: absolute;
+                    height: 40%;
+                    top: 50%;
+
+                    img {
+                        width: 55%;
+                        position: relative;
+                        top: 50%;
+                        margin-top: -20%;
+                    }
+                }
+
+                p {
+                    color: $background-box;
+
+                    &:first-child {
+                        margin-top: 24px;
+                        margin-bottom: 12px;
+                        font-size: 2rem;
+                        text-shadow: 0px 0.5px 4px $black;
+                    }
+
+                    &:last-child {
+                        font-size: 1.25rem;
+                        text-shadow: 0px 0.5px 3px $black;
+                    }
+                }
+            }
+        }
+
+        .login_form {
+            position: absolute;
+            right: 0;
+            padding: 48px 56px;
+            width: 55%;
+            height: 100%;
+
+            h2 {
+                margin-bottom: 5%;
+                color: $textColor_1;
+                font-size: 2rem;
+                text-align: left;
+                font-weight: normal;
+
+                h3 {
+                    font-size: 24px;
+                    color: var(--snapshot-desc-title);
+                    margin-bottom: 20px
+                }
+
+                h5 {
+                    font-size: 14px;
+                    color: var(--workorder-info-label);
+                }
+            }
+
+            >p {
+                margin-top: 5%;
+                text-align: left;
+
+                >span {
+                    display: block;
+                    width: 100%;
+                    color: #2d2e30;
+
+                    &:first-child {
+                        height: 30px;
+                        line-height: 30px;
+                        color: $black;
+                    }
+
+                    i {
+                        margin: 0 5px;
+                        float: left;
+                        display: block;
+                        color: $black;
+                        font-size: 1rem;
+                        font-weight: bold;
+                    }
+
+                    .icongw-icon-zhuce-yingchang,
+                    .icongw-icon-zhuce-kanjian {
+                        display: inline-block;
+                        height: 100%;
+                        font-size: 20px;
+                        padding-top: 10px;
+                        color: $textColor_3 !important;
+                    }
+
+
+                    input {
+                        font-size: 0.9rem;
+                        color: $background-box;
+                        width: 100%;
+                        height: 40px;
+                        text-indent: 1rem;
+                        line-height: 40px;
+                        outline: none;
+                        border-radius: 3px;
+                        border: 1px solid $n-borderColor;
+                        background: transparent;
+                    }
+
+                    ::v-deep .el-input {
+                        input {
+                            border-width: 0.5px;
+                            // background: $n-backColor;
+                        }
+                    }
+
+                    input:-webkit-autofill,
+                    textarea:-webkit-autofill,
+                    select:-webkit-autofill {
+                        -webkit-text-fill-color: $background-box !important;
+                        -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
+                        background-color: transparent;
+                        background-image: none;
+                        transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
+                    }
+
+                    img {
+                        height: 40px;
+                    }
+
+                    #code_img {
+                        display: block;
+                        width: 100%;
+                        height: 40px;
+                        cursor: pointer;
+                    }
+
+                    span {
+                        font-size: 0.875rem;
+                    }
+                }
+            }
+
+            .verificationCode {
+                position: relative;
+                width: 100%;
+                height: 40px;
+                overflow: hidden;
+
+                ::v-deep .el-input {
+                    position: absolute;
+                    left: 0;
+                }
+
+                #code_img {
+                    position: absolute;
+                    top: 1px;
+                    right: 1.5px;
+                    width: 170px;
+                    height: 37.5px;
+                    z-index: 9999999999999999;
+                    border-top-right-radius: 3px;
+                    border-bottom-right-radius: 3px;
+                }
+            }
+
+            .number {
+                margin-top: 12%;
+            }
+
+            .loading {
+                display: inline-block;
+                cursor: pointer;
+                width: 100%;
+                padding: 12px;
+                margin-top: 6px;
+                position: relative;
+                position: relative;
+                font-size: 16px;
+                outline: none;
+                background: var(--login-btn-Bg);
+                border-radius: 6px;
+                margin-top: 66px;
+                color: $textColor_2 !important;
+                border: 0;
+                // &:hover {
+                //     background: $linearBtnHoverBg;
+                // }
+            }
+
+            .label,
+            i {
+                color: var(--radio-label) !important;
+            }
+        }
+    }
+
+    >footer {
+        width: 100%;
+        position: fixed;
+        bottom: 24px;
+        left: 50%;
+        transform: translateX(-50%);
+        height: 32px;
+        white-space: nowrap;
+
+        img {
+            margin-right: 16px;
+            height: 32px;
+        }
+
+        span {
+            height: 32px;
+            line-height: 32px;
+            font-size: 1rem;
+            color: $n-fontColor;
+            white-space: nowrap;
+            vertical-align: bottom;
+        }
+
+        .footer-btn {
+            width: 107px;
+            height: 28px;
+            position: fixed;
+            right: 30px;
+            bottom: 0;
+
+            .el-button {
+                color: $textColor_3;
+                border: 0.5px solid $textColor_5;
+                background-color: rgba(64, 158, 255, 0.2);
+            }
+        }
+    }
+
+    .icongw-icon-shezhi {
+        font-size: 16px;
+        position: absolute;
+        right: 5%;
+        top: 30px;
+        color: var(--workorder-info-label);
+        z-index: 4;
+        font-weight: 500;
+        font-size: 24px;
+    }
+
+}

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/assets/css/mobileStyle.scss

@@ -0,0 +1,332 @@
+//响应式宽度
+$screen-xs-max: 767px;
+$screen-sm-min: 768px;
+$screen-md-min: 992px;
+$screen-lg-min: 1200px;
+
+@media (max-width: $screen-xs-max) {
+    .noDownload {
+        display: none !important;
+    }
+
+    .displayNone {
+        display: none;
+    }
+
+    // 登录页
+    .login {
+        .main {
+            width: 94% !important;
+            min-height: 400px !important;
+            background-color: transparent !important;
+
+            .logo_box {
+                display: none;
+            }
+
+            .login_form {
+                width: 100%;
+                padding: 50px 16px !important;
+            }
+
+            #code_img {
+                max-width: 100px;
+            }
+        }
+    }
+
+    // 首页
+    #index {
+        position: relative;
+
+        .minW-active {
+            width: 0 !important;
+        }
+
+        // 系统运行信息
+        .systemInformation_main {
+            ::v-deep .el-dialog {
+                width: 100% !important;
+                height: 100% !important;
+                margin: 0 !important;
+
+                .el-dialog__header {
+                    line-height: 64px !important;
+                    padding: 0 !important;
+                }
+
+                .el-dialog__body {
+                    height: calc(100% - 64px) !important;
+                    position: relative;
+                    padding: 10px !important;
+                }
+            }
+
+            .systemInformation {
+                top: 0 !important;
+                overflow-y: auto;
+
+                >header {}
+
+                .information_box {
+                    &::after {
+                        content: "";
+                        width: 0 !important;
+                    }
+
+                    >div:nth-child(3) {
+                        padding-bottom: 100px;
+                    }
+
+                    >div {
+                        position: relative;
+                        width: 100% !important;
+                        height: auto !important;
+
+                        .inform_title {
+                            position: relative !important;
+                        }
+
+                        .inform_msg {
+                            height: auto !important;
+                            margin-top: 0 !important;
+
+                            p {
+                                margin: 0;
+                            }
+
+                            .inform_link {}
+                        }
+                    }
+                }
+            }
+        }
+
+        // 修改密码、退出
+        .editPassword {
+            overflow: hidden;
+
+            ::v-deep .el-dialog {
+                width: 94% !important;
+
+                .el-dialog__header {
+                    .el-dialog__headerbtn {
+                        top: 0 !important;
+                    }
+                }
+
+                .el-dialog__body {
+                    position: relative;
+                    border-top: 0.5px solid $n-borderColor;
+                }
+
+                .el-dialog__footer {
+                    padding: 10px !important;
+                }
+            }
+        }
+
+        //退出登录
+        #quit {
+            ::v-deep .el-dialog {
+                width: 94% !important;
+            }
+        }
+
+        .mask {
+            width: 100%;
+            height: 100%;
+            background-color: transparent !important;
+            position: absolute;
+            left: 0;
+            top: 0;
+            z-index: 12;
+
+            .maxW {
+                position: absolute;
+                left: 0;
+                top: 0;
+                z-index: 9;
+                height: 100%;
+
+                .aside-header {
+                    background-color: $foregroundColor_1 !important; // 高亮
+                }
+            }
+        }
+
+        .el-container {
+            width: 100%;
+
+            .indexHeader {
+                height: 64px !important;
+
+                &>a {
+                    position: absolute;
+                    left: 16px;
+                    display: inline-block !important;
+                    font-size: 24px;
+                    color: $textColor_1;
+
+                    i {
+                        font-size: 24px;
+                        margin-right: 10px;
+                        vertical-align: bottom;
+                    }
+                }
+
+                .header-right {
+                    border-radius: 20px;
+                    height: 40px !important;
+                    line-height: 40px;
+                    margin-top: 10px;
+                    background-color: $middleColor_1;
+
+                    .el-avatar {
+                        margin: 0 4px !important;
+                    }
+                }
+
+                .iconquanping {
+                    display: none;
+                }
+            }
+
+            .breadcrumb {
+                display: none;
+                height: 48px !important;
+                padding-left: 16px !important;
+            }
+
+            .el-main {
+                height: calc(100% - 112px) !important;
+            }
+        }
+    }
+
+    // 带有返回icon头部title样式
+    .mobileTilte {
+        width: 100%;
+        height: 64px;
+        width: 100%;
+        color: #f0f4ff;
+        font-size: 1.25rem;
+        font-weight: 600;
+
+        .el-icon-arrow-left {
+            display: inline-block;
+        }
+    }
+
+    //弹窗顶部title整行样式
+    .mobileDialogTitle {
+        width: 100%;
+        height: 64px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color: white;
+        font-size: 1.25rem;
+
+        span:last-child {
+            color: #3875ff;
+        }
+    }
+
+    // 手机端分页去除跳转及跳转页码显示
+    .el-pagination {
+        text-align: center;
+
+        .el-pagination__sizes,
+        .el-pagination__jump {
+            display: none !important;
+        }
+    }
+
+    // 普通弹窗
+    .el-message {
+        min-width: 280px !important;
+        width: 94% !important;
+    }
+
+    .el-message-box {
+        // width: 94% !important;
+        margin: auto;
+    }
+}
+
+@media (min-width: $screen-sm-min) and (max-width: $screen-md-min) {
+    .pcHide {
+        display: none !important;
+    }
+
+    #index {
+        .minW-active {
+            width: 64px !important;
+        }
+
+        .el-container {
+            .indexHeader {
+                min-width: 800px;
+            }
+        }
+    }
+
+    // .toBack {
+    //     display: none;
+    // }
+}
+
+@media (min-width: $screen-md-min) and (max-width: $screen-lg-min) {
+    .pcHide {
+        display: none !important;
+    }
+
+    #index {
+        .minW-active {
+            width: 64px !important;
+        }
+
+        .el-container {
+            .indexHeader {
+                min-width: 800px;
+            }
+        }
+    }
+
+    // .toBack {
+    //     display: none;
+    // }
+}
+
+@media (min-width: $screen-lg-min) {
+    .pcHide {
+        display: none !important;
+    }
+
+    #index {
+        .minW-active {
+            width: 64px !important;
+        }
+
+        .el-container {
+            .indexHeader {
+                min-width: 800px;
+            }
+        }
+    }
+
+    // .toBack {
+    //     display: none;
+    // }
+
+    ::v-deep .el-date-range-picker__header {
+        ::v-deep .el-icon-arrow-left {
+            display: inline-block !important;
+        }
+
+        .el-icon-arrow-left {
+            display: inline-block !important;
+        }
+    }
+}