haoshengxin/company/modules/wechat/views/user/basics.php

<?php

/* @var $this yii\web\View */

use yii\helpers\Url;
use yii\widgets\ActiveForm;
use common\models\UploadForm;
$this->title = '基础资料设置';
?>
<form   id="myform"action="" method="post">
<div class="my-data">
    <ul>
        <li class="img">
            <div class="left">LOGO</div>
            <div class="right"><a href="javascript:;" class="open-popup " data-target="#tx-box"><img class="logo" src="<?=empty($model->logo)?"":Yii::getAlias('@imgdomain').'/'."$model->logo"?>" alt=""></a></div>
        </li>
        <li>
            <div class="left">公司名称</div>
            <div class="right"><a href="javascript:;" class="open-popup company" data-target="#name-box"><span class=""><?=isset($model->company)?$model->company:''?></span><i class="iconfont icon-gengduo"></i></a></div>
        </li>
        <li>
            <div class="left">手机号</div>
            <div class="right"><a href="javascript:;" class="open-popup tel" data-target="#tel-box"><span class=""><?=isset($model->tel)?$model->tel:''?></span><i class="iconfont icon-gengduo"></i></a></div>
        </li>
        <li class="none">
            <div class="left">公司地址</div>
            <div class="right address"><a href="javascript:;" class="open-popup address" data-target="#address-box"><?=isset($model->address)?$model->address:''?></a><i class="iconfont icon-gengduo"></i></div>
        </li>
    </ul>
</form>
    <!--修改头像 弹出层-->
    <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="" class="ph08" />-->
                            <img id="imgShow_WU_FILE_0" class="acc_imgin" src="<?=empty($model->logo)?"":Yii::getAlias('@imgdomain').'/'."$model->logo"?>" />

                        </div>
                    </div>
                </li>
            </ul>
            <p class="add-img">点击头像进行修改</p>
            <input  name="logo" id="logo" hidden="hidden" value=""/>
            <a href="#"  pid="<?=isset($model->id)?$model->id:''?>" class="weui-btn weui-btn_plain-default submit-btn close-popup submit_logo">保存</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" placeholder="请输入您的名称" class="text" id="change_company">
            <a href="#" pid="<?=isset($model->id)?$model->id:''?>" class="weui-btn weui-btn_plain-default submit-btn close-popup submit_name">保存</a>
        </div>
    </div>
    <!--修改电话号码 弹出层-->
    <div id="tel-box" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <input type="email" placeholder="请输入您的电话号码" class="text" id="submit_tel">
            <a href="#"  pid="<?=isset($model->id)?$model->id:''?>" class="weui-btn weui-btn_plain-default submit-btn close-popup submit_tel " >保存</a>
        </div>
    </div>
    <!--修改地址 弹出层-->
    <div id="address-box" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <input class="weui-input text addess_value"  id='city-picker' type="text" >
            <textarea  id="address" class="text" placeholder="请输入详细地址"></textarea>
            <a href="#"  pid="<?=isset($model->id)?$model->id:''?>" class="weui-btn weui-btn_plain-default submit-btn close-popup submit_addess">保存</a>
        </div>
    </div>
</div>
<script type="text/javascript">
    //地址选择器
    $("#city-picker").val('福建省 厦门市 湖里区');
    $("#city-picker").cityPicker({
        title: "请选择地址"
    });

    $('#city-picker').on('click',function () {
        $('#address-box textarea.text').blur();
    });
    wx.ready(function() {
        var image = {
            localId: [],
            serverId: []
        };
     // logo上传
        $('.acc_imgin').on('click', function () {
             var that = this;
            wx.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                success: function (res) {
                    image.localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                    wx.uploadImage({
                        localId: image.localIds[0], // 需要上传的图片的本地ID，由chooseImage接口获得
                        isShowProgressTips: 1, // 默认为1，显示进度提示
                        success: function (res) {
                            image.serverId = res.serverId; // 返回图片的服务器端IDd
                            $('#logo').val(image.serverId);
                        }
                    });
                    if(window.__wxjs_is_wkwebview){
                        wx.getLocalImgData({
                            localId:image.localIds[0], // 图片的localID
                            success: function (res) {
                                var localData = res.localData; // localData是图片的base64数据，可以用img标签显示
                                $(that).attr('src',localData);
                            }
                        });
                    }else{
                        $(that).attr('src',image.localIds[0]);
                    }
                }
            });
        });
    });

    $('.submit_logo').click(function(){
        var id = $(this).attr('pid')
        var serverid = $('#logo').val();
        if(serverid !='')
        {
        $.ajax({
            url:'<?=Url::toRoute(['user/img']);?>',
            type:'GET',
            dataType:'json',
            data:{serverid:serverid,id:id},
            success:function(data){
                if(data.sign==1){
                    var  url = "<?=Yii::getAlias('@imgdomain')?>"+data.imgurl;
                    $.alert(data.msg);
                    $('.logo').attr('src',url);
                }else{
                    $.alert(data.msg);
                }
            }
        });
        }
    })

    $('.submit_name').click(function(){
        var company = $('#change_company').val();
        var id = $(this).attr('pid')

        $.ajax({
            url:'<?=Url::toRoute(['user/basics']);?>',
            type:'GET',
            dataType:'json',
            data:{company:company,id:id},
            success:function(data){
                if(data.sign==1){
                    $.alert(data.msg);
                    if(company !=""){
                        $(".company span").text(company);
                    }
                }else{
                    $.alert(data.msg);
                }
            }
        });
    })
    $('.submit_tel').click(function(){
        var tel = $('#submit_tel').val();
        var id = $(this).attr('pid')
        $.ajax({
            url:'<?=Url::toRoute(['user/basics']);?>',
            type:'GET',
            dataType:'json',
            data:{tel:tel,id:id},
            success:function(data){
                if(data.sign==1){
                    $.alert(data.msg);
                    if(tel !=""){
                        $(".tel span").text(tel);
                    }
                }else{
                    $.alert(data.msg);
                }
            }
        });
    })
    $('.submit_addess').click(function(){
        var submit_address = $('.addess_value').attr('data-codes');
        var address = $('#address').val();
        var id = $(this).attr('pid')
        var datas ={id:id,address:address};
        if(submit_address != undefined)
        {
            datas.submit_address =submit_address;
        }
//        console.log(submit_address);
//        console.log(address);return false;
        $.ajax({
            url:'<?=Url::toRoute(['user/basics']);?>',
            type:'GET',
            dataType:'json',
            data:datas,
            success:function(data){

                if(data.sign==1){
                    $.alert(data.msg);
                    if(address !=""){
                        $(".address span").text(address);
                    }
                }else{
                    $.alert(data.msg);
                }
            }
        });
    })

</script>