@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/index.scss

@@ -0,0 +1,1052 @@
+.is-active {
+    background-color: #3875ff !important;
+    z-index: 99;
+
+    > ::v-deep .el-submenu__title {
+        background-color: #3875ff !important;
+
+        >i,
+        >span,
+        >span i {
+            color: white;
+        }
+    }
+}
+
+::v-deep .el-menu--vertical {
+    .is-active {
+        background-color: #3875ff !important;
+        z-index: 99;
+    }
+
+    .two-title-ch.is-active {
+        background-color: #3875ff !important;
+        z-index: 99;
+    }
+
+    ::v-deep.el-menu--vertical {
+        z-index: 99;
+
+        .is-active {
+            background-color: #3875ff !important;
+        }
+    }
+}
+
+::v-deep .el-pagination {
+    padding: 0;
+
+    .el-input__inner {
+        height: 32px;
+    }
+
+    .el-pagination__sizes,
+    .el-pagination__editor {
+        .el-input__inner {
+            height: 32px !important;
+        }
+    }
+
+    button {
+        width: 32px;
+        height: 32px;
+    }
+
+    .el-pager {
+        li {
+            width: 32px !important;
+            height: 32px !important;
+            line-height: 32px !important;
+        }
+    }
+}
+
+.draw-enter-active,
+.draw-leave-active {
+    transition: all 1s ease;
+}
+
+.draw-enter,
+.draw-leave-to {
+    width: 0;
+}
+
+html,
+body {
+    height: 100%;
+    font-size: 16px;
+    box-sizing: border-box;
+
+    a {
+        text-decoration: none;
+    }
+
+    .activeIndexLeft {
+        color: #fff !important;
+        background: $fontColor;
+    }
+
+    .el-container {
+        height: 100%;
+    }
+
+    #index {
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        height: 100%;
+        background: $background;
+        color: $fontColor; // 系统运行信息
+
+        .systemInformation_main {
+            width: 100%;
+            height: 100%;
+
+            ::v-deep .el-dialog {
+                border: 0.5px solid $n-borderColor;
+                overflow: hidden;
+
+                .el-dialog__header {
+                    .el-dialog__headerbtn {
+                        top: 0 !important;
+                    }
+                }
+
+                .el-dialog__body {
+                    position: relative;
+                    border-top: 0.5px solid $n-borderColor;
+                    padding: 25px 25px 9px 25px;
+                    min-height: 300px;
+                }
+            }
+
+            .systemInformation {
+                width: 100%;
+                height: 100%;
+
+                >header {
+                    position: absolute;
+                    top: -42px;
+                    margin-left: 10%;
+                    width: 80%;
+                    height: 40px;
+                    line-height: 40px;
+                    text-align: center;
+                    color: $textColor_1;
+                }
+
+                .information_box {
+                    display: flex;
+                    flex-wrap: wrap;
+                    justify-content: space-between;
+                    width: 100%;
+                    height: calc(100% - 50px);
+
+                    &::after {
+                        position: absolute;
+                        content: "";
+                        top: 0;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        display: block;
+                        width: 0.5px;
+                        height: 100%;
+                        background-color: $n-borderColor;
+                    }
+
+                    >div {
+                        margin-bottom: 16px;
+                        position: relative;
+                        width: 48%;
+
+                        .inform_title {
+                            padding-left: 1rem;
+                            width: 100%;
+                            border-radius: 3px;
+                            font-size: 16px;
+                            height: 32px;
+                            line-height: 32px;
+                            background-color: $n-frondLight;
+                            color: $textColor_2;
+                        }
+
+                        .inform_msg {
+                            height: 200px;
+                            background-color: $n-backColor;
+                            border-radius: 3px;
+                            overflow: auto;
+
+                            p {
+                                margin: 0;
+                            }
+
+                            .inform_link {
+                                display: flex;
+                                justify-content: space-between;
+                                padding: 0 1rem;
+                                width: 100%;
+                                height: 32px;
+                                line-height: 32px;
+                                font-size: 14px;
+                                background-color: $n-backColor;
+                                border-bottom: 0.5px solid $n-borderColor;
+
+                                .inform_nm {
+                                    color: $textColor_2;
+                                }
+
+                                .inform_value {
+                                    padding-left: 1rem;
+                                    flex: 1;
+                                    text-align: right;
+                                    color: $textColor_3;
+                                    @include whiteSpace;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        //密码-退出
+        .editPassword,
+        #quit {
+            ::v-deep .el-dialog {
+                border: 0.5px solid $n-borderColor;
+                overflow: hidden;
+
+                .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;
+                }
+            }
+        }
+
+        .maxW {
+            height: 100%;
+            overflow: hidden;
+            background: $asideBg;
+            transition: 0.2s all;
+
+            .aside-header {
+                height: 60px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                background-color: $asideHeader;
+
+                .aside-header-box {
+                    display: flex;
+                    justify-content: center;
+                    white-space: nowrap;
+
+                    .max-img {
+                        margin-left: 10%;
+                        width: 60%;
+                        max-height: 60px;
+                    }
+
+                    .min-img {
+                        width: 100%;
+                    }
+                }
+            }
+
+            // 导航
+            .left-nav {
+                width: 100%;
+                height: calc(100% - 66px); // 新版UI
+
+                .list {
+                    width: 100%;
+                    height: calc(100% - 72px);
+
+                    // background-color: $foregroundColor_1 !important; // 高亮
+                    @mixin spanAndIcoColor {
+
+                        i,
+                        span {
+                            color: $asideHoverColor;
+                        }
+                    }
+
+                    // 历史记录
+                    .historical {
+                        width: 100%;
+                        min-height: 20px;
+                        padding-top: 8px;
+
+                        >div {
+                            width: 100%;
+                        }
+
+                        .title {
+                            padding: 0 20px;
+                            width: 100%;
+                            height: 46px;
+                            line-height: 46px;
+                            font-size: 14px;
+                            color: $asideColor;
+                            cursor: pointer;
+                            font-weight: 600;
+                            white-space: nowrap;
+
+                            i {
+                                margin-right: 12px;
+                                margin-left: 4px;
+                                font-size: 20px;
+                                font-weight: 500;
+                            }
+
+                            &:hover {
+                                .icon_wangxia {
+                                    transition: all 0.2s;
+                                    transform: rotate(-90deg);
+                                }
+
+                                @include spanAndIcoColor;
+                            }
+                        }
+                    }
+
+                    .max {
+                        width: calc(100% + 8px);
+                        height: calc(100% - 42px);
+                        // background-color: $foregroundColor_1 !important;
+                        overflow-y: scroll;
+                        @include firefoxScroll;
+
+                        >div {
+                            // padding: 0 16px 0 16px;
+                            text-indent: 16px;
+
+                            .title-border {
+                                position: relative;
+                                margin-top: 16px;
+                                padding-left: 8px;
+                                color: $asideColor;
+                                font-size: 14px;
+                                line-height: 46px !important;
+
+                                &::after {
+                                    position: absolute;
+                                    top: 0;
+                                    left: 0;
+                                    content: "";
+                                    display: block;
+                                    height: 1px;
+                                    width: 100%;
+                                    background-color: $asideBorder;
+                                    /* 如果不用 background-color, 使用 border-top:1px solid #f00; 效果是一样的*/
+                                    -webkit-transform: scaleY(0.5);
+                                    transform: scaleY(0.5);
+                                }
+                            }
+
+                            .path-name,
+                            .title {
+                                height: 46px;
+                                line-height: 46px;
+                                font-size: 14px;
+                                white-space: nowrap;
+                            }
+
+                            .multistage {
+                                >.title {
+                                    height: 46px;
+                                    white-space: nowrap;
+                                }
+                            }
+                        }
+
+                        .p-hover {
+                            cursor: pointer;
+                            transition: all 0.2s;
+                            border-radius: 3px;
+                            overflow: hidden;
+
+                            a {
+                                font-size: 14px;
+                                width: 100%;
+                                height: 40px;
+                                display: inline-block;
+                                color: $asideColor;
+                                font-weight: 600;
+                                font-size: 14px;
+                                text-indent: initial;
+
+                                i {
+                                    float: left;
+                                    margin-left: 10px;
+                                    font-size: 20px;
+                                    font-weight: 500;
+                                    font-size: 20px;
+                                }
+
+                                button {
+                                    height: 100% !important;
+                                    background-color: transparent !important;
+                                    border: none;
+                                }
+
+                                .el-button--default {
+                                    height: 100% !important;
+                                    border: none !important;
+                                }
+
+                                >span {
+                                    display: block; // margin-top: 0px !important;
+                                }
+                            }
+
+                            &:hover {
+                                background-color: $asideHoverBg;
+                                @include spanAndIcoColor;
+                            }
+                        }
+
+                        // 只有一级菜单
+                        .alone {
+                            .title {
+                                margin-top: 16px;
+                                padding-left: 8px;
+                                height: 46px;
+                                color: $textColor_6;
+                                white-space: nowrap;
+                            }
+
+                            a {
+                                i {
+                                    margin-right: 16px;
+                                    color: $textColor_6;
+                                }
+
+                                button {
+                                    background-color: transparent !important;
+                                    border: none;
+                                }
+
+                                .el-button--default {
+                                    border: none !important;
+                                }
+                            }
+                        }
+
+                        // 菜单高亮
+                        .menu-active {
+                            background-color: $themeColor_1 !important;
+                            @include spanAndIcoColor;
+
+                            i,
+                            span {
+                                color: $inputColor !important;
+                            }
+                        }
+                    }
+                }
+
+                // 折叠面板按钮
+                .fold {
+                    width: 100%;
+                    height: 72px;
+
+                    >div {
+                        display: flex;
+                        align-items: center;
+                        margin-top: 10px;
+                        width: 100%;
+                        height: 100%;
+                        border-radius: 3px;
+                        background-color: $foldBg;
+                        font-size: 14px;
+                        cursor: pointer;
+                        padding: 0px 16px;
+
+                        span {
+                            color: $foldColor !important;
+                        }
+
+                        i {
+                            font-size: $fontH24;
+                            margin-left: 10px;
+                            margin-right: 16px;
+                            color: $textColor_2 !important;
+                        }
+
+                        i.cacelmargin {
+                            margin-left: 4px !important;
+                            margin-right: 0px !important;
+                        }
+
+                        button {
+                            background-color: transparent !important;
+                        }
+
+                        .el-button--default {
+                            padding: 0;
+                            border: none !important;
+
+                            i {
+                                color: $foldColor !important;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        // 展开状态
+        .maxW-active {
+            width: 240px !important;
+            // max-width: 240px !important;
+            // width: unset !important;
+
+            .one-title-ch {
+                ::v-deep .el-submenu__title {
+                    background-color: #313747 !important;
+                }
+            }
+
+            // 多级菜单
+            .multistage {
+                a {
+                    i {
+                        margin-right: 16px;
+                        color: $asideColor;
+                    }
+                }
+
+                >div {
+                    margin-bottom: 8px;
+
+                    &:first-child {
+                        margin-top: 0px !important;
+                    }
+                }
+
+                // 含有三级菜单
+                .three-levels {
+                    .three-levels-title {
+                        padding-left: 34px;
+                        color: $textColor_3;
+                    }
+
+                    p {
+                        a {
+                            i {
+                                padding-left: 10px !important;
+                                color: $textColor_6;
+                            }
+                        }
+                    }
+
+                    .p-hover {
+                        margin-bottom: 8px;
+
+                        a {
+                            i {
+                                padding-left: 30px !important;
+                                color: $textColor_6;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        // 折叠起来的导航样式
+        .minW-active {
+            .max {
+                >div {}
+            }
+
+            a {
+                display: flex !important;
+                justify-content: center;
+
+                i {
+                    margin: 0 !important;
+                    color: $asideColor !important;
+                }
+            }
+
+            // 多级菜单
+            .multistage {
+                border-top: 0.5px solid $asideBorder !important;
+            }
+
+            // 只有一级菜单
+            .alone {
+                border-top: 0.5px solid $asideBorder !important;
+            }
+
+            .menu-active {
+                i {
+                    color: $textColor_1 !important;
+                }
+            }
+
+            // 历史记录
+            .historical {
+                .title {
+                    padding: 0 16px !important;
+                    display: flex;
+                    justify-content: center;
+
+                    i {
+                        margin-left: 12px !important;
+                    }
+                }
+            }
+        }
+
+        // 主内容
+        >.el-container {
+            flex: 1;
+
+            .indexHeader {
+                height: 64px;
+                line-height: 64px;
+                text-align: center;
+                background: $linearHeaderBg;
+                white-space: nowrap;
+                position: relative;
+                padding-left: 24px;
+                padding-right: 16px;
+
+                &>a {
+                    display: none;
+                }
+
+                .header-right {
+                    display: flex;
+                    align-items: center;
+                    float: right;
+                    position: absolute;
+                    right: 16px;
+                    top: 0;
+                    height: 100%;
+                    color: white;
+
+                    .el-avatar {
+                        width: 32px;
+                        height: 32px;
+                        line-height: 32px;
+                        vertical-align: middle;
+                        margin: 0 8px 0 16px;
+                    }
+
+                    span {
+                        vertical-align: middle;
+                        cursor: pointer;
+                    }
+
+                    .username {
+                        padding-right: 10px;
+                        font-size: 14px;
+                    }
+
+                    i {
+                        vertical-align: middle;
+                        color: white;
+                        cursor: pointer;
+                        font-size: 24px;
+                        // padding: 8px;
+                    }
+
+                    .iconxiajiantou {
+                        margin-right: 18px;
+                        font-size: 20px;
+                    }
+                }
+
+                ::v-deep .el-dialog {
+                    border-radius: 6px;
+
+                    .el-dialog__body {
+                        .el-input {
+                            border: unset;
+                            width: 78%;
+
+                            input:-webkit-autofill {
+                                -webkit-text-fill-color: #ffffff !important;
+                                -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
+                                background-color: transparent !important;
+                                background-image: none;
+                                transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
+                            }
+                        }
+                    }
+                }
+
+                #quit {
+                    ::v-deep .el-dialog__body {
+                        display: none !important;
+                    }
+                }
+
+                /* 弹出框样式 */
+                ::v-deep .el-dialog .el-dialog__header {
+                    padding: 0;
+                }
+
+                ::v-deep .el-dialog .el-dialog__title {
+                    font-size: 20px;
+                }
+
+                ::v-deep .el-dialog .el-dialog__body .el-form {
+                    padding: 0 16px;
+                }
+
+                ::v-deep .el-dialog .el-dialog__body .el-form-item {
+                    margin-top: 8px;
+                    margin-bottom: 8px;
+                }
+
+                ::v-deep .el-dialog .el-dialog__body .el-input__inner {
+                    height: 34px;
+                    line-height: 34px;
+                    border-radius: 2px;
+                }
+
+                ::v-deep .el-dialog .el-dialog__body .el-form-item__label {
+                    padding-right: 24px;
+                }
+
+                ::v-deep .el-dialog .el-dialog__body .el-form-item__error {
+                    top: 90%;
+                    left: 90px;
+                }
+
+                ::v-deep .el-dialog .el-dialog__body .el-textarea__inner {
+                    font-size: 1rem;
+                    border-radius: 2px;
+                    text-align: center;
+                    padding: 10px;
+                }
+
+                ::v-deep .el-dialog .el-dialog__footer {
+                    padding: 24px 20px;
+                    line-height: 40px;
+                    border-top: 0.5px solid $n-borderColor;
+                }
+
+                ::v-deep .el-dialog .el-dialog__footer .el-button {
+                    font-size: 14px;
+                    height: 32px;
+                    margin: 0 16px;
+                    padding: 0;
+                    border: none;
+                    border-radius: 2px;
+                    display: inline-block !important;
+                }
+
+                ::v-deep .el-dialog .el-dialog__footer .el-button--default {
+                    background: #f5f6fa;
+                    color: $n-fontColor;
+                }
+            }
+
+            // 面包屑导航
+            .breadcrumb {
+                width: 100%;
+                height: 48px;
+                padding-left: 16px;
+                background-color: $middleColor_1;
+
+                >div {
+                    height: 100%;
+                    line-height: 48px;
+                    font-size: 14px;
+                }
+
+                ::v-deep .el-breadcrumb {
+
+                    .is-link,
+                    span {
+                        font-weight: 500;
+                        color: $textColor_3 !important;
+                    }
+                }
+            }
+
+            // 页面内容组件
+            .el-main {
+                padding: 0;
+                background-color: $n-middleColor;
+                height: calc(100% - 48px);
+                // overflow: hidden;
+            }
+        }
+    }
+}
+
+.aside-list-child {
+    padding: 8px;
+
+    li {
+        font-size: 0.875rem;
+        text-align: center;
+        line-height: 32px;
+        color: $fontColor;
+        border-radius: 3px;
+        margin-top: 3px;
+
+        &:hover {
+            color: $background-box;
+            background: $fontColor;
+        }
+    }
+}
+
+::v-deep .el-button {
+    display: flex !important;
+    justify-content: center !important;
+}
+
+::v-deep .el-button--default {
+    color: $aside-font;
+    background-color: $n-frondHigh !important;
+    border: 0.5px solid $n-borderColor !important;
+
+    &:hover {
+        background-color: $n-borderColor !important;
+    }
+}
+
+::v-deep .el-button--primary {
+    color: #e6edff !important;
+}
+
+::v-deep .el-button--info {
+    color: #e6edff !important;
+    border: 0.5px solid $n-borderColor !important;
+    background: #3a3a3a !important;
+}
+
+::v-deep .el-dialog {
+    .el-dialog__body {
+        .el-form {
+            .el-form-item__label {
+                color: $n-fontColor;
+            }
+
+            .el-form-item__content {
+                .el-input {
+                    input {
+                        background: $n-backColor; // border-color: $n-borderColor;
+                    }
+                }
+
+                .el-textarea .el-textarea__inner {
+                    background: $n-backColor;
+                }
+
+                .el-textarea.is-disabled .el-textarea__inner,
+                .el-input.is-disabled .el-input__inner {
+                    background: $n-middleColor !important;
+                    border-color: $n-borderColor;
+                }
+
+                .el-date-editor.is-disabled,
+                .el-date-editor.is-disabled .el-range-input {
+                    background: $n-middleColor !important;
+                    border-color: $n-borderColor;
+                }
+
+                .el-checkbox-group {
+                    width: 100%;
+                    margin-top: 14px;
+
+                    .el-checkbox {
+                        border: 0.5px solid $n-borderColor;
+
+                        .el-checkbox__inner {
+                            border: 0.5px solid $n-borderColor;
+                        }
+                    }
+
+                    .is-checked {
+                        border: 1px solid #3875ff;
+                    }
+
+                    .el-checkbox__input {
+                        border: unset;
+                    }
+
+                    label {
+                        width: 100%;
+                    }
+                }
+
+                .el-radio-group {
+                    width: 100%;
+                    height: 100%;
+
+                    .el-radio {
+                        width: 33.2%;
+                        height: 100%;
+                        margin-left: 0;
+                        padding: 0 0 0 6px;
+                        line-height: 32px;
+                        border-radius: 3px;
+                        margin-right: 0 !important;
+                        border: 0.5px solid $n-borderColor;
+
+                        &:nth-child(2) {
+                            margin-left: 0 !important;
+                        }
+
+                        .el-radio__label {
+                            font-size: 0.75rem;
+                            padding-left: 5px !important;
+                            color: $n-fontColor;
+                        }
+
+                        .el-radio__input {
+                            border: unset !important;
+                        }
+                    }
+
+                    .is-checked {
+                        border: 1px solid #3875ff;
+                    }
+                }
+
+                .el-select {
+                    .el-tag__close {
+                        color: black;
+                    }
+                }
+            }
+        }
+
+        .changePasswordForm {
+            .el-form-item {
+                margin-bottom: 12px !important;
+            }
+
+            .el-form-item__label {
+                width: 92px;
+            }
+
+            .el-input {
+                width: 70% !important;
+            }
+        }
+
+        .changePasswordForm_en {
+            .el-form-item__label {
+                width: 172px;
+            }
+
+            .el-input {
+                width: unset !important;
+            }
+        }
+    }
+
+    .el-dialog__footer {
+        border-top: 0.5px solid $n-borderColor;
+    }
+}
+
+.treeData {
+    background: #181c29;
+
+    ::v-deep .el-tree {
+        background: transparent;
+
+        .el-tree-node__content {
+            color: $n-fontColor;
+        }
+    }
+
+    ::v-deep .el-tree-node__content {
+        background: $n-frondLight;
+        color: $n-fontColor;
+
+        .el-tree-node__label {
+            font-size: 0.75rem;
+        }
+
+        .el-checkbox {
+            display: none;
+        }
+    }
+
+    ::v-deep .el-tree-node__children {
+        .el-tree-node__content {
+            padding-left: 0 !important; // display: inline-block;
+
+            .el-tree-node__label {
+                padding-right: 8px;
+            }
+        }
+    }
+
+    ::v-deep .el-tree-node.is-checked {
+        >.el-tree-node__content {
+            &:first-of-type {
+                background: #3875ff;
+                color: $n-fontColor;
+            }
+        }
+    }
+}
+
+.slide-fade {
+    position: absolute;
+    left: 0;
+    right: 0;
+}
+
+.slide-fade-enter-active {
+    transition: all 1.2s ease;
+}
+
+.slide-fade-leave-active {
+    transition: all 0.1s cubic-bezier(2, 0.5, 0.8, 1);
+}
+
+.slide-fade-enter,
+.slide-fade-leave-to {
+    left: 0;
+    right: 0;
+    transform: translateX(50px);
+    opacity: 0;
+}
+
+@media (max-width: $screen-xs-max) {
+    .pcShow {
+        display: none !important;
+    }
+}
+
+@media (min-width: $screen-sm-min) and (max-width: $screen-md-min) {
+    .appShow {
+        display: none !important;
+    }
+}
+
+@media (min-width: $screen-md-min) and (max-width: $screen-lg-min) {
+    .appShow {
+        display: none !important;
+    }
+}
+
+@media (min-width: $screen-lg-min) {
+    .appShow {
+        display: none !important;
+    }
+}