shrx/application/admin/view/general/txmx/index.html

<style>
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
</style>
<div class="row animated fadeInRight">
    <div class="col-md-4">
        <div class="box box-success">
            <div class="panel-heading">
                {:__('Profile')}
            </div>
            <div class="panel-body">

                <form id="update-form" role="form" data-toggle="validator" method="POST" action="{:url('general.txmx/update')}">
                    <div class="box-body box-profile">
                        <div class="form-group">
                            <label for="money" class="control-label">{:__('余额')}:</label>
                            <input type="text" class="form-control" id="money" name="row[money]" value="{$admin.money|htmlentities}" data-rule="required"  disabled />
                        </div>
                        <div class="form-group">
                            <label for="money" class="control-label">{:__('提现金额')}:</label>
                            <input type="number" class="form-control" id="money" name="row[money]" value="" data-rule="required"/>
                        </div>
                        <div class="form-group">
                            <label for="name" class="control-label">{:__('姓名')}:</label>
                            <input type="text" class="form-control" id="name" name="row[name]" value="" data-rule="required"/>
                        </div>
                        <div class="form-group">
                            <label for="type" class="control-label">{:__('开户行/支付宝')}:</label>
                            <input type="text" class="form-control" id="type" name="row[type]" value="" data-rule="required"/>
                        </div>
                        <div class="form-group">
                            <label for="cord" class="control-label">{:__('卡号/帐号')}:</label>
                            <input type="text" class="form-control" id="cord" name="row[cord]" value="" data-rule="required"/>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-success">{:__('提现')}</button>
                        </div>

                    </div>
                </form>
            </div>
        </div>

    </div>
    <div class="col-md-8">
        <div class="panel panel-default panel-intro panel-nav">
            <div class="panel-heading">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#one" data-toggle="tab"><i class="fa fa-list"></i> {:__('提现明细')}</a></li>
                </ul>
            </div>
            <div class="panel-body">
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="one">
                        <div class="widget-body no-padding">
                            <div id="toolbar" class="toolbar">
                                {:build_toolbar('refresh')}
                                <!-- 添加访问general/txmx/summary接口的按钮 -->
                                <button id="gas-btn" class="btn btn-primary" onclick="loadGas()">
                                    {:__('手续费转账')}
                                </button>
                                <button id="summary-btn" class="btn btn-primary" onclick="loadSummary()">
                                    {:__('归集转账')}
                                </button>
                            </div>
                            <table id="table" class="table table-striped table-bordered table-hover" width="100%">

                            </table>

                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
    <script>
        function loadGas() {
            // 显示加载中的提示（可选）
            const loadingAlert = alert('数据加载中，请稍候...');

            // 使用AJAX请求访问general/txmx/summary接口
            fetch('{:url("general/txmx/summary")}')
                .then(response => response.json())
                .then(data => {
                    // 关闭加载提示（如果有）
                    if(loadingAlert) document.body.removeChild(loadingAlert);

                    // 处理返回的数据
                    console.log(data);

                    // 显示"已完成"弹窗
                    const doneAlert = document.createElement('div');
                    doneAlert.innerHTML = `
                <div style="
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    padding: 20px 40px;
                    background: #4CAF50;
                    color: white;
                    border-radius: 8px;
                    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
                    z-index: 1000;
                    font-family: Arial, sans-serif;
                    font-size: 18px;
                    animation: fadeIn 0.3s, fadeOut 0.3s 2s forwards;
                ">
                    已完成！
                </div>
            `;

                    // 添加淡入淡出动画
                    const style = document.createElement('style');
                    style.innerHTML = `
                @keyframes fadeIn {
                    from { opacity: 0; }
                    to { opacity: 1; }
                }
                @keyframes fadeOut {
                    from { opacity: 1; }
                    to { opacity: 0; }
                }
            `;
                    document.head.appendChild(style);

                    document.body.appendChild(doneAlert);

                    // 3秒后移除弹窗
                    setTimeout(() => {
                        document.body.removeChild(doneAlert);
                        document.head.removeChild(style);
                    }, 2300);
                })
                .catch(error => {
                    console.error('Error loading summary:', error);
                    // 错误时显示错误提示（可选）
                    alert('加载失败: ' + error.message);
                });
        }
        function loadSummary() {
            // 显示加载中的提示（可选）
            const loadingAlert = alert('数据加载中，请稍候...');

            // 使用AJAX请求访问general/txmx/summary接口
            fetch('{:url("general/txmx/summary")}')
                .then(response => response.json())
                .then(data => {
                    // 关闭加载提示（如果有）
                    if(loadingAlert) document.body.removeChild(loadingAlert);

                    // 处理返回的数据
                    console.log(data);

                    // 显示"已完成"弹窗
                    const doneAlert = document.createElement('div');
                    doneAlert.innerHTML = `
                <div style="
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    padding: 20px 40px;
                    background: #4CAF50;
                    color: white;
                    border-radius: 8px;
                    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
                    z-index: 1000;
                    font-family: Arial, sans-serif;
                    font-size: 18px;
                    animation: fadeIn 0.3s, fadeOut 0.3s 2s forwards;
                ">
                    已完成！
                </div>
            `;

                    // 添加淡入淡出动画
                    const style = document.createElement('style');
                    style.innerHTML = `
                @keyframes fadeIn {
                    from { opacity: 0; }
                    to { opacity: 1; }
                }
                @keyframes fadeOut {
                    from { opacity: 1; }
                    to { opacity: 0; }
                }
            `;
                    document.head.appendChild(style);

                    document.body.appendChild(doneAlert);

                    // 3秒后移除弹窗
                    setTimeout(() => {
                        document.body.removeChild(doneAlert);
                        document.head.removeChild(style);
                    }, 2300);
                })
                .catch(error => {
                    console.error('Error loading summary:', error);
                    // 错误时显示错误提示（可选）
                    alert('加载失败: ' + error.message);
                });
        }
    </script>
</div>