bugfix

src/page/main/log/userAccount/index.vue

@@ -95,6 +95,45 @@
           :stripe="true"
           select
           @selectAc="selectChange">
+          <template v-slot:active="{ row }">
+            <span
+              class="active"
+              :class="{
+                active_weak: row.active === '低',
+                active_middle: row.active === '中',
+                active_heigh: row.active === '高',
+              }"
+              >{{ row.active }}</span
+            >
+          </template>
+          <template v-slot:pwd_level="{ row }">
+            <div class="pwd_level-sign">
+              <span
+                :class="{
+                  pwd_level: true,
+                  pwd_level_weak: row.pwd_level === '弱',
+                  pwd_level_middle: row.pwd_level === '中',
+                  pwd_level_heigh: row.pwd_level === '强',
+                }">
+                {{ row.pwd_level === "弱" ? row.pwd_level : "" }}</span
+              >
+              <span
+                :class="{
+                  pwd_level: true,
+                  pwd_level_middle: row.pwd_level === '中',
+                  pwd_level_heigh: row.pwd_level === '强',
+                }"
+                >{{ row.pwd_level === "中" ? row.pwd_level : "" }}</span
+              >
+              <span
+                :class="{
+                  pwd_level: true,
+                  pwd_level_heigh: row.pwd_level === '强',
+                }"
+                >{{ row.pwd_level === "强" ? row.pwd_level : "" }}</span
+              >
+            </div>
+          </template>
         </bg-table>
         <bg-pagination
           :page="filter.page"
@@ -367,81 +406,63 @@ onBeforeMount(() => {
       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;
-    }
   }
 }
 </style>

src/page/main/log/userBehavior/index.vue

@@ -98,12 +98,17 @@
           <template v-slot:is_admin="{ row }">
             <span>{{ userTypeConfig[row.is_admin] }}</span>
           </template>
+          <template v-slot:operate_type="{ row }">
+            <span>{{ filterOperateType(row.operate_type) }}</span>
+          </template>
           <template v-slot:req_method="{ row }"
             ><span>{{ filterReqMethod(row.req_method) }}</span></template
           >
-          <template v-slot:operate_status="{ row }">{{
-            filterOperateStatus(row.req_method)
-          }}</template>
+          <template v-slot:operate_status="{ row }"
+            ><span class="operate_status" :class="{ fail: row.operate_status === 2 }">{{
+              row.operate_status === 1 ? "成功" : "失败"
+            }}</span></template
+          >
           <template v-slot:action="{ row }">
             <bg-table-btns2 :limit="3" :key="row.id">
               <bg-table-btn @click="goDetail(row)">详情</bg-table-btn>
@@ -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;
-    }
   }
 }
 </style>

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,
   },
 ];