电子券券类型图
顾客在小程序里领券时，看到的是券的样子而不是一串数字。电子券类型窗口里的「券类型图」页签就是用来上传这张图的：给某个券类别配一张图，小程序的领券界面、卡券中心就按这张图展示；没有配图的券仍按原来的方式显示金额。本文说明图片的规格要求、上传与删除操作，以及配图后需要联动的投放规则和商城图片。
功能路径：系统菜单 → 零售POS → 电子券管理 → 电子券类型 → 「券类型图」页签
一、功能概述
1. 核心用途
- 提升领券转化：券面上直接放产品图或活动主视觉，比单纯显示面额更直观；
- 区分同面额券：几张券面值相同但用途不同时，靠图片区分；
- 配合节日活动：中秋、店庆等主题券用统一视觉，顾客一眼认出。
2. 显示规则
| 券类别状态 | 小程序界面表现 |
|---|---|
| 已上传券类型图 | 卡券中心、领券界面显示这张图 |
| 未上传券类型图 | 按原有方式显示券的金额或折扣信息 |
同一批券共用一张图：图片挂在券类别上，不是挂在某一张券上，所以给某个券类别配图后，该类别下发放的所有券在小程序里都是这个样式。
二、界面布局说明
电子券类型窗口按页签组织，与配图相关的是最后一个页签。
| 页签 | 内容 |
|---|---|
| 兑换产品 | 这张券可以兑换哪些商品、兑换数 |
| 使用规则 | 消费满多少元可用一张券、每单最多可用几张券 |
| 参与分店 | 券可以在哪些门店使用 |
| 叠加控制 | 与会员价、促销活动、秒杀拼团的叠加关系 |
| 券类型图 | 上传与查看本类别券的展示图 |
券类型图页签上有两个按钮和两处提示：
- 【载入图片】：从本机选择图片文件并上传；
- 【删除图片】：清除已配置的图，恢复按金额显示；
- 规格提示：图片大小小于 500K，推荐规格 500×400；
- 尺寸回显：上传后界面显示当前图片的宽和高，用于确认没有传错文件。
窗口左上角还有生效 / 过期 / 全部的过滤条件，用于在券类别清单里定位要配图的那一类。
三、业务操作步骤
步骤 1：选中券类别并上传
- 打开电子券类型窗口，按过滤条件找到要配图的券类别，点【编辑】进入可修改状态；
- 切换到【券类型图】页签；
- 点【载入图片】，选择本机上的图片文件；
- 界面回显图片的宽和高，画面区显示上传后的效果。
图片超过提示的规格（500K 或 500×400）时，界面仍会显示尺寸，但小程序端的展示效果可能被裁切或压缩，建议先按推荐规格处理再上传。
步骤 2：保存并生效
保存券类别记录。已经生效的券类别改图片不影响已经发到顾客手上的券的可用性，只影响展示样式。
步骤 3：核对投放规则
如果这张券是通过领券活动放出去的，还要检查对应的领券/投放规则：规则里同样可以配置展示图片，并需要生成投放地址供小程序入口使用。规则与券类别两处都有图时，以界面实际取用的那张为准，配置后要在小程序端确认一次。
步骤 4：同步商城展示
微信商城的卡券中心、领券页读取的是云端图片。客户端上传后需要把图片同步到商城，同步方式与商城其他图片一致；同步未完成时小程序仍显示旧图或金额。
步骤 5：小程序端验收
用手机进入小程序的卡券中心，看这张券是否已经按图片展示。
四、字段详细说明
| 项目 | 含义 |
|---|---|
| 券类型图 | 该券类别在小程序上展示的图，一个类别一张 |
| 载入图片 | 从本机选择图片并写入当前券类别 |
| 删除图片 | 清除当前券类别的图，恢复默认显示金额 |
| 图片大小 | 建议小于 500K，过大会影响小程序加载速度 |
| 推荐规格 | 500×400，与小程序券位的宽高比接近 |
| 宽 / 高 | 上传后回显的实际像素尺寸 |
五、典型使用场景
场景 1：中秋主题券统一视觉
中秋季的多款饼券、电子券面值不同但都属同一活动，给每个券类别配同一套主题图，顾客在小程序里能一眼认出活动券。
场景 2：同面额券区分用途
两张 50 元券，一张限指定品类、一张通用。给限定品类的那张配商品图，通用的不配图，收银和顾客都不容易拿错。
场景 3：撤下过期活动图
活动结束后把券类别的图删掉，券回到按金额显示的默认样式，避免顾客看到还在宣传旧活动的画面。
六、权限控制与前置条件
- 需要电子券类型的修改权限；只有查看权限的操作员看不到【载入图片】【删除图片】；
- 客户端需为支持该页签的版本，同时小程序端也要升级到对应版本，否则小程序不会按图片展示；
- 图片文件建议用常见格式（JPG/PNG），不要用带透明通道的大图，避免体积超标；
- 图片内容不得包含顾客手机号、真实客户名称等个人信息；
- 图片挂在券类别上，删除券类别时该类别的图一并失效，重新建类别需要重新上传。
七、常见问题
1. 客户端上传了图，小程序还是显示金额
- 原因：图片还没有同步到商城，或小程序版本不支持读取券类型图；
- 处理：先确认商城图片已更新，再检查小程序版本；两边都是新版后退出小程序重新进入卡券中心。
2. 上传后图片变形或被裁掉一部分
- 原因：图片比例与 500×400 差得较多；
- 处理：按推荐规格重新出图后再上传，用界面回显的宽和高确认尺寸。
3. 提示图片太大
- 原因：文件超过 500K；
- 处理：压缩图片或降低分辨率后重传，不要直接上传相机原图。
4. 只想临时去掉图片
- 处理：用【删除图片】清除后保存；需要恢复时重新载入原图，客户端不保留历史版本，建议自行留存源文件。
5. 一个券类别能不能配多张图轮播
- 券类型图按类别存一张，多张图需要拆成多个券类别，或在领券活动的投放规则里配置活动图。
附：本文档变更记录
| 日期 | 变更 |
|---|---|
| 2026-11-09 | 初稿 |