去除了备份样式

src/styles_bak/app/_color.scss

@@ -1,126 +0,0 @@
-.bg-main {
-    background-color: var(--el-color-primary) !important;
-    color: white !important;
-}
-.text-main {
-    color: var(--el-color-primary) !important;
-}
-
-@each $name, $value in $colors {
-    //主色
-    .color-#{$name} {
-        @for $i from 1 to 10 {
-            --hc-shadow-color-#{$i}: #{rgba($value, 0.1 * $i)};
-        }
-    }
-    //背景颜色
-    .bg-#{$name} {
-        background-color: $value !important;
-        @if $name == 'yellow'{
-            color: $dark-3 !important;
-        } @else if $name == 'white' {
-            color: $dark-3 !important;
-        } @else {
-            color: white !important;
-        }
-    }
-    //字体颜色
-    .text-#{$name} {
-        color: $value !important;
-    }
-    //渐变高亮色
-    .bg-#{$name}-light {
-        background-image: linear-gradient(45deg, white, mix(white, $value, 85%)) !important;
-        color: $value !important;
-    }
-    .text-#{$name}-light {
-        background: linear-gradient(45deg, white, mix(white, $value, 85%));
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        color: transparent !important;
-    }
-
-    //透明度
-    @if $name != 'white' {
-        @for $i from 1 to 10 {
-            @if $i == 1 {
-                //浅色
-                .bg-#{$name}-thin, .bg-#{$name}-thin-1{
-                    background-color:rgba($value, 0.1) !important;
-                    color: $value !important;
-                }
-                .text-#{$name}-thin, .text-#{$name}-thin-1 {
-                    color: rgba($value, 0.1) !important;
-                }
-            } @else {
-                //浅色
-                .bg-#{$name}-thin-#{$i} {
-                    background-color: #{rgba($value, 0.1 * $i)} !important;
-                    @if $i > 4 {
-                        color: white !important;
-                    } @else {
-                        color: $value !important;
-                    }
-                }
-                .text-#{$name}-thin-#{$i} {
-                    color: #{rgba($value, 0.1 * $i)} !important;
-                }
-            }
-        }
-    }
-    //混合渐变色
-    @each $name_sub, $val_sub in $colors {
-        @if $name != $name_sub {
-            .bg-#{$name}-#{$name_sub} {
-                background-image: linear-gradient(130deg, $value, $val_sub) !important;
-                color: white !important;
-            }
-            .text-#{$name}-#{$name_sub} {
-                background: linear-gradient(130deg, $value, $val_sub);
-                -webkit-background-clip: text;
-                -webkit-text-fill-color: transparent;
-                color: transparent;
-            }
-        }
-    }
-    //条纹背景
-    .bg-#{$name}-stripes {
-        background-color: #{mix(rgba(255, 255, 255, 0), desaturate($value, 45%), 93%)} !important;
-        background-image: linear-gradient(225deg,
-            #{mix(rgba(255, 255, 255, 0), $value, 50%)} 10%,
-            transparent 0, transparent 50%,
-            #{mix(rgba(255, 255, 255, 0), $value, 50%)} 0,
-            #{mix(rgba(255, 255, 255, 0), $value, 50%)} 60%,
-            transparent 0, transparent
-        ) !important;
-        background-size: 7.07px 7.07px !important;
-    }
-}
-
-@each $name, $value in $darks {
-    .bg-#{$name} {
-        background-color: $value !important;
-        color: white !important;
-    }
-    .text-#{$name} {
-        color: $value !important;
-    }
-}
-
-@each $name, $value in $grays {
-    .bg-#{$name} {
-        background-color: $value !important;
-        color: $dark-3 !important;
-    }
-    .text-#{$name} {
-        color: $value !important;
-    }
-}
-
-.bg-none {
-    background: transparent;
-    color: inherit !important;
-}
-.text-none {
-    color: inherit !important;
-}

src/styles_bak/app/_text.scss

@@ -1,100 +0,0 @@
-.text {
-	&-cut {
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		overflow: hidden;
-	}
-	@at-root [class*='text-linecut'] {
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2;
-		overflow: hidden;
-		word-break: break-all;
-	}
-	@for $i from 2 through 10 {
-		&-linecut-#{$i} {
-			-webkit-line-clamp: #{$i};
-		}
-	}
-	&-justify {
-		text-align: justify;
-	}
-	&-justify-line {
-		text-align: justify;
-		line-height: 0.5em;
-		margin-top: 0.5em;
-		&::after {
-			content: '.';
-			display: inline-block;
-			width: 100%;
-		}
-	}
-	&-Abc {
-		text-transform: Capitalize;
-	}
-	&-ABC {
-		text-transform: Uppercase;
-	}
-	&-abc {
-		text-transform: Lowercase;
-	}
-	&-del, &-line {
-		text-decoration: line-through;
-	}
-	&-bottomline {
-		text-decoration: underline;
-	}
-	&-italic {
-		font-style: italic;
-	}
-	&-style-none {
-		text-decoration: none;
-	}
-	&-break {
-		word-break: break-word;
-		overflow-wrap: break-word;
-	}
-	&-reset {
-		color: inherit;
-	}
-	&-price::before {
-		content: '¥';
-		font-size: 80%;
-		margin-right: 2px;
-	}
-	&-hide {
-		font: 0/0 a;
-		color: transparent;
-		text-shadow: none;
-		background-color: transparent;
-		border: 0;
-	}
-    &-hover {
-        cursor: pointer;
-        transition: color 0.2s ease-out;
-        &:hover {
-            color: var(--el-color-primary);
-        }
-    }
-    &-link {
-        cursor: pointer;
-        color: var(--el-color-primary);
-        transition: color 0.3s;
-        outline: none;
-        border: 0;
-        &:hover {
-            color: var(--el-color-primary-dark-2);
-        }
-    }
-    &-link-line {
-        cursor: pointer;
-        color: var(--el-color-primary);
-        text-decoration: underline;
-        transition: color 0.3s;
-        outline: none;
-        border: 0;
-        &:hover {
-            color: var(--el-color-primary-dark-2);
-        }
-    }
-}

src/styles_bak/app/_var.scss

@@ -1,74 +0,0 @@
-$white:   	#ffffff;
-$blue:   	#0081ff;
-$cyan:   	#37c0fe;
-$green:   	#1ECC95;
-$purple:   	#8044de;
-$mauve:   	#b745cb;
-$pink:   	#e03997;
-$red:   	#e54d42;
-$orange:   	#f37b1d;
-$yellow:   	#fbbd08;
-$brown:   	#a5673f;
-$grey:   	#8799a3;
-
-//基础颜色数组
-$colors: (
-    'white':    $white,
-    'blue':  	$blue,
-    'cyan':  	$cyan,
-    'green':  	$green,
-    'purple':  	$purple,
-    'mauve':  	$mauve,
-    'pink':  	$pink,
-    'red':  	$red,
-    'orange':  	$orange,
-    'yellow':  	$yellow,
-    'brown':  	$brown,
-    'grey':  	$grey
-);
-
-$gray-a:	#aaaaaa;
-$gray-b:    #bbbbbb;
-$gray-c:    #cccccc;
-$gray-d:    #dddddd;
-$gray-e:    #eeeeee;
-$gray-f: 	#f8f9fa;
-$gray-g: 	#f8fafc;
-
-$grays: (
-    'gray':  	$gray-a,
-    'gray-a':  	$gray-a,
-    'gray-b':  	$gray-b,
-    'gray-c':  	$gray-c,
-    'gray-d':  	$gray-d,
-    'gray-e':  	$gray-e,
-    'gray-f':  	$gray-f,
-    'gray-g':  	$gray-g
-);
-
-//灰度
-$dark-1:    #111111;
-$dark-2:    #222222;
-$dark-3:    #333333;
-$dark-4:    #444444;
-$dark-5:    #555555;
-$dark-6:    #666666;
-$dark-7:    #777777;
-$dark-8:    #888888;
-$dark-9:    #999999;
-
-$darks: (
-    'dark':  	$dark-1,
-    'dark-1':  	$dark-1,
-    'dark-2':  	$dark-2,
-    'dark-3':  	$dark-3,
-    'dark-4':  	$dark-4,
-    'dark-5':  	$dark-5,
-    'dark-6':  	$dark-6,
-    'dark-7':  	$dark-7,
-    'dark-8':  	$dark-8,
-    'dark-9':  	$dark-9
-);
-
-$inherits: inherit !important;
-$initials: initial !important;

src/styles_bak/app/element.scss

