苹果CMS用户卡密充值记录列表模板调用教程

一、卡密记录模板功能说明

苹果CMS支持用户通过卡密充值获取积分，本模板用于在用户中心展示所有已使用的卡密充值记录，清晰呈现每条卡密的核心数据信息。页面自动读取系统用户卡密数据，通过循环遍历实现列表渲染，方便用户查阅过往充值明细。

模板文件存放路径：html/user/cards.html

页面数据依托系统 $list 数组获取，全程使用 volist 标签完成数据遍历输出。

二、卡密记录列表完整源码

采用标准表格布局搭建记录列表，涵盖多选、编号、卡号、面值、对应积分、使用时间等字段，适配用户中心页面样式，时间字段搭载系统自带格式化标签，自动转换为常规可读时间格式。

<table width="870" border="0" cellspacing="1" cellpadding="0" class="table">
    <tr>
        <td width="66" height="36" align="center" valign="middle" bgcolor="#f7f7f7">选择</td>
        <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">编号</td>
        <td width="300" align="center" valign="middle" bgcolor="#f7f7f7">卡号</td>
        <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">面值</td>
        <td width="60" align="center" valign="middle" bgcolor="#f7f7f7">积分</td>
        <td width="150" align="center" valign="middle" bgcolor="#f7f7f7">使用时间</td>
        <td width="80" align="center" valign="middle" bgcolor="#f7f7f7">操作</td>
    </tr>
    {volist name="list"}
    <tr>
        <td height="36" align="center" valign="middle" bgcolor="#FFFFFF"><input name="ids[]" type="checkbox" value="{$vo.card_id}"></td>
        <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_id}</td>
        <td align="left" valign="middle" bgcolor="#FFFFFF" class="pad">{$vo.card_no}</td>
        <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_money}</td>
        <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_points}</td>
        <td align="center" valign="middle" bgcolor="#FFFFFF">{$vo.card_use_time|mac_day}</td>
        <td align="center" valign="middle" bgcolor="#FFFFFF"></td>
    </tr>
    {/volist}
</table>

三、模板字段功能详解

• 数据编号：通过 $vo.card_id 输出每条卡密记录的唯一ID，用于区分和定位单条充值数据。

• 充值卡号：调取用户已使用的卡密账号，完整展示充值凭证信息。

• 卡密面值：显示当前卡密对应的现金面值，直观展示充值金额。

• 到账积分：展示该卡密充值后到账的站点积分数量，匹配站点充值规则。

• 使用时间：通过 mac_day 格式化标签，自动将时间戳转换为标准日期时间格式，便于查看充值时间。

四、模板使用注意事项

• 页面所有数据变量为苹果CMS系统原生字段，禁止随意修改变量名称，否则会导致数据读取空白。

• volist 遍历标签为系统固定渲染方式，不可更改遍历参数，保证卡密数据正常循环展示。

• 表格样式、宽度可根据模板页面风格自定义调整，不影响核心数据展示功能。

• 复选框字段保留批量操作拓展性，可根据需求后续新增批量删除等功能。