feat(user): 新增收货地址管理及售后申请页面

- 新增地址类型定义,增强前端地址数据结构
- 新增地址编辑页面,支持地址智能识别和定位选点功能
- 地址编辑支持省市区选择及默认地址设置
- 新增地址列表页面,支持地址展示、删除、编辑和选择功能
- 实现售后申请页面,支持选择售后类型和退款原因
- 售后申请支持商品选择、退款金额计算和凭证上传
- 新增售后详情页面,支持售后状态展示及申请取消
- 优化页面加载和用户交互体验,增加错误提示和权限处理
This commit is contained in:
2026-07-01 12:11:56 +08:00
parent bf6ed504cc
commit 1fa58040f3
636 changed files with 58878 additions and 716 deletions

View File

@@ -0,0 +1,128 @@
import { useState, useEffect } from 'react'
import Taro from '@tarojs/taro'
import { View, Text, Input, Image } from '@tarojs/components'
import { storeLogin } from '@/api/shop/shopStore'
import { saveStorageByLoginUser } from '@/utils/server'
import './index.scss'
const StoreLogin = () => {
const [phone, setPhone] = useState('')
const [password, setPassword] = useState('')
const [loading, setLoading] = useState(false)
const [showContent, setShowContent] = useState(false)
useEffect(() => {
setTimeout(() => setShowContent(true), 100)
}, [])
/** 解析 redirect 参数 */
const router = Taro.getCurrentInstance().router
const redirectUrl = (() => {
const raw = (router?.params as Record<string, string> | undefined)?.redirect
if (!raw) return ''
try {
const decoded = decodeURIComponent(raw)
return decoded.startsWith('/') ? decoded : `/${decoded}`
} catch {
return raw.startsWith('/') ? raw : `/${raw}`
}
})()
/** 登录成功后跳转 */
const navigateAfterLogin = async () => {
if (!redirectUrl) {
await Taro.reLaunch({ url: '/pages/index/index' })
return
}
await Taro.redirectTo({ url: redirectUrl })
}
/** 账号密码登录 */
const handleLogin = async () => {
if (!phone.trim()) {
Taro.showToast({ title: '请输入手机号', icon: 'none' })
return
}
if (!password.trim()) {
Taro.showToast({ title: '请输入密码', icon: 'none' })
return
}
if (loading) return
try {
setLoading(true)
const res = await storeLogin({ phone: phone.trim(), password: password.trim() })
if (res?.access_token) {
const token = res.access_token
const user = res.user
saveStorageByLoginUser(token, user)
Taro.showToast({ title: '登录成功', icon: 'success' })
setTimeout(() => navigateAfterLogin(), 800)
} else {
Taro.showToast({ title: '登录失败', icon: 'none' })
}
} catch (e: any) {
console.error('门店登录失败:', e)
Taro.showToast({ title: e?.message || '登录失败', icon: 'none' })
} finally {
setLoading(false)
}
}
return (
<View className={`page-store-login ${showContent ? 'page-store-login--show' : ''}`}>
<View className='store-login-bg'>
<View className='store-login-bg__gradient' />
</View>
<View className='store-login-content'>
<View className='store-login-header'>
<Text className='store-login-title'></Text>
<Text className='store-login-subtitle'></Text>
</View>
<View className='store-login-form'>
<View className='store-login-field'>
<Text className='store-login-field__icon'>📱</Text>
<Input
className='store-login-field__input'
type='text'
placeholder='请输入手机号'
maxlength={11}
value={phone}
onInput={(e) => setPhone(e.detail.value)}
/>
</View>
<View className='store-login-field'>
<Text className='store-login-field__icon'>🔒</Text>
<Input
className='store-login-field__input'
type='text'
password
placeholder='请输入密码'
value={password}
onInput={(e) => setPassword(e.detail.value)}
/>
</View>
<View
className={`store-login-btn ${loading ? 'store-login-btn--loading' : ''}`}
onClick={handleLogin}
>
<Text className='store-login-btn__text'>
{loading ? '登录中...' : '登录'}
</Text>
</View>
</View>
<View className='store-login-footer'>
<Text className='store-login-footer__text'>
</Text>
</View>
</View>
</View>
)
}
export default StoreLogin