@@ -1,707 +0,0 @@
-//饿了么UI组件的样式重绘
-.el-button[block] {
-    width: 100%;
-}
-.el-button .hc-icon-i {
-    margin-right: 4px;
-}
-.el-button.is-loading .hc-icon-i {
-    display: none;
-}
-//主色
-.el-button--primary.is-link,
-.el-button--primary.is-plain,
-.el-button--primary.is-text {
-    --el-button-border-color: transparent;
-    --el-button-hover-text-color: var(--el-color-primary);
-    --el-button-hover-bg-color: var(--el-color-primary-light-8);
-    --el-button-hover-border-color: transparent;
-}
-//红色
-.el-button--danger.is-link,
-.el-button--danger.is-plain,
-.el-button--danger.is-text {
-    --el-button-border-color: transparent;
-    --el-button-hover-text-color: var(--el-color-danger);
-    --el-button-hover-bg-color: var(--el-color-danger-light-8);
-    --el-button-hover-border-color: transparent;
-}
-//绿色
-.el-button--success.is-link,
-.el-button--success.is-plain,
-.el-button--success.is-text {
-    --el-button-border-color: transparent;
-    --el-button-hover-text-color: var(--el-color-success);
-    --el-button-hover-bg-color: var(--el-color-success-light-8);
-    --el-button-hover-border-color: transparent;
-}
-.el-button + .el-button {
-    margin-left: 20px;
-}
-.el-button--small + .el-button--small {
-    margin-left: 5px;
-}
-
-//单选框、多选框
-.el-checkbox.size-xl .el-checkbox__inner,
-.el-radio.size-xl .el-radio__inner {
-    width: 18px;
-    height: 18px;
-}
-.el-checkbox.size-xl .el-checkbox__label,
-.el-radio.size-xl .el-radio__label {
-    font-size: 16px;
-    font-weight: 400;
-}
-
-.el-checkbox.size-xl .el-checkbox__inner::after {
-    height: 10px;
-    left: 6px;
-    top: 1px;
-}
-.el-radio.size-xl .el-radio__inner::after {
-    width: 8px;
-    height: 8px;
-}
-
-//消息提示
-.el-message {
-    --el-message-padding: 10px 20px;
-    border: 0;
-    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.012), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-}
-
-//按钮重绘
-.el-button[hc-btn] {
-    border-radius: 6px;
-    padding: 8px 20px;
-    font-weight: 400;
-    height: 40px;
-    border: 1px solid #f1f5f8;
-    box-shadow: var(--hc-shadow);
-    &.el-button--small {
-        height: 26px;
-        padding: 5px 11px;
-        font-size: 12px;
-    }
-    &[_icon] .hc-icon-i {
-        margin-right: 0;
-    }
-    &[_icon].el-button--small {
-        height: 26px;
-        width: 26px;
-        padding: 3px;
-        font-size: 18px;
-        border-radius: 3px;
-    }
-    &[text-white] {
-        --el-button-text-color: white !important;
-        --el-button-hover-text-color: white !important;
-    }
-    &.el-button--primary {
-        background: linear-gradient(to right, var(--el-color-primary-light-5), var(--el-color-primary), var(--el-color-primary-dark-2));
-        background-size: 200%;
-        transition: background-position .5s;
-        &:hover {
-            background-position: 100% 0;
-        }
-    }
-    &.is-loading:not([class*='el-button--']) {
-        --el-button-bg-color: #f3f3f3;
-        --el-button-text-color: #8c9099;
-    }
-    &.is-disabled:not([class*='el-button--']) {
-        --el-button-disabled-text-color: #bfbfbf;
-        --el-button-disabled-bg-color: #f3f3f3;
-    }
-    &:not([class*='el-button--']) {
-        --el-button-bg-color: #f1f5f8;
-        --el-button-text-color: #838791;
-        --el-button-hover-text-color: #838791;
-        --el-button-active-text-color: #838791;
-        --el-button-hover-bg-color: var(--el-color-primary-light-9);
-        --el-button-active-bg-color: var(--el-color-primary-light-8);
-    }
-    &.el-button--primary.is-plain {
-        --el-button-text-color: var(--el-color-primary);
-        --el-button-bg-color: var(--el-color-primary-light-9);
-        --el-button-hover-text-color: var(--el-color-primary);
-        --el-button-hover-bg-color: var(--el-color-primary-light-8);
-        --el-button-active-text-color: var(--el-color-primary);
-        --el-button-active-bg-color: var(--el-color-primary-light-7);
-    }
-    &.is-disabled, &.is-disabled:focus, &.is-disabled:hover {
-        color: var(--el-button-disabled-text-color);
-        cursor: not-allowed;
-        background-image: none;
-        background-color: var(--el-button-disabled-bg-color);
-        border-color: var(--el-button-disabled-border-color);
-    }
-}
-
-//表单
-.el-form {
-    position: relative;
-    overflow: hidden;
-    .hc-form-item {
-        position: relative;
-        display: flex;
-        .el-form-item {
-            flex: 1;
-            margin-right: 24px;
-        }
-        .el-form-item + .el-form-item {
-            margin-left: 24px;
-        }
-        .el-form-item:last-child {
-            margin-right: 0;
-        }
-    }
-    &.el-form--label-top .hc-form-item .el-form-item .el-form-item__label {
-        position: relative;
-        .solt-label {
-            position: relative;
-            width: calc(100% - 50px);
-        }
-        .solt-extra {
-            position: absolute;
-            right: 0;
-            top: 0;
-        }
-    }
-}
-
-//滚动条
-.el-scrollbar {
-    overflow: initial;
-    .el-scrollbar__bar.is-vertical {
-        //right: -16px;
-    }
-    .el-scrollbar__bar.is-horizontal {
-        //bottom: -20px;
-    }
-}
-
-.el-date-editor.el-input.block,
-.el-date-editor.block .el-input__wrapper {
-    width: 100%;
-}
-
-.el-autocomplete.block {
-    width: 100%;
-}
-
-//个人中心项目列表
-.hc-project-menu.el-menu {
-    --el-menu-level: 0;
-    background-color: initial;
-    border: initial;
-    .el-sub-menu {
-        border: 1px solid #e9e9e9;
-        border-radius: 3px;
-        margin-bottom: 20px;
-        .el-sub-menu__title .hc-menu-icon {
-            font-size: 20px;
-            margin-right: 10px;
-        }
-        &.is-opened .el-sub-menu__title {
-            color: var(--el-color-primary);
-            background-color: var(--el-color-primary-light-8);
-        }
-        .el-menu {
-            background-color: initial;
-        }
-        .el-menu-item {
-            padding-left: 50px;
-        }
-    }
-    .el-menu-item.is-active {
-        color: var(--el-menu-active-color);
-        background-color: var(--el-color-primary-light-9);
-        .hc-menu-icon {
-            position: absolute;
-            font-size: 16px;
-            left: 22px;
-        }
-    }
-}
-
-//表格
-.el-table[hc] {
-    --el-table-bg-color: initial;
-    --el-table-header-bg-color: #DAE8F3;
-    --el-table-header-text-color: #50545E;
-    --el-table-tr-bg-color: #F1F5F8;
-    --el-fill-color-lighter: #E7EEF4;
-    --el-table-text-color: #666666;
-    --el-table-row-hover-bg-color: var(--el-color-primary-light-9);
-    th.el-table__cell > .cell {
-        font-weight: 400;
-    }
-    .el-table__cell {
-        padding: 12px 0;
-        .el-checkbox {
-            --el-checkbox-input-height: 18px;
-            --el-checkbox-input-width: 18px;
-            --el-checkbox-font-size: 16px;
-            --el-checkbox-border-radius: 3px;
-            .el-checkbox__inner::after {
-                top: 3px;
-                left: 6px;
-            }
-        }
-        .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
-            top: 7px;
-        }
-    }
-    &.el-table--border {
-        --el-table-border-color: #e9e9e9;
-    }
-}
-.el-table[hc]:not([class*='el-table--border']) {
-    .el-table__inner-wrapper::before {
-        background-color: transparent;
-    }
-}
-
-//下拉框
-.el-select[block] {
-    width: 100%;
-}
-
-//工单服务的时间轴
-.time-line-box .el-timeline.hc-time-line {
-    padding-left: 5px;
-    padding-top: 5px;
-    .el-timeline-item {
-        padding-bottom: 24px;
-        .el-timeline-item__tail {
-            top: 28px;
-            left: 6px;
-            height: calc(100% - 36px);
-            border-width: 1px;
-            border-color: #838791;
-        }
-        .el-timeline-item__node {
-            display: none;
-        }
-        .el-timeline-item__wrapper {
-            padding-left: 38px;
-            .el-timeline-item__content {
-                .timeline-item-icon {
-                    position: absolute;
-                    width: 24px;
-                    height: 24px;
-                    left: -5px;
-                    border: 1px solid #838791;
-                    border-radius: 50px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    color: #838791;
-                    .check-icon {
-                        font-size: 18px;
-                    }
-                }
-                .reply-name {
-                    color: #838791;
-                    font-size: 18px;
-                }
-                .reply-content {
-                    color: #838791;
-                    margin-top: 5px;
-                }
-            }
-        }
-        &.success {
-            .el-timeline-item__tail {
-                border-color: var(--el-color-primary);
-            }
-            .el-timeline-item__wrapper .el-timeline-item__content .timeline-item-icon {
-                color: var(--el-color-primary);
-                border: 1px solid var(--el-color-primary);
-            }
-        }
-        &.primary {
-            .el-timeline-item__wrapper .el-timeline-item__content {
-                .reply-name {
-                    color: #1A1A1A;
-                }
-                .timeline-item-icon {
-                    background-color: var(--el-color-primary);
-                    border: 1px solid var(--el-color-primary);
-                    color: #ffffff;
-                }
-            }
-        }
-    }
-}
-
-//滚动条
-/*.el-scrollbar {
-    scroll-behavior: smooth;
-    .el-scrollbar__wrap--hidden-default {
-        scroll-behavior: smooth;
-    }
-}*/
-
-//弹窗
-.el-overlay-dialog {
-    .el-dialog.hc-modal-border {
-        .el-dialog__header {
-            padding-bottom: var(--el-dialog-padding-primary);
-            border-bottom: 1px solid #EEEEEE;
-            margin-right: 0;
-        }
-        .el-dialog__footer {
-            border-top: 1px solid #EEEEEE;
-            padding-top: var(--el-dialog-padding-primary);
-        }
-    }
-    .el-dialog.hc-modal-nop {
-        .el-dialog__body {
-            padding: 0;
-        }
-    }
-}
-
-//上传
-.el-upload-list.el-upload-list--picture-card {
-    --el-upload-list-picture-card-size: 88px;
-    .el-upload--picture-card {
-        --el-upload-picture-card-size: 88px;
-        .hc-upload-icon {
-            font-size: 39px;
-        }
-    }
-}
-
-//头像
-.el-avatar {
-    color: initial !important;
-    background: initial !important;
-}
-
-//表格
-.hc-table-ref-box {
-    position: relative;
-    display: inline-grid;
-    border: 1px solid #e9e9e9;
-    width: 100%;
-}
-
-//naiveui 鼠标右键菜单的图标
-.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body .n-dropdown-option-body__prefix.n-dropdown-option-body__prefix--show-icon {
-    font-size: 22px;
-}
-
-//树
-.el-tree.hc-tree-node, .el-tree.hc-tree-node-v2 {
-    --el-fill-color-blank: transparent;
-    --el-tree-node-hover-bg-color: var(--el-color-primary-light-9);
-    --el-tree-text-color: #50545E;
-    --el-tree-expand-icon-color: #838791;
-    background: var(--el-fill-color-blank);
-    color: var(--el-tree-text-color);
-    .el-tree-node__content {
-        border-radius: 2px;
-    }
-    &.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        background-color: var(--el-color-primary-light-7);
-    }
-    .el-tree-node__expand-icon {
-        font-size: 16px;
-    }
-    .el-tree-node__children {
-        overflow: visible !important;
-    }
-}
-.el-alert .el-alert__icon {
-    vertical-align: middle;
-}
-//弹窗提示
-.el-dialog .el-dialog__body {
-    position: relative;
-    max-height: 60vh;
-    overflow: auto;
-    .el-alert {
-        margin-top: -10px;
-        margin-bottom: 20px;
-    }
-
-}
-.el-dialog.hc-modal-table .el-dialog__body {
-    height: 60vh;
-}
-
-//上传文件列表
-.hc-upload-border {
-    .hc-upload-loading {
-        position: relative;
-    }
-    .el-upload-list {
-        border-top: 1px solid #f1f1f1;
-        margin-top: 24px;
-        padding-top: 24px;
-    }
-}
-
-//伪表单
-.el-form-item--large .el-form-item__content {
-    .form-item-div, .form-item-dashed {
-        position: relative;
-        color: #606266;
-        font-size: 14px;
-        padding: 0 12px;
-        height: 40px;
-        width: 100%;
-        border-radius: 4px;
-        display: flex;
-        align-items: center;
-        &.hover {
-            cursor: pointer;
-            transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
-        }
-    }
-    .form-item-div {
-        border: 1px solid #dddfe6;
-    }
-    .form-item-dashed {
-        border: 1px dashed #dddfe6;
-    }
-    .form-item-div.hover, .form-item-dashed.hover {
-        &:hover {
-            border-color: var(--el-color-primary);
-        }
-    }
-}
-
-//无名称
-.el-form-item[no-label] .el-form-item__label-wrap {
-    margin-left: 0 !important;
-}
-
-.el-form--large.el-form--label-top .el-form-item .el-form-item__label {
-    min-height: 22px;
-}
-
-.el-form-item--large.mb-0 {
-    margin-bottom: 0;
-}
-
-//输入框验证问题
-.el-input.is-error .el-input__wrapper {
-    box-shadow: 0 0 0 1px var(--el-color-danger) inset;
-}
-
-//表单输入框和按钮组合
-.el-form-item.hc-input-button-group .el-form-item__content {
-    .el-input {
-        flex: 1;
-        .el-input__wrapper {
-            border-radius: 4px 0 0 4px;
-        }
-    }
-    .el-button {
-        border-radius: 0 4px 4px 0;
-    }
-}
-
-//设置表单的上传
-.hc-upload-table-form {
-    position: relative;
-    height: inherit;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .el-upload {
-        position: relative;
-        flex: 1;
-        height: inherit;
-        color: #ccc;
-        .hc-table-form-icon {
-            font-size: 24px;
-            font-weight: 100;
-        }
-        .hc-table-form-img {
-            width: 100%;
-            height: inherit;
-        }
-        .hc-table-form-del {
-            position: absolute;
-            right: 0;
-            top: 0;
-        }
-    }
-}
-
-//表单提示样式
-.el-popper.is-customized {
-    padding: 6px 12px;
-    background: linear-gradient(90deg, rgb(159, 229, 151), rgb(204, 229, 129));
-}
-
-.el-popper.is-customized .el-popper__arrow::before {
-    background: linear-gradient(45deg, #b2e68d, #bce689);
-    right: 0;
-}
-
-// 树样式
-.hc-tree-node, .el-tree.hc-tree-node-v2 {
-    .data-custom-tree-node {
-        position: relative;
-        display: flex;
-        align-items: center;
-        width: 100%;
-        color: var(--el-text-color-primary);
-        .label {
-            flex: auto;
-            font-size: 16px;
-            .hc-tree-node-type {
-                display: inline-block;
-                background: #7729F5;
-                font-size: 14px;
-                color: white;
-                width: 20px;
-                height: 20px;
-                border-radius: 5px;
-                text-align: center;
-                line-height: 20px;
-                margin-right: 8px;
-            }
-        }
-        .label.level-name {
-            font-size: 18px;
-            font-weight: bold;
-        }
-    }
-    .el-tree-node__content {
-        height: 28px;
-    }
-    .el-tree-node__label {
-        flex: 1;
-        user-select: none;
-    }
-    &.tree-line .el-tree-node.is-expanded.is-current.is-focusable {
-        background: #cacaca;
-        border-radius: 4px;
-    }
-}
-
-.ui-drag-modal-box .hc-image-preview-box.ui-drag-modal-dialog .ui-drag-modal-dialog-body {
-    .hc-image-preview-view {
-        position: relative;
-        overflow: hidden;
-        height: 100%;
-        width: 100%;
-        .el-image-viewer__wrapper {
-            position: relative;
-            width: 100%;
-            height: 100%;
-            .el-image-viewer__mask {
-                border-radius: 3px;
-                box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
-            }
-            .el-image-viewer__close {
-                display: none;
-            }
-            .el-image-viewer__actions {
-                bottom: 10px;
-            }
-        }
-    }
-}
-
-//下拉框的滚动条
-.el-select__popper.el-popper .el-select-dropdown .el-scrollbar .el-scrollbar__bar.is-vertical {
-    right: 1px;
-}
-
-.el-loading-mask {
-    z-index: 99999;
-}
-
-.scroll-bar-right-16.el-scrollbar {
-    .el-scrollbar__bar {
-        right: -16px;
-    }
-}
-
-//设置表单样式
-.hc-excel-table-form-view {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    table {
-        // width: 100%;
-    }
-    td {
-        padding: 6px;
-        font-family: "EUDC", 宋体, v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-        .el-input {
-            background-color: #ffffff !important;
-            border-radius: 3px;
-            color: #606266;
-            .el-input__wrapper {
-                background-color: inherit;
-                caret-color: var(--el-color-primary);
-            }
-            .el-input__suffix-inner {
-                width: 18px;
-            }
-        }
-        .el-textarea {
-            width: 100%;
-            height: 100%;
-            .el-textarea__inner {
-                min-height: initial !important;
-                background-color: #ffffff;
-                border-radius: 3px;
-                color: #606266;
-                height: 100%;
-                caret-color: var(--el-color-primary);
-            }
-        }
-        //日期选择框
-        .el-date-editor.el-input .el-input__wrapper,
-        .el-date-editor.el-date-editor--datetimerange.el-input__wrapper {
-            height: 100%;
-            width: 100%;
-        }
-        //焦点
-        .el-input .el-input__wrapper.is-focus, .el-input .el-input__wrapper:hover,
-        .el-textarea .el-textarea__inner:hover {
-            box-shadow: 0 0 0 1.5px var(--el-input-focus-border-color) inset;
-            background-color: #eddac4;
-        }
-        //公式
-        &[gscolor] {
-            .el-input, .el-textarea .el-textarea__inner {
-                background-color: #dcdcdc !important;
-            }
-        }
-        //文本选中颜色
-        .el-input .el-input__wrapper input,
-        .el-textarea textarea {
-            &::selection {
-                background: var(--el-color-primary-light-9);
-                color: var(--el-color-primary);
-            }
-            &::-moz-selection {
-                background: var(--el-color-primary-light-9);
-                color: var(--el-color-primary);
-            }
-        }
-        //下拉框
-        .el-select {
-            width: 100%;
-            height: 100%;
-        }
-    }
-    //非输入框颜色
-    td:not([titlexx]), td[titlexx*=''],
-    td:not([title]), td[title*=''] {
-        background-color: #f1f5f8 !important;
-    }
-}
-

src/styles_bak/app/main.scss

@@ -1,253 +0,0 @@
-html, body, #app {
-    height: 100%;
-    background-color: #F1F5F8;
-}
-* {
-    padding: 0;
-    margin: 0;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    /* 滚动条凹槽的颜色，还可以设置边框属性 */
-    &::-webkit-scrollbar-track-piece {
-        background-color: #f8f8f8;
-        -webkit-border-radius: 2em;
-        -moz-border-radius: 2em;
-        border-radius: 2em;
-    }
-    /* 滚动条的宽度 */
-    &::-webkit-scrollbar {
-        width: 9px;
-        height: 9px;
-    }
-    /* 滚动条的设置 */
-    &::-webkit-scrollbar-thumb {
-        background-color: #ddd;
-        background-clip: padding-box;
-        -webkit-border-radius: 2em;
-        -moz-border-radius: 2em;
-        border-radius: 2em;
-    }
-    /* 滚动条鼠标移上去 */
-    &::-webkit-scrollbar-thumb:hover {
-        background-color: #bbb;
-    }
-}
-
-.us-se-no {
-    user-select: none;
-}
-
-.lr-dialog-footer {
-    position: relative;
-    display: flex;
-    align-items: flex-end;
-    justify-content: space-between;
-    .left {
-        .el-button + .el-button {
-            margin-left: 10px;
-        }
-    }
-}
-
-.hc-flex-column {
-    display: flex;
-    flex-direction: column;
-}
-
-.hc-sticky-box {
-    position: sticky;
-    z-index: 99;
-    top: 0;
-}
-
-.pover-menu-list {
-    position: relative;
-    .list-item {
-        position: relative;
-        border-radius: 5px;
-        padding: 10px 14px;
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        transition: color 0.3s, background-color 0.3s;
-        .text {
-            flex: auto;
-            margin-left: 0;
-            margin-right: 20px;
-        }
-        i {
-            font-size: 22px;
-        }
-        &:hover {
-            color: var(--el-color-primary);
-            background-color: var(--el-color-primary-light-7);
-        }
-    }
-}
-
-#toolPanel, #optionPanel {
-    border-radius: 5px;
-    box-shadow: 0 .5em 1em rgba(0, 0, 0, 0.15);
-}
-
-.el-radio-group .el-radio {
-    margin-right: 10px;
-}
-
-.bg-card-main {
-    background-color: var(--hc-bg-color);
-}
-
-.hc-list-box {
-    position: relative;
-    .item {
-        position: relative;
-        display: flex;
-        align-items: center;
-        .label {
-            flex: 1;
-        }
-        &.item {
-            margin-top: 15px;
-        }
-    }
-}
-
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity 0.5s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
-
-/* fade-transform */
-.fade-transform-leave-active,
-.fade-transform-enter-active {
-    transition: all 0.5s;
-}
-
-.fade-transform-enter-from {
-    opacity: 0;
-    transform: translateX(-30px);
-}
-
-.fade-transform-leave-to {
-    opacity: 0;
-    transform: translateX(30px);
-}
-
-.hc-page-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        margin-right: 24px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 80px);
-        }
-        .hc-tree-search-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 187px);
-            .hc-search-tree-val {
-                position: relative;
-                margin-bottom: 24px;
-            }
-            .hc-tree-scrollbar {
-                position: relative;
-                height: calc(100% - 68px);
-            }
-        }
-        &.menu {
-            width: 240px;
-            .hc-menu-header-box {
-                position: relative;
-                padding: 15px 18px;
-                display: flex;
-                align-items: center;
-                border-bottom: 1px solid #E9E9E9;
-                .name {
-                    flex: auto;
-                    position: relative;
-                }
-            }
-            .hc-menu-contents-box {
-                position: relative;
-                //padding: 15px 18px;
-                height: calc(100% - 60px);
-            }
-        }
-    }
-    .hc-page-content-box {
-        flex: 1;
-        position: relative;
-    }
-}
-
-.hc-page-box {
-    position: relative;
-    height: 100%;
-}
-.z-9999 {
-    z-index: 9999 !important;
-}
-
-//分割的样式
-.gutter {
-    background-color: #f1f5f8;
-    background-repeat: no-repeat;
-    background-position: 50%;
-}
-
-.gutter.gutter-vertical {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
-    cursor: row-resize;
-}
-
-.gutter.gutter-horizontal {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
-    cursor: col-resize;
-}

