scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
							{extend name="public/layout" /}
{block name="title"}信息资料{/block}
{block name="body"}
<style type="text/css">
    html,
    body {
        display: block;
    }

    .layui-fluid {
        display: block;
        box-shadow: 0 0 4px 0 #B6CADE;
        border-radius: 5px;
        margin: 15px;
        background-color: #ffffff;
    }

    .layui-table-view .layui-table th,
    .layui-table-view .layui-table td {
        text-align: center;
        border-color: #B6CADE;
    }


    .upload-img .area i {
        font-size: 50px;
        color: #009688;
    }


    /*///*/
    .text-right {
        text-align: right;
    }


    .text-detail>span {
        font-size: 40px;
    }

    html {
        background: #fff;
    }

    .imageDiv div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-color: #e6e6e600;
    }

    .imageDiv div i {
        display: none;
        font-size: 31px;
        position: absolute;
        top: 37%;
        left: 40%;
    }

    .imageDiv div:hover {
        background-color: #e6e6e680;
    }

    .imageDiv div:hover i {
        display: block;
        cursor: pointer;
    }

    .rotate180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .layui-form-label-content {
        float: left;
        display: block;
        width: 300px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

    .layui-form-label-content span {
        padding: 9px;
        line-height: 20px;
        display: block;
    }

    .headimg {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

    .editlink {
        float: right;
        width: 80px;
    }

    .editlink a {
        color: #3483d5;
    }

    .editlink a:hover {
        color: blue;
    }

    #wxlogin_container iframe {
        height: 225px;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header ">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">信息资料</label>
                    </div>
                </div>

            </div>
            <div class="layui-card-body">

                <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-grant-form-list"
                    style="padding: 20px 30px 0 0;">
                    <div class="layui-form-item">
                        <label class="layui-form-label">头像</label>
                        <div class="layui-form-label-content">
                            {if condition="$data.headimgurl eq ''"}
                            <img class="headimg" src="/static/img/default.png" />
                            {else/}
                            <img class="headimg" src="{$data->headimgurl}" />
                            {/if}

                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">昵称</label>
                        <div class="layui-form-label-content">
                            <span>{:$data->nickname}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">姓名</label>
                        <div class="layui-form-label-content">
                            <span id="currentname" style="float: left;">{:$data->opt_name}</span>
                            <div id="nameinput" style="display: none;float: left;"><input id="newname" type="text"
                                    name="newname" value="" autocomplete="off" class="layui-input" /></div>
                            <span class="editlink">
                                <a id="changename" href="javascript:;">修改</a>
                                <a class="namechangebtn confirm" href="javascript:;"
                                    style="display:none;margin-right: 10px;">确认</a>
                                <a class="namechangebtn" href="javascript:;" style="display:none;color:#9d9d9d">取消</a>
                            </span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">电话</label>
                        <div class="layui-form-label-content">
                            <span id="currentphone" style="float: left;">{:$data->phone}</span>
                            <div id="phoneinput" style="display: none;float: left;"><input id="newphone" type="text"
                                    name="newphone" value="" autocomplete="off" class="layui-input" /></div>
                            <span class="editlink">
                                <a id="changephone" href="javascript:;">修改</a>
                                <a class="changebtn confirm" href="javascript:;"
                                    style="display:none;margin-right: 10px;">确认</a>
                                <a class="changebtn" href="javascript:;" style="display:none;color:#9d9d9d">取消</a>
                            </span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">微信</label>
                        <div class="layui-form-label-content">
                            <span style="float: left;">{:$data->nickname}</span>
                            <span class="editlink" style="width: 80px;">
                                
                                <a id="changewx" href="javascript:;">{notEmpty name="data.nickname"}换绑{else/}绑定{/notEmpty}</a>
                                <div id="wxlogin_container" style="display: none">
                            </span>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script type="text/javascript" src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script type="text/javascript" src="https://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.4.js"></script>
<script src="/static/js/jquery.min.js"></script>
<script>
    //微信绑定
    var obj = new WxLogin({
        self_redirect: false,
        id: "wxlogin_container",
        appid: "{$appid}",
        scope: "snsapi_login",
        redirect_uri: "{$domain}{:url('index/wechat')}",
        self_redirect: true,
        state: "{$state}",
        style: "white",
        href: "{$domain}/static/css/wechat.css"
    });

    ////////////
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'element', 'layer'], function () {
        var $ = layui.$
            , layer = layui.layer;

        $('#changewx').on('click', function () {
            layer.open({
                type: 1,
                title: false,
                shadeClose: true,
                closeBtn: false,
                area: ['300px', '230px'],
                content: $("#wxlogin_container")
            });
        });

        $('#changephone').on('click', function () {
            $('#currentphone').hide();
            $('#phoneinput').show();
            $(this).hide();
            $('.changebtn').show();
        });

        $('.changebtn').on('click', function () {
            var currentphone = $('#currentphone').html();
            if ($(this).hasClass('confirm')) {
                var newphone = $('#newphone').val();
                if (newphone == '') {
                    layer.msg('请输入手机号', { anim: 6, time: 2000 });
                    return false;
                }
                if (currentphone == newphone) {
                    layer.msg('与当前手机号相同', { anim: 6, time: 2000 });
                    return false;
                }
                layer.confirm('确认修改手机号为' + newphone + '？', function (index) {
                    $.ajax({
                        url: '{:url("index/changephone")}',
                        type: 'post',
                        data: { phone: newphone },
                        dataType: 'json',
                        success: function (res) {
                            if (res.code === 0) {
                                $('#currentphone').html(newphone);
                                layer.close(index);
                                $('#currentphone').show();
                                $('#newphone').val('');
                                $('#phoneinput').hide();
                                $('.changebtn').hide();
                                $('#changephone').show();
                                layer.msg(res.msg, {
                                    anim: 0, time: 2000, icon: 6,
                                });
                            } else {
                                layer.msg(res.msg, {
                                    anim: 6
                                    , time: 2000
                                });
                            }
                        }
                    });
                });
            } else {
                $('#currentphone').show();
                $('#newphone').val('');
                $('#phoneinput').hide();
                $('.changebtn').hide();
                $('#changephone').show();
            }
        });


        $('#changename').on('click', function () {
            $('#currentname').hide();
            $('#nameinput').show();
            $(this).hide();
            $('.namechangebtn').show();
        });

        $('.namechangebtn').on('click', function () {
            var currentname = $('#currentname').html();
            var newname = $('#newname').val();
            if ($(this).hasClass('confirm')) {
                if (newname == '') {
                    layer.msg('请输入姓名', { anim: 6, time: 2000 });
                    return false;
                }
                if (currentname == newname) {
                    layer.msg('姓名未改变', { anim: 6, time: 2000 });
                    return false;
                }
                layer.confirm('确认修改姓名为' + newname + '？', function (index) {
                    $.ajax({
                        url: '{:url("index/changename")}',
                        type: 'post',
                        data: { name: newname },
                        dataType: 'json',
                        success: function (res) {
                            if (res.code === 0) {
                                $('#currentname').html(newname);
                                layer.close(index);
                                $('#currentname').show();
                                $('#newname').val('');
                                $('#nameinput').hide();
                                $('.namechangebtn').hide();
                                $('#changename').show();
                                parent.jQuery('#login_name').html(newname);
                                layer.msg(res.msg, {
                                    anim: 0, time: 2000, icon: 6,
                                });
                            } else {
                                layer.msg(res.msg, {
                                    anim: 6
                                    , time: 2000
                                });
                            }
                        }
                    });
                });
            } else {
                $('#currentname').show();
                $('#newname').val('');
                $('#nameinput').hide();
                $('.namechangebtn').hide();
                $('#changename').show();
            }
        });
    });

    function isPhoneNumber(tel) {
        var reg = /^0?1[3|4|5|6|7|8|9][0-9]\d{8}$/;
        return reg.test(tel);
    }

    var bind = function (code) {
        $.ajax({
            url: '{:url("index/wxBind")}',
            type: 'post',
            data: { code: code },
            success: function (res) {
                if (res.code == 0) {
                    layer.msg(res.msg, { icon: 1, time: 2000 }, function () {
                        layer.closeAll();
                    });
                    location.reload();
                } else {
                    layer.msg(res.msg, { icon: 5, anim: 6, time: 2000 }, function () {
                        layer.closeAll();
                    });
                }
            }
        })
    }
</script>
{/block}