From 1b7fb5ed5d08b2883c99f54d111d82de4da18cd3 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 30 May 2026 22:55:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(member):=20=E4=BC=9A=E5=91=98=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=20email=20=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/member/user/index.ts                   |  1 +
 src/views/member/user/UserForm.vue             |  6 ++++++
 src/views/member/user/detail/UserBasicInfo.vue | 12 ++++++++++++
 src/views/member/user/index.vue                | 11 +++++++++++
 4 files changed, 30 insertions(+)

diff --git a/src/api/member/user/index.ts b/src/api/member/user/index.ts
index 1f8acf494..89f17c763 100644
--- a/src/api/member/user/index.ts
+++ b/src/api/member/user/index.ts
@@ -9,6 +9,7 @@ export interface UserVO {
   loginIp: string
   mark: string
   mobile: string
+  email: string | undefined
   name: string | undefined
   nickname: string | undefined
   registerIp: string
diff --git a/src/views/member/user/UserForm.vue b/src/views/member/user/UserForm.vue
index 70d831383..8f266e353 100644
--- a/src/views/member/user/UserForm.vue
+++ b/src/views/member/user/UserForm.vue
@@ -10,6 +10,9 @@
       <el-form-item label="手机号" prop="mobile">
         <el-input v-model="formData.mobile" placeholder="请输入手机号" />
       </el-form-item>
+      <el-form-item label="邮箱" prop="email">
+        <el-input v-model="formData.email" maxlength="50" placeholder="请输入邮箱" />
+      </el-form-item>
       <el-form-item label="状态" prop="status">
         <el-radio-group v-model="formData.status">
           <el-radio
@@ -91,6 +94,7 @@ const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref({
   id: undefined,
   mobile: undefined,
+  email: undefined,
   password: undefined,
   status: undefined,
   nickname: undefined,
@@ -105,6 +109,7 @@ const formData = ref({
 })
 const formRules = reactive({
   mobile: [{ required: true, message: '手机号不能为空', trigger: 'blur' }],
+  email: [{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
   status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
@@ -162,6 +167,7 @@ const resetForm = () => {
   formData.value = {
     id: undefined,
     mobile: undefined,
+    email: undefined,
     password: undefined,
     status: undefined,
     nickname: undefined,
diff --git a/src/views/member/user/detail/UserBasicInfo.vue b/src/views/member/user/detail/UserBasicInfo.vue
index 0fe253800..ac2dd2c76 100644
--- a/src/views/member/user/detail/UserBasicInfo.vue
+++ b/src/views/member/user/detail/UserBasicInfo.vue
@@ -27,6 +27,12 @@
             </template>
             {{ user.mobile }}
           </el-descriptions-item>
+          <el-descriptions-item>
+            <template #label>
+              <descriptions-item-label icon="ep:message" label="邮箱" />
+            </template>
+            {{ user.email || '空' }}
+          </el-descriptions-item>
           <el-descriptions-item>
             <template #label>
               <descriptions-item-label icon="fa:mars-double" label="性别" />
@@ -87,6 +93,12 @@
           </template>
           {{ user.mobile }}
         </el-descriptions-item>
+        <el-descriptions-item>
+          <template #label>
+            <descriptions-item-label icon="ep:message" label="邮箱" />
+          </template>
+          {{ user.email || '空' }}
+        </el-descriptions-item>
         <el-descriptions-item>
           <template #label>
             <descriptions-item-label icon="fa:mars-double" label="性别" />
diff --git a/src/views/member/user/index.vue b/src/views/member/user/index.vue
index 1c873bf49..2910da0c2 100644
--- a/src/views/member/user/index.vue
+++ b/src/views/member/user/index.vue
@@ -28,6 +28,15 @@
           @keyup.enter="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="邮箱" prop="email">
+        <el-input
+          v-model="queryParams.email"
+          class="!w-240px"
+          clearable
+          placeholder="请输入邮箱"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="注册时间" prop="createTime">
         <el-date-picker
           v-model="queryParams.createTime"
@@ -90,6 +99,7 @@
         </template>
       </el-table-column>
       <el-table-column align="center" label="手机号" prop="mobile" width="120px" />
+      <el-table-column align="center" label="邮箱" prop="email" width="180px" />
       <el-table-column align="center" label="昵称" prop="nickname" width="80px" />
       <el-table-column align="center" label="等级" prop="levelName" width="100px" />
       <el-table-column align="center" label="分组" prop="groupName" width="100px" />
@@ -227,6 +237,7 @@ const queryParams = reactive({
   pageSize: 10,
   nickname: null,
   mobile: null,
+  email: null,
   loginDate: [],
   createTime: [],
   tagIds: [],