You've already forked qlg.tsgz.moe
							
							Init Repo
This commit is contained in:
		
							
								
								
									
										71
									
								
								hyhproject/admin/view/speccats/list.html
									
									
									
									
									
										Executable file
									
								
							
							
						
						
									
										71
									
								
								hyhproject/admin/view/speccats/list.html
									
									
									
									
									
										Executable file
									
								
							@@ -0,0 +1,71 @@
 | 
			
		||||
{extend name="base" /}
 | 
			
		||||
{block name="css"}
 | 
			
		||||
<link rel="stylesheet" type="text/css" href="__ADMIN__/js/mmgrid/mmGrid.css?v={$v}" />
 | 
			
		||||
{/block}
 | 
			
		||||
{block name="js"}
 | 
			
		||||
<script src="__ADMIN__/js/mmgrid/mmGrid.js?v={$v}" type="text/javascript"></script>
 | 
			
		||||
<script src="__ADMIN__/speccats/speccats.js?v={$v}" type="text/javascript"></script>
 | 
			
		||||
{/block}
 | 
			
		||||
{block name="main"}
 | 
			
		||||
<div class="wst-toolbar">
 | 
			
		||||
	<div class="f-left">
 | 
			
		||||
		<div id="pcat_0_box" class="f-left">
 | 
			
		||||
		 <select id="cat_0" class='ipt pgoodsCats' level="0" onchange="WST.ITGoodsCats({id:'cat_0',val:this.value,isRequire:false,className:'pgoodsCats'});">
 | 
			
		||||
	      	<option value="">-所属商品分类-</option>
 | 
			
		||||
	      	{volist name=":WSTGoodsCats(0)" id="vo"}
 | 
			
		||||
	        <option value="{$vo['catId']}">{$vo['catName']}</option>
 | 
			
		||||
	        {/volist}
 | 
			
		||||
	     </select>
 | 
			
		||||
	     </div>
 | 
			
		||||
	     <input type="text" id="keyName" placeholder="请输入规格名称"/>
 | 
			
		||||
	     <button class="btn btn-primary" onclick="loadGrid(0)"><i class='fa fa-search'></i>查询</button>
 | 
			
		||||
     </div>
 | 
			
		||||
   {if WSTGrant('SPGG_01')}
 | 
			
		||||
   <button class="btn btn-success f-right" onclick="javascript:toEditCat(0);"><i class='fa fa-plus'></i>新增</button>
 | 
			
		||||
   {/if}
 | 
			
		||||
   <div style="clear:both"></div>
 | 
			
		||||
</div>
 | 
			
		||||
<div class='wst-grid'>
 | 
			
		||||
 <div id="mmg" class="mmg layui-form"></div>
 | 
			
		||||
</div>
 | 
			
		||||
<div id="pg" style="text-align: right;"></div>
 | 
			
		||||
<div id='specCatsBox' style='display:none'>
 | 
			
		||||
	<form id="specCatsForm">
 | 
			
		||||
	    <input type='hidden' id='catId' class='ipt'/>
 | 
			
		||||
		<table class='wst-form wst-box-top'>
 | 
			
		||||
		  <tr>
 | 
			
		||||
		      <th width='150'>
 | 
			
		||||
		    	 所属商品分类<font color='red'>*</font>:</th>
 | 
			
		||||
		     	<td id="bcat_0_box">
 | 
			
		||||
		            <select id="bcat_0" class='ipt goodsCats' level="0" onchange="WST.ITGoodsCats({id:'bcat_0',val:this.value,isRequire:false,className:'goodsCats'});" data-rule='所属商品分类:required;' data-target="#msg_bcat_0">
 | 
			
		||||
		                <option value="">-请选择-</option>
 | 
			
		||||
		                {volist name=":WSTGoodsCats(0)" id="vo"}
 | 
			
		||||
				        <option value="{$vo['catId']}">{$vo['catName']}</option>
 | 
			
		||||
				        {/volist}
 | 
			
		||||
		           	</select>
 | 
			
		||||
		           	<span class='msg-box' id='msg_bcat_0' style='color:red;'>(至少选择一个商品分类)</span>
 | 
			
		||||
		          </td>
 | 
			
		||||
		       </tr>
 | 
			
		||||
		       <tr>
 | 
			
		||||
		          <th>规格名称<font color='red'>*</font>:</th>
 | 
			
		||||
		          <td>
 | 
			
		||||
		              <input type="text" id="catName" name="catName" class="ipt" maxLength='20'/>
 | 
			
		||||
		          </td>
 | 
			
		||||
		       </tr>
 | 
			
		||||
		       <tr>
 | 
			
		||||
		          <th>是否允许上传图片<font color='red'>  </font>:</th>
 | 
			
		||||
		          <td class='layui-form'>
 | 
			
		||||
		            <input type="checkbox" id="isAllowImg" name="isAllowImg" value="1" class="ipt" lay-skin="switch" lay-filter="isAllowImg" lay-text="是|否">
 | 
			
		||||
		            <span style='color:red;margin-left:20px;'>(*同一分类下只能设置一个上传图片的规格分类)</span>
 | 
			
		||||
		          </td>
 | 
			
		||||
		       </tr>
 | 
			
		||||
		       <tr>
 | 
			
		||||
		          <th>是否显示<font color='red'>  </font>:</th>
 | 
			
		||||
		          <td class='layui-form'>
 | 
			
		||||
		            <input type="checkbox" id="isShow" name="isShow" value="1" class="ipt" lay-skin="switch" lay-filter="isShow" lay-text="显示|隐藏">
 | 
			
		||||
		          </td>
 | 
			
		||||
		       </tr>
 | 
			
		||||
		</table>
 | 
			
		||||
	</form>
 | 
			
		||||
