feat(admin): implement order management and statistics with real database integration

This commit is contained in:
comlibmb
2026-02-10 21:59:30 +08:00
parent 47968565a5
commit 1d9915cd77
9 changed files with 567 additions and 129 deletions

View 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`

View 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 $$;

View 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;
$$;

View 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;
$$;

View 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;
$$;

View 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;
$$;

View File

@@ -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">

View File

@@ -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
}
]
}

View File

@@ -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,