修改页面,完成单页模式新增首页返回上一页按钮
This commit is contained in:
@@ -0,0 +1 @@
|
||||
html #layuicss-regionCheckBox{display:none;position:absolute;width:1989px}.layui-regionContent{margin:6px;border:1px solid #e6e6e6}.layui-regionContent .all{margin-left:15px}.layui-regionContent .area{margin-bottom:0}.layui-regionContent .area label{width:45px}.layui-regionContent .area .province{margin-left:75px}.layui-regionContent .province ul li{float:left;position:relative;border:1px solid #fff;padding:9px 0 9px 15px}.layui-regionContent .province ul li .layui-form-checkbox[lay-skin=primary]{margin-top:0}.layui-regionContent .province ul li.parent:hover{border:1px solid #e4e4e4}.layui-regionContent .province .city{position:absolute;background:#fff;width:330px;left:-1px;top:100%;z-index:2;line-height:26px;border:1px solid #e4e4e4;padding:6px 0 6px 15px;display:none}
|
||||
@@ -0,0 +1 @@
|
||||
layui.define("form",function(g){"use strict";var c=layui.$,u=layui.form,C="regionCheckBox",B="layui-regionContent",d={index:layui.regionCheckBox?layui.regionCheckBox.index+1e4:0,set:function(i){var e=this;return e.config=c.extend({},e.config,i),e},on:function(i,e){return layui.onevent.call(this,C,i,e)}},E=function(){var i=this,e=i.config,l=e.id||e.index;return{reload:function(n){i.config=c.extend({},i.config,n),i.render()},val:function(n){x(e,n)},config:e}},m=function(i){var e=this;e.index=++d.index,e.config=c.extend({},e.config,d.config,i),e.render()};m.prototype.config={data:[],all:["所有地域","所有地域"],value:[],width:"550px",border:!0,change:function(i){},ready:function(){}},m.prototype.render=function(){var i=this,e=i.config;e.elem=c(e.elem);var l=e.elem.attr("id");e.elem.hasClass("layui-form")||e.elem.addClass("layui-form"),e.elem.addClass(B),e.elem.css("width",e.width),e.border||e.elem.css("border","none"),e.elem.attr("lay-filter","region-"+l),e.elem.html(L(e)),x(e,e.value),e.elem.find(".parent").mouseover(function(){c(this).find(".city").show()}),e.elem.find(".parent").mouseout(function(){c(this).find(".city").hide()}),u.on("checkbox(regionCheckBox-"+l+")",function(n){if(c(n.elem).parents(".all").length>0)n.elem.checked?e.elem.find(":checkbox").prop("checked",!0):e.elem.find(":checkbox").prop("checked",!1);else{if(c(n.elem).parent().hasClass("parent")&&(n.elem.checked?c(n.elem).parent().find(".city :checkbox").prop("checked",!0):c(n.elem).parent().find(".city :checkbox").prop("checked",!1)),c(n.elem).parent().hasClass("city"))if(c(n.elem).parents(".parent").attr("name",e.name),n.elem.checked){var r=!0;c(n.elem).parent().find(":checkbox").each(function(f,a){if(!a.checked)return r=!1,!1}),r&&c(n.elem).parents(".parent").find(":checkbox:first").prop("checked",!0)}else c(n.elem).parents(".parent").find(":checkbox:first").prop("checked",!1);if(n.elem.checked){var r=!0;e.elem.find(".province :checkbox").each(function(a,t){if(!t.checked)return r=!1,!1}),r&&e.elem.find(".all :checkbox").prop("checked",!0)}else e.elem.find(".all :checkbox").prop("checked",!1)}u.render("checkbox",e.elem.attr("lay-filter")),y(e.elem),v(e),e.change(n)}),e.ready()};function L(i){var e=i.data,l=i.all,n=i.name,r=i.elem.attr("id"),f="primary",a="regionCheckBox-"+r,t="",h=!0;l!=null&&l.length==2&&(t='<div class="layui-form-item all"><input type="checkbox" name="'+n+'" value="'+l[0]+'" title="'+l[1]+'" lay-skin="'+f+'" lay-filter="'+a+'"></div>'+t),e[0].TYPE=="province"&&(h=!1),h||(t+='<div class="layui-form-item" style="margin-bottom: 0;"><div class="province"><ul>');for(var s=0;s<e.length;s++){var o=e[s];if(o.TYPE=="area"){t+='<div class="layui-form-item area"><label class="layui-form-label">'+o.TITLE+'</label><div class="province"><ul>';for(var b=o.CHILDREN,k=0;k<b.length;k++)t+=p(b[k],i);t+="</ul></div></div>"}else o.TYPE=="province"&&(t+=p(o,i))}return h||(t+="</ul></div>"),t}function p(i,e){var l=e.name,n=e.elem.attr("id"),r="primary",f="regionCheckBox-"+n,a="",t=i.CHILDREN,h=t==null?0:t.length;if(a+="<li"+(h>0?' class="parent"':"")+'><input type="checkbox" name="'+l+'" value="'+i.VALUE+'" title="'+i.TITLE+'" lay-skin="'+r+'" lay-filter="'+f+'">',h>0){a+='<div class="city">';for(var s=0;s<h;s++){var o=t[s];a+='<input type="checkbox" name="'+l+'" value="'+o.VALUE+'" title="'+o.TITLE+'" lay-skin="'+r+'" lay-filter="'+f+'">'}a+="</div>"}return a+="</li>",a}function x(i,e){i.elem.find(":checkbox").prop("checked",!1);var l=i.elem.find(".all :checkbox").val();if(e.indexOf(l)>-1)i.elem.find(":checkbox").prop("checked",!0);else{typeof e=="string"&&(e=e.split(","));for(var n=0;n<e.length;n++){var r=e[n],f=i.elem.find(':checkbox[value="'+r+'"]');f.prop("checked",!0),r.indexOf("-")<0&&f.parent().find(".city :checkbox").prop("checked",!0)}}u.render("checkbox",i.elem.attr("lay-filter")),y(i.elem),v(i)}function v(i){var e=i.elem;e.find(":checkbox").attr("name",i.name),e.find(".all :checkbox").prop("checked")?e.find(".province :checkbox").removeAttr("name"):e.find(".parent").find(":checkbox:first:checked").each(function(){c(this).parent().find(".city :checkbox").removeAttr("name")})}function y(i){i.find(".parent").find(":checkbox:first").not(":checked").each(function(){var e=!0,l=!0;c(this).parent().find(".city :checkbox").each(function(n,r){r.checked?l=!1:e=!1}),!e&&!l&&(c(this).parent().find(".layui-icon:first").removeClass("layui-icon-ok"),c(this).parent().find(".layui-icon:first").css("border-color","#5FB878"),c(this).parent().find(".layui-icon:first").css("background-color","#5FB878"))})}d.render=function(i){var e=new m(i);return E.call(e)},g("regionCheckBox",d)}).link(layui.cache.base+"regionCheckBox/regionCheckBox.css?v="+new Date().getTime());
|
||||
Reference in New Issue
Block a user