feat(shopOrder): 支持订单商品图片OSS压缩及新增支付方式
- 新增utils/image.ts,提供图片URL补全及OSS压缩参数拼接功能 - 订单列表商品图片列改为使用压缩后图片URL,提高加载性能 - shopOrder相关支付类型注释更新,新增银联支付、POS机支付等多种方式 - 更新支付组件及订单信息界面,新增并显示银联支付、POS机支付、免费、积分支付、货到付款等支付标签 - 订单支付状态标签支持区分“已付款”和“待收货付款”状态 - shopOrder数据model中支付类型及代付类型描述同步更新 - 修复shop utils中payType标签获取的边界条件错误 - 注释掉dashboard待办事项中优惠券使用项,暂停显示该统计数据
This commit is contained in:
@@ -34,3 +34,16 @@
|
||||
### 订单新订单语音提醒同步刷新
|
||||
- `src/views/shop/shopOrder/useOrderNotify.ts` 增加 `onNewOrder` 回调参数,检测到新订单触发提醒(叮声+语音)时同时调用回调。
|
||||
- `src/views/shop/shopOrder/index.vue` 调用 `useOrderNotify({ onNewOrder: () => reload() })`,使新订单提醒时自动刷新表格数据,保持数据同步。
|
||||
|
||||
## 2026-07-14 订单列表商品图片接入 OSS 压缩
|
||||
|
||||
### 改动内容
|
||||
- 参考 `/Users/gxwebsoft/VUE/xinlong-shop-taro/src/utils/image.ts`,在管理后台新增 `src/utils/image.ts`:
|
||||
- `ensureFullUrl(url)`:补全 OSS 域名为完整 URL
|
||||
- `getCompressedImageUrl(url, options?)`:拼接 `x-oss-process=image/resize,w_${width}/quality,Q_${quality}` 压缩参数
|
||||
- `src/views/shop/shopOrder/index.vue`:
|
||||
- 引入 `getCompressedImageUrl`
|
||||
- 订单列表商品图片列 `<a-avatar :src="item.image" />` 改为 `<a-avatar :src="getCompressedImageUrl(item.image)" />`
|
||||
|
||||
### 待办
|
||||
- 用户提到后端也需要此方法,但当前工作区只有前端代码,后端实现需在后端项目补充。
|
||||
|
||||
Reference in New Issue
Block a user