加密信息优化，修改用户账号状态

src/api/ums/member.js

@@ -52,3 +52,14 @@ export function exportUmsMember(query) {
     params: query
   })
 }
+
+// 更改会员账号状态
+export function changeAccountStatus(data) {
+  return request({
+    url: '/ums/member/status/change',
+    method: 'post',
+    data: data
+  })
+}
+
+

src/views/ums/member/index.vue

@@ -3,6 +3,7 @@
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
       <el-form-item label="创建时间">
         <el-date-picker
+          size="small"
           v-model="dateRange"
           style="width: 240px"
           value-format="yyyy-MM-dd"
@@ -14,6 +15,14 @@
           end-placeholder="结束日期"
         ></el-date-picker>
       </el-form-item>
+      <el-form-item label="账号启用状态">
+        <el-select v-model="queryParams.status" placeholder="请选择" :clearable="true" size="small">
+          <el-option label="禁用" value="0">
+          </el-option>
+          <el-option label="启用" value="1">
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item label="昵称" prop="nickname">
         <el-input
           v-model.trim="queryParams.nickname"
@@ -39,7 +48,7 @@
 
     <el-table v-loading="loading" :data="umsMemberList">
       <el-table-column label="昵称" align="center" prop="nickname" />
-      <el-table-column label="手机号码" align="center" prop="phone" />
+      <el-table-column label="手机号码" align="center" prop="phoneHidden" />
       <el-table-column label="性别" align="center" prop="gender" >
         <template v-slot="scope">
           <div>{{ scope.row.gender === 0 ? '未知' : (scope.row.gender === 1 ? '男' : '女') }}</div>
@@ -49,7 +58,19 @@
       <el-table-column label="用户所在省份" align="center" prop="province" />
       <el-table-column label="用户所在国家" align="center" prop="country" />
       <el-table-column label="等级" align="center" prop="level" />
-      <el-table-column label="创建时间" align="center" prop="createTime">
+      <el-table-column label="账号启用状态" align="center" prop="status">
+        <template v-slot="scope">
+          <el-switch
+            style="display: block"
+            v-model="scope.row.status"
+            :active-value="1"
+            :inactive-value="0"
+            active-color="#13ce66"
+            @change="changeStatus(scope.row)">
+          </el-switch>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template v-slot="scope">
           <div>{{ parseTime(scope.row.createTime) }}</div>
         </template>
@@ -86,7 +107,7 @@
 </template>
 
 <script>
-import { listUmsMember, getUmsMember, delUmsMember, addUmsMember, updateUmsMember, exportUmsMember } from "@/api/ums/member";
+import { listUmsMember, getUmsMember, delUmsMember, addUmsMember, updateUmsMember, exportUmsMember, changeAccountStatus } from "@/api/ums/member";
 import dateUtil from '@/utils/DateUtil';
 import moment from "moment";
 
@@ -122,7 +143,8 @@ export default {
         pageNum: 1,
         pageSize: 10,
         nickname: null,
-        phone: null
+        phone: null,
+        status: undefined
       },
       dateRange:[],
       // 表单参数
@@ -263,6 +285,19 @@ export default {
         this.$download.download(response);
         this.exportLoading = false;
       }).catch(() => {});
+    },
+    // 更改账户状态
+    changeStatus(row){
+      const data = {
+        memberId: row.id,
+        status: row.status
+      }
+      changeAccountStatus(data).then(response => {
+        if (response < 1){
+          this.$modal.msgError('操作失败')
+          this.getList()
+        }
+      })
     }
   }
 };

src/views/ums/memberAddress/index.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
-      <el-form-item label="收货人名称" prop="name">
+      <el-form-item label="收货人姓名" prop="name">
         <el-input
           v-model="queryParams.name"
-          placeholder="请输入收货人名称"
+          placeholder="请输入收货人姓名"
           clearable
           size="small"
           @keyup.enter.native="handleQuery"
@@ -89,13 +89,17 @@
 
     <el-table v-loading="loading" :data="umsMemberAddressList">
 <!--      <el-table-column type="selection" width="55" align="center" />-->
-      <el-table-column label="收货人名称" align="center" prop="name" />
+      <el-table-column label="收货人姓名" align="center" prop="name" >
+        <template v-slot="scope">
+          <div>{{ getHiddenName(scope.row.name)  }}</div>
+        </template>
+      </el-table-column>
       <el-table-column label="手机号" align="center" prop="phoneHidden" />
       <el-table-column label="邮政编码" align="center" prop="postCode" />
       <el-table-column label="省份/直辖市" align="center" prop="province" />
       <el-table-column label="城市" align="center" prop="city" />
       <el-table-column label="区" align="center" prop="district" />
-      <el-table-column label="详细地址" align="center" prop="detailAddress">
+      <el-table-column label="详细地址" align="center" prop="detailAddress" width="250">
         <template v-slot="scope">
           <div>{{ replaceDetailAddress(scope.row.detailAddress.replaceAll((/[\d]+/g),'*')) }}</div>
         </template>
@@ -355,6 +359,12 @@ export default {
         }
       }
       return result
+    },
+    getHiddenName(name){
+      if (!name) return
+      const surname = name.substr(0, 1)
+      const star = '*'.repeat(name.length - 1)
+      return surname + star
     }
   }
 };