src/styles_bak/app/nprogress.scss

@@ -1,73 +0,0 @@
-/* Make clicks pass-through */
-#nprogress {
-    pointer-events: none;
-}
-
-#nprogress .bar {
-    background: var(--el-color-primary);
-
-    position: fixed;
-    z-index: 1031;
-    top: 0;
-    left: 0;
-
-    width: 100%;
-    height: 2px;
-}
-
-/* Fancy blur effect */
-#nprogress .peg {
-    display: block;
-    position: absolute;
-    right: 0;
-    width: 100px;
-    height: 100%;
-    box-shadow: 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary);
-    opacity: 1.0;
-
-    -webkit-transform: rotate(3deg) translate(0px, -4px);
-    -ms-transform: rotate(3deg) translate(0px, -4px);
-    transform: rotate(3deg) translate(0px, -4px);
-}
-
-/* Remove these to get rid of the spinner */
-#nprogress .spinner {
-    display: block;
-    position: fixed;
-    z-index: 1031;
-    top: 15px;
-    right: 15px;
-}
-
-#nprogress .spinner-icon {
-    width: 18px;
-    height: 18px;
-    box-sizing: border-box;
-
-    border: solid 2px transparent;
-    border-top-color: var(--el-color-primary);
-    border-left-color: var(--el-color-primary);
-    border-radius: 50%;
-
-    -webkit-animation: nprogress-spinner 400ms linear infinite;
-    animation: nprogress-spinner 400ms linear infinite;
-}
-
-.nprogress-custom-parent {
-    overflow: hidden;
-    position: relative;
-}
-
-.nprogress-custom-parent #nprogress .spinner,
-.nprogress-custom-parent #nprogress .bar {
-    position: absolute;
-}
-
-@-webkit-keyframes nprogress-spinner {
-    0%   { -webkit-transform: rotate(0deg); }
-    100% { -webkit-transform: rotate(360deg); }
-}
-@keyframes nprogress-spinner {
-    0%   { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}

src/styles_bak/app/tailwind.scss

@@ -1,3 +0,0 @@
-//@tailwind base;
-@tailwind components;
-@tailwind utilities;

src/styles_bak/app/theme.scss

@@ -1,593 +0,0 @@
-//通用样式
-html {
-    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
-    --hc-body-bg-color: #F5F5F5;
-    --hc-bg-color: #ffffff;
-    --hc-text-color: #333333;
-    --hc-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), -4px -4px 8px 0 #ffffff;
-    //左侧菜单
-    .hc-layout-box .hc-aside-box .hc-aside-logo-box .logo-img-1 {
-        &.white {
-            display: block;
-        }
-        &.dark {
-            display: none;
-        }
-    }
-}
-
-//深色主题设置
-html.dark {
-    --hc-body-bg-color: #101014;
-    --hc-bg-color: #292929;
-    --hc-text-color: rgba(255, 255, 255, 0.82);
-    --hc-shadow: 4px 4px 8px 0 rgba(0,0,0,0.15), -4px -4px 8px 0 #3d3d3d;
-    --el-bg-color-overlay: #393939;
-    --hc-border-color: #474646;
-    --hc-label-color: #8f9eb2;
-    html, body, #app {
-        background: var(--el-bg-color-overlay);
-    }
-    //首页背景
-    .hc-layout-box .hc-layout-bg-box {
-        opacity: .1;
-    }
-    //左侧菜单
-    .hc-layout-box .hc-aside-box {
-        color: var(--el-text-color-primary);
-        background: var(--el-bg-color-overlay);
-        box-shadow: initial;
-        border: 1px solid var(--hc-border-color);
-        border-left: 0;
-        border-bottom: 0;
-        &.home-index {
-            color: var(--el-text-color-primary);
-            background: var(--el-bg-color-overlay);
-            backdrop-filter: initial;
-            -webkit-backdrop-filter: initial;
-        }
-        .hc-aside-logo-box .logo-img-1 {
-            &.white {
-                display: none;
-            }
-            &.dark {
-                display: block;
-            }
-        }
-        //菜单
-        .el-menu-item, .el-sub-menu__title {
-            color: var(--hc-label-color);
-        }
-        .el-menu-item.is-active {
-            color: inherit;
-        }
-        .hc-aside-bar-box:before {
-            background-image: linear-gradient(90deg, rgba(102, 102, 102, 0) 11%, #474646 35%, #474646 64%, rgba(102, 102, 102, 0) 86%);
-        }
-    }
-    //左栏
-    .hc-layout-box .hc-layout-left-box {
-        color: var(--el-text-color-primary);
-        background: var(--el-bg-color-overlay);
-        box-shadow: initial;
-        border: 1px solid var(--hc-border-color);
-    }
-    .hc-layout-box .hc-layout-left {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    .hc-table-form-content .hc-table-forem-box,
-    .hc-table-form-content .hc-fixed-page,
-    .hc-table-form-content .hc-right-pian-box,
-    .hc-table-form-content .hc-footer-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    //小图标时的菜单
-    .aside-menu-popper.el-popper .el-menu--vertical .el-menu {
-        background-color: #393939;
-        color: #8f9eb2;
-    }
-    //卡片
-    .hc-card-box.el-card {
-        box-shadow: initial;
-        color: var(--hc-text-color);
-        border: 1px solid var(--hc-border-color);
-        .el-card__header {
-            border-bottom: 1px solid var(--hc-border-color);
-        }
-        .el-card__body .hc-card-action-box {
-            border-top: 1px solid var(--hc-border-color);
-            background-color: var(--el-bg-color-overlay);
-        }
-    }
-    //设置里的副标题
-    .hc-screenshot-box .item .label {
-        color: var(--hc-label-color);
-    }
-    //设置里的选择卡片
-    .hc-theme-box .item {
-        border: 1px solid var(--hc-border-color);
-        background-color: var(--el-bg-color-overlay);
-        &.active {
-            box-shadow: 4px 4px 8px 0 rgba(61,60,60,0.15), 0 0 8px 0 #1d1d1d;
-        }
-        .action {
-            background-color: var(--hc-bg-color);
-            border-top: 1px solid var(--hc-border-color);
-        }
-    }
-
-    //顶部项目合同下拉框
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper {
-        background: #696969;
-    }
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input.is-focus .el-input__wrapper {
-        box-shadow: var(--hc-shadow);
-    }
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper .el-input__inner,
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper .el-input__suffix {
-        color: var(--hc-text-color);
-    }
-    //顶部图标按钮
-    .header-icon-bar {
-        background: #696969;
-        color: var(--hc-text-color);
-    }
-    //顶部用户信息
-    .user-info-bar {
-        .user-name, .arrow-icon {
-            color: var(--hc-text-color);
-        }
-        &:before {
-            border-color: var(--hc-border-color);
-        }
-    }
-
-    //按钮
-    .el-button[hc-btn] {
-        border-color: var(--hc-border-color);
-    }
-    .el-button[hc-btn].is-disabled:not([class*=el-button--]) {
-        --el-button-disabled-text-color: var(--el-color-info-light-5);
-        --el-button-disabled-bg-color: var(--el-color-info-light-9);
-    }
-
-    //日期范围
-    .el-date-editor .el-range-separator {
-        color: #89898a;
-    }
-
-    //切换卡片
-    .hc-sb-table .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
-        background: var(--hc-bg-color);
-        --el-text-color-primary: var(--hc-label-color);
-        &:after {
-            background-color: var(--hc-border-color);
-        }
-    }
-    .hc-sb-table .el-tabs .el-tabs__active-bar {
-        background: var(--el-bg-color-overlay);
-        &:after, &:before {
-            background: var(--el-bg-color-overlay);
-        }
-    }
-
-    //表格
-    .hc-table-ref-box {
-        border-color: var(--hc-border-color);
-        .el-table[hc] {
-            --el-table-bg-color: initial;
-            --el-table-header-bg-color: var(--hc-bg-color);
-            --el-table-header-text-color: var(--hc-label-color);
-            --el-table-tr-bg-color: var(--el-bg-color-overlay);
-            --el-fill-color-lighter: #363535;
-            --el-table-text-color: var(--hc-text-color);
-            --el-table-row-hover-bg-color: #454545;
-        }
-        .el-table[hc].el-table--border {
-            --el-table-border-color: var(--hc-border-color);
-        }
-        .el-table__body-wrapper tr td.el-table-fixed-column--left,
-        .el-table__body-wrapper tr td.el-table-fixed-column--right,
-        .el-table__body-wrapper tr th.el-table-fixed-column--left,
-        .el-table__body-wrapper tr th.el-table-fixed-column--right,
-        .el-table__footer-wrapper tr td.el-table-fixed-column--left,
-        .el-table__footer-wrapper tr td.el-table-fixed-column--right,
-        .el-table__footer-wrapper tr th.el-table-fixed-column--left,
-        .el-table__footer-wrapper tr th.el-table-fixed-column--right,
-        .el-table__header-wrapper tr td.el-table-fixed-column--left,
-        .el-table__header-wrapper tr td.el-table-fixed-column--right,
-        .el-table__header-wrapper tr th.el-table-fixed-column--left,
-        .el-table__header-wrapper tr th.el-table-fixed-column--right {
-            --el-bg-color: #444444;
-        }
-    }
-
-    //分页
-    .card-page-box .el-pagination.is-background .btn-next, .card-page-box .el-pagination.is-background .btn-prev, .card-page-box .el-pagination.is-background .el-pager li {
-        border-color: var(--hc-border-color);
-    }
-    //弹窗
-    .el-overlay-dialog .el-dialog {
-        background: var(--el-bg-color-overlay);
-        &.hc-modal-border {
-            .el-dialog__header {
-                border-color: var(--hc-border-color);
-            }
-            .el-dialog__footer {
-                border-color: var(--hc-border-color);
-            }
-        }
-    }
-    .el-message-box {
-        background: var(--el-bg-color-overlay);
-    }
-
-    //表单
-    .el-form-item--large .el-form-item__content .form-item-dashed {
-        border-color: #4c4d4f;
-    }
-
-    //步进器
-    .hc-counter-box .counter-box {
-        color: var(--hc-text-color);
-        .counter-btn {
-            border-color: var(--hc-border-color);
-            color: var(--hc-text-color);
-            background-color: var(--el-bg-color-overlay);
-        }
-        .counter-btn[disabled=true] {
-            color: var(--hc-label-color);
-            background-color: var(--hc-bg-color);
-        }
-        .counter-val {
-            border-color: var(--hc-border-color);
-        }
-    }
-    //工单服务
-    .hc-order-service .order-service-content .content-box .comment-card-box {
-        border: 1px solid var(--hc-border-color);
-        background: var(--el-bg-color-overlay);
-        .card-content-box .user-info-box .text-lg {
-            color: var(--hc-text-color);
-        }
-        .card-content-box .desc_para {
-            color: var(--hc-text-color);
-        }
-        .collapse-comment-box .user-comment-info-box .user-comment-box .user-comment-content-box {
-            color: var(--hc-text-color);
-        }
-    }
-
-    //选择任务人
-    .hc-tasks-user .tasks-user-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .title-box,
-    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .title-box {
-        border-color: var(--hc-border-color);
-        background-color: var(--hc-bg-color);
-        color: var(--hc-label-color);
-    }
-    .hc-tasks-user-modal-content-box .user-box .s-user-list-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .user-list .user-item + .user-item,
-    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .user-list .user-item + .user-item {
-        border-color: var(--hc-border-color);
-    }
-    .hc-tasks-user-modal-content-box .tree-box {
-        border-color: var(--hc-border-color);
-        .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
-            background-color: #454545;
-            color: #ffffff;
-        }
-    }
-    .sort-node-body-box.list-group {
-        border-color: var(--hc-border-color);
-        .list-group-item + .list-group-item{
-            border-color: var(--hc-border-color);
-        }
-    }
-    .sort-node-body-box.list-group.header .list-group-item {
-        background-color: var(--hc-bg-color);
-        color: var(--hc-label-color);
-    }
-    //左侧小菜单栏
-    .hc-menu-simple-box .item-box {
-        border: 1px solid var(--hc-border-color);
-        background: var(--el-bg-color-overlay);
-        .icon-box {
-            background-color: var(--hc-bg-color);
-            color: var(--hc-label-color);
-        }
-        .label-box {
-            color: var(--hc-label-color);
-        }
-        &.active {
-            .label-box {
-                color: var(--hc-text-color);
-            }
-        }
-        &:hover:not(.active) {
-            .icon-box {
-                color: var(--hc-text-color);
-                background-color: var(--hc-bg-color);
-            }
-            .label-box {
-                color: var(--hc-text-color);
-                font-weight: 500;
-            }
-        }
-    }
-    //树
-    .el-tree.hc-tree-node {
-        --el-tree-node-hover-bg-color: var(--hc-bg-color);
-    }
-    .hc-tree-node.tree-line .el-tree-node.is-expanded.is-current.is-focusable {
-        background: var(--hc-bg-color);
-    }
-    .data-custom-tree-node .menu-icon {
-        background: initial;
-        color: var(--el-bg-color-overlay);
-    }
-    .hc-tree-node .data-custom-tree-node {
-        color: var(--hc-label-color);
-    }
-    .el-tree.hc-tree-node.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        background-color: var(--hc-bg-color);
-        .data-custom-tree-node {
-            color: var(--hc-text-color);
-        }
-    }
-    //工程划分树
-    .hc-page-layout-box .hc-layout-left-box .hc-project-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-page-content-box.hc-division-page .project-info {
-        height: calc(100% - 346px);
-    }
-    .hc-page-content-box.hc-division-page .footer-box {
-        color: var(--el-text-color-primary);
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        box-shadow: initial;
-    }
-    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box,
-    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box .hc-tree-title-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-layout-box .hc-layout-left-box .hc-project-box,
-    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box {
-        border-color: var(--hc-border-color);
-    }
-
-    .copy-node-many-box, .copy-node-many-box .copy-node-many-tree {
-        border-color: var(--hc-border-color);
-    }
-
-    .data-fill-list-box .el-collapse .el-collapse-item {
-        background-color: var(--el-bg-color-overlay);
-        border-color: var(--hc-border-color);
-        .hc-collapse-item-header .item-title {
-            color: var(--hc-label-color);
-        }
-        .el-collapse-item__header .el-collapse-item__arrow {
-            color: var(--hc-label-color);
-        }
-    }
-    .data-fill-list-box .el-collapse .el-collapse-item.is-active .el-collapse-item__header.is-active {
-        background: var(--hc-bg-color);
-        .item-title, .el-collapse-item__arrow {
-            color: var(--hc-text-color);
-        }
-    }
-    .data-fill-list-box .data-fill-list-item-content .data-fill-table-tip-box {
-        border-color: var(--hc-border-color);
-    }
-
-    //切换按钮
-    .hc-new-switch {
-        background: var(--hc-bg-color);
-        box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.15) inset, -4px -4px 8px 0 var(--hc-bg-color) inset;
-        .switch-bg {
-            color: var(--hc-label-color);
-        }
-        .switch-bg.dots {
-            color: var(--hc-text-color);
-            box-shadow: 4px 4px 8px 0 rgba(54, 92, 167, 0.15), -3px -2px 8px 0 var(--hc-bg-color);
-        }
-    }
-    //多级菜单
-    .hc-ledger-query-menu.el-menu {
-        --el-menu-text-color: var(--hc-label-color);
-        .el-sub-menu .el-menu-item.is-active {
-            background: var(--hc-bg-color);
-            border: 1px solid var(--hc-border-color);
-            color: var(--hc-text-color);
-            box-shadow: initial;
-        }
-        .el-sub-menu__title, .el-menu-item {
-            border-radius: 6px;
-            &:hover {
-                background: var(--hc-bg-color);
-                color: var(--hc-text-color);
-            }
-        }
-    }
-
-    //日历
-    .hc-date-calendar-box {
-        .hc-date-picker-box {
-            border-color: var(--hc-border-color);
-            .hc-date-btn-box .hc-div-btn {
-                box-shadow: initial;
-                border: 1px solid var(--hc-border-color);
-                background-color: var(--el-bg-color-overlay);
-                &:hover {
-                    background: var(--hc-bg-color);
-                }
-            }
-        }
-        .hc-date-dates {
-            .hc-date-dates-day {
-                color: var(--hc-label-color);
-                &:hover:not([class*='choice']):not([class*='excluded']):not([class*='selected']):not([class*='cur']) {
-                    background-color: var(--hc-bg-color);
-                    border: 2px solid var(--hc-border-color);
-                }
-            }
-            .hc-date-dates-day.selected {
-                border-color: var(--hc-border-color);
-            }
-            .hc-date-dates-day.choice {
-                box-shadow: initial;
-                border-color: var(--hc-border-color);
-            }
-            .hc-date-dates-day.excluded {
-                color: #5a5a5a;
-            }
-        }
-    }
-    .hc-user-time-box .tree-box {
-        border-color: var(--hc-border-color);
-    }
-    //进度统计
-    .hc-layout-box .hc-chart-content-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    .hc-layout-box .hc-round-chart-card-box,
-    .hc-layout-box .hc-report-chart-card-box,
-    .hc-layout-box .hc-media-chart-card-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-report-chart-box,
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-report-chart-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-media-chart-box,
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-    }
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-title {
-        color: var(--hc-label-color);
-    }
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-num,
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-text .unit{
-        color: var(--hc-text-color);
-    }
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-amount-box .amount-item .num {
-        color: var(--hc-label-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-chart-title .title,
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-chart-title .title {
-        color: var(--hc-text-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box {
-        background: var(--hc-bg-color);
-        border-color: var(--hc-border-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box .item .num {
-        color: var(--hc-label-color);
-    }
-    //影像资料
-    .hc-layout-box .hc-layout-content-box .hc-table-col-item .content-box .title {
-        color: var(--hc-text-color);
-    }
-    //平曲线右上角图标按钮
-    .hc-layout-box .hc-extra-icon-btn {
-        color: var(--hc-label-color);
-    }
-
-    //首件工程
-    .hc-first-item-node-layout .node-action,
-    .hc-first-item-node-layout .node-content .node-form,
-    .hc-first-item-node-layout .node-content .node-file {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-
-    //个人中心
-    .hc-layout-box .hc-layout-left-box .user-avatar-box .user-avatar {
-        border: 1px solid var(--hc-border-color);
-        box-shadow: initial;
-    }
-    .hc-layout-box .hc-layout-left-box .user-avatar-box .user-name {
-        color: var(--hc-text-color);
-    }
-    .hc-layout-box .hc-layout-content-box .hc-card-foot-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-        border-bottom: 0;
-    }
-    .hc-project-menu.el-menu .el-sub-menu {
-        border-color: var(--hc-border-color);
-        .el-sub-menu__title {
-            color: var(--hc-label-color);
-        }
-    }
-    .hc-project-menu.el-menu .el-sub-menu.is-opened .el-sub-menu__title {
-        background: var(--hc-bg-color);
-        color: var(--hc-text-color);
-    }
-    .hc-project-menu.el-menu .el-menu-item.is-active {
-        background: #4e4e4e;
-        color: var(--hc-text-color);
-    }
-    .hc-project-menu.el-menu .el-sub-menu .el-sub-menu__title,
-    .hc-project-menu.el-menu .el-sub-menu .el-menu-item {
-        &:hover {
-            background: var(--hc-bg-color);
-            color: var(--hc-text-color);
-        }
-    }
-
-    //材料进场
-    .hc-switch-tab-content {
-        border-color: var(--hc-border-color);
-    }
-    .hc-links-sample-modal-box .hc-links-sample-tree-box {
-        border-color: var(--hc-border-color);
-    }
-
-    //月报汇总表格
-    .hc-table-ref-box .el-table.hc-table-diy-box {
-        --el-table-bg-color: initial;
-        --el-table-header-bg-color: var(--hc-bg-color);
-        --el-table-header-text-color: var(--hc-label-color);
-        --el-table-tr-bg-color: var(--el-bg-color-overlay);
-        --el-fill-color-light: #363535;
-        --el-table-text-color: var(--hc-text-color);
-        --el-table-row-hover-bg-color: #454545;
-    }
-    .hc-table-ref-box .el-table.hc-table-diy-box.el-table--border {
-        --el-table-border-color: var(--hc-border-color);
-    }
-    .hc-table-ref-box .el-table.hc-table-diy-box thead.is-group tr:last-of-type th:nth-of-type(2)::before {
-        background-color: var(--hc-border-color);
-    }
-
-    .hc-page-layout-box .hc-layout-left-box.menu .hc-menu-header-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-menu-simple-box .item-box .menu-icon {
-        background: initial;
-    }
-}

src/styles_bak/app/tools.scss

@@ -1,12 +0,0 @@
-//树的虚线
-@mixin elTreeNodeChildren() {
-    $name: '.el-tree-node__children';
-    @for $i from 1 to 20 {
-        #{$name} {
-            &:before {
-                left: calc(11.5px + (#{$i - 1} * 18px));
-            }
-        }
-        $name: '#{$name} .el-tree-node__children';
-    }
-}

src/styles_bak/app/tree.scss

@@ -1,190 +0,0 @@
-// 树的线样式
-.tree-line {
-    :deep(.el-tree-node) {
-        position: relative;
-        padding-left: 12px; // 缩进量
-    }
-    :deep(.el-tree-node__children) {
-        padding-left: 12px; // 缩进量
-    }
-    // 竖线
-    :deep(.el-tree-node::before) {
-        content:"";
-        height: 100%;
-        width: 1px;
-        position: absolute;
-        left: 1px;
-        top: 0;
-        border-width: 1px;
-        border-left: 2px dashed var(--el-color-primary);
-    }
-    // 当前层最后⼀个节点的竖线⾼度固定
-    :deep(.el-tree-node:last-child::before) {
-        height: 15px; // 可以⾃⼰调节到合适数值
-    }
-    // 横线
-    :deep(.el-tree-node::after) {
-        content:"";
-        width: 16px;
-        height: 20px;
-        position: absolute;
-        left: 2px;
-        top: 12px;
-        border-width: 1px;
-        border-top: 2px dashed var(--el-color-primary);
-    }
-    // 去掉最顶层的虚线，放最下⾯样式才不会被上⾯的覆盖了
-    & > :deep(.el-tree-node::after) {
-        border-top: none !important;
-        border-top: 0 !important;
-    }
-    & > :deep(.el-tree-node::before) {
-        border-left: none;
-    }
-    // 展开关闭的icon
-    :deep(.el-tree-node__expand-icon) {
-        font-size: 16px;
-        &.is-leaf {
-            color: transparent;
-            font-size: 0px;
-        }
-    }
-    :deep(.el-tree__empty-block) {
-      min-width: 300px;
-
-    }
-}
-
-.tree-line1 {
-    :deep(.el-tree-node) {
-        position: relative;
-        padding-left: 12px; // 缩进量
-        width: 100%;
-    }
-    :deep(.el-tree-node__children) {
-        padding-left: 12px; // 缩进量
-    }
-    // 竖线
-    :deep(.el-tree-node::before) {
-        content:"";
-        height: 100%;
-        width: 1px;
-        position: absolute;
-        left: 1px;
-        top: 0px;
-        border-width: 1px;
-        border-left: 2px dashed var(--el-color-primary);
-    }
-    // 当前层最后⼀个节点的竖线⾼度固定
-    :deep(.el-tree-node:last-child::before){
-        height: 15px; // 可以⾃⼰调节到合适数值
-    }
-    // 横线
-    :deep(.el-tree-node::after) {
-        content:"";
-        width: 16px;
-        height: 20px;
-        position: absolute;
-        left: 2px;
-        top: 12px;
-        border-width: 1px;
-        border-top: 2px dashed var(--el-color-primary);
-    }
-    // 去掉最顶层的虚线，放最下⾯样式才不会被上⾯的覆盖了
-    & > :deep(.el-tree-node::after) {
-        border-top: none !important;
-        border-top: 0 !important;
-    }
-    & > :deep(.el-tree-node::before) {
-        border-left: none;
-    }
-    // 展开关闭的icon
-    :deep(.el-tree-node__expand-icon) {
-        font-size: 16px;
-        &.is-leaf {
-            color: transparent;
-            font-size: 0;
-        }
-    }
-    :deep(.el-tree__empty-block) {
-      min-width: 300px;
-    }
-}
-
-//虚拟树
-.hc-tree-node-v2.tree-line1 {
-    :deep(.el-virtual-scrollbar) {
-        right: -12px !important;
-    }
-    :deep(.el-tree-node) {
-        padding-left: 0;
-    }
-    :deep(.el-tree-node:first-child::before) {
-        border-left: none;
-    }
-    :deep(.el-tree-node:first-child::after) {
-        border-top: none !important;
-        border-top: 0 !important;
-    }
-    // 竖线
-    :deep(.el-tree-node::before) {
-        left: 12px;
-    }
-    // 横线
-    :deep(.el-tree-node::after) {
-        left: 14px;
-    }
-    :deep([class*='line-i-']) {
-        position: relative;
-        //竖线
-        &::before {
-            content:"";
-            height: 26px;
-            width: 1px;
-            position: absolute;
-            left: 12px;
-            top: 0;
-            border-width: 1px;
-            border-left: 2px dashed var(--el-color-primary);
-        }
-        //横线
-        &::after {
-            content:"";
-            width: 16px;
-            height: 20px;
-            position: absolute;
-            left: 14px;
-            top: 12px;
-            border-width: 1px;
-            border-top: 2px dashed var(--el-color-primary);
-        }
-    }
-    //自动生成子级线条
-    @for $i from 1 through 20 {
-        //竖线
-        :deep(.line-i-#{$i}::before) {
-            left: #{(($i + 1) * 24) - 11}px;
-        }
-        //横线
-        :deep(.line-i-#{$i}::after) {
-            left: #{(($i + 1) * 24) - 9}px;
-        }
-
-        //消除非主要线条
-        @if $i >= 3 {
-            :deep(.el-tree-node[level="#{$i}"]) {
-                &::after {
-                    display: none;
-                }
-                @if $i >= 4 {
-                    @for $x from 1 through ($i - 3) {
-                        .line-i-#{$x}::after {
-                            display: none;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-}

src/styles_bak/data-fill/division.scss

@@ -1,193 +0,0 @@
-.hc-page-content-box.hc-division-page {
-    .basic-info {
-        position: relative;
-        margin-bottom: 24px;
-    }
-    .project-info {
-        position: relative;
-        margin-bottom: 24px;
-        height: calc(100% - 342px);
-    }
-    .footer-box {
-        position: relative;
-        height: 80px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 20px 24px;
-        overflow: hidden;
-        background: #f1f5f8;
-        border-radius: 10px;
-        box-shadow: -2px 0px 10px 0px rgba(32,37,50,0.03), 0px 10px 21px 20px rgba(32,37,50,0.03);
-    }
-}
-
-.lr-dialog-footer {
-    position: relative;
-    display: flex;
-    align-items: flex-end;
-    justify-content: space-between;
-    .left {
-        .el-button + .el-button {
-            margin-left: 10px;
-        }
-    }
-}
-
-.copy-node-many-box {
-    position: relative;
-    height: 53vh;
-    display: flex;
-    margin-top: 24px;
-    margin-bottom: -30px;
-    border-top: 1px solid #efeff5;
-    .copy-node-many-tree {
-        position: relative;
-        flex: 1;
-        height: 100%;
-        padding: 20px 20px 20px 0;
-        border-right: 1px solid #efeff5;
-    }
-    .copy-node-many-table {
-        position: relative;
-        flex: 1;
-        height: 100%;
-        padding: 20px 0 20px 20px;
-    }
-}
-
-.sort-node-body-box.list-group {
-    position: relative;
-    min-height: 20px;
-    border: 1px solid #EEEEEE;
-    .list-group-item {
-        position: relative;
-        display: flex;
-        align-items: center;
-        padding: 6px 15px;
-        cursor: move;
-        transition: background 0.2s;
-        .index-box {
-            position: relative;
-            width: 50px;
-        }
-        .title-box {
-            position: relative;
-            padding-right: 24px;
-            flex: 1;
-        }
-        .icon-box {
-            position: relative;
-            font-size: 18px;
-            display: flex;
-            align-items: center;
-            .icon {
-                cursor: pointer;
-                display: flex;
-                align-items: center;
-            }
-        }
-        &:first-child .icon-box i:last-child,
-        &:last-child .icon-box i:first-child {
-            cursor: default;
-            color: #aaaaaa;
-        }
-        &:hover {
-            background: var(--el-color-primary-light-9);
-        }
-    }
-    .list-group-item + .list-group-item {
-        border-top: 1px solid #EEEEEE;
-    }
-    &.header {
-        border-bottom: 0;
-        .list-group-item {
-            cursor: default;
-            padding: 8px 15px;
-            background-color: #F8F8F8;
-            .index-box, .title-box, .icon-box {
-                font-size: 14px;
-            }
-        }
-    }
-}
-.flip-list-move {
-    transition: transform 0.5s;
-}
-.no-move {
-    transition: transform 0s;
-}
-
-.hc-import-temp-box {
-    position: relative;
-    height: 100%;
-    overflow: hidden;
-    .hc-choose-type-box {
-        position: relative;
-        height: 60px;
-        margin-bottom: 20px;
-        .hc-type-box .el-radio-group .el-radio {
-            margin-right: 24px;
-        }
-    }
-    .hc-import-node-tree-box {
-        position: relative;
-        height: 100%;//calc(100% - 80px);
-        overflow: hidden;
-        display: flex;
-        .import-node-tree-box {
-            position: relative;
-            height: 100%;
-            flex: 1;
-            border: 1px solid #EEEEEE;
-            border-radius: 4px;
-            overflow: hidden;
-            margin-right: 10px;
-            .hc-tree-title-box {
-                text-align: center;
-                font-weight: bold;
-                padding: 12px 0;
-                border-bottom: 1px solid #EEEEEE;
-            }
-            .hc-tree-bar-box {
-                position: relative;
-                height: calc(100% - 60px);
-                overflow: hidden;
-            }
-        }
-        .import-node-tree-box + .import-node-tree-box {
-            margin-left: 10px;
-            margin-right: 0;
-        }
-    }
-}
-
-//引用元素表
-.adding-form-dialog-box {
-    position: relative;
-    height: 100%;
-    display: flex;
-    .dialog-tree-box {
-        position: relative;
-        border-right: 1px solid #EEEEEE;
-        width: 500px;
-        height: 100%
-    }
-    .dialog-table-box {
-        position: relative;
-        flex: 1;
-        height: 100%;
-        padding: 18px;
-        .dialog-search {
-            position: relative;
-        }
-        .dialog-table {
-            position: relative;
-            height: calc(100% - 68px);
-            padding: 18px 0;
-        }
-        .dialog-pages {
-            position: relative;
-        }
-    }
-}

src/styles_bak/data-fill/query.scss

@@ -1,140 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 187px);
-            .hc-search-tree-val {
-                position: relative;
-                margin-bottom: 24px;
-            }
-            .hc-tree-scrollbar {
-                position: relative;
-                height: calc(100% - 68px);
-            }
-        }
-        .hc-tree-foot-tip-box {
-            position: absolute;
-            border-top: 1px solid #E9E9E9;
-            padding: 15px 24px;
-            width: 100%;
-            bottom: 0;
-            .dot-view {
-                position: relative;
-                display: inline-flex;
-                width: 50%;
-                align-items: center;
-                padding-left: 24px;
-                margin-top: 15px;
-                &:before {
-                    position: absolute;
-                    left: 0;
-                    content: "";
-                    width: 15px;
-                    height: 15px;
-                    background-color: inherit;
-                    border-radius: 25px;
-                }
-                &.green:before {
-                    background-color: #1ECC95;
-                }
-                &.black:before {
-                    background-color: #111111;
-                }
-                &.orange:before {
-                    background-color: #f37b1d;
-                }
-                &.blue:before {
-                    background-color: #0081ff;
-                }
-            }
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-        margin-left: 24px;
-        .hc-card-max-h-box {
-            position: relative;
-            height: calc(100% - 56px);
-            overflow-y: auto;
-            scroll-behavior: smooth;
-            &.node-tree {
-                height: 100%;
-                .hc-tree-foot-tip-box {
-                    padding: 15px 0;
-                    text-align: center;
-                    border: 0;
-                    z-index: 11;
-                    .dot-view {
-                        width: auto;
-                        margin-top: 0;
-                    }
-                    .dot-view + .dot-view {
-                        margin-left: 80px;
-                    }
-                }
-            }
-            &::-webkit-scrollbar {
-                width: 0;
-            }
-        }
-        .data-fill-foot-box {
-            position: absolute;
-            bottom: 0;
-            right: 24px;
-            padding: 24px;
-            left: 20px;
-            box-shadow: 0px -3px 6px rgb(0 0 0 / 6%);
-            text-align: center;
-        }
-    }
-}
-.flip-list-move {
-    transition: transform 0.5s;
-}
-.no-move {
-    transition: transform 0s;
-}

src/styles_bak/data-fill/wbs.scss

@@ -1,305 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        transition: 0.2s;
-        margin-right: 24px;
-        margin-left: -24px;
-        visibility: hidden;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 187px);
-            .hc-search-tree-val {
-                position: relative;
-                margin-bottom: 24px;
-            }
-            .hc-tree-scrollbar {
-                position: relative;
-                height: calc(100% - 68px);
-            }
-        }
-        .hc-tree-foot-tip-box {
-            position: absolute;
-            border-top: 1px solid #E9E9E9;
-            padding: 15px 24px;
-            width: 100%;
-            bottom: 0;
-            .dot-view {
-                position: relative;
-                display: inline-flex;
-                width: 50%;
-                align-items: center;
-                padding-left: 24px;
-                margin-top: 15px;
-                &:before {
-                    position: absolute;
-                    left: 0;
-                    content: "";
-                    width: 15px;
-                    height: 15px;
-                    background-color: inherit;
-                    border-radius: 25px;
-                }
-                &.green:before {
-                    background-color: #1ECC95;
-                }
-                &.black:before {
-                    background-color: #111111;
-                }
-                &.orange:before {
-                    background-color: #f37b1d;
-                }
-                &.blue:before {
-                    background-color: #0081ff;
-                }
-            }
-        }
-        &.on-transition {
-            transition: none;
-        }
-        &.show {
-            margin-left: 0;
-            visibility: visible;
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-        .data-fill-foot-box {
-            position: absolute;
-            bottom: 0;
-            right: 24px;
-            padding: 24px;
-            left: 20px;
-            box-shadow: 0px -3px 6px rgb(0 0 0 / 6%);
-            text-align: center;
-        }
-    }
-}
-
-.hc-tree-mp-tip-box {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    .dot-view {
-        position: relative;
-        display: flex;
-        align-items: center;
-        &:before {
-            position: relative;
-            left: 0;
-            content: "";
-            width: 15px;
-            height: 15px;
-            background-color: inherit;
-            border-radius: 25px;
-            margin-right: 6px;
-        }
-        &.green:before {
-            background-color: #1ECC95;
-        }
-        &.black:before {
-            background-color: #111111;
-        }
-        &.orange:before {
-            background-color: #f37b1d;
-        }
-        &.blue:before {
-            background-color: #0081ff;
-        }
-        & + .dot-view {
-            margin-left: 80px;
-        }
-    }
-}
-.upload-drawing {
-    display: none;
-}
-
-.lr-dialog-footer {
-    position: relative;
-    display: flex;
-    align-items: flex-end;
-    justify-content: space-between;
-    .left {
-        .el-button + .el-button {
-            margin-left: 10px;
-        }
-    }
-}
-
-.copy-node-many-box {
-    position: relative;
-    height: 51vh;
-    display: flex;
-    // margin-top: 24px;
-    margin-bottom: -30px;
-    border-top: 1px solid #efeff5;
-    .copy-node-many-tree {
-        position: relative;
-        flex: 1;
-        height: 100%;
-        padding: 20px 20px 20px 0;
-        border-right: 1px solid #efeff5;
-    }
-    .copy-node-many-table {
-        position: relative;
-        flex: 1;
-        height: 100%;
-        padding: 20px 0 20px 20px;
-    }
-}
-
-.sort-node-body-box.list-group {
-    position: relative;
-    min-height: 20px;
-    border: 1px solid #EEEEEE;
-    .list-group-item {
-        position: relative;
-        display: flex;
-        align-items: center;
-        padding: 6px 15px;
-        cursor: move;
-        transition: background 0.2s;
-        .index-box {
-            position: relative;
-            width: 50px;
-        }
-        .title-box {
-            position: relative;
-            padding-right: 24px;
-            flex: 1;
-        }
-        .icon-box {
-            position: relative;
-            font-size: 18px;
-            display: flex;
-            align-items: center;
-            .icon {
-                cursor: pointer;
-                display: flex;
-                align-items: center;
-            }
-        }
-        &:first-child .icon-box i:last-child,
-        &:last-child .icon-box i:first-child {
-            cursor: default;
-            color: #aaaaaa;
-        }
-        &:hover {
-            background: var(--el-color-primary-light-9);
-        }
-    }
-    .list-group-item + .list-group-item {
-        border-top: 1px solid #EEEEEE;
-    }
-    &.header {
-        border-bottom: 0;
-        .list-group-item {
-            cursor: default;
-            padding: 8px 15px;
-            background-color: #F8F8F8;
-            .index-box, .title-box, .icon-box {
-                font-size: 14px;
-            }
-        }
-    }
-}
-.flip-list-move {
-    transition: transform 0.5s;
-}
-.no-move {
-    transition: transform 0s;
-}
-
-.hc-attachment-card {
-    position: relative;
-    .hc-attachment-header {
-        position: relative;
-        background: #E7EEF4;
-        font-size: 18px;
-        padding: 10px 18px;
-        border-radius: 4px 4px 0 0;
-    }
-    .hc-attachment-content {
-        position: relative;
-        background: white;
-        padding: 2px;
-        border-radius: 0 0 4px 4px;
-        .hc-attachment-item {
-            position: relative;
-            padding: 8px 16px;
-            display: flex;
-            align-items: center;
-            border-radius: 4px;
-            cursor: pointer;
-            transition: background 0.2s;
-            .hc-attachment-file-name {
-                position: relative;
-                flex: 1;
-                display: flex;
-                align-items: center;
-                .name {
-                    position: relative;
-                    flex: 1;
-                    margin-left: 6px;
-                }
-            }
-            .hc-attachment-btn-box {
-                position: relative;
-            }
-            &:hover {
-                background: var(--el-color-primary-light-9);
-            }
-        }
-        .hc-attachment-item + .hc-attachment-item {
-            border-top: 1px dashed #efeded;
-        }
-    }
-}
-.hc-attachment-card + .hc-attachment-card {
-    margin-top: 24px;
-}
-

src/styles_bak/error/style.scss

@@ -1,40 +0,0 @@
-.error-page {
-    background: #f0f2f5;
-    height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    .img {
-        margin-right: 80px;
-        height: 360px;
-        width: 100%;
-        max-width: 430px;
-        background-repeat: no-repeat;
-        background-position: 50% 50%;
-        background-size: contain;
-    }
-    .content {
-        h1 {
-            color: #434e59;
-            font-size: 72px;
-            font-weight: 600;
-            line-height: 72px;
-            margin-bottom: 24px;
-        }
-        .desc {
-            color: rgba(0, 0, 0, 0.45);
-            font-size: 20px;
-            line-height: 28px;
-            margin-bottom: 16px;
-        }
-    }
-}
-
-html.theme-dark {
-    .error-page {
-        background: var(--hc-bg-color);
-        .content .desc {
-            color: var(--hc-text-color);
-        }
-    }
-}

src/styles_bak/font/index.scss

@@ -1,20 +0,0 @@
-// 通用字体
-@import 'z-vfonts/Lato.css';
-// 等宽字体
-@import 'z-vfonts/FiraCode.css';
-
-html, body, * {
-    font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-
-//特殊符号
-@font-face {
-    font-family: "EUDC";
-    src: url('./EUDC.ttf') format('truetype');
-    font-display: swap;
-}
-
-//特殊字符代码的字体
-.font-EUDC {
-    font-family: 'EUDC', serif;
-}

src/styles_bak/gauge/bezier.scss

@@ -1,27 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-    .hc-extra-icon-btn {
-        height: 40px;
-        width: 40px;
-        font-size: 32px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: 10px;
-        color: #50545E;
-        cursor: pointer;
-        transition: 0.2s;
-        &:hover {
-            color: var(--el-color-primary);
-        }
-    }
-    .hc-extra-icon-btn + .hc-extra-icon-btn {
-        margin-left: 0;
-    }
-}
-
-.admin-part-data-table {
-    position: relative;
-    max-height: 400px;
-}

src/styles_bak/gauge/station.scss

@@ -1,27 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-}
-
-.hc-import-modal-box {
-    .tip-box {
-        position: relative;
-        margin-bottom: 28px;
-    }
-    .upload-box {
-        position: relative;
-    }
-    .text-orange {
-        position: relative;
-        margin-top: 30px;
-        margin-bottom: 5px;
-    }
-    .demo-img-box {
-        position: relative;
-        width: 100%;
-        img {
-            width: 100%;
-        }
-    }
-}
-

src/styles_bak/index.scss

@@ -1,5 +0,0 @@
-@import './app/color';
-@import './app/text';
-@import './app/main';
-@import './app/element';
-@import './app/theme';

src/styles_bak/ledger/query.scss

@@ -1,20 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-    display: flex;
-    .hc-layout-left {
-        position: relative;
-        width: 260px;
-        height: 100%;
-        color: #1A1A1A;
-        border-radius: 10px;
-        background-color: #f1f5f8;
-        box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 10px 21px 20px rgba(32,37,50,0.03);
-    }
-    /*.hc-layout-content {
-        flex: 1;
-        position: relative;
-        margin-left: 24px;
-        height: 100%;
-    }*/
-}

src/styles_bak/ledger/write.scss

@@ -1,57 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        margin-right: 24px;
-        box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 10px 21px 20px rgba(32,37,50,0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 2px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: 100%;
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        height: 100%;
-        display: inline-grid;
-        position: relative;
-    }
-}

src/styles_bak/other-file/image-data.scss

@@ -1,196 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: calc(100% - 60px);
-    .hc-layout-left-box {
-        position: relative;
-        background: white;
-        overflow: auto;
-        border-top: 1px solid #EEEEEE;
-        border-right: 1px solid #EEEEEE;
-        width: 382px;
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #e4e4e4;
-            transition: background-color 0.2s;
-            &:hover {
-                background-color: rgba(119, 119, 119, .5);
-            }
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            border-bottom: 1px solid #EEEEEE;
-            .project-alias-box {
-                position: relative;
-                color: var(--hc-primary);
-            }
-            .project-name {
-                position: relative;
-                color: #999999;
-                margin-top: 10px;
-            }
-        }
-        .hc-el-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 85px);
-            overflow: auto;
-        }
-        &.view-wbs-type .hc-el-tree-box {
-            height: calc(100% - 85px);
-        }
-        &.view-date-type .hc-el-tree-box {
-            height: 100%;
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        overflow: auto;
-        position: relative;
-        display: inline-grid;
-        padding: 0 24px 15px 20px;
-    }
-}
-.hc-card-header {
-    position: relative;
-    font-size: initial;
-    font-weight: initial;
-}
-.hc-img-list-box {
-    position: relative;
-    .img-list-item {
-        position: relative;
-        display: flex;
-        padding: 15px 0;
-        .img-box {
-            position: relative;
-            height: 150px;
-            width: 150px;
-            margin-right: 24px;
-            .el-image-box {
-                height: 150px;
-                width: 150px;
-                background-color: #fdfdfd;
-                border-radius: 4px;
-            }
-            video {
-                height: 150px;
-                width: 150px;
-                border-radius: 4px;
-            }
-        }
-        .content-box {
-            position: relative;
-            height: 150px;
-            flex: 1;
-            .title-box {
-                position: relative;
-                display: flex;
-                align-items: center;
-                .text-title {
-                    position: relative;
-                    flex: 1;
-                }
-                .icon-box {
-                    position: relative;
-                    font-size: 24px;
-                    height: 28px;
-                    display: flex;
-                    align-items: center;
-                    .icon-item {
-                        cursor: pointer;
-                    }
-                    .icon-item + .icon-item {
-                        margin-left: 20px;
-                    }
-                }
-            }
-            .text-content {
-                position: relative;
-                margin: 12px 0;
-                line-height: 1.7;
-                height: 71.4px;
-                display: flex;
-                align-items: center;
-            }
-            .foot-text-box {
-                position: relative;
-                font-size: 16px;
-            }
-        }
-        &:first-child {
-            padding-top: 0;
-        }
-        &:last-child {
-            padding-bottom: 0;
-        }
-    }
-    .img-list-item + .img-list-item {
-        border-top: 1px solid #eeeeee;
-    }
-}
-.hc-card-content-box {
-    position: relative;
-    display: flex;
-    .hc-form-box {
-        position: relative;
-    }
-    .card-right-table-box {
-        position: relative;
-        flex: 1;
-        margin-left: 50px;
-        height: 610px;
-        overflow: auto;
-    }
-}
-
-.modal-card-box {
-    .title-box {
-        position: relative;
-        i {
-            font-size: 20px;
-            position: absolute;
-            right: 0;
-            cursor: pointer;
-            color: #717171;
-            transition: color .3s;
-            &:hover {
-                color: var(--hc-primary);
-            }
-        }
-    }
-    .data-table-box {
-        position: relative;
-        max-height: 400px;
-        overflow: auto;
-        margin-bottom: 10px;
-    }
-}
-.preview-video {
-    width: 100%;
-}
-
-html.theme-dark {
-    .hc-layout-box .hc-layout-left-box {
-        background: var(--hc-bg-color);
-        border-top: 1px solid #303030;
-        border-right: 1px solid #303030;
-    }
-    .hc-layout-box .hc-layout-left-box .hc-project-box {
-        border-bottom: 1px solid #303030;
-    }
-    .hc-layout-box .hc-tree-foot-tip-box {
-        border-top: 1px solid #303030;
-    }
-    .hc-layout-box .hc-layout-left-box .horizontal-drag-line {
-        background-color: #303030;
-    }
-}
-

