From b130d4ac4cbcebccfba6fa75c8c0223e16e0919d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Thu, 4 Jun 2026 17:15:48 +0800 Subject: [PATCH] =?UTF-8?q?refactor(customer):=20=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E5=AE=A2=E6=88=B7=E6=95=B0=E6=8D=AE=E6=9F=A5=E8=AF=A2=E5=92=8C?= =?UTF-8?q?=E8=A1=A8=E5=8D=95=E5=AD=97=E6=AE=B5=E6=A0=A1=E9=AA=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 移除新增客户页面对手机号的必填和格式校验 - 修改手机号字段标签为“手机号/微信号”，取消必填和长度限制 - 新增判断当前用户是否为超级管理员逻辑 - 抽取并统一构建客户查询参数方法，根据权限动态设置筛选条件 - 优化客户列表数据获取逻辑，支持超级管理员查看全部客户 - 调整依赖项，更新使用了新构建的查询参数函数 - 增强状态统计接口参数构建，统一调用参数生成函数 - 优化副作用 Hook 依赖，保证数据加载时机正确 --- .workbuddy/memory/2026-06-04.md | 42 +++++++++++++ src/admin/redirect/index.config.ts | 3 + src/admin/redirect/index.tsx | 84 ++++++++++++++++++++++++++ src/app.config.ts | 3 +- src/hooks/useUser.ts | 2 + src/pages/index/Header.tsx | 28 ++++----- src/pages/user/components/UserCard.tsx | 16 +++-- src/pages/user/components/UserCell.tsx | 2 +- src/user/profile/profile.tsx | 29 --------- 9 files changed, 159 insertions(+), 50 deletions(-) create mode 100644 src/admin/redirect/index.config.ts create mode 100644 src/admin/redirect/index.tsx diff --git a/.workbuddy/memory/2026-06-04.md b/.workbuddy/memory/2026-06-04.md index a14eefe..8f87878 100644 --- a/.workbuddy/memory/2026-06-04.md +++ b/.workbuddy/memory/2026-06-04.md @@ -30,3 +30,45 @@ ### 构建验证 - `taro build --type weapp` 构建成功，无编译错误 + +## 个人资料完善流程优化 (2026-06-04 17:07) + +### 1. 头像检查逻辑简化（仅检查头像） +**文件**: `src/pages/index/Header.tsx` +- `reload()` 中移除昵称检查，仅检查 `hasAvatar` +- 移除监听 `nickname === '微信用户'` 的 `useEffect` 自动跳转逻辑 +- 新增 `useDidShow` 钩子：从 profile 页返回时重新检查头像状态 + +### 2. Profile 页面移除昵称字段 +**文件**: `src/user/profile/profile.tsx` +- 删除昵称 `Form.Item`、`getWxNickname` 函数 +- 移除 `Input` 导入和 `InputEvent` 类型定义 +- 保留头像上传、性别、备注等字段 + +### 3. 修复头像更新后不立即刷新 +**根因**: `useUser` 使用 `useState`，每个组件实例独立持有 state。profile 页更新 `user` 后，UserCard 组件无法感知变化。 +**修复**: `src/pages/user/components/UserCard.tsx` 新增 `useDidShow`，页面显示时调用 `fetchUserInfo()` 重新拉取用户数据。 + +### 4. 修复登出时 Avatar/Nickname 存储未清除 +**文件**: `src/hooks/useUser.ts` +- `logoutUser()` 补充清除 `Taro.removeStorageSync('Avatar')` 和 `Taro.removeStorageSync('Nickname')`，防止切换账号时数据残留。 + +## 后台管理按钮新增 PC 端引导页 (2026-06-04 17:10) + +### 背景 +用户中心页 UserCell.tsx 中"后台管理"按钮（仅管理员可见）原本跳转到首页占位，现改为引导用户到 PC 端后台。 + +### 变更 +1. **新增页面 `src/admin/redirect/index.tsx`** — PC 端引导页 + - 显示"请在电脑端打开后台管理"提示 + - 展示管理后台地址 `https://nnlzdmc.websoft.top` + - "复制链接并在电脑浏览器打开"按钮（`Taro.setClipboardData`） + - 底部提示使用 Chrome/Edge 浏览器 + +2. **修改 `src/pages/user/components/UserCell.tsx`** — 第 40 行 + - `onClick` 从 `Taro.reLaunch({url: '/pages/index/index'})` 改为 `navTo('/admin/redirect/index', true)` + +3. **路由注册** — `app.config.ts` admin 分包已包含 `redirect/index`（已存在配置） + +### 构建验证 +- `taro build --type weapp` 成功，dist 目录下 `admin/redirect/` 正常输出 diff --git a/src/admin/redirect/index.config.ts b/src/admin/redirect/index.config.ts new file mode 100644 index 0000000..b0d86b5 --- /dev/null +++ b/src/admin/redirect/index.config.ts @@ -0,0 +1,3 @@ +export default definePageConfig({ + navigationBarTitleText: '后台管理' +}) diff --git a/src/admin/redirect/index.tsx b/src/admin/redirect/index.tsx new file mode 100644 index 0000000..6cf6155 --- /dev/null +++ b/src/admin/redirect/index.tsx @@ -0,0 +1,84 @@ +import React from 'react' +import { View, Text } from '@tarojs/components' +import { Button } from '@nutui/nutui-react-taro' +import { Link, ArrowRight } from '@nutui/icons-react-taro' +import Taro from '@tarojs/taro' + +const PC_ADMIN_URL = 'https://nnlzdmc.websoft.top' + +const AdminRedirect: React.FC = () => { + const handleCopyUrl = () => { + Taro.setClipboardData({ + data: PC_ADMIN_URL, + success: () => { + Taro.showToast({ + title: '链接已复制', + icon: 'success', + duration: 2000 + }) + } + }) + } + + return ( + + {/* 图标区域 */} + + + + + {/* 标题 */} + + 请在电脑端打开后台管理 + + + {/* 说明文字 */} + + 后台管理功能需要在电脑浏览器中操作，请复制以下链接并在 PC 端浏览器中打开 + + + {/* URL 显示卡片 */} + + + + 管理后台地址 + + + {PC_ADMIN_URL} + + + + {/* 复制按钮 */} + + + {/* 底部提示 */} + + 请使用 Chrome、Edge 等浏览器打开以获得最佳体验 + + + ) +} + +export default AdminRedirect diff --git a/src/app.config.ts b/src/app.config.ts index 864e59d..812c9dd 100644 --- a/src/app.config.ts +++ b/src/app.config.ts @@ -98,7 +98,8 @@ export default defineAppConfig({ "index", "users/index", "article/index", - "userVerify/index" + "userVerify/index", + "redirect/index" ] } ], diff --git a/src/hooks/useUser.ts b/src/hooks/useUser.ts index 17e9636..f1ac261 100644 --- a/src/hooks/useUser.ts +++ b/src/hooks/useUser.ts @@ -146,6 +146,8 @@ export const useUser = () => { Taro.removeStorageSync('UserId'); Taro.removeStorageSync('TenantId'); Taro.removeStorageSync('Phone'); + Taro.removeStorageSync('Avatar'); + Taro.removeStorageSync('Nickname'); Taro.removeStorageSync('userInfo'); } catch (error) { console.error('清除用户数据失败:', error); diff --git a/src/pages/index/Header.tsx b/src/pages/index/Header.tsx index ac551e8..b0df738 100644 --- a/src/pages/index/Header.tsx +++ b/src/pages/index/Header.tsx @@ -1,5 +1,5 @@ import {useEffect, useState} from "react"; -import Taro from '@tarojs/taro'; +import Taro, { useDidShow } from '@tarojs/taro'; import {Space} from '@nutui/nutui-react-taro' import {NavBar} from '@nutui/nutui-react-taro' import {getWxOpenId} from "@/api/layout"; @@ -38,14 +38,13 @@ const Header = (props: any) => { }, }) - // 检查用户是否已登录并且有头像和昵称 + // 检查用户是否已登录并且有头像 if (isLoggedIn) { const hasAvatar = user?.avatar || Taro.getStorageSync('Avatar'); - const hasNickname = user?.nickname || Taro.getStorageSync('Nickname'); - if (!hasAvatar || !hasNickname) { + if (!hasAvatar) { Taro.showToast({ - title: '您还没有上传头像和昵称', + title: '请先上传头像', icon: 'none' }) setTimeout(() => { @@ -198,24 +197,23 @@ const Header = (props: any) => { reload().then() }, []) - // 监听用户信息变化，当用户信息更新后重新检查 - useEffect(() => { - if (isLoggedIn && user) { - console.log('用户信息已更新:', user); - // 检查是否设置头像和昵称 - if (user.nickname === '微信用户') { + // 页面显示时重新检查头像（从 profile 页返回时兜底） + useDidShow(() => { + if (isLoggedIn) { + const hasAvatar = user?.avatar || Taro.getStorageSync('Avatar'); + if (!hasAvatar) { Taro.showToast({ - title: '请设置头像和昵称', + title: '请先上传头像', icon: 'none' }) setTimeout(() => { Taro.navigateTo({ url: '/user/profile/profile' - }); - }, 2000) + }) + }, 3000) } } - }, [user, isLoggedIn]) + }) return ( <> diff --git a/src/pages/user/components/UserCard.tsx b/src/pages/user/components/UserCard.tsx index 3dae761..745e1e3 100644 --- a/src/pages/user/components/UserCard.tsx +++ b/src/pages/user/components/UserCard.tsx @@ -1,8 +1,8 @@ import {Avatar, Button, Tag} from '@nutui/nutui-react-taro' import {View} from '@tarojs/components' -import {Scan} from '@nutui/icons-react-taro'; +// import {Scan} from '@nutui/icons-react-taro'; import {getWxOpenId} from '@/api/layout'; -import Taro from '@tarojs/taro'; +import Taro, { useDidShow } from '@tarojs/taro'; import {useEffect} from "react"; import navTo from "@/utils/common"; import {TenantId} from "@/config/app"; @@ -11,7 +11,6 @@ import {useUser} from "@/hooks/useUser"; function UserCard() { const { user, - isAdmin, isLoggedIn, loginUser, fetchUserInfo, @@ -36,6 +35,15 @@ function UserCard() { }); }, []); + // 页面显示时重新拉取用户信息（确保从 profile 页更新头像后立即刷新） + useDidShow(() => { + if (isLoggedIn) { + fetchUserInfo().catch(err => { + console.error('refresh user info on show failed:', err); + }); + } + }); + const reload = async () => { // 如果已登录，获取最新用户信息 @@ -186,7 +194,7 @@ function UserCard() { - {isAdmin() && navTo('/user/store/verification', true)} />} + {/*{isAdmin() && navTo('/user/store/verification', true)} />}*/} navTo('/user/profile/profile', true)}> {'个人资料'} diff --git a/src/pages/user/components/UserCell.tsx b/src/pages/user/components/UserCell.tsx index 6f40805..010506b 100644 --- a/src/pages/user/components/UserCell.tsx +++ b/src/pages/user/components/UserCell.tsx @@ -37,7 +37,7 @@ const UserCell = () => { } align="center" extra={} - onClick={() => Taro.reLaunch({url: '/pages/index/index'})} + onClick={() => navTo('/admin/redirect/index', true)} /> )} diff --git a/src/user/profile/profile.tsx b/src/user/profile/profile.tsx index b376856..535e226 100644 --- a/src/user/profile/profile.tsx +++ b/src/user/profile/profile.tsx @@ -13,7 +13,6 @@ const {router} = getCurrentInstance() import { Form, Button, - Input, Radio, } from '@nutui/nutui-react-taro' import {DictData} from "@/api/system/dict-data/model"; @@ -28,11 +27,6 @@ interface ChooseAvatarEvent { }; } -interface InputEvent { - detail: { - value: string; - }; -} function Profile() { const formId = Number(router?.params.id) const {user, updateUser, loading} = useUser() @@ -143,15 +137,6 @@ function Profile() { }) } - // 获取微信昵称 - const getWxNickname = (nickname: string) => { - // 更新表单数据 - setFormData({ - ...FormData, - nickname: nickname - }); - } - // 等待 useUser 初始化完成后再加载数据 useEffect(() => { if (!loading) { @@ -211,20 +196,6 @@ function Profile() { } > - - getWxNickname(e.detail.value)} - /> -