NN2022090201/application/cmgadm/view/general/googlecode/index.html

<style type="text/css">
    @media (max-width: 375px) {
        .edit-form tr td input {
            width: 100%;
        }

        .edit-form tr th:first-child, .edit-form tr td:first-child {
            width: 20%;
        }

        .edit-form tr th:nth-last-of-type(-n+2), .edit-form tr td:nth-last-of-type(-n+2) {
            display: none;
        }
    }

    .edit-form table > tbody > tr td a.btn-delcfg {
        visibility: hidden;
    }

    .edit-form table > tbody > tr:hover td a.btn-delcfg {
        visibility: visible;
    }

    .panel {
        min-height: 360px;
    }

    .panel-heading {
        background: #fff !important;
        border: none !important;
    }

    .title {
        padding: 10px 0;
    }

    .qrcode img {
        width: 120px;
    }

    .action {
        text-align: center;
        width: 120px;
    }

    .name {
        width: 120px;
        padding: 10px 0;
        text-align: center;
    }

    .url {
        padding: 10px 0;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <div class="title">下载验证器并扫码绑定谷歌验证码：</div>
        <div class="qrcode">
            <img src="{$qrcode}" alt="">
        </div>
        <div class="name"><span>账号：{$admin.username}</span></div>
        {if !$admin.google_bind}
        <div class="action">
            <button type="button" class="btn btn-success" onclick="bind()">{:__('确定绑定')}</button>
        </div>
        {else}
        <div class="action">
            <button type="button" class="btn btn-primary">{:__('已绑定')}</button>
        </div>
        {/if}
        <div class="url">验证器安卓下载地址：<a href="https://google-authenticator.en.softonic.com/android"
                                      target="_blank">：立即下载</a></div>
        <div class="url">验证器IOS下载地址<a href="https://apps.apple.com/cn/app/google-authenticator/id388497605"
                                      target="_blank">：立即下载</a></div>
    </div>
</div>
<script>
    function bind() {
        $.get('general/googlecode/bind', function (res) {
            if (res.code == 1) {
                layer.msg('绑定成功')
            } else {
                layer.msg('绑定失败')
            }
        }, 'json')
    }
</script>