src/styles_bak/other-file/image-form.scss

@@ -1,56 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        margin-right: 24px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 80px);
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-    }
-}

src/styles_bak/other-file/image-view.scss

@@ -1,105 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 80px);
-            &.date-tree {
-                height: 100%;
-            }
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-        margin-left: 24px;
-        .hc-table-col-item {
-            position: relative;
-            display: flex;
-            .img-box {
-                height: 90px;
-                width: 90px;
-                margin-right: 16px;
-                .hc-image {
-                    height: 90px;
-                    width: 90px;
-                    border-radius: 5px;
-                }
-                video {
-                    height: 90px;
-                    width: 90px;
-                    border-radius: 5px;
-                    object-fit: fill;
-                }
-            }
-            .content-box {
-                flex: 1;
-                position: relative;
-                height: 90px;
-                .title {
-                    color: #1a1a1a;
-                    font-weight: bold;
-                    font-size: 14px;
-                }
-                .shootingUser {
-                    font-size: 12px;
-                }
-                .shootingTimeStr {
-                    color: #a1a1a1;
-                    font-size: 12px;
-                }
-                .fileSize {
-                    color: #a1a1a1;
-                    font-size: 12px;
-                }
-            }
-        }
-    }
-}
-
-.preview-video {
-    width: 100%;
-    max-height: 500px;
-}

