mead
/
haoshengxin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<?php
use yii\helpers\Url;
use yii\widgets\ActiveForm;
use yii\helpers\Html;
?>

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>基础资料</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <?= Html::cssFile('@web/css/weui.min.css') ?>
    <?= Html::cssFile('@web/css/jquery-weui.min.css') ?>
    <?= Html::cssFile('@web/css/base.css') ?>
    <?= Html::cssFile('@web/iconfont/iconfont.css') ?>

</head>
<body>

<div class="my-data">
    <ul>
        <li class="img">
            <div class="left">头像</div>
            <div class="right"><a href="javascript:;" class="open-popup" data-target="#tx-box"><img src="<?=empty($datas->portrait)?\common\models\User::DEFAULT_FACE:\common\models\UserInfo::imagesUrl($datas->portrait)?>" alt=""></a></div>
        </li>
        <li>
            <div class="left">名称</div>
            <div class="right"><a href="javascript:;" class="open-popup" data-target="#name-box"> <?=empty($datas->nickname)?'':$datas->nickname?><i class="iconfont icon-gengduo"></i></a></div>
        </li>
        <li class="none">
            <div class="left">手机号</div>
            <div class="right"><a href="<?=Url::toRoute(['user/usertel']);?>" class="" data-target=""><?=empty($tel->tel)?'':$tel->tel?><i class="iconfont icon-gengduo"></i></a></div>
        </li>
    </ul>
    <!--修改头像 弹出层-->
    <div id="tx-box" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <ul class="upload-img" id="warp">
                <li>
                    <div class="acc_img">
                        <div id="sss">
<!--                            <input type="file" id="up_img_WU_FILE_0" class="ph08" />-->
                            <img id="imgShow_WU_FILE_0" class="acc_imgin" src="<?=empty($datas->portrait)?\common\models\User::DEFAULT_FACE:\common\models\UserInfo::imagesUrl($datas->portrait)?>" />
                            <input id="imgurl_input" type="hidden" name="" value="<?=empty($model->imgurl)?"":"$model->imgurl"?>" >
                        </div>
                    </div>
                </li>
            </ul>
            <p class="add-img">点击头像进行修改</p>
            <a href="" id="edit_portrait" class="weui-btn weui-btn_plain-default  submit-btn">保存</a>
        </div>
    </div>
    <!--修改名称 弹出层-->
    <div id="name-box" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <input type="email" id="nickname" placeholder="请输入您的名称" class="text" value="<?=empty($datas->nickname)?'':$datas->nickname?>">
            <a href="#" id="edit_nickname" class="weui-btn weui-btn_plain-default submit-btn">保存</a>
        </div>
    </div>
    <!--修改电话号码 弹出层-->
    <div id="tel-box" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <input type="tel" id="tel"  placeholder="请输入您的电话号码" class="text" value="<?=empty($datas->tel)?'':$datas->tel?>">
            <a href="#" id="edit_tel" class="weui-btn weui-btn_plain-default submit-btn">保存</a>
        </div>
    </div>
</div>
<!--上传封面图片的div-->
<iframe name="upload_target" style="display: none;"></iframe>
<div id="upload_picture" style="display: none;">
    <?php $form = ActiveForm::begin(
        [
            'options' => ['enctype' => 'multipart/form-data','target'=>'upload_target'],
            'action'=>Url::toRoute(['user/portraitimgurl']),
            'method'=>'post',
        ]
    )?>
    <?= $form->field($picture_form, 'imageFile')->fileInput() ?>
    <input type="hidden" id="upfield" name="type" value="advert">
    <?php ActiveForm::end() ?>
</div>

<?= Html::jsFile('@web/js/jquery.min.js') ?>
<?= Html::jsFile('@web/js/jquery-weui.min.js') ?>
<?= Html::jsFile('@web/js/uploadPreview.js') ?>
<script type="text/javascript">
    //修改头像
    $('#edit_portrait').click(function(){
        var portrait = $('#imgurl_input').val();
        $.ajax({
            url:'<?=Url::toRoute(['user/edit_portrait']);?>',
            data: {'_csrf-frontend':'<?=Yii::$app->request->csrfToken;?>',
                portrait:portrait
            },
            type: "post",
            dataType: "json",
            success: function fun(data){
                if(data.sign == 1){
                    location.reload();
                }else{
                    $.alert(data.msg)
                }
            }
        })
    });
    //修改昵称
    $('#edit_nickname').click(function(){
        var nickname = $('#nickname').val();
        if(nickname==''){
            $.alert('昵称不能为空');
            return false;
        }
        $.ajax({
            url:'<?=Url::toRoute(['user/edit_nickname']);?>',
            data: {'_csrf-frontend':'<?=Yii::$app->request->csrfToken;?>',
                nickname:nickname
            },
            type: "post",
            dataType: "json",
            success: function fun(data){
                if(data.sign == 1){
                    location.reload();
                }else{
                    $.alert(data.msg)
                }
            }
        })
    });
    //修改电话
    $('#edit_tel').click(function(){
        var tel_reg = /^1[34578]\d{9}$/;
        var tel = $('#tel').val();
        if(tel==''){
            $.alert('手机号码不能为空');
            return false;
        }else if(!tel_reg.test(tel)){
            $.alert('手机格式不正确');
            return false;
        }
        $.ajax({
            url:'<?=Url::toRoute(['user/edit_tel']);?>',
            data: {'_csrf-frontend':'<?=Yii::$app->request->csrfToken;?>',
                tel:tel
            },
            type: "post",
            dataType: "json",
            success: function fun(data){
                if(data.sign == 1){
                    location.reload();
                }else{
                    $.alert(data.msg)
                }
            }
        })
    });
    //    上传头像
    $("#imgShow_WU_FILE_0").click(function(){
        $("#upload_picture input").click();
        $('#upload_picture input').change(function(){
            if($("#uploadpictureform-picture").val() != ""){
                $('#upload_picture form').submit();
            }
        });
    });
    //    添加图片的返回函数
    function callback(message,status,url){
        if(status==1){
            var id = $('#upfield').attr('data');
            $('#imgShow_WU_FILE_0').attr("src","<?=Yii::getAlias('@imgdomain'); ?>"+url);
            $('#imgurl_input').val(url);
//            $('#'+id+"_input").val(url);
            $("#uploadpictureform-picture").val("");
            $('#upload_picture form')[0].reset();
        }else{
            $.alert(message);
        }
    }
</script>
</body>
</html>