feat(shopOrder): 添加订单商品明细展开功能并优化订单状态显示

- 在订单列表中增加商品明细的展开/收起功能,默认显示2条商品信息
- 支持点击“展开全部 N 件”切换显示全部或折叠商品明细
- 优化订单状态栏支付状态、发货状态、开票状态及操作按钮中的分隔线统一风格
- 将shop/dashboard运行天数改为基于租户创建时间,而非订阅生效时间,保证准确性
- 调整订单列表表格列宽及显示顺序,改善界面布局和信息展示
- 注释和代码格式微调,删除无用的组件显示及注释代码,提升代码整洁度
- 修复了部分变量定义和模板标签排版,完善代码可维护性
This commit is contained in:
2026-07-29 00:44:54 +08:00
parent 4ab90c9d89
commit e87e60fd6a
5 changed files with 795 additions and 784 deletions

View File

@@ -4,3 +4,21 @@
- 文件:`src/views/shop/shopOrder/index.vue``column.key === 'action'` 操作列模板。
- 改动:原本操作列按钮只用 `<a-space>` 包裹、无分隔线;现按 `shop/shopGoods` 的写法,在「详情」与各条件块之间、以及块内多个按钮之间加入 `<a-divider type="vertical" />`
- 分隔线放在各 `<template v-if>` 条件块内部,仅当对应操作出现时才渲染,避免多余竖线。
## 订单列表商品明细展开/收起(方案一已落地)
- 文件:`src/views/shop/shopOrder/index.vue`
- 需求:商品明细较多时列表行被撑高,加「展开/收起」。采用方案一(单元格内展开),已确认执行。
- 实现:
- 新增 `expandedOrderIds: ref<Set<string>>`(用 `String(record.orderId)` 作 key因 orderId 为 number|undefined
- 新增 `collapsedGoodsCount = 2``isOrderGoodsExpanded(record)``toggleOrderGoodsExpanded(record)`
- 改写 `column.key === 'orderGoods'` 模板:默认 `record.orderGoods.slice(0, 2)`,超过 2 件显示「展开全部 N 件」,点击切换,展开后文案变「收起」。
- 类型检查:`vue-tsc --noEmit` 仅有的 3 处报错line 2 `$router`/page-header、line 696/734 未用变量)均为项目既有,与本次改动无关。
## shop/dashboard 运行天数改为取租户创建时间
- 文件:`src/views/shop/dashboard/index.vue`
- 需求:/dashboard 的"运行天数"要改用「租户创建时间」而不是订阅生效时间。
- 现状调查:
- `cms/dashboard`(站点控制台,标题"系统运行天数")已在提交 894592c 改为 `getTenantInfo().createTime`(租户创建时间),已是目标行为。
- `shop/dashboard`(商城后台,标签"运行天数")原用 `currentSubscription.startTime`(订阅生效时间)。
- 改动:将 shop/dashboard 的 `runDays` computed 改为取 `tenantStore.company?.createTime`loadData 已 `tenantStore.fetchTenantInfo()` 写入 company。同步更新顶部数据来源注释。
- 数据源说明:`getTenantInfo()` 返回 `Company`,其 `createTime` 字段即租户创建时间(`src/api/system/company/model/index.ts` line 164`site.ts``runDays` getter 仍用 `siteInfo.createTime`(站点创建时间),目前 cms/dashboard 已不依赖它。