src/styles_bak/other-file/project-scanning.scss

@@ -1,95 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 80px);
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-        margin-left: 24px;
-    }
-}
-
-.hc-card-body-flex {
-    position: relative;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    .flex-table {
-        position: relative;
-        margin-right: 24px;
-        width: 40%;
-        height: 100%;
-    }
-    .flex-iframe {
-        flex: 1;
-        position: relative;
-        height: 100%;
-        border: 1px solid #777;
-        overflow: hidden;
-        iframe {
-            height: 100%;
-        }
-        &.hc-no-table-form {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            .table-form-no {
-                position: relative;
-                img {
-                    width: 350px;
-                }
-                .desc {
-                    text-align: center;
-                    font-size: 20px;
-                    color: #aaa;
-                }
-            }
-        }
-    }
-}

src/styles_bak/other/first-item.scss

@@ -1,107 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 80px);
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-        margin-left: 24px;
-    }
-}
-
-.hc-first-item-node-layout {
-    .node-content {
-        flex: 1;
-        display: flex;
-        position: relative;
-        margin-bottom: 24px;
-        height: calc(100% - 105px);
-        .node-form {
-            flex: 1;
-            padding: 24px;
-            margin-right: 24px;
-            position: relative;
-            background: #f1f5f8;
-            border-radius: 10px;
-            box-shadow: -2px 0px 10px 0px rgba(32, 37, 50, 0.03), 0px 10px 21px 20px rgba(32, 37, 50, 0.03);
-        }
-        .node-file {
-            width: 440px;
-            position: relative;
-            padding: 24px 20px;
-            background: #f1f5f8;
-            border-radius: 10px;
-            box-shadow: -2px 0px 10px 0px rgba(32, 37, 50, 0.03), 0px 10px 21px 20px rgba(32, 37, 50, 0.03);
-            .title {
-                position: relative;
-                margin-bottom: 14px;
-                font-size: 16px;
-                font-weight: 500;
-            }
-            .node-upload-box {
-                position: relative;
-            }
-            .hc-table-node-file-box {
-                position: relative;
-                height: calc(100% - 245px);
-            }
-        }
-    }
-    .node-action {
-        position: relative;
-        height: 80px;
-        background: #f1f5f8;
-        border-radius: 10px;
-        display: flex;
-        align-items: center;
-        padding: 20px 24px;
-        box-shadow: -2px 0px 10px 0 rgba(32, 37, 50, 0.03), 0 -10px 21px 3px rgba(32, 37, 50, 0.03);
-        overflow: hidden;
-    }
-}

