{include file="./app/home/view/web/common_head.html" /}
<div class="user-info">
    <div class="center">
        <div class="menu">
            <ul>
                <li class="active"><a href="{:url('user/index/index')}">会员信息</a></li>
                <li><a href="{:url('set/repass')}">密码管理</a></li>
                <li><a href="{:url('index/service')}">售后服务</a></li>
                <li><a href="{:url('index/address')}">收货地址</a></li>
                <li><a href="{:url('order/index')}">我的订单</a></li>
                <li><a href="{:url('cart/index')}">购物车</a></li>
            </ul>
        </div>
        <div class="pos">会员信息</div>
        <div class="main">
            <form action="" method="post" onsubmit="return false;">
                <div class="tr">
                    <div class="left">头像：</div>
                    <div class="right">
                        <img src="{:imgUrl($userInfo['avatar'])}" id="avatarSrc" alt="{$userInfo.username}">
                    </div>
                </div>
                <div class="tr">
                    <div class="left">手机号：</div>
                    <div class="right sex">{$userInfo.mobile}</div>
                </div>
                <div class="tr">
                    <div class="left">昵称：</div>
                    <div class="right sex">{$userInfo.username}</div>
                </div>
                <div class="tr">
                    <div class="left">性别：</div>
                    <div class="right sex">{if condition="$userInfo['sex'] eq 1"}男{/if}{if condition="$userInfo['sex'] eq 2"}女{/if}{if condition="$userInfo['sex'] eq 0"}保密{/if}
                    </div>
                </div>
                <div class="tr">
                    <div class="left">生日：</div>
                    <div class="right date">
                        {$userInfo.birthday}
                    </div>
                </div>
                <div class="tr">
                    <div class="left">邮箱：</div>
                    <div class="right date">{$userInfo.email}</div>
                </div>
                <div class="tr">
                    <div class="left">真实姓名：</div>
                    <div class="right date">{$userInfo.qq}</div>
                </div>
                <div class="form-btn">
                    <input type="submit" value="编辑" onclick="location.href='{:url(\'user/set/index\')}'">
                </div>
            </form>
        </div>
    </div>
</div>
<script src="__HOME__/js/layui/layui.js"></script>
<script>
    /*layui.use(['form', 'layer'], function () {
     var form = layui.form, $ = layui.jquery;
     form.on('select(province)', function (data) {
     var pid = data.value;
     $.get("{:url('getRegion')}?pid=" + pid, function (data) {
     var html = '<option value="">请选择市</option>';
     $.each(data, function (i, value) {
     html += '<option value="' + value.id + '">' + value.name + '</option>';
     });
     $('#city').html(html);
     $('#district').html('<option value="">请选择县/区</option>');
     form.render()
     });
     });
     form.on('select(city)', function(data) {
     var pid = data.value;
     $.get("{:url('getRegion')}?pid=" + pid, function (data) {
     var html='<option value="">请选择县/区</option>';
     $.each(data, function (i, value) {
     html += '<option value="'+value.id+'">'+value.name+'</option>';
     });
     $('#district').html(html);
     form.render()
     });
     });
     });*/

    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        upload.render({
            elem: '#avatar' //绑定元素
            ,url: "{:url('avatar')}" //上传接口
            ,done: function(res){
                //上传完毕回调
                if (res.status == 1){
                    $("#avatarSrc").attr("src",res.src);
                } else {
                    alert("上传失败");
                }
            }
            ,error: function(){
                //请求异常回调
                alert("请求接口失败");
            }
        });
    });

    /*layui.cache.page = 'user';
     layui.cache.user = {
     username: '游客'
     ,uid: -1
     ,avatar: '../../res/images/avatar/00.jpg'
     ,experience: 83
     ,sex: '男'
     };
     layui.config({
     version: "2.0.0"
     ,base: '__STATIC__/user/mods/'
     }).extend({
     fly: 'index'
     }).use('fly');*/
</script>
{include file="./app/home/view/web/common_footer.html" /}