Files
GEAR-OA/gear-ui3/src/views/sale/contact/templates/product.js
JR a8b0206cce feat(oa): 添加知识管理和邮件功能模块
- 新增知识分类和知识文章的完整CRUD接口- 实现知识文章预览组件,支持富文本和附件展示
- 添加动态邮件配置功能,支持多种邮箱类型自动识别
- 实现邮件模板管理功能,提供多种商务邮件模板- 添加邮件发送功能,支持批量发送和附件上传
- 完善邮件工具类,支持富文本、附件和内嵌图片发送- 新增发件人邮箱账号管理功能
- 添加家具信息管理相关接口- 配置默认邮件服务参数
2025-10-22 22:36:10 +08:00

94 lines
5.3 KiB
JavaScript

/**
* 产品介绍邮件模板
* 适用于产品展示、新品发布等场景
*/
export const productTemplate = {
name: "产品介绍模板",
description: "现代化的产品展示邮件模板,适合产品介绍和新品发布",
category: "product",
html: `
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<!-- 头部横幅 -->
<tr>
<td style="background: linear-gradient(45deg, #ff6b6b, #4ecdc4); padding: 40px 30px; text-align: center;">
<h1 style="color: white; margin: 0; font-size: 32px; font-weight: 600; font-family: Arial, sans-serif;">产品展示</h1>
<p style="color: rgba(255,255,255,0.9); margin: 15px 0 0 0; font-size: 18px; font-family: Arial, sans-serif;">Product Showcase</p>
</td>
</tr>
<!-- 主要内容 -->
<tr>
<td style="padding: 40px 30px; background-color: #ffffff;">
<!-- 产品介绍 -->
<div style="margin-bottom: 40px;">
<h2 style="color: #2c3e50; font-size: 26px; margin-bottom: 25px; text-align: center; font-family: Arial, sans-serif;">
🚀 产品特色
</h2>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; margin-bottom: 30px;">
<tr>
<td style="padding: 25px; color: white;">
<h3 style="margin: 0 0 15px 0; font-size: 20px; font-family: Arial, sans-serif;">✨ 核心优势</h3>
<ul style="margin: 0; padding-left: 20px; line-height: 1.8; font-family: Arial, sans-serif;">
<li>高质量材料,确保产品耐用性</li>
<li>创新设计,满足现代审美需求</li>
<li>环保认证,符合国际标准</li>
<li>专业服务,全程技术支持</li>
</ul>
</td>
</tr>
</table>
<!-- 邮件正文内容 -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #f8f9fa; border-radius: 8px; border-left: 4px solid #4ecdc4;">
<tr>
<td style="padding: 25px;">
<h3 style="color: #2c3e50; margin: 0 0 15px 0; font-size: 18px; font-family: Arial, sans-serif;">📧 详细信息</h3>
<div style="line-height: 1.8; color: #555; font-size: 16px; font-family: Arial, sans-serif;">
</div>
</td>
</tr>
</table>
</div>
<!-- 产品图片展示区域 -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #ecf0f1; border-radius: 8px; margin-bottom: 30px;">
<tr>
<td style="padding: 25px;">
<h3 style="color: #2c3e50; margin: 0 0 20px 0; font-size: 20px; text-align: center; font-family: Arial, sans-serif;">📸 产品展示</h3>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="width: 50%; padding-right: 7px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background: white; border-radius: 6px;">
<tr>
<td style="padding: 15px; text-align: center;">
<div style="width: 60px; height: 60px; background: linear-gradient(45deg, #ff6b6b, #4ecdc4); border-radius: 50%; margin: 0 auto 10px; display: inline-block; line-height: 60px; font-size: 24px; color: white;">🏠</div>
<h4 style="margin: 0 0 5px 0; color: #2c3e50; font-family: Arial, sans-serif;">家居系列</h4>
<p style="margin: 0; color: #7f8c8d; font-size: 14px; font-family: Arial, sans-serif;">现代简约风格</p>
</td>
</tr>
</table>
</td>
<td style="width: 50%; padding-left: 7px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background: white; border-radius: 6px;">
<tr>
<td style="padding: 15px; text-align: center;">
<div style="width: 60px; height: 60px; background: linear-gradient(45deg, #667eea, #764ba2); border-radius: 50%; margin: 0 auto 10px; display: inline-block; line-height: 60px; font-size: 24px; color: white;">🛋️</div>
<h4 style="margin: 0 0 5px 0; color: #2c3e50; font-family: Arial, sans-serif;">办公系列</h4>
<p style="margin: 0; color: #7f8c8d; font-size: 14px; font-family: Arial, sans-serif;">专业办公环境</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
`
};
export default productTemplate;