helper/application/mobile/view/setting/index.html

{extend name="public/base" /}

{block name="header"}
{/block}
{block name="body"}
<ul class="user-data-list">
    <li class="ce-padding-sm user-upload-portrait">
        <span>头像</span>
        <div class="ce-user-portrait user-home-portrait ce-radius ce-float-r">
            <p>未上传</p>
            <span class="ce-radius" style="background-image:url({$user->info->avatar|default=''})">
            <input type="file" name="" value="" class="files" style="opacity:0">
            </span>
        </div>
    </li>
    <li>
        <a href="{:url('setting/nickname')}">
            姓名
            <span class="text-gray">
                {$user->info->nickname|default='未填写'}&nbsp;
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/mobile')}">
            手机号
            <span class="text-gray">
                {$user->info->mobile|default='未填写'}&nbsp;
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/wechat')}">
            微信号
            <span class="text-gray">
                {$user->info->wechat|default='未填写'}&nbsp;
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/qq')}">
            QQ号
            <span class="text-gray">
                {$user->info->qq|default='未填写'}&nbsp;
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/email')}">
            Email
            <span class="text-gray">
                {$user->info->email|default='未填写'}&nbsp;
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/qrcode')}">
            微信二维码&nbsp;
            <span>
                <i class="fa fa-qrcode"></i>&nbsp;
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/position')}">
            职位
            <span class="text-gray">
                {$user->info->position|default='未填写'}&nbsp;
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/city')}">
            所在城市
            <span class="text-gray">
                {$user->info->province|default='未填写'}&nbsp;{$user->info->city|default=''}
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
    <li>
        <a href="{:url('setting/bindwechat')}">
            绑定微信
            <span class="text-gray">
                {empty name="user->openid"}未绑定{else /}已绑定{/empty}
                <i class="fa fa-angle-right"></i>
            </span>
        </a>
    </li>
</ul>

<ul class="user-data-list ce-margin-t-sm">
    <li>
        <a href="{:url('setting/password')}">
            修改密码
            <span><i class="fa fa-angle-right"></i></span>
        </a>
    </li>
</ul>

<ul class="user-data-list ce-margin-t-sm">
    <li>
        <a href="javascript:void(0);">
            客服微信
            <span class="text-gray">{$Think.config.service_wechat|default='未填写'}</span>
        </a>
    </li>
</ul>
<div class="user-btn">
    <a href="{:url('login/logout')}" class="ajax-get">切换用户</a>
</div>
{/block}

{block name="script"}
<script type="text/javascript" src="__JS__/lrz.bundle.js"></script>
<script type="text/javascript">
    $('.files').change(function(event){
        $this = $(this);
        var maxsize = 100 * 1024;
        if (!this.files.length) return;
        var size = this.files[0].size;

        lrz(this.files[0], {
            width:400,
            height:300,
            before: function() {
                console.log('压缩开始');
            },
            fail: function(err) {
                console.error(err);
            },
            always: function() {
                console.log('压缩结束');
            },
            done: function (results) {
                // 发送到后端
                var xhr = new XMLHttpRequest();
                var data = {
                    base64: results.base64,
                    name: results.origin.name,
                    size: results.base64.length,

                };
                $.post('{:Url("setting/uploadPicture")}', {type:'headimgurl',files: data}, function(json){
                    if(json.code == 1){
                        var path = 'url('+json.msg.url+')';
                        $('.ce-radius').css('background-image',path);
                    }
                });
            }
        });
    });
</script>
{/block}