用户信息查询 - 增加修改财富魅力等级，新增等级修改记录列表

src/api/userRechargeLevel/userRechargeLevel.js

@@ -16,4 +16,12 @@ export const pageUserRechargeLevel = query => {
         method: 'get',
         params: query
     });
+};
+// 财富/魅力等级修改记录 - 列表
+export const getUserExpChangeRecordList = query => {
+    return request({
+        url: '/userExpChange/userExpChangeRecordList',
+        method: 'get',
+        params: query
+    });
 };

src/views/users/LevelModificationRecord.vue

@@ -0,0 +1,149 @@
+<template>
+  <div class="box">
+    <div class="inquire">
+      <span>分区</span>
+      <partition-select v-model:partition-id="formData.partitionId" />
+    </div>
+    <div class="inquire">
+      <span>用户ID</span>
+      <el-input
+        v-model="formData.erbanNo"
+        placeholder="请输入用户ID"
+        class="input"
+      ></el-input>
+    </div>
+    <el-button style="" type="primary" @click="getData()">查询</el-button>
+    <!-- 表格数据 -->
+    <el-table
+      v-loading="tableData.loading"
+      :data="tableData.data"
+      ref="multipleTable"
+      @selection-change="handleSelectionChange"
+      border
+      style="width: 100%; margin-top: 25px"
+    >
+      <el-table-column prop="partitionDesc" align="center" label="分区" />
+      <el-table-column prop="erbanNo" align="center" label="用户ID" />
+      <el-table-column prop="nick" align="center" label="用户昵称" />
+      <el-table-column prop="type" align="center" label="修改类型">
+        <template v-slot="scope">
+          {{ scope.row.type == 1 ? "魅力等级" : "财富等级" }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="levelSeq" align="center" label="原等级">
+        <template v-slot="scope">
+          {{ scope.row.levelSeq + "(" + scope.row.amount + ")" }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="newLevelSeq" align="center" label="修改等级">
+        <template v-slot="scope">
+          {{ scope.row.newLevelSeq + "(" + scope.row.newAmount + ")" }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="createTime" label="操作时间">
+        <template v-slot="scope">{{
+          dateFormat(scope.row.createTime)
+        }}</template>
+      </el-table-column>
+      <el-table-column prop="adminName" align="center" label="操作人" />
+    </el-table>
+    <!-- 分页 -->
+    <el-pagination
+      style="margin-top: 10px"
+      class="paginationClass"
+      :current-page="formData.pageNo"
+      :page-size="formData.pageSize"
+      :page-sizes="[10, 20, 50, 100, 200]"
+      layout="sizes, prev, pager, next"
+      :total="formData.total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import PartitionSelect from "../common/partitionSelect.vue";
+export default {
+  name: "LevelModificationRecord",
+  components: { PartitionSelect },
+};
+</script>
+<script setup>
+import { ref, onMounted, reactive, computed } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { getUserExpChangeRecordList } from "@/api/userRechargeLevel/userRechargeLevel.js";
+const formData = reactive({
+  partitionId: undefined,
+  pageNo: 1,
+  pageSize: 10,
+  erbanNo: "",
+});
+const tableData = reactive({
+  data: [],
+  total: 0,
+  loading: false,
+});
+// 查询
+const getData = () => {
+  tableData.loading = true;
+  getUserExpChangeRecordList(formData).then((res) => {
+    if (res.code == 200) {
+      tableData.data = res.data.records;
+      tableData.loading = false;
+      tableData.total = res.data.total;
+    } else {
+      tableData.loading = false;
+      ElMessage.error(res.message);
+    }
+  });
+};
+    const dateFormat = (row) => {
+      const date = new Date(row);
+      return date.format("yyyy-MM-dd hh:mm:ss");
+    }
+const handleSizeChange = (val) => {
+  formData.pageSize = val;
+  getData();
+};
+const handleCurrentChange = (val) => {
+  formData.pageNo = val;
+  getData();
+};
+</script>
+
+<style lang="less" scoped>
+.box {
+  padding-top: 20px;
+  background: #ecf0f5;
+
+  .inquire {
+    display: inline-block;
+    margin-right: 20px;
+
+    span {
+      margin-right: 10px;
+    }
+
+    .input {
+      width: 180px;
+      margin-right: 10px;
+    }
+  }
+
+  .dialogTableVisibleBut {
+    display: block;
+    margin: 30px 0 0 830px;
+  }
+
+  .paginationClass {
+    margin: 15px 0 5px 0px;
+  }
+}
+.selectBox {
+  display: flex;
+  height: 35px;
+  line-height: 35px;
+  margin-bottom: 20px;
+}
+</style>

src/views/users/UserCheckAdminView.vue

@@ -121,7 +121,7 @@
        id="editModal"
        tabindex="-1"
        role="dialog"
-       aria-labelledby="modalLabel2">
+       aria-labelledby="modalLabel2" style="overflow-y: auto;">
     <div class="modal-dialog"
          role="document">
       <div class="modal-content">
@@ -265,6 +265,28 @@
               </div>
             </div>
 
+            <div class="form-group">
+              <label for="editDefUser"
+                     class="col-sm-3 control-label">财富等级:</label>
+              <div class="col-sm-8" style="display: flex;align-items: center;">
+                <p class="experLevelName" style="margin:0 10px 0 0 !important"></p>
+                <button class="btn btn-warning"
+                        type="button"
+                        id="modifyWealthLevelBtn">修改</button>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label for="editDefUser"
+                     class="col-sm-3 control-label">魅力等级:</label>
+              <div class="col-sm-8" style="display: flex;align-items: center;">
+                <p class="charmLevelName" style="margin:0 10px 0 0 !important"></p>
+                <button class="btn btn-warning"
+                        type="button"
+                        id="modifyCharmLevelBtn">修改</button>
+              </div>
+            </div>
+
             <div class="form-group">
               <label for="alipayAccountName"
                      class="col-sm-3 control-label">简介:</label>
@@ -413,6 +435,62 @@
       </div>
     </div>
   </div>
+
+  <!-- 修改财富等级 -->
+    <div class="modal fade"
+       id="resetWealthLevel"
+       tabindex="-1"
+       role="dialog"
+       aria-labelledby="modalLabel2">
+    <div class="modal-dialog"
+         role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button"
+                  class="close"
+                  data-dismiss="modal"
+                  aria-label="Close"><span aria-hidden="true">x</span></button>
+          <h4 class="modal-title"></h4>
+        </div>
+        <div class="modal-body">
+          <form 
+                class="form-horizontal">
+            <input type="hidden"
+                   name="uid"
+                   id="resetWealthLevelUid">
+             <div class="form-group">
+              <label 
+                     class="col-sm-3 control-label" style="padding-top: 2px;">当前等级 :</label>
+              <div class="col-sm-8">
+                <label id="experLevelNameTxt"></label>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="resetPasswdNewPasswd"
+                     class="col-sm-3 control-label">更改等级 :</label>
+              <div class="col-sm-8">
+                <input type="text"
+                       class="form-control"
+                       id="resetNewWealthLevel">
+              </div>
+              <div class="col-sm-12 control-label tip" style="text-align: center;">(更改等级之后财富等级会变为该等级的起始值)</div>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button"
+                  class="btn btn-default"
+                  data-dismiss="modal">关闭</button>
+          <button type="button"
+                  class="btn btn-primary"
+                  id="resetExperLevelNameSave">保存</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+
   <div class="modal fade"
        id="tipModal"
        tabindex="-1"
@@ -867,6 +945,18 @@ export default {
                 $("#userDesc").val(users.userDesc);
                 $('#partitionId').val(partitionId);
 
+                const experDesc = users.userLevelVo.experLevelName + '(' + users.userLevelVo.experAmount + ')'
+                  $('.experLevelName').html(experDesc)
+                  const charmDesc = users.userLevelVo.charmLevelName + '(' + users.userLevelVo.charmAmount + ')'
+                  $('.charmLevelName').html(charmDesc)
+                // 财富等级修改按钮
+                $('#modifyWealthLevelBtn').attr('experLevelName',users.userLevelVo.experLevelName)
+                $('#modifyWealthLevelBtn').attr('uid',users.uid)
+                // 魅力等级修改按钮
+                $('#modifyCharmLevelBtn').attr('charmLevelName',users.userLevelVo.charmLevelName)
+                $('#modifyCharmLevelBtn').attr('uid',users.uid)
+                  
+
                 var privatePhoto = res.data.privatePhoto;
                 var $photos = $('#photoTbody');
                 $photos.html("");
@@ -1134,6 +1224,67 @@ export default {
           }
         });
 
+        // 财富等级 - 打开弹窗
+        $('#modifyWealthLevelBtn').on('click', function () {
+          let experLevelName = $(this).attr('experLevelName');
+           $('#resetWealthLevelUid').val($(this).attr('uid'));
+          $('#experLevelNameTxt').html(experLevelName);
+          $('#resetWealthLevel .modal-title').html('财富等级修改');
+          $('#resetWealthLevel .tip').html('(更改等级之后财富等级会变为该等级的起始值)');
+          $('#resetExperLevelNameSave').attr('type',2);
+           $('#resetWealthLevel').modal('show');
+        })
+
+        // 魅力等级 - 打开弹窗
+        $('#modifyCharmLevelBtn').on('click', function () {
+          let experLevelName = $(this).attr('charmLevelName');
+           $('#resetWealthLevelUid').val($(this).attr('uid'));
+          $('#experLevelNameTxt').html(experLevelName);
+          $('#resetWealthLevel .modal-title').html('魅力等级修改');
+          $('#resetWealthLevel .tip').html('(更改等级之后魅力等级会变为该等级的起始值)');
+          $('#resetExperLevelNameSave').attr('type',1);
+           $('#resetWealthLevel').modal('show');
+        })
+
+        // 修改财富等级
+        $('#resetExperLevelNameSave').on('click', function () {
+          let type = $(this).attr('type');
+            $.ajax({
+              type: "post",
+              url: "/userExpChange/change",
+              data: {
+                uid: $('#resetWealthLevelUid').val(),
+                newLevelSeq : $('#resetNewWealthLevel').val(),
+                type
+              },
+              dataType: 'json',
+              success: function (res) {
+                if (res.code == 200) {
+                  $("#editModal").modal('hide');
+                  $("#resetWealthLevel").modal('hide');
+                  $("#tipMsg").text("保存成功");
+                  $("#tipModal").modal('show');
+                  TableHelper.doRefresh("#table");
+                  $('#resetNewWealthLevel').val('');
+                } else {
+                  $("#tipMsg").text("保存失败，错误码：" + res.code);
+                  $("#tipModal").modal('show');
+                }
+              }
+            })
+        })
+
+        // // 子模态框关闭后恢复父模态框的滚动能力
+        // $('#resetWealthLevel').on('hidden.bs.modal', function () {
+        //   // 确保父模态框仍然可滚动
+        //   setTimeout(function() {
+        //     $('#editModal').style.overflow = 'auto';
+        //   }, 0);
+        // });
+
+        
+
+
       })
 
     },