From 26efdc42fcee5501a11457136b22a5f56ec464df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9E=E7=A0=81-=E6=96=B9=E6=99=93=E8=BE=89?=
 <fangxh2013@qq.com>
Date: Mon, 2 Feb 2026 20:33:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=9A=E5=91=98=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=89=8B=E6=9C=BA=E5=8F=B7=E5=88=97=E6=B7=BB=E5=8A=A0=E7=9C=BC?=
 =?UTF-8?q?=E7=9D=9B=E6=8C=89=E9=92=AE=E5=88=87=E6=8D=A2=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

点击眼睛图标可切换手机号的脱敏/完整显示
---
 .../src/views/business/member/index.vue       | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/ruoyi-ui/src/views/business/member/index.vue b/frontend/ruoyi-ui/src/views/business/member/index.vue
index 9a7149f..ac9da8b 100644
--- a/frontend/ruoyi-ui/src/views/business/member/index.vue
+++ b/frontend/ruoyi-ui/src/views/business/member/index.vue
@@ -49,9 +49,16 @@
 
       <el-table v-loading="loading" :data="tableData" border stripe :header-cell-style="{ background: '#f5f7fa', color: '#606266' }" style="width: 100%">
         <el-table-column prop="memberCode" label="会员编号" width="160" />
-        <el-table-column prop="phone" label="手机号" width="130">
+        <el-table-column prop="phone" label="手机号" width="150">
           <template #default="{ row }">
-            {{ maskPhone(row.phone) }}
+            <span>{{ phoneVisibleMap[row.memberId] ? row.phone : maskPhone(row.phone) }}</span>
+            <el-button
+              type="primary"
+              link
+              :icon="phoneVisibleMap[row.memberId] ? Hide : View"
+              style="margin-left: 4px"
+              @click="togglePhoneVisible(row.memberId)"
+            />
           </template>
         </el-table-column>
         <el-table-column prop="nickname" label="昵称" min-width="100" show-overflow-tooltip />
@@ -129,7 +136,7 @@
  * 会员管理页面
  * @author pangu
  */
-import { Delete, Edit, Key, Plus, Refresh, Search } from '@element-plus/icons-vue'
+import { Delete, Edit, Hide, Key, Plus, Refresh, Search, View } from '@element-plus/icons-vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { onMounted, ref } from 'vue'
 import request from '@/utils/request'
@@ -153,6 +160,14 @@ const queryParams = ref({
 const memberDialogRef = ref()
 const resetPwdDialogRef = ref()
 
+// 手机号显示状态（按会员ID存储）
+const phoneVisibleMap = ref({})
+
+// 切换手机号显示/隐藏
+const togglePhoneVisible = (memberId) => {
+  phoneVisibleMap.value[memberId] = !phoneVisibleMap.value[memberId]
+}
+
 // 手机号脱敏
 const maskPhone = (phone) => {
   if (!phone || phone.length !== 11) return phone