js layer弹窗

//view 

var layerindex = "";
    var ifchange = false;
    $(document).on("click", ".edittrinfo", function() {
        var trid = $(this).attr("trid");
        $(document.body).css({
            "overflow-x": "hidden",
            "overflow-y": "hidden"
        });
        powidth = $(window).width() - 50;
        poheight = $(window).height() - 50;
        layerindex = layer.open({
            type: 2,
            title: "装维师傅详情",
            fix: false,
            shadeClose: true,
            maxmin: true,
            area: [powidth + 'px', poheight + 'px'],
            content: "<{spUrl c=proxyusermanager a=returnuserinfo}>?id=" + trid,
            end: function() {
                reflashrecord(trid);
                $(document.body).css({
                    "overflow-x": "auto",
                    "overflow-y": "auto"
                });
            }
        });
    });

controller

   // 返回代理人信息
    function returnuserinfo() {
        $this->checkpermission(array('e29f85d34be744d99b9812fd4e91ef27'));
        $id = $this->spArgs('id');
        $lib_proxy_user = spClass('lib_proxy_user');
        $this->proxyuserinfo= $lib_proxy_user->find(array('id' =>$id));
        $this->display('sbadmin/proxyuser/editinfo.html');
    }

view

<{include file="sbadmin/header/form_header.html"}>
<div class="col-lg-12">
    <div class="panel panel-default">
        <div class="panel-heading">
            <{$proxyuserinfo.username}>
        </div>
        <div class="panel-body">
            <div class="row">
                <div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">用户名</label>
                            <input type="text" name="username" value="<{$proxyuserinfo.username}>" class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">电话号码</label>
                            <input type="text" name="mobile" value="<{$proxyuserinfo.mobile}>" class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">身份证号码</label>
                            <input type="text" name="idcard_no" value="<{$proxyuserinfo.idcard_no}>" class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">关注状态</label>
                            <input type="text" value="<{$proxyuserinfo.subscribe}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">账户状态</label>
                            <select name="status" class="form-control">
                                <option value="1">已启用</option>
                                <option value="-1" <{if $proxyuserinfo.status=="-1"}>selected<{/if}>>已禁用</option>
                            </select>
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">注册时间</label>
                            <input type="text" value="<{$proxyuserinfo.register_date}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">所在区域</label>
                            <input type="text" readOnly value="<{$proxyuserinfo.districtname}>" name="districtname" class="form-control" placeholder="">
                            <input name="citycode" type="hidden" value="" class="form-control" value="<{$proxyuserinfo.citycode}>"/>
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">未提取佣金</label>
                            <input type="text" value="<{$proxyuserinfo.unpay_commission}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">已提取佣金</label>
                            <input type="text" value="<{$proxyuserinfo.paid_commission}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">推荐人姓名</label>
                            <input type="text" value="<{$proxyuserinfo.username}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">推荐人电话</label>
                            <input type="text" value="<{$proxyuserinfo.username}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div  class="col-sm-3">
                        <div class="form-group">
                            <label for="name">最近登陆时间</label>
                            <input type="text" value="<{$proxyuserinfo.last_login_date}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div  class="col-sm-12">
                        <div class="form-group">
                            <label for="name">注册备注</label>
                            <input type="text" value="<{$proxyuserinfo.remarks}>" disabled class="form-control"   placeholder="">
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div id="photosDemo" class="photos-demo">
                        <!-- layer-src表示大图  layer-pid表示图片id  src表示缩略图-->
                        <div  class="col-sm-4">
                            <div class="form-group">
                                <label for="name">正面身份证照片</label>
                                <img layer-src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" layer-pid="" src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" alt="layer宣传图">
                            </div>
                        </div>
                        <div  class="col-sm-4">
                            <div class="form-group">
                                <label for="name">反面身份证照</label>
                                <img layer-src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" layer-pid="" src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" alt="layer宣传图">
                            </div>
                        </div>
                        <div  class="col-sm-4">
                            <div class="form-group">
                                <label for="name">手持身份证照片</label>
                                <img layer-src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" layer-pid="" src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" alt="layer宣传图">
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div  class="col-sm-3">
                        <button id="saveproxyuser" type="button" class="btn btn-primary">保存</button>
                        <button id="cancledistrct" type="button" class="btn btn-default">取消</button>
                    </div>
                </div>
                <!-- /.col-lg-6 (nested) -->
            </div>
            <!-- /.row (nested) -->
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.panel -->
</div>
<script>
    postflag = true;

    $(function() {
        layer.photos({
            photos: '#photosDemo'
        });

        $("#cancledistrct").click(function() {
            window.parent.layer.close(window.parent.layerindex);
        });

        $("#saveproxyuser").click(function() {
            $username = $("input[name=username]").val();
            $mobile = $("input[name=mobile]").val();
            $idcard_no = $("input[name=idcard_no]").val();
            $districtname = $("input[name=districtname]").val();
            $districtcode = $("input[name=citycode]").val();
            $status = $("select[name=status]").val();

            $.post("<{spUrl c=proxyusermanager a=updateinfo}>", {"districtname": $districtname, "username": $username, "mobile": $mobile, "idcard_no": $idcard_no, "id": "<{$proxyuserinfo.id}>", "status": $status,"districtcode":$districtcode}
            , function(result) {
                if(result.code=='0'){
                    layer.msg(result.message, {icon: 1, closeBtn: 1, shadeClose: true});
                }else{
                    layer.msg(result.message, {icon: 5, closeBtn: 1, shadeClose: true}); 
                }
            }, 'json');
        });


        $("input[name=districtname]").click(function() {
            //window.alert("nihao");
            var Y = $(this).offset().top;
            var X = $(this).offset().left;
            var scroY=$(document).scrollTop();
            $(".mycommonfade").fadeIn(300);
            $(document.body).css({
                "overflow-x": "hidden",
                "overflow-y": "hidden"
            });
            $("#showgroupschoose").css("top", Y + 28-scroY);
            $("#showgroupschoose").css("left", X);
            $("#showgroupschoose").show();
        });

        $(".mycommonfade").click(function() {
            //window.alert("nihao");
            $(".mycommonfade").fadeOut(300);
            $(document.body).css({
                "overflow-x": "auto",
                "overflow-y": "auto"
            });
            $("#showgroupschoose").hide();
        });

    });
</script>
<{**分组选择树形**}>
<iframe id="showgroupschoose" src="<{spUrl c=district a=showdistrictschoose}>" style="position: fixed;width:270px;height:400px;border:none;display:none;z-index: 9999;"></iframe>
<{**分组选择树形**}>
</body>

</html>