diff --git a/src/api/jarvis/marketingImage.js b/src/api/jarvis/marketingImage.js new file mode 100644 index 0000000..be13d64 --- /dev/null +++ b/src/api/jarvis/marketingImage.js @@ -0,0 +1,20 @@ +import request from '@/utils/request' + +// 生成单张营销图片 +export function generateMarketingImage(data) { + return request({ + url: '/jarvis/marketing-image/generate', + method: 'post', + data: data + }) +} + +// 批量生成营销图片 +export function batchGenerateMarketingImages(data) { + return request({ + url: '/jarvis/marketing-image/batch-generate', + method: 'post', + data: data + }) +} + diff --git a/src/views/system/marketing-image/index.vue b/src/views/system/marketing-image/index.vue new file mode 100644 index 0000000..157f127 --- /dev/null +++ b/src/views/system/marketing-image/index.vue @@ -0,0 +1,1067 @@ + + + + + + + 营销图片合成工具 + + + {{ showHelp ? '隐藏帮助' : '显示帮助' }} + + + + + + + + + 功能说明: + + 自动将商品主图和价格信息合成为营销对比图 + 支持单张生成和批量生成 + 输出尺寸:1080x1080(适合小红书等平台) + 支持从解析接口结果中快速导入商品信息 + + 使用步骤: + + 方式一:手动输入商品信息(图片URL、原价、到手价) + 方式二:从解析接口结果中导入(点击"从解析结果导入"按钮) + 点击"生成图片"按钮 + 预览生成的图片,可以下载或复制 + + + + + + + + + + + + + + + + 预览 + + + + + + + + 留空则系统自动提取关键部分 + + + + + + + + + + + + + + + + + + + + 生成图片 + + + 重置 + + + 从解析结果导入 + + + 调用解析接口 + + + + + + + + + + + 添加商品 + + + 从解析结果批量导入 + + + 调用解析接口 + + + 清空列表 + + + 批量生成 ({{ batchList.length }}) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 生成结果预览 ({{ previewImages.length }}) + + + + + + + + + + + + 下载 + + + 复制 + + + + + + {{ item.productName }} + + ¥{{ item.originalPrice }} + → + ¥{{ item.finalPrice }} + + + + + + + + + 下载全部 ({{ previewImages.length }}) + + + 清空预览 + + + + + + + + + + + + + + + + + + 示例: + https://u.jd.com/W17zHk2 199 +https://u.jd.com/W17zcSF 349 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ¥{{ scope.row.price }} + + + + + + + + + + + + + + + + 请先调用解析接口获取商品数据,然后才能导入 + + + + + + + + + + +
功能说明:
使用步骤:
示例:
https://u.jd.com/W17zHk2 199 +https://u.jd.com/W17zcSF 349