puge
/
bankCard


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自助开卡系统</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <div class="container">
        <header>
            <h1><i class="fas fa-credit-card"></i> 自助开卡系统</h1>
            <div class="header-actions">
                <a href="/import" class="btn btn-primary">
                    <i class="fas fa-file-import"></i> 批量导入
                </a>
                <a href="#" id="refresh-btn" class="btn btn-secondary">
                    <i class="fas fa-sync-alt"></i> 刷新
                </a>
            </div>
        </header>

        <div class="dashboard">
            <div class="stats-card">
                <h3><i class="fas fa-chart-bar"></i> 申请统计</h3>
                <div id="stats-container">
                    <p>加载中...</p>
                </div>
            </div>
            
            <div class="filter-card">
                <h3><i class="fas fa-filter"></i> 筛选</h3>
                <form method="get" action="/" class="filter-form">
                    <div class="form-group">
                        <label for="state-filter">状态筛选:</label>
                        <select id="state-filter" name="state">
                            <option value="">所有状态</option>
                            {% for state in states %}
                            <option value="{{ state.application_state }}" 
                                    {% if current_filter == state.application_state %}selected{% endif %}>
                                {{ state.application_state }}
                            </option>
                            {% endfor %}
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-search"></i> 筛选
                    </button>
                    <a href="/" class="btn btn-secondary">
                        <i class="fas fa-times"></i> 清除
                    </a>
                </form>
            </div>
        </div>

        <main>
            <h2><i class="fas fa-list"></i> 开卡申请列表</h2>
            
            {% if applications %}
            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>激活码</th>
                            <th>类型</th>
                            <th>姓名</th>
                            <th>邮箱</th>
                            <th>卡号</th>
                            <th>CVC</th>
                            <th>到期时间</th>
                            <th>余额</th> 
                            <th>状态</th>
                            
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for app in applications %}
                        <tr>
                            <td>{{ app.id }}</td>
                            
                            <td>{{ app.verification_code }}</td>
                            <td>
                            {% if app.type == 0 %}
                                金卡
                            {% else %}
                                银卡
                            {% endif %}
                            </td>
                            <td>{{ app.last_name }}, {{ app.first_name }}</td>
                            <td>{{ app.email }}</td>
                            
                            <td>{{ app.card_number or "" }}</td>
                            <td>{{ app.cvc or "" }}</td>
                            <td>{{ app.expiration_date or "" }}</td>
                            <td>{{ app.balance or "" }}</td> 
                            <td>
                                <span class="status-badge status-{{ app.application_state }}">
                                    {{ app.application_state }}
                                </span>
                            </td>
                            
                            <td class="actions">
                                <a href="/application/{{ app.id }}" class="btn btn-sm btn-info" title="查看详情">
                                    <i class="fas fa-eye"></i>
                                </a>
                                <button class="btn btn-sm btn-danger delete-btn" 
                                        data-id="{{ app.id }}" 
                                        data-name="{{ app.last_name }}, {{ app.first_name }}"
                                        title="删除">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="empty-state">
                <i class="fas fa-clipboard-list fa-3x"></i>
                <h3>暂无申请记录</h3>
                <p>点击上方"批量导入"按钮添加开卡申请数据</p>
            </div>
            {% endif %}
        </main>

        <main>
            <iframe src="https://mail.lamp.run/?search=myprepaidcenter" style=" width: 100%; border: none; height: 800px; "></iframe>

        </main>
        
        <main>
            <iframe src="https://user.lamp.run/subuser/manage?type=bank" style=" width: 100%; border: none; height: 800px; "></iframe>

        </main>

        <footer>
            <p>自助开卡系统 &copy; 2026</p>
        </footer>
    </div>

    <!-- 删除确认对话框 -->
    <div id="delete-modal" class="modal">
        <div class="modal-content">
            <h3><i class="fas fa-exclamation-triangle"></i> 确认删除</h3>
            <p>确定要删除申请记录 <strong id="delete-name"></strong> 吗？此操作无法撤销。</p>
            <div class="modal-actions">
                <button id="cancel-delete" class="btn btn-secondary">取消</button>
                <button id="confirm-delete" class="btn btn-danger">删除</button>
            </div>
        </div>
    </div>

    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
    <script>
      window.appType = 'bankAdmin';
      window.owoLoginSuccess = (userData) => {
        console.log(userData)

      }
    </script>
    <script src="https://cunchu.site/work/login/iframe.js"></script>
</body>
</html>