fix(shopGoods): 修复编辑弹窗视频裂图问题

- 新增 isVideo() 函数判断视频文件类型
- 编辑弹窗预览区域分支渲染，视频显示 <video> 组件
- 视频预览添加 PlayCircleOutlined 播放图标覆盖层
- 保持图片预览使用原有 <a-image> 组件
- 引入并使用 PlayCircleOutlined 图标组件

.workbuddy/memory/2026-07-12.md

@@ -76,3 +76,13 @@
 ### 验证
 - 前端 `vue-tsc --noEmit`：user/pending 两页无新增实质类型错误（残留均为项目既有噪音：$router、getPageTitle、TS6133 未使用、TS7053 导出数组索引）。
 - 后端落地核对：UserParam auditPending 字段=1、XML 两条件各=1，片段上下文正确。SELECT 用 `a.*` 会返回 `audit_status`（驼峰映射 auditStatus），列表标签正常。
+
+## 修复 shopGoods 编辑弹窗视频裂图问题
+
+`src/views/shop/shopGoods/components/shopGoodsEdit.vue` 商品图片(400x400) 预览区域：
+
+- **问题**：`form.image` 存视频 URL 时 `<a-image>` 组件无法渲染，显示裂图
+- **修复**：新增 `isVideo()` 函数（通过扩展名 .mp4/.webm/.mov 等判断），模板分两个分支：
+  - 视频 → `<video preload="metadata">` + PlayCircleOutlined 播放图标覆盖层（100×100 深色背景圆角）
+  - 图片 → 原有 `<a-image>` 不变
+- 新增 `PlayCircleOutlined` 图标 import