src/styles_bak/other/order-service.scss

@@ -1,247 +0,0 @@
-.hc-order-service {
-    position: relative;
-    height: 100%;
-    display: flex;
-    .order-service-content {
-        position: relative;
-        flex: 1 1 auto;
-        height: 105%;
-        margin: -24px;
-        margin-top: -10px;
-        .content-box {
-            position: relative;
-            padding: 24px;
-            .comment-card-box {
-                background: #f1f5f8;
-                border-radius: 10px;
-                margin-bottom: 24px;
-                padding: 24px;
-                position: relative;
-                box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-                display: flex;
-                align-items: flex-start;
-                .user-avatar-box {
-                    margin-right: 18px;
-                }
-                .card-content-box {
-                    position: relative;
-                    flex: 1;
-                    .user-info-box {
-                        position: relative;
-                        line-height: 1.6;
-                        .text-lg {
-                            color: #1A1A1A;
-                        }
-                        .text-gray {
-                            color: #838791;
-                        }
-                    }
-                    .desc_para {
-                        margin: 20px 0 10px;
-                        color: #50545E;
-                    }
-                    .image_desc {
-                        display: flex;
-                        .hc-image-box {
-                            margin-right: 10px;
-                            .hc-image {
-                                display: flex;
-                                width: 120px;
-                                height: 120px;
-                                border-radius: 6px;
-                            }
-                        }
-                    }
-                    .foot-tools-box {
-                        position: relative;
-                        display: flex;
-                        align-items: center;
-                        margin-top: 24px;
-                        .icon-box {
-                            position: relative;
-                            height: 38px;
-                            display: flex;
-                            justify-content: center;
-                            align-items: center;
-                            font-size: 20px;
-                            cursor: pointer;
-                            color: #838791;
-                            transition: color 0.3s;
-                            .badge {
-                                margin-left: 5px;
-                                font-size: 13px;
-                            }
-                            &.active {
-                                color: var(--el-color-primary);
-                            }
-                            &:hover {
-                                color: #282828;
-                            }
-                        }
-                        .icon-box + .icon-box {
-                            margin-left: 30px;
-                        }
-                    }
-                }
-                .code-status-box {
-                    position: absolute;
-                    width: 140px;
-                    right: 0;
-                    top: 0;
-                    .widget {
-                        width: 140px;
-                        height: 140px;
-                        display: inline-flex;
-                    }
-                }
-                .collapse-comment-box {
-                    position: relative;
-                    margin-top: 20px;
-                    .comment-reply-content-box {
-                        position: relative;
-                        display: flex;
-                        align-items: flex-end;
-                        width: 600px;
-                        margin-bottom: 20px;
-                    }
-                    .user-comment-info-box {
-                        position: relative;
-                        display: flex;
-                        padding: 16px 0;
-                        .user-comment-box {
-                            position: relative;
-                            margin-left: 15px;
-                            flex: auto;
-                            .user-info-box {
-                                position: relative;
-                                .user-name {
-                                    font-size: 16px;
-                                    margin-right: 10px;
-                                    color: var(--el-color-primary);
-                                }
-                                .create-time {
-                                    color: #838791;
-                                    font-size: 12px;
-                                }
-                            }
-                            .user-comment-content-box {
-                                position: relative;
-                                margin-top: 5px;
-                                color: #50545E;
-                                font-size: 14px;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        .page-top-btn {
-            position: absolute;
-            z-index: 10;
-            bottom: 8px;
-            right: -20px;
-            width: 40px;
-            height: 40px;
-            font-size: 22px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 50%;
-            background-color: white;
-            color: #333639;
-            cursor: pointer;
-            box-shadow: rgba(0, 0, 0, .12) 0 2px 8px 0;
-        }
-    }
-    .order-service-data {
-        position: relative;
-        height: 100%;
-        width: 500px;
-        margin-left: 50px;
-        .time-line-box {
-            position: relative;
-            padding-top: 2px;
-            height: calc(100% - 60px);
-        }
-        .time-line-box.time-height {
-            height: calc(100% - 376px);
-        }
-        .evaluation-box {
-            position: relative;
-            padding-top: 15px;
-            display: none;
-            border-top: 1px solid #e4e4e4;
-            .tip-box {
-                margin: 12px 0;
-                color: #50545E;
-            }
-            .radio-group-box {
-                position: relative;
-                margin-bottom: 15px;
-                line-height: 2.5;
-                .radio-group {
-                    display: inline-block;
-                }
-            }
-            .btn-box {
-                position: relative;
-                text-align: right;
-                right: 10px;
-            }
-            &.show {
-                display: block;
-            }
-        }
-        .hc-add-icon {
-            position: relative;
-            width: 32px;
-            height: 32px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 6px;
-            padding: 0;
-        }
-        .hc-add-icon.el-button[hc-btn] .material-symbols-rounded {
-            font-size: 24px;
-            margin-right: 0;
-        }
-        .horizontal-drag-line {
-            position: absolute;
-            left: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: transparent;
-        }
-    }
-}
-
-.modal-checkbox-box {
-    position: relative;
-    line-height: 2.5;
-    .checkbox-item {
-        position: relative;
-    }
-}
-.foot-btn-box {
-    position: relative;
-    text-align: center;
-    margin-top: 50px;
-    border-top: 1px solid #e6e9f1;
-    padding-top: 24px;
-}
-
-.tip-modal-icon-box {
-    font-size: 126px;
-    text-align: center;
-    position: relative;
-    color: var(--el-color-primary);
-}
-.tip-modal-text-box {
-    position: relative;
-    font-size: 28px;
-    color: #1A1A1A;
-}

src/styles_bak/schedule/hc-data.scss

@@ -1,171 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-    .hc-round-chart {
-        position: relative;
-        margin-bottom: 24px;
-        height: 177px;
-        .hc-round-chart-card-box {
-            display: flex;
-            align-items: center;
-            .hc-card-content-box {
-                position: relative;
-                flex: 1;
-                .card-title {
-                    color: #50545E;
-                    font-weight: 500;
-                }
-                .card-ratio-box {
-                    position: relative;
-                    align-items: center;
-                    display: flex;
-                    margin: 10px 0;
-                    .ratio-num {
-                        font-size: 40px;
-                        color: #1a1a1a;
-                    }
-                    .ratio-text {
-                        position: relative;
-                        margin-left: 10px;
-                        .unit {
-                            color: #1a1a1a;
-                            font-size: 16px;
-                        }
-                        .text {
-                            font-size: 12px;
-                            color: #999999;
-                            margin-top: 2px;
-                        }
-                    }
-                }
-                .card-amount-box {
-                    position: relative;
-                    display: flex;
-                    align-items: center;
-                    .amount-item {
-                        position: relative;
-                        text-align: center;
-                        .text {
-                            font-size: 12px;
-                            color: #999999;
-                        }
-                        .num {
-                            font-size: 14px;
-                            color: #50545e;
-                            font-weight: 500;
-                            margin-top: 5px;
-                        }
-                    }
-                    .amount-divider {
-                        position: relative;
-                        width: 1px;
-                        height: 35px;
-                        margin: 0 20px;
-                        background-color: #CCD0DE;
-                    }
-                }
-            }
-            .hc-card-chart-box {
-                position: relative;
-                height: 129px;
-                width: 129px;
-                display: block;
-                .text-num {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    right: 0;
-                    bottom: 0;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    pointer-events: none;
-                    color: var(--el-color-primary);
-                }
-            }
-        }
-    }
-    .hc-round-chart-card-box,
-    .hc-report-chart-card-box,
-    .hc-media-chart-card-box {
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        padding: 24px;
-        box-shadow: -2px 0px 10px 0px rgba(32,37,50,0.03), 0px 10px 21px 20px rgba(32,37,50,0.03);
-    }
-    .hc-chart-flex {
-        position: relative;
-        height: calc(100% - 200px);
-        .hc-report-chart-card-box, .hc-media-chart-card-box {
-            position: relative;
-            height: 100%;
-            overflow: hidden;
-            .hc-chart-title {
-                position: relative;
-                .title {
-                    color: #333333;
-                    font-size: 18px;
-                    font-weight: 500;
-                }
-                .hc-chart-text {
-                    color: #999999;
-                    font-size: 14px;
-                    margin-left: 16px;
-                }
-            }
-            .hc-report-chart-box {
-                position: relative;
-                height: calc(100% - 55px);
-                margin-top: 30px;
-                background: #E7EEF4;
-                border-radius: 10px;
-            }
-            .hc-media-chart-box {
-                position: relative;
-                height: calc(100% - 70px);
-                margin-top: 30px;
-                background: #E7EEF4;
-                border-radius: 10px;
-            }
-        }
-        .hc-media-chart-card-box {
-            .hc-chart-title {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-            }
-            .hc-media-chart-box .hc-media-pian-box {
-                position: absolute;
-                background: linear-gradient(0deg,rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.00) 100%);
-                border: 1px solid #ffffff;
-                border-radius: 10px;
-                color: #838791;
-                padding: 10px;
-                font-size: 14px;
-                top: 16px;
-                left: 16px;
-                .item {
-                    display: flex;
-                    align-items: center;
-                    .name {
-                        margin-right: 10px;
-                    }
-                    .num {
-                        color: #1A1A1A;
-                        font-size: 16px;
-                    }
-                    .num.c1 {
-                        color: #FF8F3E;
-                    }
-                    .num.c2 {
-                        color: #1573FF;
-                    }
-                    &+.item {
-                        margin-top: 8px;
-                    }
-                }
-            }
-        }
-    }
-}

src/styles_bak/schedule/hc-table.scss

@@ -1,4 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-}

src/styles_bak/schedule/write.scss

@@ -1,59 +0,0 @@
-.hc-layout-box {
-    display: flex;
-    position: relative;
-    height: 100%;
-    .hc-layout-left-box {
-        width: 382px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        .horizontal-drag-line {
-            position: absolute;
-            right: 0;
-            top: 0;
-            width: 4px;
-            height: 100%;
-            user-select: none;
-            cursor: col-resize;
-            background-color: #00000000;
-        }
-        .hc-project-box {
-            position: relative;
-            padding: 15px 24px;
-            display: flex;
-            align-items: flex-start;
-            border-bottom: 1px solid #E9E9E9;
-            .hc-project-icon-box {
-                font-size: 30px;
-                color: var(--el-color-primary);
-            }
-            .project-name-box {
-                flex: auto;
-                position: relative;
-                overflow: hidden;
-                .project-alias {
-                    color: var(--el-color-primary);
-                }
-                .project-name {
-                    margin-top: 6px;
-                    color: #838791;
-                }
-            }
-        }
-        .hc-tree-box {
-            position: relative;
-            padding: 15px 20px;
-            height: calc(100% - 80px);
-        }
-    }
-    .hc-chart-content-box {
-        flex: 1;
-        position: relative;
-        margin-left: 24px;
-        background: #f1f5f8;
-        border-radius: 10px;
-        padding-top: 24px;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-    }
-}

src/styles_bak/tasks/hc-data.scss

@@ -1,68 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-    .hc-content-box {
-        position: relative;
-        height: calc(100% - 45px);
-    }
-}
-
-.obj-item-cell {
-    position: relative;
-    display: flex;
-    align-items: center;
-    margin-top: 24px;
-    .label {
-        margin-right: 20px;
-        width: 126px;
-    }
-}
-
-.hc-card-body-flex {
-    position: relative;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    .flex-iframe {
-        flex: 1;
-        position: relative;
-        height: 100%;
-        border:1px solid #777;
-        overflow: hidden;
-        iframe {
-            height: 100%;
-        }
-        &.hc-no-table-form {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            .table-form-no {
-                position: relative;
-                img {
-                    width: 350px;
-                }
-                .desc {
-                    text-align: center;
-                    font-size: 20px;
-                    color: #aaa;
-                }
-            }
-        }
-    }
-    .flex-table {
-        position: relative;
-        margin-left: 24px;
-        width: 40%;
-        height: 100%;
-        .data-table {
-            position: relative;
-            height: calc(100% - 125px);
-        }
-        .radio-group-box {
-            margin: 10px 0;
-        }
-        &.vh .data-table {
-            height: 100%;
-        }
-    }
-}

src/styles_bak/tasks/message.scss

@@ -1,18 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-    display: flex;
-    .hc-layout-left-box {
-        width: 260px;
-        position: relative;
-        background: #f1f5f8;
-        border-radius: 10px;
-        box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 10px 21px 20px rgba(32,37,50,0.03);
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-        margin-left: 24px;
-    }
-}

src/styles_bak/tentative/detect/test-form.scss

@@ -1,36 +0,0 @@
-.hc-search-top-form {
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-.hc-links-relate-tree-box {
-    position: relative;
-    height: 100%;
-    .hc-search-tree-val {
-        position: relative;
-        margin-bottom: 24px;
-    }
-    .hc-tree-scrollbar {
-        position: relative;
-        height: calc(100% - 50px);
-    }
-}
-
-.hc-links-sample-modal-box {
-    position: relative;
-    height: 100%;
-    display: flex;
-    .hc-links-sample-tree-box,
-    .hc-links-sample-table-box {
-        position: relative;
-        width: 300px;
-        height: 100%;
-    }
-    .hc-links-sample-tree-box {
-        margin-right: 24px;
-        border: 1px solid #EEEEEE;
-    }
-    .hc-links-sample-table-box {
-        flex: 1;
-    }
-}

src/styles_bak/tentative/detect/test.scss

@@ -1,28 +0,0 @@
-.hc-switch-tab-content {
-    position: relative;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    border: 1px solid #e9e9e9;
-    border-radius: 4px;
-    .hc-no-table-form {
-        position: relative;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .table-form-no {
-            position: relative;
-            text-align: center;
-            img {
-                width: 200px;
-            }
-            .desc {
-                text-align: center;
-                font-size: 16px;
-                color: #aaa;
-                margin-bottom: 24px;
-            }
-        }
-    }
-}

src/styles_bak/tentative/detect/third.scss

@@ -1,19 +0,0 @@
-.hc-links-sample-modal-box {
-    position: relative;
-    height: 100%;
-    display: flex;
-    .hc-links-sample-tree-box,
-    .hc-links-sample-table-box {
-        position: relative;
-        height: 100%;
-    }
-    .hc-links-sample-tree-box {
-        margin-right: 24px;
-        border: 1px solid #EEEEEE;
-        width: 300px;
-    }
-    .hc-links-sample-table-box {
-        display: inline-grid;
-        flex: 1;
-    }
-}

src/styles_bak/tentative/material/approach.scss

@@ -1,28 +0,0 @@
-.hc-switch-tab-content {
-    position: relative;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    border: 1px solid #e9e9e9;
-    border-radius: 4px;
-    .hc-no-table-form {
-        position: relative;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .table-form-no {
-            position: relative;
-            text-align: center;
-            img {
-                width: 200px;
-            }
-            .desc {
-                text-align: center;
-                font-size: 16px;
-                color: #aaa;
-                margin-bottom: 24px;
-            }
-        }
-    }
-}

src/styles_bak/user/index.scss

@@ -1,91 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100%;
-    display: flex;
-    .hc-layout-left-box {
-        position: relative;
-        width: 260px;
-        height: 100%;
-        color: #1A1A1A;
-        border-radius: 10px;
-        background-color: #f1f5f8;
-        box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 10px 21px 20px rgba(32,37,50,0.03);
-        .user-avatar-box {
-            position: relative;
-            text-align: center;
-            padding: 24px;
-            .user-avatar {
-                position: relative;
-                height: 100px;
-                width: 100px;
-                border-radius: 50%;
-                background: #d8d8d8;
-                margin: 24px auto auto;
-                border: 2px solid #ffffff;
-                box-shadow: 7px 7px 8px 0 rgba(54,92,167,0.15), -7px -7px 8px 0 #ffffff, 4px 4px 8px 0 rgba(54,92,167,0.15), -4px -4px 8px 0 #ffffff;
-                img {
-                    display: block;
-                    object-fit: cover;
-                    height: 100%;
-                    width: 100%;
-                    border-radius: 50%;
-                }
-                .user-avatar-upload {
-                    position: absolute;
-                    right: 0;
-                    bottom: 0;
-                    width: 24px;
-                    height: 24px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    background: #f1f5f8;
-                    border-radius: 50%;
-                    color: #838791;
-                    cursor: pointer;
-                    box-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15);
-                    transition: color 0.2s;
-                    &:hover {
-                        color: var(--el-color-primary);
-                    }
-                }
-            }
-            .user-name {
-                position: relative;
-                margin-top: 18px;
-                font-weight: bold;
-                color: #1a1a1a;
-                font-size: 16px;
-            }
-        }
-        .user-menu-box {
-            position: relative;
-            height: calc(100% - 230px);
-        }
-    }
-    .hc-layout-content-box {
-        flex: 1;
-        display: inline-grid;
-        position: relative;
-        margin-left: 24px;
-        .basic-hight {
-            height: calc(100% - 75px);
-        }
-        .hc-card-foot-box {
-            position: absolute;
-            height: 80px;
-            width: 100%;
-            bottom: -24px;
-            background: #f1f5f8;
-            border-radius: 8px 8px 0 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 -10px 21px 3px rgba(32,37,50,0.03);
-        }
-        .foot-recycle {
-            position: relative;
-            display: flex;
-        }
-    }
-}

