fix(mp): 小程序页面优化 + E2E 测试报告更新

- 小程序各页面优化和修复
- 更新联调报告和 E2E 测试报告
- 更新 miniprogram wiki
This commit is contained in:
iven
2026-05-15 23:03:21 +08:00
parent ced1c0ad0c
commit c06e986090
24 changed files with 905 additions and 441 deletions

View File

@@ -5,7 +5,9 @@ import { usePageData } from '@/hooks/usePageData';
import { listMyOrders } from '../../../services/points';
import type { PointsOrder } from '../../../services/points';
import EmptyState from '../../../components/EmptyState';
import ErrorState from '../../../components/ErrorState';
import Loading from '../../../components/Loading';
import SegmentTabs from '../../../components/SegmentTabs';
import { useElderClass } from '../../../hooks/useElderClass';
import './index.scss';
@@ -30,10 +32,12 @@ export default function MallOrders() {
const [page, setPage] = useState(1);
const [total, setTotal] = useState(0);
const [loading, setLoading] = useState(false);
const [error, setError] = useState(false);
const fetchOrders = useCallback(
async (pageNum: number, status: string, isRefresh = false) => {
setLoading(true);
setError(false);
try {
const res = await listMyOrders({
page: pageNum,
@@ -51,6 +55,7 @@ export default function MallOrders() {
setTotal(res.total);
setPage(pageNum);
} catch {
setError(true);
Taro.showToast({ title: '加载失败', icon: 'none' });
} finally {
setLoading(false);
@@ -108,20 +113,12 @@ export default function MallOrders() {
return (
<View className={`orders-page ${modeClass}`}>
{/* 状态筛选标签 */}
<View className='status-tabs'>
{STATUS_TABS.map((tab) => (
<View
key={tab.key}
className={`status-tab ${activeTab === tab.key ? 'active' : ''}`}
onClick={() => handleTabChange(tab.key)}
>
<Text className='status-tab-text'>{tab.label}</Text>
</View>
))}
</View>
<SegmentTabs tabs={STATUS_TABS} activeKey={activeTab} onChange={handleTabChange} variant="underline" />
{/* 订单列表 */}
{orders.length === 0 && !loading ? (
{error ? (
<ErrorState onRetry={() => fetchOrders(1, activeTab, true)} />
) : orders.length === 0 && !loading ? (
<EmptyState
icon=''
text='暂无订单'