fastadmin_tailored/application/admin/view/lottery/userchance/statistics.html

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">用户抽奖机会统计</h3>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">选择活动:</label>
            <div class="col-xs-12 col-sm-4">
                <select id="activity_id" class="form-control selectpicker">
                    <option value="">全部活动</option>
                    {foreach name="activities" item="activity_name" key="activity_id"}
                    <option value="{$activity_id}">{$activity_name}</option>
                    {/foreach}
                </select>
            </div>
        </div>
        
        <div class="clearfix mb-20"></div>
        
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        <div class="stat-panel text-center">
                            <div class="stat-panel-number h1 text-primary">
                                <span id="total_users">0</span>
                            </div>
                            <div class="stat-panel-title text-uppercase">参与用户数</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="panel panel-success">
                    <div class="panel-body">
                        <div class="stat-panel text-center">
                            <div class="stat-panel-number h1 text-success">
                                <span id="total_chances">0</span>
                            </div>
                            <div class="stat-panel-title text-uppercase">总抽奖机会</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="panel panel-warning">
                    <div class="panel-body">
                        <div class="stat-panel text-center">
                            <div class="stat-panel-number h1 text-warning">
                                <span id="used_chances">0</span>
                            </div>
                            <div class="stat-panel-title text-uppercase">已使用机会</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="panel panel-info">
                    <div class="panel-body">
                        <div class="stat-panel text-center">
                            <div class="stat-panel-number h1 text-info">
                                <span id="remain_chances">0</span>
                            </div>
                            <div class="stat-panel-title text-uppercase">剩余机会</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">按来源类型统计</h4>
            </div>
            <div class="panel-body">
                <table id="source_stats" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>来源类型</th>
                            <th>记录数</th>
                            <th>总机会数</th>
                            <th>已使用</th>
                            <th>剩余机会</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="5" class="text-center text-muted">暂无数据</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">统计说明</h4>
            </div>
            <div class="panel-body">
                <div class="alert alert-info">
                    <ul class="mb-0">
                        <li><strong>参与用户数：</strong>获得过抽奖机会的用户总数</li>
                        <li><strong>总抽奖机会：</strong>系统发放的所有抽奖机会总和</li>
                        <li><strong>已使用机会：</strong>用户已经消耗的抽奖机会数量</li>
                        <li><strong>剩余机会：</strong>用户当前可用的抽奖机会数量</li>
                        <li><strong>按来源统计：</strong>不同获得方式的抽奖机会分布情况</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>