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"> + + {{ row.active }} + + + + + {{ row.pwd_level === "弱" ? row.pwd_level : "" }} + {{ row.pwd_level === "中" ? row.pwd_level : "" }} + {{ row.pwd_level === "强" ? row.pwd_level : "" }} + + { 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 @@ {{ userTypeConfig[row.is_admin] }} + + {{ filterOperateType(row.operate_type) }} + {{ filterReqMethod(row.req_method) }} - {{ - filterOperateStatus(row.req_method) - }} + {{ + row.operate_status === 1 ? "成功" : "失败" + }} 详情 @@ -283,8 +288,8 @@ const filterReqMethod = (value) => { const findItem = reqMethodList.find((item) => item.value === value); return (findItem || {}).label; }; -//操作状态过滤器 -const filterOperateStatus = (value) => { +//操作类型过滤器 +const filterOperateType = (value) => { const findItem = operateTypeList.find((item) => item.value === value); return (findItem || {}).label; }; @@ -457,81 +462,26 @@ onBeforeMount(() => { padding: 0 16px; .el-table { flex: 1; - .circle { + :deep() td { + padding: 9px 0 !important; + } + } + .operate_status { + &::before { display: inline-block; + content: ""; width: 6px; height: 6px; - border-radius: 3px; - margin-right: 8px; - transform: translateY(-2px); - } - .bgc_1 { + margin-right: 6px; + vertical-align: middle; background-color: #48ad97; + border-radius: 50%; } - .bgc_2 { - background-color: #d75138; - } - .bgc_3 { - background-color: #3759be; - } - .bgc_4 { - background-color: #ea7d19; - } - .bgc_0 { - background-color: #9e9e9e; - } - .mock_tip { - display: inline-block; - margin-left: 4px; - width: 43px; - height: 20px; - font-size: 12px; - color: #2b4695; - text-align: center; - background-color: #eff2fa; - 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; - } - } - } - } - } - - :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; - } + &.fail::before { + background-color: #dd6955; } } } - .table_content { - padding: 0 16px; - } } } diff --git a/src/services/enumList.js b/src/services/enumList.js index 503b980a9b50220ac50891aa484e6bbc990f10c6..c8e5ebc2b8a7b0e2da8ed951dd0d48efe1513ee0 100644 --- a/src/services/enumList.js +++ b/src/services/enumList.js @@ -102,35 +102,23 @@ export const operateTypeList = [ export const reqMethodList = [ { label: "全部", value: "" }, { - label: "HEAD", - value: 88, - }, - { - label: "PUT", - value: 89, - }, - { - label: "DELETE", - value: 90, - }, - { - label: "CONNECT", - value: 91, + label: "GET", + value: 1, }, { - label: "OPTIONS", - value: 92, + label: "POST", + value: 2, }, { - label: "TRACE", - value: 93, + label: "HEAD", + value: 3, }, { - label: "POST", - value: 87, + label: "PUT", + value: 4, }, { - label: "GET", - value: 86, + label: "DELETE", + value: 5, }, ];