diff --git a/src/page/main/log/userAccount/index.vue b/src/page/main/log/userAccount/index.vue index 51b3d6be6c6b0b4eeb4171311ea9f351d2bb6d1b..a52a5d0fcdfd566928efafbbde3ddd2bb4bccd8a 100644 --- a/src/page/main/log/userAccount/index.vue +++ b/src/page/main/log/userAccount/index.vue @@ -95,6 +95,45 @@ :stripe="true" select @selectAc="selectChange"> + + { padding: 0 16px; .el-table { flex: 1; - .circle { + :deep() td { + padding: 9px 0 !important; + } + + .active { display: inline-block; - width: 6px; - height: 6px; + width: 48px; + height: 24px; + text-align: center; + line-height: 24px; + font-size: 12px; border-radius: 3px; - margin-right: 8px; - transform: translateY(-2px); - } - .bgc_1 { - background-color: #48ad97; - } - .bgc_2 { - background-color: #d75138; - } - .bgc_3 { - background-color: #3759be; - } - .bgc_4 { - background-color: #ea7d19; + &.active_weak { + color: #dd6955; + background-color: #fcf0ee; + border: solid 1px #eba599; + } + &.active_middle { + color: #ea7d19; + background-color: #fffae8; + border: solid 1px #fac066; + } + &.active_heigh { + color: #429e8a; + background-color: #f1f9f7; + border: solid 1px #9ad5c8; + } } - .bgc_0 { - background-color: #9e9e9e; + .pwd_level-sign { + display: flex; + align-items: center; } - .mock_tip { + .pwd_level { display: inline-block; - margin-left: 4px; - width: 43px; - height: 20px; - font-size: 12px; - color: #2b4695; + width: 40px; + height: 14px; + line-height: 14px; + color: #fff; text-align: center; - background-color: #eff2fa; + font-size: 12px; + background-color: #dadee7; border-radius: 3px; - border: solid 1px #b0bee8; - } - :deep() td { - padding: 9px 0 !important; - } - :deep() .el-switch { - height: 20px; - width: 44px; - .el-switch__core { - height: 20px; - min-width: 44px; + &:not(:first-child) { + margin-left: 4px; } - } - } - } - } - - :deep() .dialog_box_detail { - .el-dialog__body { - padding: 0 0 18px 0; - height: 580px; - } - - .form_filter { - display: flex; - justify-content: space-between; - align-items: center; - height: 69px; - border-bottom: 1px solid #e6e9ef; - .right { - margin-right: 16px; - .el-button { - width: 64px; - &:last-child { - margin-left: 16px; + &.pwd_level_weak { + background-color: #dd6955; + } + &.pwd_level_middle { + background-color: #ea7d19; + } + &.pwd_level_heigh { + background-color: #429e8a; } } } } - .table_content { - padding: 0 16px; - } } } diff --git a/src/page/main/log/userBehavior/index.vue b/src/page/main/log/userBehavior/index.vue index fd9f75349ead6b745106b442314b4bc1f6a694c6..5b2b6c3c129cbd967e2c9cfe5e1e15f5cd6e8974 100644 --- a/src/page/main/log/userBehavior/index.vue +++ b/src/page/main/log/userBehavior/index.vue @@ -98,12 +98,17 @@ + - +