src/styles_bak/view/config.scss

@@ -1,87 +0,0 @@
-.hc-theme-box {
-    position: relative;
-    .item {
-        position: relative;
-        width: 233px;
-        height: 133px;
-        border: 1px solid #e8e8e8;
-        border-radius: 5px;
-        background-color: white;
-        display: inline-block;
-        margin-right: 20px;
-        .demo {
-            position: relative;
-            height: 90px;
-            background-color: white;
-            border-radius: 5px 5px 0 0;
-            img {
-                width: 100%;
-            }
-            &.auto {
-                background: linear-gradient(-45deg, #333333 115px,#ffffff 0);
-                img {
-                    opacity: 0.8;
-                }
-            }
-            &.light {
-                img {
-                    opacity: 0.3;
-                }
-            }
-            &.dark {
-                background-color: #333333;
-            }
-        }
-        .action {
-            position: relative;
-            background-color: white;
-            border-top: 1px solid #e8e8e8;
-            border-radius: 0 0 5px 5px;
-            padding: 0 16px;
-            transition: background-color 0.2s;
-            cursor: pointer;
-        }
-        &.active {
-            box-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), 0 0 8px 0 #ffffff;
-            .action {
-                cursor: default;
-                background-color: var(--el-color-primary-light-9);
-            }
-        }
-    }
-    &.color-box .item {
-        height: 137.5px;
-        .demo {
-            height: 94.5px;
-        }
-    }
-    &.home-bg-box .item {
-        display: inline-flex;
-        width: 160px;
-        height: 100px;
-        border-radius: 8px;
-        border: 3px solid #00000000;
-        transition: border-color 0.2s;
-        cursor: pointer;
-        img {
-            width: 100%;
-            border-radius: 5px;
-        }
-        &.active {
-            border: 3px solid var(--el-color-primary);
-        }
-    }
-}
-
-.hc-screenshot-box {
-    position: relative;
-    .item {
-        display: inline-flex;
-        align-items: center;
-        margin-right: 50px;
-        .label {
-            color: #50545E;
-        }
-    }
-}
-

