YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逸管FEP</title>
    <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
    <link rel="stylesheet" href="{__MOBILE__}/css/person.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
    <style>
        .footer_icon1 {
            background-image: url('{__MOBILE__}/img/first.png') !important;
        }

        .footer_icon2 {
            background-image: url('{__MOBILE__}/img/second.png') !important;
        }

        .footer_icon3 {
            background-image: url('{__MOBILE__}/img/third.png') !important;
        }

        .footer_icon4 {
            background-image: url('{__MOBILE__}/img/forth-a.png') !important;
        }
    </style>
</head>

<body>
    <div class="person-top">
        <div class="person-avatar"><img src="{$person.thumb}" alt=""></div>
        <div>
            <div style="margin-bottom: 2vw;text-align: center;margin-top: 2vw;"><b>{$person.nickname}</b></div>
        </div>
    </div>
    <div class="person">
        <a href="{:url('mobile/index/revise')}">
            <div class="person-bottom">
                <span>个人资料</span><span><img src="{__MOBILE__}/img/right.png" alt=""></span>
            </div>
        </a>
        <a href="#" id="btn">
            <div class="person-bottom"><span>修改密码</span><span><img src="{__MOBILE__}/img/right.png" alt=""></span></div>
        </a>
        <a href="{:url('mobile/index/associated')}">
            <div class="person-bottom">
                <span>关联账号</span><span><img src="{__MOBILE__}/img/right.png" alt=""></span>
            </div>
        </a>
        <a href="#" id="login_out">
            <div  class="person-bottom"><span>退出登录</span><span><img src="{__MOBILE__}/img/right.png" alt=""></span></div>
        </a>
    </div>

    <!-- <div>
        页面里的内容 <button id="btn">展示弹窗</button>
    </div> -->
    <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: 20vw;font-size: 1.9vh;">修改密码</span>
                        <span class="layui-btn" lay-submit lay-filter="demo-validate" style="color: rgb(72,162,248);background-color: #fff;;font-size: 1.9vh;"><button lay-submit="" lay-filter="webform"
                        style="background-color:rgb(30,159,255);border:none;color:#fff;padding:1vw 3vw;border-radius:0.5vw;">确认</button></span>
                        
                    </div>
                    <div class="layui-form-item" style="display: flex;align-items: center;">
                        <div style="margin-right: 2vw;width: 28vw;text-align: center;margin-top: 2vw;">旧密码</div>
                        <div class="layui-input-inline layui-input-wrap">
                            <input type="password" name="old_pwd" lay-verify="required" placeholder="请输入旧密码"
                                autocomplete="off" lay-affix="eye" class="layui-input" style="margin-bottom: 0;">
                        </div>
                        <!-- <div class="layui-form-mid layui-text-em">6 到 12 位字符</div> -->
                    </div>
                    <div class="layui-form-item" style="display: flex;align-items: center;">
                        <div style="margin-right: 2vw;width: 28vw;text-align: center;margin-top: 2vw;">新密码</div>
                        <div class="layui-input-inline layui-input-wrap">
                            <input type="password" name="pwd" lay-verify="required" placeholder="请输入新密码"
                                autocomplete="off" lay-affix="eye" class="layui-input" style="margin-bottom: 0;">
                        </div>
                    </div>
                    <div class="layui-form-item" style="display: flex;align-items: center;">
                        <div style="margin-right: 2vw;width: 28vw;text-align: center;margin-top: 2vw;">确认新密码</div>
                        <div class="layui-input-inline layui-input-wrap">
                            <input type="password" name="pwd_confirm" lay-verify="required" placeholder="请输入新密码"
                                   autocomplete="off" lay-affix="eye" class="layui-input" style="margin-bottom: 0;">
                        </div>
                    </div>


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

    <div class="footer">

        <div class="footer_ge">
            <a href="{:url('mobile/index/main')}" title="首页">
                <div class="dot">
                    <div>
                        <div class="footer_icon footer_icon1"></div>
                        <div>首页</div>
                    </div>
                    <div class="dot-img">

                    </div>
                </div>

            </a>
        </div>
        <div class="footer_ge">
            <a href="{:url('mobile/index/kan_list')}" title="看板">
                <div class="dot">
                    <div>
                        <div class="footer_icon footer_icon2"></div>
                        <div>看板</div>
                    </div>
                    <div class="dot-img">
                        {if $red_kan} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;"> {/if}
                    </div>
                </div>

            </a>
        </div>
        <div class="footer_ge">
            <a href="{:url('mobile/index/pending')}" title="待处理">
                <div class="dot">
                    <div>
                        <div class="footer_icon footer_icon3"></div>
                        <div>待处理</div>
                    </div>
                    <div class="dot-img">
                        {if $red} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;margin-left: -4.5vw;">{/if}
                    </div>
                </div>

            </a>
        </div>
        <div class="footer_ge">
            <a href="{:url('mobile/index/person')}" title="我的" style="color: #187FDD;">
                <div class="dot">
                    <div>
                        <div class="footer_icon footer_icon4"></div>
                        <div>我的</div>
                    </div>
                    <div class="dot-img">
                        <!-- <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;"> -->
                    </div>
                </div>

            </a>
        </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>
        layui.use(function () {
            var form = layui.form;
            var layer = layui.layer;
            form.on('submit(webform)', function (data) {

                let callback = function (e) {
                    window.location.reload();
                    layer.msg(e.msg);

                }

                delete data.field.file
                console.log(data.field)
                $.ajax({
                    type: "post",
                    url: "/admin/api/password_submit",
                    data: data.field,
                    dataType: "json",
                    async: false,
                    success: function (e) {

                        callback(e)
                    },
                    error: function () {
                        layer.msg("地址请求失败！！ ");
                    }
                });
                return false; // 阻止默认 form 跳转
            });
            $('#login_out').click(function (){
                $.ajax({
                    url: "/admin/login/login_out",
                    success: function (e) {
                        layer.msg(e.msg);
                        if (e.code == 0) {
                            setTimeout(function () {
                                location.href = "{:url('mobile/index/login')}"
                            }, 1000)
                        }
                    }
                })

            })
        })


    </script>

    <script>
        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');
        });

        $('#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>