feat(store): 优化门店中心订单管理和Checkout订单创建

- Checkout创建订单时直接传递payStatus和payTime字段防止未付款订单被删除 - 门店中心Tab改为三个（全部、待处理、已完成），并合并多个statusFilter查询 - 操作按钮逻辑调整为根据订单状态判断，已完成及已关闭订单无操作和删除按钮 - 状态文案和颜色适配完善，添加订单送达凭证照片预览功能 - 确认完成操作强制上传配送凭证照片，凭证支持JSON数组格式存储 - 收款操作支持上传凭证照片并追加至备注中 - 优化订单列表加载逻辑，多个请求结果合并去重并按创建时间降序排序 - 代码格式调整及UI细节优化，提升代码一致性和用户体验
2026-07-01 16:54:10 +08:00
parent 87e5261a2a
commit ce7f5177eb
4 changed files with 545 additions and 455 deletions
--- a/.workbuddy/memory/2026-07-01.md
+++ b/.workbuddy/memory/2026-07-01.md
@@ -37,3 +37,22 @@
  - 已完成订单仅展示，无操作按钮
  - 状态文案适配货到付款：待收款/待发货/待收货/已完成
  - Tab 颜色改为绿色主题
+
+## Checkout 页面货到付款 payStatus 修复
+
+- 修改 `src/api/shop/shopOrder/model/index.ts`：`OrderCreateRequest` 增加 `payStatus` 和 `payTime` 可选字段
+- 修改 `src/pages/shop/checkout.tsx`：
+  - 创建订单时直接传 `payStatus: true` + `payTime`（格式 `yyyy-MM-dd HH:mm:ss`）
+  - 防止后端定时任务自动删除未付款的货到付款订单
+
+## 门店中心 Tab 改为三个（全部 + 待处理 + 已完成）
+
+- 重写 `src/pages/store/center/index.tsx`：Tab 从2个改为3个
+- 参考后台管理 `shop-admin` 的 `statusFilter` 映射：
+  - 全部：不传 statusFilter（params: `[{}]`）
+  - 待处理：合并 `statusFilter=1`（待发货）+ `statusFilter=8`（已关闭）
+  - 已完成：`statusFilter=5`
+- 操作按钮逻辑改为按订单状态判断（`isOrderActionable`），不再按 Tab 判断
+  - 已完成/已关闭订单：无操作按钮，无删除按钮
+  - 其他订单：显示"确认收款"/"确认完成"和"删除订单"
+- 状态文案完善：已完成、已关闭、待收款、待发货、待收货、进行中
--- a/src/api/shop/shopOrder/model/index.ts
+++ b/src/api/shop/shopOrder/model/index.ts
@@ -189,6 +189,10 @@ export interface OrderCreateRequest {
  addressId?: number;
  // 支付方式
  payType: number;
+  // 支付状态（货到付款时传 true 防止定时任务删除）
+  payStatus?: boolean;
+  // 支付时间（货到付款时传当前时间）
+  payTime?: string;
  // 优惠券ID
  couponId?: number;
  // 备注
--- a/src/pages/shop/checkout.tsx
+++ b/src/pages/shop/checkout.tsx
@@ -9,7 +9,6 @@ import { getMyAvailableCoupons } from '@/api/shop/shopUserCoupon'
 import AddressCard from '@/components/business/AddressCard'
 import CouponCard from '@/components/business/CouponCard'
 import { createOrder } from '@/api/shop/shopOrder'
-import type { ShopOrder } from '@/api/shop/shopOrder/model'
 import { listShopGoods } from '@/api/shop/shopGoods'
 import type { ShopGoods } from '@/api/shop/shopGoods/model'
 import type { ShopUserCoupon } from '@/api/shop/shopUserCoupon/model'
@@ -258,11 +257,19 @@ const CheckoutPage: React.FC = () => {
        specInfo: item.skuSpec || item.sku?.sku || item.product?.specName,
      }))

+      // 格式化当前时间：yyyy-MM-dd HH:mm:ss（与后端 LocalDateTime 兼容）
+      const now = new Date()
+      const pad = (n: number) => n.toString().padStart(2, '0')
+      const payTime = `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`
+
      // 创建订单
