style(shopGoodsBrowse): 移除商品名称列的居中对齐

- 删除了商品名称列中多余的 align: 'center' 属性
- 保持了 ellipsis 属性以支持文本省略显示
- 优化了表格列的展示样式一致性
This commit is contained in:
2026-07-15 18:55:37 +08:00
parent ace46ffea6
commit 5b5bb3b0e5
4 changed files with 127 additions and 16 deletions

View File

@@ -166,3 +166,41 @@
- 「系统运行」加 `a-tooltip title="自您首次开通小程序商城起"`(用户要求)。
- 数据流复用:`loadSubscriptionInfo()` 原本就调 `getProductDetail(65)` 填充 `currentProduct`,无需新增接口调用。
- 类型校验vue-tsc 对 `shop/dashboard/index.vue` 行级错误 0 条cms 那批历史错误与本次无关。
## Dashboard 到期时间续费功能 + 标签矛盾修复
- 背景dashboard「到期时间」行原先在订阅已过期时同时显示绿色「已激活」标签 + 「(已过期)」红字,状态自相矛盾;且即将到期/已过期时无续费入口(用户反馈"没有按钮呢")。
- 改动 `src/views/shop/dashboard/index.vue`
- 标签动态化:`a-tag :color="isExpired ? 'red' : 'green'"`,文案 `已过期/已激活`已过期时显示「已过期N天」。
- 新增续费按钮:`showRenewButton``daysToExpire <= 7` 即即将到期或已过期时显示),点击 `onRenew`
- 复用订阅 Modal新增 `subscribeMode`'subscribe'|'renew'+ `renewing` 状态Modal 的 title/okText/confirm-loading/@ok 按 mode 动态切换;免费应用 alert 文案也按 mode 区分。
- `confirmRenew``subscriptionStore.renew(sub.id, selectedPeriod)`POST /app/subscription/renew/{id}?period=month|year成功后 `refreshSubscription()`
- `onSubscribe` 补设 `subscribeMode='subscribe'`
- 续费 API 语义:`renewSubscription` 返回 string同步完成疑似余额扣款/免费续期)。若后端续费需走微信扫码支付,需改为返回支付二维码结构并接 pay 流程——待后端确认。
- 关键字段再确认(用户):开始时间用 `appSubscription.startTime`,到期时间用 `appSubscription.expireTime`daysToExpire 与 `dayjs()`(浏览器本地时间)对比。
## Dashboard 续费改走 subscribe+pay 扫码(后端 renew 接口未实现)
- 触发:用户截图显示 `POST /api/app/subscription/renew/90` 返回 404确认后端没有实现 renew 接口。
- 方案:续费不再调 `store.renew` / `renewSubscription`,改为复用现有 `subscribe + pay` 扫码支付链路(与首次订阅完全一致)。后端 subscribe 对已有 active 订阅会处理续期/创建新记录。
- 改动 `src/views/shop/dashboard/index.vue``confirmRenew`
- 删掉 `await subscriptionStore.renew(sub.id, ...)` 改为 `subscribe({ productId, subscriptionPeriod })`
- 免费应用走 `subResult.status === 'active'` 分支,提示「续费成功」并刷新。
- 付费应用走 `pay(subscriptionId, 'wechat', envVersion)` → 拿到 `miniappQrcode` → 弹支付 Modal + `startPolling`
- `payProductName` fallback 文案改为「应用续费」(与订阅的「应用订阅」区分)。
- `onRenew` 入口、`subscribeMode='renew'`、续费 Modal title/按钮复用不变UI 上用户感知不到底层调的是 subscribe。
- 教训/记录:调后端接口前最好先确认接口是否真实存在;前端 `api/app/appSubscription/index.ts``renewSubscription` 函数可保留(防止后端后续补上接口),但 dashboard 暂不调用。
## Dashboard 续费最终定稿方案1 renew+pay前端已就绪等后端实现
- 触发:上一步用 subscribe 走续费后端返回「您已订阅该应用无需重复购买」——subscribe 对已有 active 订阅是拒绝的,续费不能复用 subscribe。
- 定稿方案用户确认方案1 —— 后端实现 `/renew/{id}?period=xxx` 返回 `SubscribeResult`(含 subscriptionId前端再调 `pay` 生成小程序码。与 subscribe+pay 对称,职责清晰。
- 三处改动(前端已全部就绪,等后端补 renew 接口即可联调通):
1. `src/api/app/appSubscription/index.ts` `renewSubscription`:返回类型 `string``SubscribeResult`;取 `res.data.data`(原取 `res.data.message`)。
2. `src/store/modules/appSubscription.ts` `renew`:返回类型 `string``SubscribeResult`,返回 result 而非 msg。
3. `src/views/shop/dashboard/index.vue` `confirmRenew`:改回调 `subscriptionStore.renew(sub.id, period)``renewResult` → 免费(status=active)直接成功;付费走 `pay(renewResult.subscriptionId, 'wechat', envVersion)` → 弹码 + `startPolling`。与 confirmSubscribe 完全对称,仅第一步 subscribe→renew、传 sub.id 而非 productId。
- **后端接口约定(待实现)**`POST /api/app/subscription/renew/{id}?period=month|year`
- 入参id=原订阅IDperiod=month/year
- 逻辑:校验原订阅归属 → 创建 pending 续费记录startTime=原expireTime或nowexpireTime=新到期)→ 返回 `{ subscriptionId, subscriptionNo, status, message, payPrice?, orderNo? }`(同 SubscribeResult
- 前端拿到后调 `pay/{subscriptionId}` 生成微信小程序码,与订阅流程一致
- 续费按钮触发条件不变:`showRenewButton`daysToExpire<=7即将到期或已过期