</div>
 | 
			
		||||
{/block}
 | 
			
		||||
							
								
								
									
										187
									
								
								hyhproject/admin/view/speccats/speccats.js
									
									
									
									
									
										Executable file
									
								
							
							
						
						
									
										187
									
								
								hyhproject/admin/view/speccats/speccats.js
									
									
									
									
									
										Executable file
									
								
							@@ -0,0 +1,187 @@
 | 
			
		||||
var mmg;
 | 
			
		||||
$(function(){
 | 
			
		||||
    var h = WST.pageHeight();
 | 
			
		||||
    var cols = [
 | 
			
		||||
            {title:'规格类型', name:'catName', width: 10},
 | 
			
		||||
            {title:'所属商品分类', name:'goodsCatNames', width: 300,renderer: function(val,item,rowIndex){
 | 
			
		||||
                return "<span  ><p class='wst-nowrap'>"+item['goodsCatNames']+"</p></span>";
 | 
			
		||||
            }},
 | 
			
		||||
            {title:'是否允许上传图片', name:'isAllowImg', width: 10,renderer: function(val,item,rowIndex){
 | 
			
		||||
            	return (val==1)?"<span class='statu-yes'><i class='fa fa-check-circle'></i> 允许</span>":'';
 | 
			
		||||
            }},
 | 
			
		||||
            {title:'是否显示', name:'attrVal', width: 10,renderer: function(val,item,rowIndex){
 | 
			
		||||
            	return '<input type="checkbox" '+((item['isShow']==1)?"checked":"")+' id="isShow1" name="isShow1" value="1" class="ipt" lay-skin="switch" lay-filter="isShow1" data="'+item['catId']+'" lay-text="显示|隐藏">'
 | 
			
		||||
            }},
 | 
			
		||||
            {title:'操作', name:'op' ,width:50, align:'center', renderer: function(val,item,rowIndex){
 | 
			
		||||
                var h = "";
 | 
			
		||||
		        if(item.specId>0){
 | 
			
		||||
		        	if(WST.GRANT.SPGG_02)h += "<a class='btn btn-blue' href='javascript:toEdit("+ item['catId']+"," + item['id'] + ")'><i class='fa fa-pencil'></i>修改</a> ";
 | 
			
		||||
		        	if(WST.GRANT.SPGG_03)h += "<a class='btn btn-red' href='javascript:toDel(" + item['id'] + ")'><i class='fa fa-trash-o'></i>删除</a> "; 
 | 
			
		||||
		            return h;
 | 
			
		||||
		        }else{
 | 
			
		||||
		        	if(WST.GRANT.SPGG_02)h += "<a class='btn btn-blue' href='javascript:toEditCat(" + item['id'] + ")' ><i class='fa fa-pencil'></i>修改</a> ";
 | 
			
		||||
		        	if(WST.GRANT.SPGG_03)h += "<a class='btn btn-red' href='javascript:toDelCat(" + item['id'] + ")'><i class='fa fa-trash-o'></i>删除</a> "; 
 | 
			
		||||
		        }
 | 
			
		||||
		        return h;
 | 
			
		||||
            }}
 | 
			
		||||
            ];
 | 
			
		||||
 
 | 
			
		||||
    mmg = $('.mmg').mmGrid({height: h-85,indexCol: true, cols: cols,method:'POST',
 | 
			
		||||
        url: WST.U('admin/speccats/pageQuery'), fullWidthRows: true, autoLoad: true,
 | 
			
		||||
        plugins: [
 | 
			
		||||
            $('#pg').mmPaginator({})
 | 
			
		||||
        ]
 | 
			
		||||
    });
 | 
			
		||||
    mmg.on('loadSuccess',function(data){
 | 
			
		||||
    	layui.form.render();
 | 
			
		||||
    	layui.form.on('switch(isShow1)', function(data){
 | 
			
		||||
           var id = $(this).attr("data");
 | 
			
		||||
		   if(this.checked){
 | 
			
		||||
			   toggleIsShow(id, 1);
 | 
			
		||||
		   }else{
 | 
			
		||||
			   toggleIsShow(id, 0);
 | 
			
		||||
		   }
 | 
			
		||||
		});
 | 
			
		||||
    })
 | 
			
		||||
})
 | 
			
		||||
