jquery layui用法示例 gift
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" href="/public/plugins/layui/css/layui.css?v=v1.3.0" media="all"> <link rel="stylesheet" href="/public/static/admin/css/admin.css?v=v1.3.0" media="all"> <link rel="stylesheet" href="/public/static/admin/css/ey_layui.css?v=v1.3.0" media="all"> <link rel="stylesheet" href="/public/static/admin/css/page.css" media="all"> <script type="text/javascript"> var timestamp=new Date().getTime() var eyou_basefile = "http://house.amicrogift.com/login.php?t="+ {timestamp}; //var module_name = "admin{timestamp}"; var __root_dir__ = ""; </script> <script type="text/javascript" src="/public/static/admin/js/base64.js"></script> <script type="text/javascript" src="/public/static/admin/js/jquery.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/static/admin/js/jquery-ui/jquery-ui.min.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/plugins/layer-v3.1.0/layer.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/static/admin/js/jquery.cookie.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/plugins/laydate/laydate.js?v=v1.3.0"></script> <script src="/public/plugins/layui/layui.js?v=v1.3.0"></script> </head> <body> <div class="head-oper"> <div class="fl" id="addgift"> <a data-type="Article_add" data-url="http://house.amicrogift.com/login.php?m=admin&c=Article&a=add" class="layui-btn mt5 "> 新增礼品 </a> </div> <!--<div class="fr">--> <!-- <form action="http://house.amicrogift.com/login.php?m=admin&c=Article&a=index" id="searchForm" method="get" onsubmit="layer_loading();">--> <!-- <input type="hidden" name="m" value="admin"><input type="hidden" name="c" value="Article"><input type="hidden" name="a" value="index"> <div class="fl ">--> <!-- <div class="layui-input-inline mt5">--> <!-- <select name="typeid" id="searchTypeid">--> <!-- <option value="">--所有文档--</option>--> <!-- <option value="2" data-grade="0" data-current_channel="1">楼市</option><option value="4" data-grade="1" data-current_channel="1"> 楼盘动态</option><option value="5" data-grade="1" data-current_channel="1"> 购房指南</option><option value="6" data-grade="1" data-current_channel="1"> 最新资讯</option><option value="14" data-grade="0" data-current_channel="1">楼盘动态</option> </select>--> <!-- </div>--> <!-- <div class="layui-input-inline w240 mt5">--> <!-- <input type="text" name="keywords" id="keywords" value="" placeholder="标题搜索" class="layui-input">--> <!-- </div>--> <!-- </div>--> <!-- <div class="layui-input-inline w50 mt5">--> <!-- <button class="layui-btn input-btn-search" type="submit"><i class="layui-icon layui-icon-search"></i></button>--> <!-- </div>--> <!-- </form>--> <!--</div>--> </div> <!--test--> <table class="layui-hide" id="test"> </table> <script> // function getQueryVariable(variable) // { // var query = window.location.search.substring(1); // var vars = query.split("&"); // for (var i=0;i<vars.length;i++) { // var pair = vars[i].split("="); // if(pair[0] == variable){return pair[1];} // } // return(false); // } // </script> <!-- <div style="margin-bottom: 5px;"> --> <!-- 示例-970 --> <!--<ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-6111334333458862" data-ad-slot="3820120620"></ins>--> <!--</div>--> <!--<div class="layui-btn-group demoTable">--> <!-- <button class="layui-btn" data-type="getCheckData">获取选中行数据</button>--> <!-- <button class="layui-btn" data-type="getCheckLength">获取选中数目</button>--> <!-- <button class="layui-btn" data-type="isAll">验证是否全选</button>--> <!--</div>--> <table class="layui-table" lay-data="{width: 760, height:900, url:'/login.php?m=admin&c=Gift&a=query', page:true, limit:20,id:'idTest'}" lay-filter="demo"> <thead> <tr> <!--<th lay-data="{type:'checkbox', fixed: 'left'}"></th>--> <th lay-data="{field:'id', width:80, sort: true,}">ID</th> <!--<th lay-data="{field:'username', width:80}">用户名</th>--> <!--<th lay-data="{field:'sex', width:80, sort: true}">性别</th>--> <th lay-data="{field:'litpic', width:100}">礼品图片</th> <th lay-data="{field:'title', width:300}">礼品名称</th> <th lay-data="{field:'price', width:100, sort: true}">积分价格</th> <!--<th lay-data="{field:'experience', width:80, sort: true}">积分</th>--> <!--<th lay-data="{field:'classify', width:80}">职业</th>--> <!--<th lay-data="{field:'wealth', width:135, sort: true}">财富</th>--> <!--<th lay-data="{field:'score', width:80, sort: true, fixed: 'right'}">评分</th>--> <th lay-data="{fixed: 'right', width:150, align:'center', toolbar: '#barDemo'}"></th> </tr> </thead> </table> <script type="text/html" id="barDemo"> <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> </script> <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script> <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 --> <script> layui.use('table', function(){ var table = layui.table; //监听表格复选框选择 table.on('checkbox(demo)', function(obj){ console.log(obj) }); //监听工具条 table.on('tool(demo)', function(obj){ var data = obj.data; if(obj.event === 'detail'){ layer.msg('ID：'+ data.id + ' 的查看操作'); } else if(obj.event === 'del'){ layer.confirm('真的删除行么', function(index){ // obj.del(); // layer.close(index); console.log(index) console.log(obj.data.id) $.post("/login.php?m=admin&c=Gift&a=del&id="+obj.data.id,{},function(result){ console.log(result) obj.del(); layer.close(index); }) }); } else if(obj.event === 'edit'){ // layer.alert('编辑行：<br>'+ JSON.stringify(data)) // layer.alert('编辑行：<br>'+ JSON.stringify(data)) console.log(data.id) layer.open({ type: 2, title: "礼品内容", area: ['100%', '100%'], content: '/login.php?m=admin&c=Gift&a=add&id='+data.id, success: function (layero, index) { var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();比如iframeWin.alert11(); // console.log(body.html()) //得到iframe页的body内容 body.find('.btn').hide();//隐藏class为btn的元素 // window.location.reload() } }); } }); var $ = layui.$, active = { getCheckData: function(){ //获取选中数据 var checkStatus = table.checkStatus('idTest') ,data = checkStatus.data; layer.alert(JSON.stringify(data)); } ,getCheckLength: function(){ //获取选中数目 var checkStatus = table.checkStatus('idTest') ,data = checkStatus.data; layer.msg('选中了：'+ data.length + ' 个'); } ,isAll: function(){ //验证是否全选 var checkStatus = table.checkStatus('idTest'); layer.msg(checkStatus.isAll ? '全选': '未全选') } }; $('.demoTable .layui-btn').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); $('#addgift').on('click', function(){ layer.open({ type: 2, title: "礼品内容", area: ['100%', '100%'], content: '/login.php?m=admin&c=Gift&a=add&id=', success: function (layero, index) { var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();比如iframeWin.alert11(); // console.log(body.html()) //得到iframe页的body内容 body.find('.btn').hide();//隐藏class为btn的元素 // window.location.reload() } }); }); }); </script> </body> </html>
以上是礼品列表页面。
添加礼品页面：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" href="/public/plugins/layui/css/layui.css?v=v1.3.0" media="all"> <link rel="stylesheet" href="/public/static/admin/css/admin.css?v=v1.3.0" media="all"> <link rel="stylesheet" href="/public/static/admin/css/ey_layui.css?v=v1.3.0" media="all"> <script type="text/javascript"> var eyou_basefile = "http://house.amicrogift.com/login.php"; var module_name = "admin"; var __root_dir__ = ""; </script> <script type="text/javascript" src="/public/static/admin/js/jquery.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/static/admin/js/jquery-ui/jquery-ui.min.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/plugins/layer-v3.1.0/layer.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/static/admin/js/jquery.cookie.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/plugins/laydate/laydate.js?v=v1.3.0"></script> <script src="/public/plugins/layui/layui.js?v=v1.3.0"></script> <script src="/public/static/admin/js/global.js?v=v1.3.0"></script> </head> <body> <script type="text/javascript" src="/public/plugins/Ueditor/ueditor.config.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/plugins/Ueditor/ueditor.all.min.js?v=v1.3.0"></script> <script type="text/javascript" src="/public/plugins/Ueditor/lang/zh-cn/zh-cn.js?v=v1.3.0"></script> <script type="text/javascript"> function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } console.log(getQueryVariable("id")) function htmlDecodeByRegExp(str){ var s = ""; // if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/</g,"<"); s = s.replace(/>/g,">"); s = s.replace(/ /g," "); s = s.replace(/'/g,"\'"); s = s.replace(/"/g,"\""); return s; } // $(document).ready(function(){ // $.post(" /login.php?m=admin&c=Gift&a=read&id="+getQueryVariable("id"),{},function(result){ // console.log(result) // console.log(typeof result) // console.log(result.data) // let tmp = JSON.parse(result) // console.log(tmp) // console.log(tmp.data.content) // $("#title").val(tmp.data.title); // $("#litpic").val(tmp.data.litpic); // $("#img_litpic").attr('src',tmp.data.litpic); // $("#addonFieldExt_price").val(tmp.data.price); // $("#addonFieldExt_content").val('aaaa'); // $("#addonFieldExt_content").show(); // // $(".txt_id").eq(i+1).val(listdata[i].id); // let aatext = tmp.data.content // // let aatext = '<p>aa</p><p>bb</p>' // setTimeout(function(){ // $("#ueditor_0").contents().find("body").html(htmlDecodeByRegExp(aatext)) // }, 200); // // let aatext = $('#'+getQueryVariable("id"), window.parent.document).val() // // console.log('aatext:' + aatext) // // console.log('解码：'+ Base64.decode(aatext)) // // $("#ueditor_0").contents().find("body").html($('#'+getQueryVariable("id"), window.parent.document).val()) // // setTimeout(function(){ // // $("#addonFieldExt_content").contents().find("body").html( 'aaaaa' ) // // }, 200); // }) // }) </script> <div class="layui-fluid" id="LAY-component-layer-list"> <div class="layui-row"> <div class="layui-col-md12"> <div class="layui-card"> <div class=""> <form class="layui-form" wid100 onsubmit="return false;"> <!--<div class="bt-close">--> <!-- <span class="layui-layer-setwin" ><a onclick="close_this();" class="layui-layer-ico layui-layer-close layui-layer-close1"></a></span>--> <!--</div>--> <div class="layui-tab layui-tab-card"> <!--<ul class="layui-tab-title">--> <!-- <li class="layui-this">常规选项</li>--> <!--</ul>--> <div class="layui-tab-content web-system " style="padding:10px 0"> <!--常规选项--> <div class="layui-tab-item layui-show"> <div class="layui-row layui-col-space15"> <div class="layui-col-md12"> <div class="layui-card"> <div class="layui-card-body" pad15> <div class="" lay-filter=""> <div class="layui-form-item"> <label class="layui-form-label"><b>*</b>礼品名称</label> <div class="layui-input-inline"> <input type="text" name="title" id="title" lay-verify="required" value="" class="layui-input"> </div> </div> <!--<div class="layui-form-item">--> <!-- <label class="layui-form-label"><b>*</b>所属栏目</label>--> <!-- <div class="layui-input-inline">--> <!-- <select name="typeid" id="typeid" lay-verify="required">--> <!-- <option value="2" data-grade="0" data-current_channel="1">楼市</option><option value="4" data-grade="1" data-current_channel="1"> 楼盘动态</option><option value="5" data-grade="1" data-current_channel="1"> 购房指南</option><option value="6" data-grade="1" data-current_channel="1" selected="ture"> 最新资讯</option><option value="14" data-grade="0" data-current_channel="1">楼盘动态</option> </select>--> <!-- </div>--> <!--</div>--> <!--<div class="layui-form-item">--> <!-- <label class="layui-form-label">文档属性</label>--> <!-- <div class="layui-input-inline">--> <!-- <input type="checkbox" lay-filter="is_head" id="is_head" lay-skin="primary" title="头条[h]" value="1" >--> <!-- <input type="checkbox" lay-filter="is_recom" id="is_recom" lay-skin="primary" title="推荐[c]" value="1" >--> <!-- <input type="checkbox" lay-filter="is_special" id="is_special" lay-skin="primary" title="特推[a]" value="1" >--> <!-- <input type="checkbox" lay-filter="is_b" id="is_b" lay-skin="primary" title="加粗[b]" value="1" >--> <!-- <input type="checkbox" lay-filter="is_litpic" id="is_litpic" lay-skin="primary" title="图片[p]" value="1" checked>--> <!-- <input type="checkbox" lay-filter="is_jump" id="is_jump" lay-skin="primary" lay-filter="is_jump" title="跳转[j]" value="1" >--> <!-- <input type="hidden" name="is_head" value="0">--> <!-- <input type="hidden" name="is_recom" value="0">--> <!-- <input type="hidden" name="is_special" value="0">--> <!-- <input type="hidden" name="is_b" value="0">--> <!-- <input type="hidden" name="is_litpic" value="1">--> <!-- <input type="hidden" name="is_jump" value="0">--> <!-- </div>--> <!--</div>--> <div class="layui-form-item none" id="jump_div"> <label class="layui-form-label">跳转网址</label> <div class="layui-input-inline"> <input type="text" name="jumplinks" id="jumplinks" value="" class="layui-input" placeholder="http://"> <p>请输入完整的URL网址（包含http或https），设置后访问该条信息将直接跳转到设置的网址</p> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">缩略图</label> <div class="layui-input-inline"> <div class="upload-box"> <div class="upload-img fl" style="width:78px;height:78px;border:1px solid #fef7f7;"> <div class="icaction none"> <span class="load_images"> <a href="javascript:void(0);" onclick="BigImages($('#img_litpic').attr('src'));"> <i class="layui-icon layui-icon-search mr5"></i>查看 </a> </span> <span class="load_images"> <a href="javascript:void(0);" data-inputid="litpic" onclick="DelImages(this);"> <i class="layui-icon layui-icon-delete mr5"></i>删除 </a> </span> </div> <div class="cover-bg none"></div> <img id="img_litpic" src=""> </div> <div class="upload-right fl"> <button class="layui-btn test-upload-demoMore layui-btn-primary layui-btn-sm fl mb10 mr5" lay-data="{number:1,ey_inputId:'litpic',ey_savepath:'allimg'}"><i class="layui-icon"></i>上传图片</button> <button class="layui-btn layui-btn-sm layui-btn-primary layui-btn-sm fl mb10" onClick="GetPictureFolder(1,'litpic');"><i class="layui-icon"></i>图库</button> <input name="litpic" id="litpic" placeholder="图片地址" value="" class="layui-input"> </div> </div> </div> </div> <div class="layui-form-item" style="margin-bottom: 20px;" > <label class="layui-form-label">轮播图</label> <div class="layui-input-inline" style="width:200px;"> <div class="upload-box" style="width:200px;"> <div class="upload-img" style="width:158px;height:158px;border:1px solid #f8f8f8;"> <div class="icaction none" style="width:160px;height:160px;"> <span class="load_images" > <a href="javascript:void(0);" onclick="BigImages($('#img_picsone').attr('src'));"> <i class="layui-icon layui-icon-search mr5"></i>查看 </a> </span> <span class="load_images"> <a href="javascript:void(0);" data-inputid="picsone" onclick="DelImages(this);"> <i class="layui-icon layui-icon-delete mr5"></i>删除 </a> </span> </div> <div class="cover-bg none" style="width:160px;height:160px;"></div> <img id="img_picsone" src="" style=" max-height: 160px; max-width: 160px;"> </div> <div class="upload-right" style="width:160px;"> <button class="layui-btn test-upload-demoMore layui-btn-primary layui-btn-sm fl mb10 mr5" lay-data="{number:1,ey_inputId:'picsone',ey_savepath:'allimg'}"><i class="layui-icon"></i>上传图片</button> <button class="layui-btn layui-btn-sm layui-btn-primary layui-btn-sm fl mb10" onClick="GetPictureFolder(1,'picsone');"><i class="layui-icon"></i>图库</button> <input style="opacity: 0.3;" name="pics[]" id="picsone" placeholder="图片地址" value="" class="layui-input" > </div> </div> </div> <div class="layui-input-inline" style="width:200px;"> <div class="upload-box" style="width:200px;"> <div class="upload-img" style="width:158px;height:158px;border:1px solid #f8f8f8;"> <div class="icaction none" style="width:160px;height:160px;"> <span class="load_images" > <a href="javascript:void(0);" onclick="BigImages($('#img_picstwo').attr('src'));"> <i class="layui-icon layui-icon-search mr5"></i>查看 </a> </span> <span class="load_images"> <a href="javascript:void(0);" data-inputid="picstwo" onclick="DelImages(this);"> <i class="layui-icon layui-icon-delete mr5"></i>删除 </a> </span> </div> <div class="cover-bg none" style="width:160px;height:160px;"></div> <img id="img_picstwo" src="" style=" max-height: 160px; max-width: 160px;"> </div> <div class="upload-right" style="width:160px;"> <button class="layui-btn test-upload-demoMore layui-btn-primary layui-btn-sm fl mb10 mr5" lay-data="{number:1,ey_inputId:'picstwo',ey_savepath:'allimg'}"><i class="layui-icon"></i>上传图片</button> <button class="layui-btn layui-btn-sm layui-btn-primary layui-btn-sm fl mb10" onClick="GetPictureFolder(1,'picstwo');"><i class="layui-icon"></i>图库</button> <input style="opacity: 0.3;" name="pics[]" id="picstwo" placeholder="图片地址" value="" class="layui-input" > </div> </div> </div> <div class="layui-input-inline" style="width:200px;"> <div class="upload-box" style="width:200px;"> <div class="upload-img" style="width:158px;height:158px;border:1px solid #f8f8f8;"> <div class="icaction none" style="width:160px;height:160px;"> <span class="load_images" > <a href="javascript:void(0);" onclick="BigImages($('#img_picsthree').attr('src'));"> <i class="layui-icon layui-icon-search mr5"></i>查看 </a> </span> <span class="load_images"> <a href="javascript:void(0);" data-inputid="picsthree" onclick="DelImages(this);"> <i class="layui-icon layui-icon-delete mr5"></i>删除 </a> </span> </div> <div class="cover-bg none" style="width:160px;height:160px;"></div> <img id="img_picsthree" src="" style=" max-height: 160px; max-width: 160px;"> </div> <div class="upload-right" style="width:160px;"> <button class="layui-btn test-upload-demoMore layui-btn-primary layui-btn-sm fl mb10 mr5" lay-data="{number:1,ey_inputId:'picsthree',ey_savepath:'allimg'}"><i class="layui-icon"></i>上传图片</button> <button class="layui-btn layui-btn-sm layui-btn-primary layui-btn-sm fl mb10" onClick="GetPictureFolder(1,'picsthree');"><i class="layui-icon"></i>图库</button> <input style="opacity: 0.3;" name="pics[]" id="picsthree" placeholder="图片地址" value="" class="layui-input" > </div> </div> </div> <div class="layui-input-inline" style="width:200px;"> <div class="upload-box" style="width:200px;"> <div class="upload-img" style="width:158px;height:158px;border:1px solid #f8f8f8;"> <div class="icaction none" style="width:160px;height:160px;"> <span class="load_images" > <a href="javascript:void(0);" onclick="BigImages($('#img_picsfour').attr('src'));"> <i class="layui-icon layui-icon-search mr5"></i>查看 </a> </span> <span class="load_images"> <a href="javascript:void(0);" data-inputid="picsfour" onclick="DelImages(this);"> <i class="layui-icon layui-icon-delete mr5"></i>删除 </a> </span> </div> <div class="cover-bg none" style="width:160px;height:160px;"></div> <img id="img_picsfour" src="" style=" max-height: 160px; max-width: 160px;"> </div> <div class="upload-right" style="width:160px;"> <button class="layui-btn test-upload-demoMore layui-btn-primary layui-btn-sm fl mb10 mr5" lay-data="{number:1,ey_inputId:'picsfour',ey_savepath:'allimg'}"><i class="layui-icon"></i>上传图片</button> <button class="layui-btn layui-btn-sm layui-btn-primary layui-btn-sm fl mb10" onClick="GetPictureFolder(1,'picsfour');"><i class="layui-icon"></i>图库</button> <input style="opacity: 0.3;" name="pics[]" id="picsfour" placeholder="图片地址" value="" class="layui-input" > </div> </div> </div> <div class="layui-input-inline" style="width:200px;"> <div class="upload-box" style="width:200px;"> <div class="upload-img" style="width:158px;height:158px;border:1px solid #f8f8f8;"> <div class="icaction none" style="width:160px;height:160px;"> <span class="load_images" > <a href="javascript:void(0);" onclick="BigImages($('#img_picsfive').attr('src'));"> <i class="layui-icon layui-icon-search mr5"></i>查看 </a> </span> <span class="load_images"> <a href="javascript:void(0);" data-inputid="picsfive" onclick="DelImages(this);"> <i class="layui-icon layui-icon-delete mr5"></i>删除 </a> </span> </div> <div class="cover-bg none" style="width:160px;height:160px;"></div> <img id="img_picsfive" src="" style=" max-height: 160px; max-width: 160px;"> </div> <div class="upload-right" style="width:160px;"> <button class="layui-btn test-upload-demoMore layui-btn-primary layui-btn-sm fl mb10 mr5" lay-data="{number:1,ey_inputId:'picsfive',ey_savepath:'allimg'}"><i class="layui-icon"></i>上传图片</button> <button class="layui-btn layui-btn-sm layui-btn-primary layui-btn-sm fl mb10" onClick="GetPictureFolder(1,'picsfive');"><i class="layui-icon"></i>图库</button> <input style="opacity: 0.3;" name="pics[]" id="picsfive" placeholder="图片地址" value="" class="layui-input" > </div> </div> </div> </div> <!--<div class="layui-form-item fl">--> <!-- <label class="layui-form-label">详情图2</label>--> <!--</div>--> <!--<div class="layui-form-item">--> <!-- <label class="layui-form-label">楼盘</label>--> <!-- <div class="layui-input-inline layadmin-layer-demo">--> <!-- <input type="hidden" name="joinaid" id="joinaid" value="0">--> <!-- <span class="tower-add" id="house_title" style="display:none;">--> <!-- </span>--> <!-- <button class="layui-btn layui-btn-sm" data-type="select_house">选择楼盘</button>--> <!-- </div>--> <!--</div>--> <div class="layui-form-item" style="display:none; margin-top: 10rpx;" > <label class="layui-form-label"><b>*</b>城市</label> <div class="layui-input-inline w120" style="z-index: 1000;"> <select name="province_id" id="province_id" lay-filter="province_id" > <option value="0">请选择省</option> <option value="338" >天津市</option> <option value="30164" >广西</option> <option value="31563" >海南省</option> <option value="31929" >重庆市</option> <option value="33007" >四川省</option> <option value="37906" >贵州省</option> <option value="39556" >云南省</option> <option value="41103" >西藏</option> <option value="41877" >陕西省</option> <option value="43776" >甘肃省</option> <option value="45286" >青海省</option> <option value="45753" >宁夏</option> <option value="46047" >新疆</option> <option value="47493" >台湾</option> <option value="47494" >香港</option> <option value="28240" >广东省</option> <option value="25579" >湖南省</option> <option value="24022" >湖北省</option> <option value="636" >河北省</option> <option value="3102" >山西</option> <option value="4670" >内蒙古</option> <option value="5827" >辽宁省</option> <option value="7531" >吉林省</option> <option value="8558" >黑龙江省</option> <option value="10543" >上海市</option> <option value="10808" >江苏省</option> <option value="12596" >浙江省</option> <option value="14234" >安徽省</option> <option value="16068" >福建省</option> <option value="17359" >江西省</option> <option value="19280" >山东省</option> <option value="21387" >河南省</option> <option value="47495" >澳门</option> </select> </div> <div class="layui-input-inline w120" style="z-index: 1000;"> <select name="city_id" id="city_id" lay-filter="city_id"> <option value="">请选择城市</option> </select> </div> <div class="layui-input-inline bt-more layadmin-layer-demo"> <a class="layui-btn layui-btn-sm" data-type="area">区域管理</a> </div> </div> <!-- 单行文本框 start --> <div class="layui-form-item"> <label class="layui-form-label">积分价格</label> <div class="layui-input-inline"> <input type="text" class="layui-input" id="addonFieldExt_price" name="addonFieldExt[price]" value=""> </div> <div class="layui-input-inline layui-input-company"> </div> <div class="layui-input-inline layui-btn-container " style="width: auto;"> <div class="layui-form-mid layui-word-aux ey_helptips"></div> <div class="layui-form-inline2 ey_helptips_txt"></div> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">市场价</label> <div class="layui-input-inline"> <input type="text" class="layui-input" id="addonFieldExt_mprice" name="addonFieldExt[mprice]" value=""> </div> <div class="layui-input-inline layui-input-company"> </div> <div class="layui-input-inline layui-btn-container " style="width: auto;"> <div class="layui-form-mid layui-word-aux ey_helptips"></div> <div class="layui-form-inline2 ey_helptips_txt"></div> </div> </div> <!-- 单行文本框 end --> <!-- 多行文本框 start --> <!--<div class="layui-form-item layui-form-text">--> <!-- <label class="layui-form-label">简介</label>--> <!-- <div class="layui-input-inline">--> <!-- <textarea id="addonFieldExt_description" name="addonFieldExt[description]" class="layui-textarea"></textarea>--> <!-- </div>--> <!-- <div class="layui-input-inline layui-btn-container " style="width: auto;">--> <!-- <div class="layui-form-mid layui-word-aux ey_helptips"></div>--> <!-- <div class="layui-form-inline2 ey_helptips_txt"></div>--> <!-- </div>--> <!--</div>--> <!-- 多行文本框 end --> <!-- HTML文本 start --> <div class="layui-form-item"> <span class="edit-box-tit">内容详情</span> <div class="edit-box-con "> <div class="edit-box-textarea2"> <textarea autofocus class="ckeditor" id="addonFieldExt_content" data-func="addonFieldExt_content" name="addonFieldExt[content]"> </textarea> </div> </div> <div class="layui-input-inline layui-btn-container " style="width: auto;"> <div class="layui-form-mid layui-word-aux ey_helptips"></div> <div class="layui-form-inline2 ey_helptips_txt"></div> </div> </div> <script type="text/javascript"> UE.getEditor('addonFieldExt_content',{ serverUrl :"http://house.amicrogift.com/login.php?m=admin&c=Ueditor&a=index&savepath=ueditor", zIndex: 999, initialFrameWidth: "100%", //初化宽度 initialFrameHeight: 450, //初化高度 focus: true, //初始化时，是否让编辑器获得焦点true或false maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',//允许的最大字符数 'fullscreen', pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴 autoHeightEnabled: false, toolbars: ueditor_toolbars }); // UE.getEditor('editor').focus(); $(document).ready(function(){ $.post(" /login.php?m=admin&c=Gift&a=read&id="+getQueryVariable("id"),{},function(result){ console.log(result) console.log(typeof result) console.log(result.data) let tmp = JSON.parse(result) console.log(tmp) console.log(tmp.data.content) $("#title").val(tmp.data.title); $("#litpic").val(tmp.data.litpic); $("#img_litpic").attr('src',tmp.data.litpic); let srclist = JSON.parse(tmp.data.pics) console.log(srclist) $("#img_picsone").attr('src',srclist[0]); $("#img_picstwo").attr('src',srclist[1]); $("#img_picsthree").attr('src',srclist[2]); $("#img_picsfour").attr('src',srclist[3]); $("#img_picsfive").attr('src',srclist[4]); $("#picsone").val(srclist[0]); $("#picstwo").val(srclist[1]); $("#picsthree").val(srclist[2]); $("#picsfour").val(srclist[3]); $("#picsfive").val(srclist[4]); $("#addonFieldExt_price").val(tmp.data.price); $("#addonFieldExt_mprice").val(tmp.data.mprice); $("#addonFieldExt_content").val(tmp.data.content); // $(".txt_id").eq(i+1).val(listdata[i].id); var aatext = tmp.data.content // let aatext = '<p>aa</p><p>bb</p>' setTimeout(function(){ $("#ueditor_0").contents().find("body").html(htmlDecodeByRegExp(aatext)) }, 200); // let aatext = $('#'+getQueryVariable("id"), window.parent.document).val() // console.log('aatext:' + aatext) // console.log('解码：'+ Base64.decode(aatext)) // $("#ueditor_0").contents().find("body").html($('#'+getQueryVariable("id"), window.parent.document).val()) // setTimeout(function(){ // $("#addonFieldExt_content").contents().find("body").html( 'aaaaa' ) // }, 200); }) }) //必须在提交前渲染编辑器； function addonFieldExt_content() { //判断编辑模式状态:0表示【源代码】HTML视图；1是【设计】视图,即可见即所得；-1表示不可用 if(UE.getEditor("addonFieldExt_content").queryCommandState('source') != 0) { UE.getEditor("addonFieldExt_content").execCommand('source'); //切换到【设计】视图 } } </script> <!-- HTML文本 end --> <!--折叠面板--stra--> <!--<div class="layui-collapse mt20" lay-filter="component-panel">--> <!-- <div class="layui-colla-item">--> <!-- <h2 class="layui-colla-title">SEO选项</h2>--> <!-- <div class="layui-colla-content">--> <!-- <div class="" wid100 lay-filter="">--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">TAG标签</label>--> <!-- <div class="layui-input-inline">--> <!-- <input type="text" value="" name="tags" id="tags" class="layui-input">--> <!-- </div>--> <!-- <div class="layui-input-inline layadmin-layer-demo">--> <!-- <a class="layui-btn layui-btn-sm" data-type="tags_mark">管理</a>--> <!-- <div class="layui-form-mid layui-word-aux ey_helptips"></div>--> <!-- <div class="layui-form-inline2 ey_helptips_txt none">多个标签用英文逗号（,）分开，单个标签小于12字节</div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">SEO标题</label>--> <!-- <div class="layui-input-inline">--> <!-- <input type="text" name="seo_title" id="seo_title" value="" class="layui-input">--> <!-- </div>--> <!-- <div class="layui-input-inline layui-form-mid layui-word-aux ey_helptips"></div>--> <!-- <div class="layui-form-inline2 ey_helptips_txt none">一般不超过80个字符，为空时系统自动构成，可以到 <a href="http://house.amicrogift.com/login.php?m=admin&c=Seo&a=index&inc_type=seo">SEO设置 - SEO基础</a> 中设置构成规则。</div>--> <!-- </div>--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">SEO关键词</label>--> <!-- <div class="layui-input-inline">--> <!-- <input type="text" name="seo_keywords" id="seo_keywords" value="" class="layui-input">--> <!-- </div>--> <!-- <div class="layui-input-inline layui-form-mid layui-word-aux ey_helptips"></div>--> <!-- <div class="layui-form-inline2 ey_helptips_txt none">一般不超过100个字符，多个关键词请用英文逗号（,）隔开，建议3到5个关键词。</div>--> <!-- </div>--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">SEO描述</label>--> <!-- <div class="layui-input-inline">--> <!-- <textarea name="seo_description" class="layui-textarea"> 新京报上海、广州、海口等地纷纷发布住房租赁市场风险提示，包括谨慎选择住房租赁企业、认真确认租金价格、建议使用合同示范文本、防范“租金贷”风险等。 近期，各地长租公寓“爆雷”事件层出不穷，很大一部分原因在于公寓运营企业采取“高进低出”、“</textarea>--> <!-- </div>--> <!-- <div class="layui-input-inline layui-form-mid layui-word-aux ey_helptips"></div>--> <!-- <div class="layui-form-inline2 ey_helptips_txt none">一般不超过200个字符，不填写时系统自动提取正文的前200个字符</div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="layui-colla-item">--> <!-- <h2 class="layui-colla-title">其他选项</h2>--> <!-- <div class="layui-colla-content">--> <!-- <div class="" wid100 lay-filter="">--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">作者</label>--> <!-- <div class="layui-input-inline">--> <!-- <input type="text" value="惠买房小编" name="author" id="author" class="layui-input">--> <!-- </div>--> <!-- <div class="layui-input-inline layadmin-layer-demo">--> <!-- <a class="layui-btn layui-btn-sm" data-type="author_mark">设置</a>--> <!-- <div class="layui-form-mid layui-word-aux ey_helptips"></div>--> <!-- <div class="layui-form-inline2 ey_helptips_txt none">设置作者默认名称（将同步至管理员笔名）</div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">浏览量</label>--> <!-- <div class="layui-input-inline">--> <!-- <input type="text" value="237" name="click" id="click" value="465" class="layui-input">--> <!-- </div>--> <!-- </div>--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">阅读权限</label>--> <!-- <div class="layui-input-inline">--> <!-- <select name="arcrank" id="arcrank">--> <!-- <option value="0" selected>开放浏览</option>--> <!-- <option value="-1" >待审核稿件</option>--> <!-- </select>--> <!-- </div>--> <!-- </div>--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">发布时间</label>--> <!-- <div class="layui-input-inline">--> <!-- <input type="text" class="layui-input" id="add_time" name="add_time" value="2020-09-03 10:09:49" autocomplete="off" placeholder="yyyy-MM-dd HH:mm:ss">--> <!-- </div>--> <!-- </div>--> <!-- <div class="layui-form-item">--> <!-- <label class="layui-form-label">文档模板</label>--> <!-- <div class="layui-input-inline">--> <!-- <select name="tempview" id="tempview">--> <!-- <option value="view_article.htm" selected>view_article.htm</option>--> <!-- </select>--> <!-- <input type="hidden" name="type_tempview" value="view_article.htm" />--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--折叠面板--end--> </div> </div> </div> </div> </div> </div> </div> </div> <div class="button-container layadmin-layer-demo"> <input type="hidden" name="gourl" value=""> <input type="hidden" name="aid" value="993"> <button class="layui-btn layui-btn-sm" lay-submit lay-filter="formSubmit">确认提交</button> <button class="layui-btn layui-btn-sm layui-btn-primary" data-type="return_parent">返回</button> </div> </form> </div> </div> </div> </div> <script> $(function () { // 鼠标事件，加载查看大图和删除图片 $(".upload-img").live('mouseover', function(){ $(this).find('div.icaction').show(); $(this).find('div.cover-bg').show(); }).live('mouseout', function(){ $(this).find('div.icaction').hide(); $(this).find('div.cover-bg').hide(); }); $('#add_time').layDate(); var city_id = ""; set_city_list(city_id); }); layui.config({ base: '/public/static/admin/' //静态资源所在路径 ,version: 'v1.3.0' }).extend({ index: 'lib/index' //主入口模块 }).use(['index', 'form'], function(){ var $ = layui.$ ,element = layui.element ,layer = layui.layer ,form = layui.form; element.render(); //监听自定义开关 form.on('switch', function(data){ var elemId = data.elem.attributes['lay-filter']['nodeValue']; if (data.elem.checked) { this.value = 1; } else { this.value = 0; } $("input[name='"+elemId+"']").val(this.value); }); /*自定义字段的复选框*/ form.on('checkbox(addonFieldExt)', function(data){ try{ var callback = data.elem.attributes['data-callback']['nodeValue']; eval(callback+"()"); }catch(e){} }); /*end*/ form.on('checkbox', function(data){ try{ var elemId = data.elem.attributes['id']['nodeValue']; if (data.elem.checked) { this.value = 1; } else { this.value = 0; } $("input[name='"+elemId+"']").val(this.value); }catch(e){} }); /* 触发事件 */ var active = { area:function () { //区域管理 set_region(); } ,select_house:function () { //楼盘关联管理 var xinfang = layer.open({ type : 2, title : '选择楼盘', area : ['500px','500px'], shade : 0.2, iframeAuto:true, content : "http://house.amicrogift.com/login.php?m=admin&c=Xinfang&a=ajaxSelectHouse"+'&func=set_house_back', end : function(){ } }); layer.full(xinfang); } ,tags_mark:function () { //设置标签 tags_list(this); } ,author_mark:function () { //设置作者 set_author(); } , return_parent:function () { //返回上级 var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name parent.layer.close(index); //关闭窗口 } }; $('#LAY-component-layer-list .layadmin-layer-demo .layui-btn').on('click', function(){ var type = $(this).data('type'); active[type] && active[type].call(this); }); $('#component-tabs .site-demo-active').on('click', function(){ var othis = $(this), type = othis.data('type'); active[type] ? active[type].call(this, othis) : ''; }); //选中跳转链接 form.on('checkbox(is_jump)',function (obj) { if ($(this).is(':checked')) { $('#jump_div').show(); } else { $('#jump_div').hide(); } }); //选中省份模型 form.on('select(province_id)', function(data){ var result = set_city_list(0); form.render(); }); //选中城市 // form.on('select(city_id)', function(data){ // var result = set_area_list(0); // form.render(); // }); function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } console.log(getQueryVariable("id")) //监听提交 form.on('submit(formSubmit)', function(data){ console.log('提交测试数据：') console.log('textarea值：' +$('#addonFieldExt_content').val()) console.log('编辑器内容：') console.log(UE.getEditor('addonFieldExt_content').getContent()) // data.field.title= 'aaa' // data.field.addonFieldExt[content] = UE.getEditor('addonFieldExt_content').getContent() console.log(data.field) var load = layer_loading(); data.field._ajax = 1; $.ajax({ type : 'post', url : "/login.php?m=admin&c=Gift&a=upd&id="+getQueryVariable("id"), data : data.field, dataType : 'json', success : function(res){ layer.close(load); //关闭loading if(res.code == 0){ href = "www.baidu.com"; // window.location.reload() // showErrorAlert(); var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); // window.location.reload() parent.location.reload(); // parent.window.location.href = res.url; }else{ showErrorMsg(res.msg); } }, error: function(e){ layer.close(load); //关闭loading showErrorAlert(); } }); return false; }); }); //自动获取城市列表 function set_city_list(cityid) { var pid = $("#province_id").val(); $.ajax({ url: "http://house.amicrogift.com/login.php?m=admin&c=Region&a=ajax_get_region", type: 'POST', dataType: 'JSON', async: false, data: {pid:pid,_ajax:1}, success: function(res){ if (res.code === 1){ $("#city_id").empty(); $("#city_id").prepend(res.msg); if (cityid > 0){ $("#city_id").val(cityid); } } }, error: function(e){ showErrorMsg(); return false; } }); } //自动获取区域 function set_area_list(areaid) { var pid = $("#city_id").val(); $.ajax({ url: "http://house.amicrogift.com/login.php?m=admin&c=Region&a=ajax_get_region", type: 'POST', dataType: 'JSON', async: false, data: {pid:pid,level:3,_ajax:1}, success: function(res){ if (res.code === 1){ $("#area_id").empty(); $("#area_id").prepend(res.msg); if (areaid > 0){ $("#area_id").val(areaid); } } }, error: function(e){ showErrorMsg(); return false; } }); } //区域管理 function set_region() { var url = "http://house.amicrogift.com/login.php?m=admin&c=Region&a=index"; var region_iframes = layer.open({ type: 2, title: '区域管理', fixed: true, //不固定 shadeClose: false, shade: 0.3, content: url }); layer.full(region_iframes); } //选择楼盘回调 function set_house_back(recall){ $("#province_id").val(recall['province_id']); $("#joinaid").val(recall['aid']); $('#house_title').html(recall['title']+ ' <i class="layui-icon layui-icon-close"></i>'); $('#house_title').show(); set_city_list(recall['city_id']); } $("#house_title").on('click','i',function(){ $("#house_title").html(''); $('#house_title').hide(); $("#joinaid").val(0); }); //设置作者 function set_author() { layer.prompt({ title:'<font color="red">设置作者默认名称</font>' }, function(val, index){ var admin_id = '1'; $.ajax({ url: "http://house.amicrogift.com/login.php?m=admin&c=Admin&a=ajax_setfield", type: 'POST', dataType: 'JSON', data: {id_name:'admin_id',id_value:admin_id,field:'pen_name',value:val}, success: function(res){ if (res.code == 1) { $('#author').val(val); layer.msg(res.msg, {icon: 1, time:1000}); } else { showErrorMsg(res.msg); return false; } }, error: function(e){ showErrorMsg(); return false; } }); layer.close(index); } ); } //设置标签 function tags_list(obj) { var url = "http://house.amicrogift.com/login.php?m=admin&c=Tags&a=index"; //iframe窗 layer.open({ type: 2, title: 'TAG标签管理', fixed: true, //不固定 shadeClose: false, shade: 0.3, maxmin: true, //开启最大化最小化按钮 area: ['80%', '80%'], content: url }); } </script> </body> </html>
浙公网安备 33010602011771号