js layer弹窗
来源:互联网 发布:淘宝 英雄杀cdk 编辑:程序博客网 时间:2024/05/18 01:44
//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>
0 0
- js layer弹窗
- layer js web弹窗、层
- layer.js
- layer.js
- layer.js
- 使用layer.js注意事项
- layer.js源码
- layer.js源码分析
- JS-layer.js基础参数
- Layer.js——弹窗/提示/询问/加载/层
- layer弹窗
- layer弹窗
- Layer弹窗
- loading加载和layer.js
- 关于layer弹窗
- jqurid 表格 弹窗layer
- jquery layer(js组件)转向
- cocos2d-js获得其它Layer层对象
- mysql:Error while performing database loggin with the mysql driver
- Universal-Image-Loader源码阅读(15)-memory/impl/LruMemoryCache
- Android深入浅出之Binder机制
- Thread的run()与start()的区别
- 换了一种管用pip安装方法,还有管用的python版hdf5(包名为h5py)安装方法
- js layer弹窗
- 简单安装Mysql(linux centos)
- gstreamer 在visual studio 中环境搭建记录
- 欢迎来到CSDN
- Java中的异常
- PAT乙级(Basic Level)1039(C++)
- Spring4.1.6 常用注解
- 怎样可以快速将pdf文件转换为jpg图片
- tomcat启动和参数配置等问题