//------------------规格类型---------------//
 | 
			
		||||
function toEditCat(catId){
 | 
			
		||||
	$("select[id^='bcat_0_']").remove();
 | 
			
		||||
	$('#specCatsForm').get(0).reset();
 | 
			
		||||
	$.post(WST.U('admin/speccats/get'),{catId:catId},function(data,textStatus){
 | 
			
		||||
        var json = WST.toAdminJson(data);
 | 
			
		||||
        WST.setValues(json);
 | 
			
		||||
        layui.form.render();
 | 
			
		||||
        if(json.goodsCatId>0){
 | 
			
		||||
        	var goodsCatPath = json.goodsCatPath.split("_");
 | 
			
		||||
        	$('#bcat_0').val(goodsCatPath[0]);
 | 
			
		||||
        	var opts = {id:'bcat_0',val:goodsCatPath[0],childIds:goodsCatPath,className:'goodsCats'}
 | 
			
		||||
        	WST.ITSetGoodsCats(opts);
 | 
			
		||||
        }
 | 
			
		||||
		var title =(catId==0)?"新增":"编辑";
 | 
			
		||||
		var box = WST.open({title:title,type:1,content:$('#specCatsBox'),area: ['750px', '260px'],btn:['确定','取消'],
 | 
			
		||||
			end:function(){$('#specCatsBox').hide();},yes:function(){
 | 
			
		||||
			$('#specCatsForm').submit();
 | 
			
		||||
		}});
 | 
			
		||||
		$('#specCatsForm').validator({
 | 
			
		||||
			fields: {
 | 
			
		||||
			 	'catName': {rule:"required remote;",msg:{required:'请输入规格名称'}},
 | 
			
		||||
			},
 | 
			
		||||
			valid: function(form){
 | 
			
		||||
			    var params = WST.getParams('.ipt');
 | 
			
		||||
			    var loading = WST.msg('正在提交数据,请稍后...', {icon: 16,time:60000});
 | 
			
		||||
			    params.goodsCatId = WST.ITGetGoodsCatVal('goodsCats');
 | 
			
		||||
			 	$.post(WST.U('admin/speccats/'+((params.catId==0)?"add":"edit")),params,function(data,textStatus){
 | 
			
		||||
			 		layer.close(loading);
 | 
			
		||||
			    	var json = WST.toAdminJson(data);
 | 
			
		||||
					if(json.status=='1'){
 | 
			
		||||
						WST.msg("操作成功",{icon:1});
 | 
			
		||||
						layer.close(box);
 | 
			
		||||
						$('#specCatsBox').hide();
 | 
			
		||||
						loadGrid();
 | 
			
		||||
						layer.close(box);
 | 
			
		||||
				  	}else{
 | 
			
		||||
				    	WST.msg(json.msg,{icon:2});
 | 
			
		||||
					}
 | 
			
		||||
			 	});
 | 
			
		||||
			}
 | 
			
		||||
		});
 | 
			
		||||
 | 
			
		||||
	});
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
function loadGrid(){
 | 
			
		||||
	var keyName = $("#keyName").val();
 | 
			
		||||
	var goodsCatPath = WST.ITGetAllGoodsCatVals('cat_0','pgoodsCats');
 | 
			
		||||
	mmg.load({"page":1,"keyName":keyName,"goodsCatPath":goodsCatPath.join('_')});
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
function toDelCat(catId){
 | 
			
		||||
	var box = WST.confirm({content:"您确定要删除该类型吗?",yes:function(){
 | 
			
		||||
		var loading = WST.msg('正在提交数据,请稍后...', {icon: 16,time:60000});
 | 
			
		||||
		$.post(WST.U('admin/speccats/del'),{catId:catId},function(data,textStatus){
 | 
			
		||||
			layer.close(loading);
 | 
			
		||||
			var json = WST.toAdminJson(data);
 | 
			
		||||
			if(json.status=='1'){
 | 
			
		||||
				WST.msg("操作成功",{icon:1});
 | 
			
		||||
				layer.close(box);
 | 
			
		||||
				loadGrid();
 | 
			
		||||
			}else{
 | 
			
		||||
				WST.msg(json.msg,{icon:2});
 | 
			
		||||
			}
 | 
			
		||||
		});
 | 
			
		||||
	}});
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
function toggleIsShow( catId, isShow){
 | 
			
		||||
	$.post(WST.U('admin/speccats/setToggle'), {'catId':catId, 'isShow':isShow}, function(data, textStatus){
 | 
			
		||||
		var json = WST.toAdminJson(data);
 | 
			
		||||
		if(json.status=='1'){
 | 
			
		||||
			WST.msg("操作成功",{icon:1});
 | 
			
		||||
			loadGrid();
 | 
			
		||||
		}else{
 | 
			
		||||
			WST.msg(json.msg,{icon:2});
 | 
			
		||||
		}
 | 
			
		||||
	})
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
//------------------规格---------------//
 | 
			
		||||
function toDel(specId){
 | 
			
		||||
	var box = WST.confirm({content:"您确定要删除该规格吗?",yes:function(){
 | 
			
		||||
		var loading = WST.msg('正在提交数据,请稍后...', {icon: 16,time:60000});
 | 
			
		||||
		$.post(WST.U('admin/specs/del'),{specId:specId},function(data,textStatus){
 | 
			
		||||
			layer.close(loading);
 | 
			
		||||
			var json = WST.toAdminJson(data);
 | 
			
		||||
			if(json.status=='1'){
 | 
			
		||||
				WST.msg("操作成功",{icon:1});
 | 
			
		||||
				layer.close(box);
 | 
			
		||||
				loadGrid();
 | 
			
		||||
			}else{
 | 
			
		||||
				WST.msg(json.msg,{icon:2});
 | 
			
		||||
			}
 | 
			
		||||
		});
 | 
			
		||||
	}});
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
function toEdit(catId,specId){
 | 
			
		||||
	    $.post(WST.U('admin/specs/get'),{specId:specId},function(data,textStatus){
 | 
			
		||||
	    	var json = WST.toAdminJson(data);
 | 
			
		||||
	    	$('#specForm').get(0).reset();
 | 
			
		||||
	      	WST.setValues(json);
 | 
			
		||||
 | 
			
		||||
			var title =(specId==0)?"新增":"编辑";
 | 
			
		||||
			var box = WST.open({title:title,type:1,content:$('#specBox'),area: ['450px', '160px'],btn:['确定','取消'],yes:function(){
 | 
			
		||||
				$('#specForm').submit();
 | 
			
		||||
			}});
 | 
			
		||||
			$('#specForm').validator({
 | 
			
		||||
				rules: {
 | 
			
		||||
			        remote: function(el){
 | 
			
		||||
			        	return $.post(WST.U('admin/specs/checkSpecName'),{"specName":el.value,"catId":catId},function(data,textStatus){});
 | 
			
		||||
			        }
 | 
			
		||||
			    },
 | 
			
		||||
		        fields: {
 | 
			
		||||
		        	'specName': {rule:"required; remote;",msg:{required:'请输入规格名称'}},
 | 
			
		||||
		        },
 | 
			
		||||
		        valid: function(form){
 | 
			
		||||
		    	   var params = WST.getParams('.ipt');
 | 
			
		||||
		    	   params.catId = catId;
 | 
			
		||||
		    	   var loading = WST.msg('正在提交数据,请稍后...', {icon: 16,time:60000});
 | 
			
		||||
		    	   $.post(WST.U('admin/specs/'+((specId==0)?"add":"edit")),params,function(data,textStatus){
 | 
			
		||||
		    		   layer.close(loading);
 | 
			
		||||
		    		   var json = WST.toAdminJson(data);
 | 
			
		||||
		    		   if(json.status=='1'){
 | 
			
		||||
		    	          WST.msg("操作成功",{icon:1});
 | 
			
		||||
		    	          layer.close(box);
 | 
			
		||||
		    	          loadGrid();
 | 
			
		||||
		    	          $('#specForm')[0].reset();
 | 
			
		||||
		    		   }else{
 | 
			
		||||
		    			   WST.msg(json.msg,{icon:2});
 | 
			
		||||
		    	      }
 | 
			
		||||
		    	    });
 | 
			
		||||
		
 | 
			
		||||
		    	}
 | 
			
		||||
		
 | 
			
		||||
			});
 | 
			
		||||
	});
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user