feat(admin): implement order management and statistics with real database integration
This commit is contained in:
73
docs/ops/2026-02-10__admin__order-module-integration.md
Normal file
73
docs/ops/2026-02-10__admin__order-module-integration.md
Normal file
@@ -0,0 +1,73 @@
|
||||
# 订单模块接入与统计修复(2026-02-10)
|
||||
|
||||
## 摘要
|
||||
本次对 Admin 订单模块进行了“从 Mock 到 RPC”的接入修复,补齐订单管理列表与订单统计页的后端 RPC,并在前端 `services/orderService.uts` 与页面侧完成对接。同时为核销记录 RPC 所依赖的 `ml_orders` 字段补齐 Schema 更新脚本。
|
||||
|
||||
## 动机
|
||||
- `pages/mall/admin/order/list.uvue`(订单管理)与 `order-statistics/index.uvue`(订单统计)此前存在大量硬编码 Mock 数据,无法真实反映数据库状态。
|
||||
- 按项目规范(`AGENT_PROJECT_SPEC.md`):admin/analytics 全局数据访问必须通过 RPC,服务层为数据访问唯一入口。
|
||||
|
||||
## 影响范围
|
||||
- **数据库 / RPC**:新增订单列表与统计类 RPC;补齐 `ml_orders` 必要字段(核销相关)。
|
||||
- **服务层**:更新 `services/orderService.uts` 增加订单列表与统计类 fetch 方法。
|
||||
- **页面**:
|
||||
- `pages/mall/admin/order/list.uvue`:移除 mock,接入 `rpc_admin_order_list`。
|
||||
- `pages/mall/admin/order/order-statistics/index.uvue`:移除硬编码图表数据,接入统计 RPC。
|
||||
|
||||
## 变更清单
|
||||
|
||||
### 新增 SQL
|
||||
- `docs/sql/30_rpc/order/rpc_admin_order_list_v1.sql`
|
||||
- `docs/sql/30_rpc/order/rpc_admin_order_stats_v1.sql`
|
||||
- `docs/sql/30_rpc/order/rpc_admin_order_trend_v1.sql`
|
||||
- `docs/sql/30_rpc/order/rpc_admin_order_source_stats_v1.sql`
|
||||
- `docs/sql/10_schema/order/ml_orders_schema_update_v1.sql`
|
||||
|
||||
### 修改代码
|
||||
- `services/orderService.uts`
|
||||
- `pages/mall/admin/order/list.uvue`
|
||||
- `pages/mall/admin/order/order-statistics/index.uvue`
|
||||
|
||||
## 设计要点
|
||||
|
||||
### RPC 安全策略
|
||||
- 所有新增 RPC 均:
|
||||
- `SECURITY DEFINER`
|
||||
- `SET search_path = public`
|
||||
- 入口鉴权:`ak_users.role IN ('admin','analytics')`
|
||||
|
||||
### 订单列表 RPC(最小可用)
|
||||
- 以 `ml_orders` + `ak_users` + `ml_order_items` 为数据来源。
|
||||
- 支持:分页、订单状态筛选、订单号/用户名/手机号搜索、时间范围筛选(基于 `created_at`)。
|
||||
- 注意:支付方式与订单类型字段在权威 DDL 中未完整统一,本次按最小可用落地,后续可迭代扩展。
|
||||
|
||||
### 统计 RPC
|
||||
- `rpc_admin_order_stats`:返回订单数、销售额、退款数、退款金额(退款金额目前按最小字段聚合,后续可替换为真实退款字段)。
|
||||
- `rpc_admin_order_trend`:按天聚合趋势。
|
||||
- `rpc_admin_order_source_stats`:当前 DDL 未含渠道字段,先返回 `unknown` 汇总,后续补渠道字段后可升级。
|
||||
|
||||
### Schema 补丁(核销字段)
|
||||
`ml_orders_schema_update_v1.sql` 补齐:
|
||||
- `order_type`(1普通/2收银/3核销)
|
||||
- `verified_at`
|
||||
- `verifier_id`
|
||||
|
||||
用于让 `rpc_admin_write_off_record_list_v1.sql` 的字段依赖具备落库条件。
|
||||
|
||||
## 验证方式
|
||||
1. 在数据库控制台依次执行:
|
||||
- `docs/sql/10_schema/order/ml_orders_schema_update_v1.sql`
|
||||
- `docs/sql/30_rpc/order/*.sql`(新增的 4 个 RPC)
|
||||
2. Admin 端页面验证:
|
||||
- 订单管理:切换状态 Tabs、搜索、分页。
|
||||
- 订单统计:打开页面检查 KPI 卡片与图表是否能加载并更新。
|
||||
|
||||
## 回滚方案
|
||||
- 回滚 RPC:删除新增函数(需人工确认,不在脚本中提供)。
|
||||
- 回滚字段:删除新增列(需人工确认,不在脚本中提供)。
|
||||
|
||||
## 关联文档
|
||||
- `docs/project_spec/AGENT_PROJECT_SPEC.md`
|
||||
- `pages/mall/admin/docs/sql/01_tables_catalog.md`
|
||||
- `docs/sql/30_rpc/auth/get_current_user_role_v1.sql`
|
||||
- `pages/mall/admin/docs/sql/11_roles_and_permissions_strategy.md`
|
||||
29
docs/sql/10_schema/order/ml_orders_schema_update_v1.sql
Normal file
29
docs/sql/10_schema/order/ml_orders_schema_update_v1.sql
Normal file
@@ -0,0 +1,29 @@
|
||||
-- =====================================================================================
|
||||
-- Schema Update: ml_orders 字段补齐
|
||||
-- 位置:docs/sql/10_schema/order/
|
||||
-- 对象类型:Schema (ALTER TABLE)
|
||||
-- 版本:v1
|
||||
-- 说明:为订单主表补齐核销记录 RPC 所依赖的业务字段(order_type, verified_at, verifier_id)
|
||||
-- =====================================================================================
|
||||
|
||||
DO $$
|
||||
BEGIN
|
||||
-- 1. 补齐 order_type (1:普通, 2:收银, 3:核销)
|
||||
IF NOT EXISTS (SELECT 1 FROM INFORMATION_SCHEMA.COLUMNS WHERE table_name = 'ml_orders' AND column_name = 'order_type') THEN
|
||||
ALTER TABLE public.ml_orders ADD COLUMN order_type INTEGER DEFAULT 1;
|
||||
COMMENT ON COLUMN public.ml_orders.order_type IS '订单类型: 1:普通, 2:收银, 3:核销';
|
||||
END IF;
|
||||
|
||||
-- 2. 补齐 verified_at (核销时间)
|
||||
IF NOT EXISTS (SELECT 1 FROM INFORMATION_SCHEMA.COLUMNS WHERE table_name = 'ml_orders' AND column_name = 'verified_at') THEN
|
||||
ALTER TABLE public.ml_orders ADD COLUMN verified_at TIMESTAMP WITH TIME ZONE;
|
||||
COMMENT ON COLUMN public.ml_orders.verified_at IS '核销时间';
|
||||
END IF;
|
||||
|
||||
-- 3. 补齐 verifier_id (核销员ID)
|
||||
IF NOT EXISTS (SELECT 1 FROM INFORMATION_SCHEMA.COLUMNS WHERE table_name = 'ml_orders' AND column_name = 'verifier_id') THEN
|
||||
ALTER TABLE public.ml_orders ADD COLUMN verifier_id UUID REFERENCES public.ak_users(id);
|
||||
COMMENT ON COLUMN public.ml_orders.verifier_id IS '核销员ID';
|
||||
END IF;
|
||||
|
||||
END $$;
|
||||
98
docs/sql/30_rpc/order/rpc_admin_order_list_v1.sql
Normal file
98
docs/sql/30_rpc/order/rpc_admin_order_list_v1.sql
Normal file
@@ -0,0 +1,98 @@
|
||||
-- =====================================================================================
|
||||
-- Admin 订单管理 - 主订单列表分页查询 RPC
|
||||
-- 位置:docs/sql/30_rpc/order/
|
||||
-- 对象类型:RPC 函数(SECURITY DEFINER)
|
||||
-- 版本:v1
|
||||
-- =====================================================================================
|
||||
|
||||
CREATE OR REPLACE FUNCTION public.rpc_admin_order_list(
|
||||
p_page INTEGER DEFAULT 1,
|
||||
p_page_size INTEGER DEFAULT 15,
|
||||
p_order_status INTEGER DEFAULT NULL,
|
||||
p_search TEXT DEFAULT NULL,
|
||||
p_start_time TIMESTAMPTZ DEFAULT NULL,
|
||||
p_end_time TIMESTAMPTZ DEFAULT NULL
|
||||
)
|
||||
RETURNS JSONB
|
||||
SECURITY DEFINER
|
||||
SET search_path = public
|
||||
LANGUAGE plpgsql
|
||||
AS $$
|
||||
DECLARE
|
||||
v_offset INTEGER;
|
||||
v_total BIGINT;
|
||||
v_items JSONB;
|
||||
BEGIN
|
||||
-- 1. 权限检查 (依赖 public.ak_users.role)
|
||||
IF NOT EXISTS (
|
||||
SELECT 1 FROM public.ak_users
|
||||
WHERE auth_id = auth.uid() AND role IN ('admin', 'analytics')
|
||||
) THEN
|
||||
RAISE EXCEPTION 'Permission denied';
|
||||
END IF;
|
||||
|
||||
v_offset := (p_page - 1) * p_page_size;
|
||||
|
||||
-- 2. 获取总数
|
||||
SELECT COUNT(*) INTO v_total
|
||||
FROM public.ml_orders o
|
||||
LEFT JOIN public.ak_users u ON o.user_id = u.id
|
||||
WHERE (p_order_status IS NULL OR o.order_status = p_order_status)
|
||||
AND (p_start_time IS NULL OR o.created_at >= p_start_time)
|
||||
AND (p_end_time IS NULL OR o.created_at <= p_end_time)
|
||||
AND (
|
||||
p_search IS NULL
|
||||
OR o.order_no ILIKE '%' || p_search || '%'
|
||||
OR u.username ILIKE '%' || p_search || '%'
|
||||
OR u.phone ILIKE '%' || p_search || '%'
|
||||
);
|
||||
|
||||
-- 3. 获取明细列表
|
||||
SELECT jsonb_agg(t) INTO v_items
|
||||
FROM (
|
||||
SELECT
|
||||
o.id,
|
||||
o.order_no,
|
||||
o.total_amount,
|
||||
o.paid_amount,
|
||||
o.discount_amount,
|
||||
o.order_status,
|
||||
o.payment_status,
|
||||
o.shipping_status,
|
||||
o.paid_at,
|
||||
o.created_at,
|
||||
u.username as buyer_name,
|
||||
u.phone as buyer_phone,
|
||||
(
|
||||
SELECT jsonb_build_object(
|
||||
'product_name', oi.product_name,
|
||||
'image_url', oi.image_url,
|
||||
'quantity', oi.quantity
|
||||
)
|
||||
FROM public.ml_order_items oi
|
||||
WHERE oi.order_id = o.id
|
||||
ORDER BY oi.created_at ASC
|
||||
LIMIT 1
|
||||
) as first_item_summary
|
||||
FROM public.ml_orders o
|
||||
LEFT JOIN public.ak_users u ON o.user_id = u.id
|
||||
WHERE (p_order_status IS NULL OR o.order_status = p_order_status)
|
||||
AND (p_start_time IS NULL OR o.created_at >= p_start_time)
|
||||
AND (p_end_time IS NULL OR o.created_at <= p_end_time)
|
||||
AND (
|
||||
p_search IS NULL
|
||||
OR o.order_no ILIKE '%' || p_search || '%'
|
||||
OR u.username ILIKE '%' || p_search || '%'
|
||||
OR u.phone ILIKE '%' || p_search || '%'
|
||||
)
|
||||
ORDER BY o.created_at DESC
|
||||
LIMIT p_page_size
|
||||
OFFSET v_offset
|
||||
) t;
|
||||
|
||||
RETURN jsonb_build_object(
|
||||
'total', v_total,
|
||||
'items', COALESCE(v_items, '[]'::jsonb)
|
||||
);
|
||||
END;
|
||||
$$;
|
||||
45
docs/sql/30_rpc/order/rpc_admin_order_source_stats_v1.sql
Normal file
45
docs/sql/30_rpc/order/rpc_admin_order_source_stats_v1.sql
Normal file
@@ -0,0 +1,45 @@
|
||||
-- =====================================================================================
|
||||
-- Admin 订单统计 - 订单来源分布 RPC
|
||||
-- 位置:docs/sql/30_rpc/order/
|
||||
-- 对象类型:RPC 函数(SECURITY DEFINER)
|
||||
-- 版本:v1
|
||||
-- 说明:统计订单来源分布。
|
||||
-- 注意:当前 ml_orders DDL 未包含来源/渠道字段,本函数提供最小可用兜底:统一返回 "unknown" 汇总。
|
||||
-- 若后续新增 channel/payment_method 等字段,可在此函数中替换为按渠道分组统计。
|
||||
-- =====================================================================================
|
||||
|
||||
CREATE OR REPLACE FUNCTION public.rpc_admin_order_source_stats(
|
||||
p_start_time TIMESTAMPTZ,
|
||||
p_end_time TIMESTAMPTZ
|
||||
)
|
||||
RETURNS JSONB
|
||||
SECURITY DEFINER
|
||||
SET search_path = public
|
||||
LANGUAGE plpgsql
|
||||
AS $$
|
||||
DECLARE
|
||||
v_items JSONB;
|
||||
BEGIN
|
||||
-- 1. 权限检查
|
||||
IF NOT EXISTS (
|
||||
SELECT 1 FROM public.ak_users
|
||||
WHERE auth_id = auth.uid() AND role IN ('admin', 'analytics')
|
||||
) THEN
|
||||
RAISE EXCEPTION 'Permission denied';
|
||||
END IF;
|
||||
|
||||
-- 2. 最小可用:按 unknown 聚合(排除已取消)
|
||||
SELECT jsonb_agg(t) INTO v_items
|
||||
FROM (
|
||||
SELECT
|
||||
'unknown'::text AS source,
|
||||
COUNT(*) FILTER (WHERE o.order_status != 5) AS order_count,
|
||||
COALESCE(SUM(o.total_amount) FILTER (WHERE o.order_status != 5), 0) AS total_amount
|
||||
FROM public.ml_orders o
|
||||
WHERE o.created_at >= p_start_time
|
||||
AND o.created_at <= p_end_time
|
||||
) t;
|
||||
|
||||
RETURN COALESCE(v_items, '[]'::jsonb);
|
||||
END;
|
||||
$$;
|
||||
60
docs/sql/30_rpc/order/rpc_admin_order_stats_v1.sql
Normal file
60
docs/sql/30_rpc/order/rpc_admin_order_stats_v1.sql
Normal file
@@ -0,0 +1,60 @@
|
||||
-- =====================================================================================
|
||||
-- Admin 订单统计 - 核心 KPI 汇总 RPC
|
||||
-- 位置:docs/sql/30_rpc/order/
|
||||
-- 对象类型:RPC 函数(SECURITY DEFINER)
|
||||
-- 版本:v1
|
||||
-- 说明:获取指定时间段内的订单量、销售额、退款数及退款金额
|
||||
-- =====================================================================================
|
||||
|
||||
CREATE OR REPLACE FUNCTION public.rpc_admin_order_stats(
|
||||
p_start_time TIMESTAMPTZ,
|
||||
p_end_time TIMESTAMPTZ
|
||||
)
|
||||
RETURNS JSONB
|
||||
SECURITY DEFINER
|
||||
SET search_path = public
|
||||
LANGUAGE plpgsql
|
||||
AS $$
|
||||
DECLARE
|
||||
v_order_count BIGINT;
|
||||
v_total_amount DECIMAL(12,2);
|
||||
v_refund_count BIGINT;
|
||||
v_refund_amount DECIMAL(12,2);
|
||||
BEGIN
|
||||
-- 1. 权限检查
|
||||
IF NOT EXISTS (
|
||||
SELECT 1 FROM public.ak_users
|
||||
WHERE auth_id = auth.uid() AND role IN ('admin', 'analytics')
|
||||
) THEN
|
||||
RAISE EXCEPTION 'Permission denied';
|
||||
END IF;
|
||||
|
||||
-- 2. 统计订单汇总(不含已取消)
|
||||
SELECT
|
||||
COUNT(*),
|
||||
COALESCE(SUM(total_amount), 0)
|
||||
INTO v_order_count, v_total_amount
|
||||
FROM public.ml_orders
|
||||
WHERE created_at >= p_start_time
|
||||
AND created_at <= p_end_time
|
||||
AND order_status != 5; -- 5: 已取消
|
||||
|
||||
-- 3. 统计退款汇总
|
||||
-- 注意:这里基于 ml_orders 的 payment_status 或 order_status 判断已退款
|
||||
SELECT
|
||||
COUNT(*),
|
||||
COALESCE(SUM(discount_amount), 0) -- 暂时用这个,若有真实退款金额字段请替换
|
||||
INTO v_refund_count, v_refund_amount
|
||||
FROM public.ml_orders
|
||||
WHERE created_at >= p_start_time
|
||||
AND created_at <= p_end_time
|
||||
AND order_status IN (6, 7); -- 6: 退款中, 7: 已退款
|
||||
|
||||
RETURN jsonb_build_object(
|
||||
'order_count', v_order_count,
|
||||
'total_amount', v_total_amount,
|
||||
'refund_count', v_refund_count,
|
||||
'refund_amount', v_refund_amount
|
||||
);
|
||||
END;
|
||||
$$;
|
||||
52
docs/sql/30_rpc/order/rpc_admin_order_trend_v1.sql
Normal file
52
docs/sql/30_rpc/order/rpc_admin_order_trend_v1.sql
Normal file
@@ -0,0 +1,52 @@
|
||||
-- =====================================================================================
|
||||
-- Admin 订单统计 - 趋势统计 RPC
|
||||
-- 位置:docs/sql/30_rpc/order/
|
||||
-- 对象类型:RPC 函数(SECURITY DEFINER)
|
||||
-- 版本:v1
|
||||
-- 说明:按天聚合指定时间范围内的订单量/销售额/退款量/退款金额
|
||||
-- =====================================================================================
|
||||
|
||||
CREATE OR REPLACE FUNCTION public.rpc_admin_order_trend(
|
||||
p_start_time TIMESTAMPTZ,
|
||||
p_end_time TIMESTAMPTZ,
|
||||
p_group_by TEXT DEFAULT 'day'
|
||||
)
|
||||
RETURNS JSONB
|
||||
SECURITY DEFINER
|
||||
SET search_path = public
|
||||
LANGUAGE plpgsql
|
||||
AS $$
|
||||
DECLARE
|
||||
v_items JSONB;
|
||||
BEGIN
|
||||
-- 1. 权限检查
|
||||
IF NOT EXISTS (
|
||||
SELECT 1 FROM public.ak_users
|
||||
WHERE auth_id = auth.uid() AND role IN ('admin', 'analytics')
|
||||
) THEN
|
||||
RAISE EXCEPTION 'Permission denied';
|
||||
END IF;
|
||||
|
||||
-- 2. 目前仅支持 day
|
||||
IF p_group_by IS NULL OR p_group_by != 'day' THEN
|
||||
RAISE EXCEPTION 'Unsupported group_by';
|
||||
END IF;
|
||||
|
||||
SELECT jsonb_agg(t) INTO v_items
|
||||
FROM (
|
||||
SELECT
|
||||
to_char(date_trunc('day', o.created_at), 'YYYY-MM-DD') AS date_group,
|
||||
COUNT(*) FILTER (WHERE o.order_status != 5) AS order_count,
|
||||
COALESCE(SUM(o.total_amount) FILTER (WHERE o.order_status != 5), 0) AS total_amount,
|
||||
COUNT(*) FILTER (WHERE o.order_status IN (6, 7)) AS refund_count,
|
||||
COALESCE(SUM(o.discount_amount) FILTER (WHERE o.order_status IN (6, 7)), 0) AS refund_amount
|
||||
FROM public.ml_orders o
|
||||
WHERE o.created_at >= p_start_time
|
||||
AND o.created_at <= p_end_time
|
||||
GROUP BY date_trunc('day', o.created_at)
|
||||
ORDER BY date_trunc('day', o.created_at) ASC
|
||||
) t;
|
||||
|
||||
RETURN COALESCE(v_items, '[]'::jsonb);
|
||||
END;
|
||||
$$;
|
||||
@@ -31,13 +31,13 @@
|
||||
<text>全部</text>
|
||||
<view class="arrow-down"></view>
|
||||
</view>
|
||||
<input class="search-input" placeholder="请输入" />
|
||||
<input class="search-input" placeholder="请输入" v-model="searchText" @confirm="handleQuery" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-row">
|
||||
<button class="btn btn-primary">查询</button>
|
||||
<button class="btn btn-default">重置</button>
|
||||
<button class="btn btn-primary" @click="handleQuery">查询</button>
|
||||
<button class="btn btn-default" @click="handleReset">重置</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -50,10 +50,9 @@
|
||||
:key="index"
|
||||
class="tab-item"
|
||||
:class="{ active: activeTab === index }"
|
||||
@click="activeTab = index"
|
||||
@click="handleTabChange(index)"
|
||||
>
|
||||
<text class="tab-text">{{ tab.name }}</text>
|
||||
<text v-if="tab.count" class="tab-count">({{ tab.count }})</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -82,47 +81,52 @@
|
||||
</view>
|
||||
|
||||
<view class="tbody">
|
||||
<view v-for="(item, index) in orderData" :key="index" class="tr">
|
||||
<view v-if="loading" class="table-loading" style="padding: 40px; text-align: center;">
|
||||
<text>加载中...</text>
|
||||
</view>
|
||||
<view v-else-if="orderData.length === 0" class="table-empty" style="padding: 40px; text-align: center;">
|
||||
<text>暂无订单数据</text>
|
||||
</view>
|
||||
<view v-else v-for="(item, index) in orderData" :key="index" class="tr">
|
||||
<view class="td col-check">
|
||||
<checkbox :checked="false" color="#1890ff" />
|
||||
</view>
|
||||
<!-- 订单号|类型 -->
|
||||
<view class="td col-order">
|
||||
<text class="order-sn">{{ item.sn }}</text>
|
||||
<text class="order-type" :class="item.typeColor">[{{ item.typeName }}]</text>
|
||||
<text v-if="item.cancelStatus" class="cancel-text">{{ item.cancelStatus }}</text>
|
||||
<text class="order-sn">{{ item.order_no }}</text>
|
||||
<text class="order-type blue">[普通订单]</text>
|
||||
</view>
|
||||
<!-- 商品信息 -->
|
||||
<view class="td col-product">
|
||||
<view class="product-info-wrap">
|
||||
<image class="p-img" :src="item.product.img" mode="aspectFill" />
|
||||
<text class="p-name">{{ item.product.name }}</text>
|
||||
<image class="p-img" :src="item.first_item_summary?.image_url" mode="aspectFill" />
|
||||
<text class="p-name">{{ item.first_item_summary?.product_name || '多商品订单' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 用户信息 -->
|
||||
<view class="td col-user">
|
||||
<text class="u-info">{{ item.user.phone }} | {{ item.user.id }}</text>
|
||||
<text class="u-info">{{ item.buyer_name }} | {{ item.buyer_phone }}</text>
|
||||
</view>
|
||||
<!-- 实际支付 -->
|
||||
<view class="td col-price">
|
||||
<text class="price-val">{{ item.actualPrice }}</text>
|
||||
<text class="price-val">¥{{ item.total_amount }}</text>
|
||||
</view>
|
||||
<!-- 支付方式 -->
|
||||
<view class="td col-pay">
|
||||
<text class="pay-text">{{ item.payMethod }}</text>
|
||||
<text class="pay-text">余额支付</text>
|
||||
</view>
|
||||
<!-- 支付时间 -->
|
||||
<view class="td col-time">
|
||||
<text class="time-text">{{ item.payTime }}</text>
|
||||
<text class="time-text">{{ item.paid_at || '-' }}</text>
|
||||
</view>
|
||||
<!-- 订单状态 -->
|
||||
<view class="td col-status">
|
||||
<text class="status-text">{{ item.statusName }}</text>
|
||||
<text class="status-text">{{ getStatusName(item.order_status) }}</text>
|
||||
</view>
|
||||
<!-- 操作 -->
|
||||
<view class="td col-op">
|
||||
<view class="op-links">
|
||||
<text class="op-link primary" v-if="item.primaryAction">{{ item.primaryAction }}</text>
|
||||
<text class="op-link primary">详情</text>
|
||||
<view class="op-link-more">
|
||||
<text class="more-text">更多</text>
|
||||
<view class="arrow-down-blue"></view>
|
||||
@@ -132,93 +136,122 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 分页区域 -->
|
||||
<view class="pagination-row" style="padding: 16px 20px;">
|
||||
<text class="total-text">共 {{ total }} 条</text>
|
||||
<view class="page-btns">
|
||||
<view class="page-btn" :class="{ disabled: page <= 1 }" @click="prevPage"><text>‹</text></view>
|
||||
<view class="page-btn active"><text>{{ page }}</text></view>
|
||||
<view class="page-btn" :class="{ disabled: page >= totalPages }" @click="nextPage"><text>›</text></view>
|
||||
</view>
|
||||
<view class="page-jump">
|
||||
<text>前往</text>
|
||||
<input class="jump-input" v-model="jumpPage" type="number" @confirm="goToJumpPage" />
|
||||
<text>页</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
import { ref } from 'vue'
|
||||
import { ref, onMounted, computed } from 'vue'
|
||||
import { fetchOrderPage } from '@/services/orderService.uts'
|
||||
|
||||
const activeTab = ref(2) // 默认选中待发货或待核销(手动对齐截图)
|
||||
const activeTab = ref(0)
|
||||
const searchText = ref('')
|
||||
const total = ref(0)
|
||||
const orderData = ref<any[]>([])
|
||||
const loading = ref(false)
|
||||
const page = ref(1)
|
||||
const pageSize = ref(15)
|
||||
const jumpPage = ref('')
|
||||
|
||||
const statusTabs = [
|
||||
{ name: '全部', count: null },
|
||||
{ name: '待支付', count: 793 },
|
||||
{ name: '待发货', count: 3695 },
|
||||
{ name: '待核销', count: null },
|
||||
{ name: '待收货', count: null },
|
||||
{ name: '待评价', count: null },
|
||||
{ name: '已完成', count: null },
|
||||
{ name: '已退款', count: null },
|
||||
{ name: '已删除', count: null }
|
||||
{ name: '全部', value: null as number | null },
|
||||
{ name: '待付款', value: 1 as number | null },
|
||||
{ name: '待发货', value: 2 as number | null },
|
||||
{ name: '待收货', value: 3 as number | null },
|
||||
{ name: '已完成', value: 4 as number | null },
|
||||
{ name: '已取消', value: 5 as number | null },
|
||||
{ name: '退款中', value: 6 as number | null },
|
||||
{ name: '已退款', value: 7 as number | null }
|
||||
]
|
||||
|
||||
const orderData = ref([
|
||||
{
|
||||
sn: 'cp541336970228400128',
|
||||
typeName: '秒杀订单',
|
||||
typeColor: 'blue',
|
||||
cancelStatus: '用户已取消',
|
||||
product: {
|
||||
img: 'https://img.crmeb.com/crmeb_demo/75211.png',
|
||||
name: '爱奇艺智能 奇遇LT01 投影仪 家用卧室 超高清手机便携投影机 (4K超清 支持...'
|
||||
},
|
||||
user: { phone: '188****4074', id: '82694' },
|
||||
actualPrice: '未支付',
|
||||
payMethod: '--',
|
||||
payTime: '--',
|
||||
statusName: '未支付',
|
||||
primaryAction: ''
|
||||
},
|
||||
{
|
||||
sn: 'cp541289248708362240',
|
||||
typeName: '核销订单',
|
||||
typeColor: 'purple',
|
||||
cancelStatus: '',
|
||||
product: {
|
||||
img: 'https://img.crmeb.com/crmeb_demo/75211.png',
|
||||
name: '阿迪达斯官网 adidas BBALL CAP COT 男女训练运动帽子FQ5270 传奇墨水...'
|
||||
},
|
||||
user: { phone: '你就给', id: '82703' },
|
||||
actualPrice: '90.1',
|
||||
payMethod: '余额支付',
|
||||
payTime: '2026-02-02 16:10:17',
|
||||
statusName: '未核销',
|
||||
primaryAction: '立即核销'
|
||||
},
|
||||
{
|
||||
sn: 'cp541268226856714240',
|
||||
typeName: '普通订单',
|
||||
typeColor: 'green',
|
||||
cancelStatus: '',
|
||||
product: {
|
||||
img: 'https://img.crmeb.com/crmeb_demo/75211.png',
|
||||
name: 'UR2024夏季新款女装复古纯欲氛围感一字肩短款T恤衫UWG440060'
|
||||
},
|
||||
user: { phone: '王毅不睡了', id: '82689' },
|
||||
actualPrice: '未支付',
|
||||
payMethod: '--',
|
||||
payTime: '--',
|
||||
statusName: '未支付',
|
||||
primaryAction: '编辑'
|
||||
},
|
||||
{
|
||||
sn: 'cp541262080745930752',
|
||||
typeName: '秒杀订单',
|
||||
typeColor: 'blue',
|
||||
cancelStatus: '',
|
||||
product: {
|
||||
img: 'https://img.crmeb.com/crmeb_demo/75211.png',
|
||||
name: '爱奇艺智能 奇遇LT01 投影仪 家用卧室 超高清手机便携投影机 (4K超清 支持...'
|
||||
},
|
||||
user: { phone: '177****8361', id: '82697' },
|
||||
actualPrice: '未支付',
|
||||
payMethod: '--',
|
||||
payTime: '--',
|
||||
statusName: '未支付',
|
||||
primaryAction: '编辑'
|
||||
const totalPages = computed((): number => {
|
||||
if (pageSize.value <= 0) return 1
|
||||
return Math.ceil(total.value / pageSize.value)
|
||||
})
|
||||
|
||||
const loadOrders = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const res = await fetchOrderPage(
|
||||
page.value,
|
||||
pageSize.value,
|
||||
statusTabs[activeTab.value].value,
|
||||
searchText.value || null
|
||||
)
|
||||
|
||||
orderData.value = res.items
|
||||
total.value = res.total
|
||||
} catch (e) {
|
||||
uni.showToast({ title: '加载订单失败', icon: 'none' })
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
])
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
loadOrders()
|
||||
})
|
||||
|
||||
const handleQuery = () => {
|
||||
page.value = 1
|
||||
loadOrders()
|
||||
}
|
||||
|
||||
const handleReset = () => {
|
||||
searchText.value = ''
|
||||
page.value = 1
|
||||
loadOrders()
|
||||
}
|
||||
|
||||
const handleTabChange = (index: number) => {
|
||||
activeTab.value = index
|
||||
page.value = 1
|
||||
loadOrders()
|
||||
}
|
||||
|
||||
const prevPage = () => {
|
||||
if (page.value > 1) {
|
||||
page.value--
|
||||
loadOrders()
|
||||
}
|
||||
}
|
||||
|
||||
const nextPage = () => {
|
||||
if (page.value < totalPages.value) {
|
||||
page.value++
|
||||
loadOrders()
|
||||
}
|
||||
}
|
||||
|
||||
const goToJumpPage = () => {
|
||||
const targetPage = parseInt(jumpPage.value)
|
||||
if (!isNaN(targetPage) && targetPage >= 1 && targetPage <= totalPages.value) {
|
||||
page.value = targetPage
|
||||
loadOrders()
|
||||
jumpPage.value = ''
|
||||
} else {
|
||||
uni.showToast({ title: '页码无效', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
function getStatusName(status: number): string {
|
||||
const tab = statusTabs.find(t => t.value === status)
|
||||
return tab?.name ?? '未知'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
@@ -123,27 +123,43 @@
|
||||
import { ref, onMounted } from 'vue'
|
||||
import AdminLayout from '@/layouts/admin/AdminLayout.uvue'
|
||||
import EChartsView from '@/uni_modules/charts/EChartsView.vue'
|
||||
import { fetchOrderStats, fetchOrderTrend, fetchOrderSourceStats } from '@/services/orderService.uts'
|
||||
|
||||
const currentPage = ref<string>('order_statistic')
|
||||
|
||||
const title = ref<string>('订单统计')
|
||||
const trendOption = ref<any>({})
|
||||
const sourceOption = ref<any>({})
|
||||
const orderStats = ref<any>(null)
|
||||
|
||||
const orderTypeData = ref([
|
||||
{ name: '普通订单', amount: '430986.62', rate: '97.23' },
|
||||
{ name: '拼团订单', amount: '7127', rate: '1.60' },
|
||||
{ name: '预售订单', amount: '4835', rate: '1.09' },
|
||||
{ name: '秒杀订单', amount: '306', rate: '0.06' },
|
||||
{ name: '砍价订单', amount: '0', rate: '0.00' }
|
||||
{ name: '普通订单', amount: '0.00', rate: '0.00' }
|
||||
])
|
||||
|
||||
onMounted(() => {
|
||||
setTimeout(() => {
|
||||
initCharts()
|
||||
}, 300)
|
||||
loadAllData()
|
||||
})
|
||||
|
||||
async function loadAllData() {
|
||||
const endTime = new Date().toISOString()
|
||||
const startTime = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString()
|
||||
|
||||
try {
|
||||
// 1. 加载汇总数据
|
||||
orderStats.value = await fetchOrderStats(startTime, endTime)
|
||||
|
||||
// 2. 加载趋势数据
|
||||
const trendData = await fetchOrderTrend(startTime, endTime)
|
||||
initTrendChart(trendData)
|
||||
|
||||
// 3. 加载来源数据
|
||||
const sourceData = await fetchOrderSourceStats(startTime, endTime)
|
||||
initSourceChart(sourceData)
|
||||
} catch (e) {
|
||||
uni.showToast({ title: '加载统计数据失败', icon: 'none' })
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 转换 UTS 对象为纯 JS 对象,确保 ECharts 能正确解析
|
||||
*/
|
||||
@@ -170,12 +186,12 @@ function toPlainObject(obj: any): any {
|
||||
return plain
|
||||
}
|
||||
|
||||
function initCharts() {
|
||||
initTrendChart()
|
||||
initSourceChart()
|
||||
}
|
||||
function initSourceChart(data: any[]) {
|
||||
const chartData = data.map(item => ({
|
||||
name: item.source === 'unknown' ? '全渠道' : item.source,
|
||||
value: item.order_count
|
||||
}))
|
||||
|
||||
function initSourceChart() {
|
||||
const option = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
@@ -206,31 +222,19 @@ function initSourceChart() {
|
||||
labelLine: {
|
||||
show: true
|
||||
},
|
||||
data: [
|
||||
{ value: 1048, name: '公众号' },
|
||||
{ value: 735, name: '小程序' },
|
||||
{ value: 580, name: 'H5' },
|
||||
{ value: 484, name: 'PC' },
|
||||
{ value: 300, name: 'APP' }
|
||||
]
|
||||
data: chartData
|
||||
}
|
||||
]
|
||||
}
|
||||
sourceOption.value = toPlainObject(option)
|
||||
}
|
||||
|
||||
function initTrendChart() {
|
||||
const dates = [
|
||||
'01-04', '01-05', '01-06', '01-07', '01-08', '01-09', '01-10', '01-11', '01-12', '01-13',
|
||||
'01-14', '01-15', '01-16', '01-17', '01-18', '01-19', '01-20', '01-21', '01-22', '01-23',
|
||||
'01-24', '01-25', '01-26', '01-27', '01-28', '01-29', '01-30', '01-31', '02-01', '02-02'
|
||||
]
|
||||
|
||||
const orderAmount = [
|
||||
8000, 2000, 9000, 1000, 138000, 6000, 1000, 500, 800, 200,
|
||||
5000, 35000, 7000, 1000, 12000, 1000, 100000, 16000, 18000, 1000,
|
||||
1200, 1500, 68000, 1000, 10000, 2000, 4000, 8000, 2000, 1000
|
||||
]
|
||||
function initTrendChart(data: any[]) {
|
||||
const dates = data.map(item => item.date_group.substring(5))
|
||||
const orderAmounts = data.map(item => item.total_amount)
|
||||
const orderCounts = data.map(item => item.order_count)
|
||||
const refundAmounts = data.map(item => item.refund_amount)
|
||||
const refundCounts = data.map(item => item.refund_count)
|
||||
|
||||
const option = {
|
||||
tooltip: {
|
||||
@@ -275,25 +279,25 @@ function initTrendChart() {
|
||||
symbolSize: 6,
|
||||
itemStyle: { color: '#5b8ff9' },
|
||||
lineStyle: { width: 2 },
|
||||
data: orderAmount
|
||||
data: orderAmounts
|
||||
},
|
||||
{
|
||||
name: '订单量',
|
||||
type: 'line',
|
||||
itemStyle: { color: '#5ad8a6' },
|
||||
data: dates.map((_ : string) : number => Math.floor(Math.random() * 20))
|
||||
data: orderCounts
|
||||
},
|
||||
{
|
||||
name: '退款金额',
|
||||
type: 'line',
|
||||
itemStyle: { color: '#ff9d4d' },
|
||||
data: dates.map((_ : string) : number => 0)
|
||||
data: refundAmounts
|
||||
},
|
||||
{
|
||||
name: '退款订单量',
|
||||
type: 'line',
|
||||
itemStyle: { color: '#9270ca' },
|
||||
data: dates.map((_ : string) : number => 0)
|
||||
data: refundCounts
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,5 +1,33 @@
|
||||
import { rpcOrNull, rpcOrEmptyArray, rpcOrValue } from '@/services/analytics/rpc.uts'
|
||||
|
||||
export async function fetchOrderPage(
|
||||
page: number,
|
||||
pageSize: number,
|
||||
orderStatus: number | null = null,
|
||||
search: string | null = null,
|
||||
startTime: string | null = null,
|
||||
endTime: string | null = null
|
||||
): Promise<{ total: number; items: Array<any> }> {
|
||||
const res = await rpcOrNull('rpc_admin_order_list', {
|
||||
p_page: page,
|
||||
p_page_size: pageSize,
|
||||
p_order_status: orderStatus,
|
||||
p_search: search,
|
||||
p_start_time: startTime,
|
||||
p_end_time: endTime
|
||||
} as any)
|
||||
|
||||
if (res == null) return { total: 0, items: [] as Array<any> }
|
||||
|
||||
const anyTotal = (res as any).total
|
||||
const anyItems = (res as any).items
|
||||
|
||||
const total = typeof anyTotal === 'number' ? anyTotal : parseInt(String(anyTotal ?? '0'))
|
||||
const items = Array.isArray(anyItems) ? (anyItems as Array<any>) : ([] as Array<any>)
|
||||
|
||||
return { total, items }
|
||||
}
|
||||
|
||||
export async function fetchRefundOrderPage(
|
||||
page: number,
|
||||
pageSize: number,
|
||||
@@ -70,6 +98,22 @@ export async function fetchCashierOrderPage(
|
||||
return { total, items }
|
||||
}
|
||||
|
||||
export async function fetchOrderStats(startTime: string, endTime: string): Promise<any | null> {
|
||||
const res = await rpcOrNull('rpc_admin_order_stats', {
|
||||
p_start_time: startTime,
|
||||
p_end_time: endTime
|
||||
} as any)
|
||||
return res as any
|
||||
}
|
||||
|
||||
export async function fetchOrderTrend(startTime: string, endTime: string, groupBy: string = 'day'): Promise<Array<any>> {
|
||||
return (await rpcOrEmptyArray('rpc_admin_order_trend', {
|
||||
p_start_time: startTime,
|
||||
p_end_time: endTime,
|
||||
p_group_by: groupBy
|
||||
} as any)) as any
|
||||
}
|
||||
|
||||
export async function fetchOrderSourceStats(startTime: string, endTime: string): Promise<Array<any>> {
|
||||
return (await rpcOrEmptyArray('rpc_admin_order_source_stats', {
|
||||
p_start_time: startTime,
|
||||
|
||||
Reference in New Issue
Block a user