YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
    <link rel="stylesheet" href="{__MOBILE__}/css/associated.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
</head>
<body>
    <div class="top">
        <a href="{:url('mobile/index/person')}"><span><img src="{__MOBILE__}/img/left.png" alt=""
                    style="height: 6vw;"></span></a><span>关联账号</span><span></span>
    </div>
    <div class="associated-add">
        <button type="button" class="layui-btn layui-bg-blue" id="btn">+添加关联账号</button>
    </div>

    {volist name="admin" id="vo"}
    <div class="associated-item">
        <div class="associated-left"><img src="{$vo.thumb}" alt=""></div>
        <div class="associated-right">
            <div class="associated">登录账号：{$vo.username}</div>
            <div class="associated">用户名：{$vo.nickname}</div>
            <div class="associated">权限角色：{$vo.groupName}</div>
            <div class="associated">所属单位：{$vo.department_title}</div>
        </div>
        <form class="layui-form" action="">
            <input style="display: none" name="id" value="{$vo.id}">
            <div class="associated-button"><button type="button" class="layui-btn layui-btn-sm layui-btn-danger" lay-submit lay-filter="change">切换</button></div>
        </form>
    </div>
    {/volist}

    <div class="password1">
        <div class="password" id="password"></div>
        <div class="dialog" id="dialog">
            <!-- <div class="password-top">
                <span><img src="{__MOBILE__}/img/close.png" alt=""></span><span>修改密码</span><span class="layui-btn" lay-submit lay-filter="demo-validate" style="color: rgb(72,162,248);">确定</span>
                
            </div> -->
            <div class="password-bottom">
                <form class="layui-form p-4">
                    <div class="password-top">
                        <span></span><span style="margin-left: 12vw;font-size: 4vw;">添加关联账号</span>
                        <span class="layui-btn" lay-submit lay-filter="demo-validate" style="color: rgb(72,162,248);background-color: #fff;;font-size: 4vw;padding: 0;">
                            <button type="button" lay-submit="" lay-filter="add" style="font-size: 4vw;">确认</button>
                        </span>
                        
                    </div>


                    <div class="layui-form-item">
                        <div style="margin-right: 4vw;width: 18vw;">关联账号</div>
                        <div class="layui-input-block">
                          <input type="text" name="username" autocomplete="off" style="height: 4.5vh;" placeholder="请输入关联账号" lay-verify="required" class="layui-input">
                        </div>
                      </div>
                    <div class="layui-form-item" style="display: flex;align-items: center;">
                        <div style="margin-right: 4vw;width: 18vw;">登录密码</div>
                        <div class="layui-input-inline layui-input-wrap">
                            <input type="password" name="pwd" lay-verify="required" placeholder="请输入密码" style="height: 4.5vh;" autocomplete="off" lay-affix="eye" class="layui-input" style="margin-bottom: 0;">
                        </div>
                    </div>


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

    <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
    <script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>

    <script>
        var form = layui.form;
        const btn = document.getElementById('btn');
        const mask = document.getElementById('password');
        const dialog = document.getElementById('dialog');
        btn.addEventListener('click', () => {
            mask.classList.add('show');
            dialog.classList.add('show');
        });
        mask.addEventListener('click', () => {
            mask.classList.remove('show');
            dialog.classList.remove('show');
        });

        form.on('submit(change)', function(data){

            let callback = function (e){
                layer.msg(e.msg)
                setTimeout(function () {
                    //	parent.document.location.reload();
                    parent.document.location.href = "{:url('/mobile/index/main')}";
                }, 1500);
            }
            $.ajax({
                type: "post", //使用get方式
                url: "/acctconnect/connect/switchLogin", //json文件相对于这个HTML的路径
                data: data.field,
                dataType: "json",
                async: false,
                success: function (e) {

                    callback(e)
                },
                error: function () {
                    layer.alert("网络错误！！ ");
                }
            });

        })

        form.on('submit(add)', function(data){

            console.log(data)

            let callback = function (e){
                layer.msg(e.msg)
                setTimeout(function () {
                    //	parent.document.location.reload();
                    location.reload();
                }, 1500);
            }
            $.ajax({
                type: "post", //使用get方式
                url: "/acctconnect/connect/add", //json文件相对于这个HTML的路径
                data: data.field,
                dataType: "json",
                async: false,
                success: function (e) {

                    callback(e)
                },
                error: function () {
                    layer.alert("网络错误！！ ");
                }
            });
            return false
        })


        $('#GouguApp').on("click", '[gg-event="logout"]', function () {
            layer.confirm('确认注销登录吗?', {
                icon: 7,
                title: '警告'
            }, function (index) {
                //注销
                $.ajax({
                    url: "/admin/login/login_out",
                    success: function (e) {
                        layer.msg(e.msg);
                        if (e.code == 0) {
                            setTimeout(function () {
                                location.href = "{:url('admin/login/index')}"
                            }, 1000)
                        }
                    }
                })
                layer.close(index);
            });
        });

    </script>
</body>
</html>