会员页面，会员等级操作日志展示

src/api/ecw/memberManagement.js

@@ -26,6 +26,14 @@ export function queryMemberExchangeRecord(data) {
   });
 }
 
+export function queryMemberOperateLevelLog(data) {
+  return request({
+    url: "/member/level-operate-log/page",
+    method: "post",
+    data: data,
+  });
+}
+
 // 批量核销按钮
 
 export function batchVerifyAPI(data) {

src/views/member/user/memberDetails.vue

@@ -95,6 +95,7 @@
     <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
       <el-menu-item index="reward">{{ $t("积分记录") }}</el-menu-item>
       <el-menu-item index="exchange">{{ $t("兑换记录") }}</el-menu-item>
+      <el-menu-item index="level">{{ $t("等级记录") }}</el-menu-item>
     </el-menu>
     <div class="table-container">
       <div class="reward" v-show="activeIndex == 'reward'">
@@ -200,7 +201,7 @@
           @pagination="handleQueryPagination"
         /> -->
       </div>
-      <div class="exchange" v-show="activeIndex != 'reward'">
+      <div class="exchange" v-show="activeIndex == 'exchange'">
         <el-form :model="queryParamsRecord" ref="queryForm" size="small" :inline="true" label-width="120px">
           <el-form-item :label="$t('礼品')">
             <el-input style="width: 300px" v-model.trim="queryParamsRecord.rewardTitle" :placeholder="$t('请输入礼品名称')" clearable @keyup.enter.native="handleQuery" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')" />
@@ -262,6 +263,42 @@
         <!-- //分页列表 -->
         <pagination v-show="totalRecord > 0" :total="totalRecord" :page.sync="queryParamsRecord.pageNo" :limit.sync="queryParamsRecord.pageSize" @pagination="handleQueryPaginationRecord" />
       </div>
+      <div class="exchange" v-show="activeIndex == 'level'">
+        <el-table ref="multipleTable1" v-loading="loading" :data="memberOperateLevelList">
+          <el-table-column  :label="$t('状态')" align="center">
+            <template v-slot="{ row }">
+              {{ isChinese ? handleMemberUserOperateLog(row.operateType).label : handleMemberUserOperateLog(row.operateType).labelEn }}
+            </template>
+          </el-table-column>
+          <el-table-column  :label="$t('时间')" align="center">
+            <template v-slot="{ row }">
+              {{ parseTime(row.createTime) || "/" }}
+            </template>
+          </el-table-column>
+          <el-table-column  :label="$t('匹配规则')" align="center">
+            <template v-slot="{ row }">
+              {{ row.configName }}
+            </template>
+          </el-table-column>
+          <el-table-column  :label="$t('等级')" align="center">
+            <template v-slot="{ row }">
+              {{ isChinese ? handleMemberShipLevels(row.level).label : handleMemberShipLevels(row.level).labelEn }}
+            </template>
+          </el-table-column>
+          <el-table-column  :label="$t('说明')" align="center">
+            <template v-slot="{ row }">
+              {{ row.remarks }}
+            </template>
+          </el-table-column>
+          <el-table-column  :label="$t('操作人')" align="center">
+            <template v-slot="{ row }">
+              {{ row.operator }}
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- //分页列表 -->
+        <pagination v-show="totalLevelLog > 0" :total="totalLevelLog" :page.sync="queryParamsLevel.pageNo" :limit.sync="queryParamsLevel.pageSize" @pagination="handleQueryPaginationOperateLevelLog" />
+      </div>
     </div>
 
     <el-dialog
@@ -428,7 +465,7 @@ import FileUpload from "@/components/FileUpload/index.vue"
 import ImageUpload from "@/components/ImageUpload/index.vue"
 import { DICT_TYPE, getDictDatas } from "@/utils/dict"
 import ClipboardJS from "clipboard"
-import { queryMemberScoreRecord, queryMemberExchangeRecord } from "@/api/ecw/memberManagement"
+import {queryMemberScoreRecord, queryMemberExchangeRecord, queryMemberOperateLevelLog} from "@/api/ecw/memberManagement"
 import { getNodeList, getRewardsDetails } from "@/api/ecw/giftManagement"
 import OperatingGift from "@/views/ecw/giftManagement/components/operatingGift.vue"
 import IntegralRecord from "@/views/ecw/memberManagement/integralRecord"
@@ -442,6 +479,7 @@ export default {
       //兑换记录:
       dateRangeCreateTimeRecord: [],
       memberRecordList: [],
+      memberOperateLevelList: [],
       queryParamsRecord: {
         rewardTitle: "",
         memberId: this.$route.params.id,
@@ -458,6 +496,11 @@ export default {
         pageNo: 1,
         pageSize: 10
       },
+      queryParamsLevel: {
+        memberId: this.$route.params.id,
+        pageNo: 1,
+        pageSize: 10
+      },
       queryParams: {
         ruleTitle: "",
         ruleDesc: "",
@@ -474,6 +517,7 @@ export default {
       dateRangeCreateTime: [],
       total: 0,
       totalRecord: 0,
+      totalLevelLog: 0,
       loading: true,
       activeIndex: "reward",
       // 表单校验
@@ -615,6 +659,7 @@ export default {
     this.getDetails()
     this.handleQuery()
     this.handleQueryRecord()
+    this.handleQueryOperateLevelLog()
     this.getNodeListAPI()
   },
   computed: {
@@ -677,6 +722,15 @@ export default {
         this.totalRecord = res.data.total
       })
     },
+    handleQueryOperateLevelLog() {
+      this.queryParamsLevel.pageNo = 1
+      let params = { ...this.queryParamsLevel }
+      queryMemberOperateLevelLog(params).then((res) => {
+        this.loading = false
+        this.memberOperateLevelList = res.data.list
+        this.totalLevelLog = res.data.total
+      })
+    },
 
     resetQueryRecord() {
       this.loading = true
@@ -711,6 +765,21 @@ export default {
       })
     },
 
+    handleQueryPaginationOperateLevelLog() {
+      let params = { ...this.queryParamsLevel }
+      queryMemberOperateLevelLog(params).then((res) => {
+        this.loading = false
+        this.memberOperateLevelList = res.data.list
+        this.totalLevelLog = res.data.total
+      })
+    },
+    handleMemberUserOperateLog(id) {
+      return this.getDictDatas(DICT_TYPE.MEMBER_USER_OPERATE_LOG).filter((item) => item.value == id)[0]
+    },
+
+    handleMemberShipLevels(id) {
+      return this.getDictDatas(DICT_TYPE.MEMBERSHIP_LEVELS).filter((item) => item.value == id)[0]
+    },
     handleSourceType(id) {
       return this.getDictDatas(DICT_TYPE.MEMBER_SCORE_SOURCE).filter((item) => item.value == id)[0]
     },