src/styles_bak/view/home.scss

@@ -1,49 +0,0 @@
-.home-styles-box {
-    position: relative;
-    height: 100%;
-    overflow: hidden;
-    .hc-home-input-box {
-        position: relative;
-        height: 100%;
-        z-index: 2;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        .hc-home-content {
-            position: relative;
-            margin-top: -20rem;
-            width: 45rem;
-            .hc-slogan-icon {
-                position: relative;
-                text-align: center;
-                font-size: 3.5rem;
-                color: white;
-                img {
-                    height: 60px;
-                }
-            }
-            .home-link-box {
-                position: relative;
-                margin-top: 1.5rem;
-                padding: 0 4rem;
-                display: flex;
-                align-items: center;
-                font-size: 14px;
-                color: white;
-                .home-link {
-                    cursor: pointer;
-                    border: 1px solid white;
-                    border-radius: 50px;
-                    padding: 2px 10px;
-                    margin-left: 15px;
-                    transition: 0.2s;
-                    &:hover {
-                        color: var(--el-color-primary);
-                        border-color: var(--el-color-primary);
-                        background-color: var(--el-color-primary-light-9);
-                    }
-                }
-            }
-        }
-    }
-}

src/styles_bak/view/login.scss

@@ -1,130 +0,0 @@
-.login-body {
-    position: relative;
-    background-color: #F0FBFF;
-    width: 100%;
-    height: 100vh;
-    padding: 50px 0;
-    min-height: 730px;
-    .left-logo {
-        position: absolute;
-        left: 30px;
-        top: 30px;
-        user-select: none;
-        img {
-            height: 40px;
-        }
-        #logo-icon {
-            height: 36px;
-        }
-        #logo-name {
-            margin-left: 6px;
-        }
-    }
-    .left-pic-container {
-        position: absolute;
-        width: 750px;
-        left: 10%;
-        top: 50%;
-        height: 630px;
-        margin-top: -315px;
-
-    }
-    .right-container {
-        right: 18.667%;
-        position: absolute;
-        background: #ffffff;
-        border-radius: 16px;
-        transform: translateY(-50%);
-        padding: 50px;
-        width: 92%;
-        top: 54%;
-        max-width: 470px;
-        margin: 0 auto;
-        box-shadow: 0 21.2px 31.8px 0 rgba(26,26,26,0.12);
-        .right-app-title {
-            position: absolute;
-            top: -80px;
-            left: 18px;
-            font-size: 43px;
-            font-weight: 400;
-            color: $green;
-        }
-        .sign-list {
-            position: relative;
-            h1 {
-                font-size: 40px;
-                line-height: 48px;
-                margin-bottom: 32px;
-            }
-            .title-tab {
-                overflow: hidden;
-                padding-bottom: 16px;
-                div {
-                    float: left;
-                    line-height: 32px;
-                    font-size: 20px;
-                    color: #8C8889;
-                    transition: 0.3s;
-                    position: relative;
-                    padding-top: 16px;
-                    margin-left: 32px;
-                    user-select: none;
-                    &::before {
-                        content: '';
-                        width: 0;
-                        height: 2px;
-                        position: absolute;
-                        left: 50%;
-                        transform: translateX(-50%);
-                        bottom: 0;
-                        background: #1ECC95;
-                        border-radius: 3px;
-                        transition: 0.3s;
-                    }
-                    &:first-child {
-                        margin-left: 0;
-                    }
-                    &:not(.active) {
-                        cursor: pointer;
-                    }
-                    &.active {
-                        color: #353030;
-                        font-weight: bold;
-                        &::before {
-                            width: 100%;
-                        }
-                    }
-                }
-            }
-            .form-box {
-                position: relative;
-                .el-input--large {
-                    --el-input-height: 48px;
-                    --el-input-border-radius: 8px;
-                    font-size: 16px;
-                    .el-input__wrapper {
-                        padding: 1px 16px;
-                    }
-                }
-                .clickable-text {
-                    color: #686565;
-                    cursor: pointer;
-                    transition: 0.2s;
-                    font-size: 14px;
-                    &:hover {
-                        color: #1ECC95
-                    }
-                }
-                .el-button--large {
-                    --el-button-size: 48px;
-                    height: 48px;
-                    padding: 12px 19px;
-                    font-size: 16px;
-                    border: 0;
-                    border-radius: 6px;
-                    background: linear-gradient(90deg,#1fd4af, #1ecc95 100%);
-                }
-            }
-        }
-    }
-}