+      // 货到付款：直接设置 payStatus=true + payTime，防止后端定时任务自动删除未付款订单
      const orderParams: OrderCreateRequest = {
        goodsItems,
        addressId: defaultAddress.id,
        payType,
+        payStatus: true,
+        payTime,
        couponId: selectedCoupon?.id ? Number(selectedCoupon.id) : undefined,
        comments: remarks,
        deliveryType: 0, // 快递配送
@@ -270,9 +277,6 @@ const CheckoutPage: React.FC = () => {

      const res = await createOrder(orderParams)

-      // 货到付款 - 只需创建订单，无需调用支付接口
-      console.log('订单创建成功', res)
-
      // 清理数据
      if (fromBuyNow) {
        Taro.removeStorageSync('buy_now')
--- a/src/pages/store/center/index.tsx
+++ b/src/pages/store/center/index.tsx
@@ -9,12 +9,16 @@ definePageConfig({
    navigationBarTitleText: '门店中心',
 })

-// ─── Tab 配置（货到付款模式：待处理 + 已完成）─────────────────────
-type TabKey = 'pending' | 'completed'
+// ─── Tab 配置（全部 + 待处理 + 已完成）──────────────────────────
+type TabKey = 'all' | 'pending' | 'completed'

-const TABS: { key: TabKey; label: string; params: Partial<ShopOrderParam> }[] = [
-  { key: 'pending',    label: '待处理', params: { statusFilter: 8 } },
-  { key: 'completed',  label: '已完成', params: { orderStatus: 1 } },
+const TABS: { key: TabKey; label: string; params: Partial<ShopOrderParam>[] }[] = [
+    // 全部：不传 statusFilter
+    {key: 'all', label: '全部', params: [{}]},
+    // 已完成：statusFilter=5（与后台管理一致）
+    {key: 'completed', label: '已完成', params: [{statusFilter: 5}]},
+    // 待处理：合并 statusFilter=1（待发货）和 statusFilter=8（已关闭）
+    {key: 'pending', label: '已关闭', params: [{statusFilter: 1}, {statusFilter: 8}]},
 ]

 // ─── 操作类型 ─────────────────────────────────────────────────────
@@ -68,28 +72,50 @@ function formatDateTime(date: Date): string {
    return `${y}-${m}-${d} ${h}:${mi}:${s}`
 }

+/** 解析 sendEndImg：兼容 JSON 数组（新格式）和逗号分隔（旧格式） */
+function parseSendEndImg(raw: string): string[] {
+    if (!raw || !raw.trim()) return []
+    const trimmed = raw.trim()
+    // 尝试 JSON 解析
+    if (trimmed.startsWith('[')) {
+        try {
+            const arr = JSON.parse(trimmed)
+            if (Array.isArray(arr)) return arr.filter(Boolean)
+        } catch { /* fallback to comma split */
+        }
+    }
+    // 旧格式：逗号分隔（兼容单张图不含逗号的 URL）
+    return trimmed.split(',').map(s => s.trim()).filter(Boolean)
+}
+
 function getStatusText(order: ShopOrder): string {
-  if (order.orderStatus === 2) return '待处理'
    if (order.orderStatus === 1) return '已完成'
-  if (order.payStatus === false) return '待收款'
+    if (order.orderStatus === 2) return '已关闭'
+    if (order.payStatus === false || order.payStatus === null) return '待收款'
    if (order.payStatus && order.deliveryStatus === 10) return '待发货'
    if (order.payStatus && order.deliveryStatus === 20) return '待收货'
-  return '待处理'
+    return '进行中'
 }

 function getStatusColor(order: ShopOrder): string {
-  if (order.orderStatus === 2) return '#999'
    if (order.orderStatus === 1) return '#0e932e'
-  if (order.payStatus === false) return '#ee0a24'
+    if (order.orderStatus === 2) return '#999'
+    if (order.payStatus === false || order.payStatus === null) return '#ee0a24'
    if (order.payStatus) return '#ff7d00'
    return '#999'
 }

-/** 获取待处理订单可执行的操作 */
+/** 判断订单是否可操作（非已完成、非已关闭） */
+function isOrderActionable(order: ShopOrder): boolean {
+    return order.orderStatus !== 1 && order.orderStatus !== 2
+}
+
+/** 获取订单可执行的操作 */
 function getOrderActions(order: ShopOrder): { label: string; type: OpType }[] {
+    if (!isOrderActionable(order)) return []
    const actions: { label: string; type: OpType }[] = []
    // 未付款 → 可确认收款，也可直接确认完成
-  if (order.payStatus === false) {
+    if (order.payStatus === false || order.payStatus === null) {
        actions.push({label: '确认收款', type: 'pay'})
        actions.push({label: '确认完成', type: 'complete'})
    }
@@ -120,7 +146,7 @@ export default function StoreCenterPage() {
    const pageSize = 10
    const loadingRef = useRef(false)

-  /** 加载订单列表 */
+    /** 加载订单列表（待处理 Tab 会合并多个 statusFilter 的结果） */
    const loadOrders = useCallback(async (tab: TabKey, pageNo: number = 1, append = false) => {
        if (loadingRef.current) return
        loadingRef.current = true
@@ -130,18 +156,35 @@ export default function StoreCenterPage() {
            const tabConfig = TABS.find(t => t.key === tab)
            if (!tabConfig) return

-      const params: ShopOrderParam = {
-        ...tabConfig.params,
-        page: pageNo,
-        limit: pageSize,
-      }
+            // 并行请求所有 params 组合，合并去重
+            const allRequests = tabConfig.params.map(p =>
+                pageShopOrder({...p, page: pageNo, limit: pageSize})
+            )
+            const allResults = await Promise.all(allRequests)

-      const res = await pageShopOrder(params)
+            // 合并所有结果列表，按 orderId 去重
+            const mergedList = allResults.reduce<ShopOrder[]>((acc, res) => {
                const list = res?.list || []
+                list.forEach(item => {
+                    if (!acc.some(existing => existing.orderId === item.orderId)) {
+                        acc.push(item)
+                    }
+                })
+                return acc
+            }, [])

-      setOrderList(prev => append ? [...prev, ...list] : list)
+            // 按 createTime 降序排列
+            mergedList.sort((a, b) => {
+                const ta = a.createTime ? new Date(a.createTime).getTime() : 0
+                const tb = b.createTime ? new Date(b.createTime).getTime() : 0
+                return tb - ta
+            })
+
+            setOrderList(prev => append ? [...prev, ...mergedList] : mergedList)
            setPage(pageNo)
-      setHasMore(list.length >= pageSize)
+            // 只要任意一个请求还有数据就允许继续加载
+            const maxLen = Math.max(...allResults.map(r => (r?.list || []).length))
+            setHasMore(maxLen >= pageSize)
        } catch (e: any) {
            Taro.showToast({title: e.message || '加载失败', icon: 'none'})
            if (!append) setOrderList([])
@@ -238,12 +281,12 @@ export default function StoreCenterPage() {
                updateData.payTime = formatDateTime(new Date())
                updateData.deliveryStatus = 20  // 发货状态 → 已完成
                updateData.orderStatus = 1      // 订单状态 → 已完成
-        updateData.sendEndImg = proofImages.join(',')  // 配送员送达拍照
+                updateData.sendEndImg = JSON.stringify(proofImages)  // 配送员送达拍照（JSON数组）
            }

            // 收款操作如有凭证也追加到备注
            if (opType === 'pay' && proofImages.length > 0) {
-        const proofText = `【门店收款凭证】：${proofImages.join(',')}`
+                const proofText = `【门店收款凭证】：${JSON.stringify(proofImages)}`
                updateData.comments = (currentOrder.comments || '') + `\n${proofText}`
            }

@@ -282,7 +325,8 @@ export default function StoreCenterPage() {

    /** 渲染单个订单卡片 */
    const renderOrderCard = (order: ShopOrder) => {
-    const actions = activeTab === 'pending' ? getOrderActions(order) : []
+        const actions = getOrderActions(order)
+        const canDelete = isOrderActionable(order) // 仅未完成、未关闭的订单可删除
        const orderGoods = (order as any).orderGoods || []

        return (
@@ -299,7 +343,8 @@ export default function StoreCenterPage() {
                {orderGoods.map((goods: any, idx: number) => (
                    <View key={idx} className='flex items-center gap-3 mb-3'>
                        {goods.coverImage && (
-              <Image className='w-16 h-16 rounded-lg bg-gray-50' src={goods.coverImage} mode='aspectFill' />
+                            <Image className='w-16 h-16 rounded-lg bg-gray-50' src={goods.coverImage}
+                                   mode='aspectFill'/>
                        )}
                        <View className='flex-1'>
                            <Text className='text-sm text-gray-800 block'>{goods.goodsName}</Text>
@@ -325,38 +370,54 @@ export default function StoreCenterPage() {
                )}

                {/* 送达凭证（已完成订单） */}
-        {order.sendEndImg && (
+                {order.sendEndImg && (() => {
+                    const imgs = parseSendEndImg(order.sendEndImg)
+                    return imgs.length > 0 && (
                        <View className='bg-gray-50 rounded-lg p-3 mb-3'>
                            <Text className='text-xs text-gray-500 mb-2 block'>配送凭证：</Text>
                            <View className='flex flex-wrap gap-2'>
-              {order.sendEndImg.split(',').map((img, i) => (
-                <Image key={i} className='w-16 h-16 rounded-lg' src={img} mode='aspectFill' />
+                                {imgs.map((img, i) => (
+                                    <Image
+                                        key={i}
+                                        className='w-20 h-20 rounded-lg bg-gray-100'
+                                        src={img}
+                                        mode='aspectFill'
+                                        onClick={() => Taro.previewImage({
+                                            current: img,
+                                            urls: imgs
+                                        })}
+                                    />
                                ))}
                            </View>
                        </View>
-        )}
+                    )
+                })()}

                {/* 金额 + 支付方式 */}
                <View className='flex justify-between items-center mb-3'>
                    <Text className='text-xs text-gray-400'>
-            {order.payType === 0 ? '余额支付' : order.payType === 4 ? '现金支付' : '货到付款'}
+                        {order.payType === 0 ? '货到付款' : order.payType === 4 ? '现金支付' : '货到付款'}
                    </Text>
                    <Text className='text-sm text-gray-700'>
                        实付：<Text className='text-red-500 font-medium'>¥{order.payPrice || order.totalPrice}</Text>
                    </Text>
                </View>

-        {/* 操作按钮（仅待处理订单） */}
+                {/* 操作按钮 */}
                <View className='flex justify-between items-center border-t border-gray-50 pt-3'>
-          {/* 删除按钮 */}
+                    {/* 删除按钮：仅未完成/未关闭的订单显示 */}
+                    {canDelete ? (
                        <View
                            className='px-3 py-1.5'
                            onClick={() => handleDelete(order)}
                        >
                            <Text className='text-xs text-gray-400'>删除订单</Text>
                        </View>
+                    ) : (
+                        <View/>
+                    )}

-          <View className='flex gap-2'>
+                    <View className={`flex gap-2 ${!canDelete ? 'w-full justify-end' : ''}`}>
                        {actions.map(act => (
                            <View
                                key={act.type}
@@ -390,7 +451,8 @@ export default function StoreCenterPage() {
                        }`}
                        onClick={() => setActiveTab(tab.key)}
                    >
-            <Text className={`text-sm ${activeTab === tab.key ? 'text-green-500 font-medium' : 'text-gray-500'}`}>
+                        <Text
+                            className={`text-sm ${activeTab === tab.key ? 'text-green-500 font-medium' : 'text-gray-500'}`}>
                            {tab.label}
                        </Text>
                    </View>
@@ -444,7 +506,8 @@ export default function StoreCenterPage() {
                            <View className='bg-gray-50 rounded-xl p-4 mb-5'>
                                <Text className='text-sm text-gray-700 block'>订单号：{currentOrder.orderNo}</Text>
                                <Text className='text-sm text-gray-700 mt-1 block'>
-                  实付金额：<Text className='text-red-500 font-medium'>¥{currentOrder.payPrice || currentOrder.totalPrice}</Text>
+                                    实付金额：<Text
+                                    className='text-red-500 font-medium'>¥{currentOrder.payPrice || currentOrder.totalPrice}</Text>
                                </Text>
                                <Text className='text-xs text-gray-500 mt-2 block'>
                                    操作说明：{OP_DESC[opType]}