{extend name="layout:home" /}
{block name="container"}
<div class="layui-tab layui-tab-card">
    <div class="layui-layer-shade recharge-layui-layer-shade4" id="layui-layer-shade4" times="4"
         style="display: none;"></div>
    <div style="display: none;" class="layui-layer layui-layer-dialog recharge-layui-layer2" id="layui-layer3"
         type="dialog" times="2" showtime="0" contype="string">
        <div id="layui-layer-content2" class="layui-layer-content"></div>
        <span class="layui-layer-setwin" onclick="hiddenTips2()"><a
                class="layui-layer-ico layui-layer-close layui-layer-close2"
                href="javascript:;"></a></span>
        <div class="layui-layer-btn layui-layer-btn-" onclick="hiddenTips2()"><a class="layui-layer-btn0">确定</a></div>
        <span class="layui-layer-resize"></span>
    </div>
    <div style="display: none;" class="layui-layer layui-layer-dialog recharge-layui-layer2" id="layui-layer2"
         type="dialog" times="2" showtime="0" contype="string">
        <div class="layui-tab">
            <div class="layui-tab-content page-tab-content">
                <div class="layui-tab-item layui-show" style="width: 300px; height: 150px">
                    <input name="user_id" id="user_id" style="display: none">
                    <input name="type" id="type" style="display: none">
                    <div class="layui-form-item" id="oajax">
                        <label class="layui-form-label" style="width: 100px" id="moneyLabel"></label>
                        <div class="layui-input-block">
                            <input id="money" class="layui-input field-name" name="money" style="width: 120px"/>
                        </div>
                    </div>
                    <div class="layui-form-item" style="margin-top: 60px">
                        <div class="layui-input-block">
                            <input type="submit" class="layui-btn layui-btn-normal" lay-submit onclick="submit()"
                                   value="确认"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="layui-layer-setwin" onclick="hiddenTips()">
            <a class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a>
        </span>
        <span class="layui-layer-resize"></span>
    </div>
    {include file="layout/admin_items" /}
    <div class="layui-tab-content page-tab-content">
        <!-- 搜索框开始 -->
        <div class="search-form">
            <form class="" method="post">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <input type="text" name="title" placeholder="输入名称或电话" autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-inline">
                        <input type="text" class="layui-input" name="timeRang" id="timeRang" placeholder="选择时间段"
                               style="width: 170px;">
                    </div>
                    <div class="layui-inline">
                        <button type="submit" class="layui-btn search-subBtn">搜索</button>
                    </div>
                </div>
            </form>
        </div>
        <!-- 搜索框结束 -->
        <table class="layui-table lay-even">
            <colgroup>
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>{$Think.lang.user_email}</th>
                <th>{$Think.lang.user_iphone}</th>
                <th>{$Think.lang.add_time}</th>
                <th>{$Think.lang.user_type}</th>
                <th>{$Think.lang.if_certification}</th>
                <th>用户余额</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {if $user_list}
            {volist name="user_list" id="user"}
            <tr>
                <td>{$user.user_email}</td>
                <td>{$user.user_phone}</td>
                <td>{$user.user_addTime}</td>
                <td>{$user.user_type}</td>
                <td>{$user.user_status}</td>
                <td>{$user.userInfo_money}</td>
                <td>
                    <a onclick="recharge({$user.user_id}, 1)" class="layui-btn layui-btn-xs">充值</a>
                    <a onclick="recharge({$user.user_id}, 2)" class="layui-btn layui-btn-xs">扣款</a>
                    <a onclick="userInfo({$user.user_id})" class="layui-btn layui-btn-xs">详情</a>
                    <a onclick="userInfomoney({$user.user_id})" class="layui-btn layui-btn-xs">流水</a>
                </td>
            </tr>
            {/volist}
            {else}
            <td>无数据</td>
            {/if}
            </tbody>
        </table>
        {$show_page}
    </div>
</div>


<script type="text/javascript">
    const myHost = "http://" + window.location.host;

    function recharge(user_id, type) {
        $("#user_id").val(user_id);
        $("#type").val(type);
        if (type == 1) {
            $("#moneyLabel").html("充值金额");
        } else {
            $("#moneyLabel").html("扣款金额");
        }
        $("#layui-layer2").attr("style", "display: block")
        $("#layui-layer-shade4").attr("style", "display: block")
    }

    //用户详情
    function userInfo(uid) {
       var url = '/admin/user/userinfo?uid='+uid;
        parent.layer.open({
            type: 2,
            title: '用户详情',
            area: ["900px","500px"],
            fixed: false, //不固定
            content: url
        });
    }

    function userInfomoney(uid){
        var url = '/admin/user/usercapitalmovements?uid='+uid;
        parent.layer.open({
            type: 2,
            title: '流水记录',
            area: ["1200px","500px"],
            fixed: false, //不固定
            content: url
        });

    }


    function hiddenTips() {
        $("#layui-layer2").attr("style", "display: none")
        $("#layui-layer-shade4").attr("style", "display: none")
    }

    function hiddenTips2() {
        $("#layui-layer3").attr("style", "display: none")
        $("#layui-layer-shade4").attr("style", "display: none")
        window.location.href = myHost + "/Admin/user/index.html";
    }

    function submit() {
        let url = myHost + "/Admin/user/recharge.html";
        let user_id = $("#user_id").val();
        let money = $("#money").val();
        let type = $("#type").val();
        hiddenTips();
        $.ajax({
            type: "post",
            url: url,
            data: {money: money, user_id: user_id, type: type},
            dataType: "json",
            success: function (msg) {
                $("#layui-layer-content2").html(msg['msg'])
                $("#layui-layer3").attr("style", "display: block")
                $("#layui-layer-shade4").attr("style", "display: block")
            },
            error: function () {
                $("#layui-layer-content2").html("错误：链接不到服务器")
                $("#layui-layer3").attr("style", "display: block")
                $("#layui-layer-shade4").attr("style", "display: block")
            }
        });
    }

    layui.use('laydate', function () {

        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#creatTime' //指定元素
        });
        laydate.render({
            elem: '#timeRang',
            range: true,
            format: 'yyyy/MM/dd',
            done: function (value, date) {
                /* 时间选择完成后的回调 */
            }
        })
    });
</script>
{/block}