ludan
e3b48e2614
本次修改全面打磨电商图片工作台的记录详情体验，主要包含以下变更： 一、记录详情对话面板（EcommercePage.tsx）： - 将记录详情中的"需求"区域重构为聊天对话式布局： · 历史需求消息：展示原始需求文本、参数元信息（平台/语种/比例/设置）、已上传素材缩略图 · 新增跟进需求消息(is-followup)：若当前素材与历史记录不同，自动展示新上传素材及当前参数配置 · AI 回复消息保持原有状态展示 - 记录详情中素材上传数量上限从 7 张提升至 20 张(maxCloneProductImages) - 上传按钮重构：移至素材列表左侧，显示当前数量/上限，满额时禁用并提示"已满" 二、触摸与手势交互： - 新增 PreviewTouchGesture 完整手势系统： · 单指平移(pan)：支持触摸拖拽预览画布 · 双指缩放(pinch)：以双指中心为锚点进行缩放，范围 0.25x-2x · 自动排除交互元素（按钮/输入框/链接等）避免冲突 · 智能切换：单指/双指模式无缝切换 - 画布节点触摸拖拽(canvas node drag)： · 支持触摸拖拽移动生成结果节点 · 考虑当前缩放级别计算位移 · 与预览画布手势互不干扰 三、记录详情页视觉升级（ecommerce-standalone.css）： - 整体背景采用径向渐变+线性渐变，营造专业 SaaS 质感 - 对话面板与历史面板统一采用毛玻璃卡片风格 - 聊天消息气泡：圆角 18px、柔和投影、用户消息左侧缩进 18px - 历史面板宽度固定 292px - CSS 自定义属性体系(record-detail-*)统一管理颜色和阴影 - 面板头部加高加粗标题，优化可读性 四、其他细节优化： - 历史刷新按钮图标从文本符号改为 ReloadOutlined 组件 - 素材缩略图移除 hover 放大镜效果(.ecom-command-asset-zoom) - 刷新按钮禁用样式完善 变更文件： - src/features/ecommerce/EcommercePage.tsx (+246/-11) - src/styles/ecommerce-standalone.css (+1369)