288 行
11 KiB
HTML
可执行文件
288 行
11 KiB
HTML
可执行文件
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/index.css"/>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/cate.css"/>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsClassify.css" />
|
||
<link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" />
|
||
<style>
|
||
body,html{
|
||
width:100%;
|
||
height: 100%;
|
||
}
|
||
.webaddressAlert{
|
||
padding-top: 20px;
|
||
display: none;
|
||
}
|
||
.addwebaddressAlert{
|
||
padding-top: 20px;
|
||
display: none;
|
||
}
|
||
.edit_box{
|
||
height: 60px;
|
||
margin-left: 20px;
|
||
}
|
||
.cate_name{
|
||
height: 30px;
|
||
padding-left: 5px;
|
||
border-radius: 5px;
|
||
border: 1px solid silver;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="goods_title">
|
||
<div class="goods_title_inner">
|
||
商品类别
|
||
</div>
|
||
</div>
|
||
<div class='content'>
|
||
<div class='header_nav'>
|
||
<div class='header_nav_item_box'>
|
||
<div class='header_nav_item active' data-url="{:U('Mgoods/top_category')}">
|
||
一级分类列表
|
||
</div>
|
||
</div>
|
||
<div class='header_nav_item_box'>
|
||
<div class='header_nav_item' data-url="{:U('Mgoods/goods_cate')}">
|
||
二级分类列表
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='myblock'>
|
||
<div class='myblock_header'>
|
||
<span>
|
||
筛选一级分类
|
||
</span>
|
||
</div>
|
||
<div class='myblock_content'>
|
||
<!--这里写表单-->
|
||
<form class="layui-form" action="">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"></label>
|
||
<div class="layui-input-inline" style="max-width: 637px;">
|
||
<input type="text" id="keyword" name="title" required lay-verify="required" placeholder="请输入分类名" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<button class="layui-btn" type="button" id="dosearch" ><i class="layui-icon layui-icon-search"></i>查询</button>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn layui-btn-warm" type="button" id="addwebaddress" ><i class="layui-icon layui-icon-add-1"></i>添加一级分类</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<table id="webaddress" lay-filter="webaddress"></table>
|
||
<script type="text/html" id="handle">
|
||
<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>
|
||
</div>
|
||
</div>
|
||
<!--修改分类信息-->
|
||
<div class="goodsEdit" style="display: none">
|
||
<form id="edit_cate">
|
||
<input type="hidden" name="id" id="oldId" value="">
|
||
<div class="gA_inner">
|
||
<div class="gA_inner_left">上级类别：</div>
|
||
<div class="gA_inner_right">
|
||
<input type="" name="" id="" value="所有类别" disabled="disabled" style="background: #f5f5f5;" />
|
||
</div>
|
||
</div>
|
||
<div class="gA_inner">
|
||
<div class="gA_inner_left">编码：</div>
|
||
<div class="gA_inner_right">
|
||
<input type="" name="code" id="oldCode" value="" readonly="readonly" style="background: #f5f5f5;" />
|
||
</div>
|
||
</div>
|
||
<div class="gA_inner">
|
||
<div class="gA_inner_left">名称：</div>
|
||
<div class="gA_inner_right">
|
||
<input type="" name="class_name" id="cate_name" value="" />
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="goodsAlert">
|
||
<form id="create_cate">
|
||
<input type="hidden" name="id" id="class_id" value="">
|
||
<div class="gA_inner">
|
||
<div class="gA_inner_left">上级类别：</div>
|
||
<div class="gA_inner_right">
|
||
<input type="" name="" id="" value="所有类别" disabled="disabled" style="background: #f5f5f5;" />
|
||
</div>
|
||
</div>
|
||
<div class="gA_inner">
|
||
<div class="gA_inner_left">编码：</div>
|
||
<div class="gA_inner_right">
|
||
<input type="" name="code" id="auto_code" value="" readonly="readonly" style="background: #f5f5f5;" />
|
||
</div>
|
||
</div>
|
||
<div class="gA_inner">
|
||
<div class="gA_inner_left">名称：</div>
|
||
<div class="gA_inner_right">
|
||
<input type="" name="class_name" id="class_name" value="" />
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</body>
|
||
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
|
||
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
|
||
<script>
|
||
layui.use(['form','table','layer'], function(){
|
||
var form = layui.form;
|
||
var table = layui.table;
|
||
var layer = layui.layer;
|
||
table.render({
|
||
elem: '#webaddress'
|
||
,url: "{:U('Mgoods/catesList')}" //数据接口
|
||
,page: true //开启分页
|
||
,cols: [[ //表头
|
||
{field: 'key_num', title: '序号', width:80, sort: true, fixed: 'left'}
|
||
,{field:'code',title:'编码',sort:true}
|
||
,{field: 'class_name', title: '分类名' }
|
||
,{field: 'c_num', title: '下级分类数'}
|
||
,{ title: '操作', width:200,templet: '#handle', fixed: 'right',align:'center'}
|
||
]]
|
||
});
|
||
|
||
table.on('tool(webaddress)', function(obj){
|
||
var data = obj.data;
|
||
if(obj.event === 'del'){
|
||
layer.confirm('确定删除该分类', function(index){
|
||
$.ajax({
|
||
url:"{:U('Mgoods/cateDelete')}",
|
||
type:'post',
|
||
data:{id:data.id,type:1},
|
||
success:function (res) {
|
||
if(res.status==1){
|
||
top.layer.msg(res.msg,{time:1500});
|
||
obj.del();
|
||
}else{
|
||
top.layer.msg(res.msg,{time:1500});
|
||
}
|
||
layer.close(index);
|
||
},
|
||
error:function (error) {
|
||
console.log(error);
|
||
}
|
||
|
||
})
|
||
});
|
||
|
||
} else if(obj.event === 'edit'){
|
||
$("#oldId").val(data.id);
|
||
$("#oldCode").val(data.code);
|
||
$("#cate_name").val(data.class_name);
|
||
layer.open({
|
||
type: 1,
|
||
content: $('.goodsEdit'),
|
||
title: "分类信息-修改",
|
||
area: ["525px","300px"],
|
||
btn: ['保存', '取消'],
|
||
btnAlign: 'c',
|
||
yes:function (index) {
|
||
var name = $("#cate_name").val();
|
||
if(name==''){
|
||
top.layer.msg("请填写分类名称",{time:1500});
|
||
return false;
|
||
}
|
||
$.ajax({
|
||
url:"{:U('Mgoods/cateSet')}",
|
||
type:"POST",
|
||
data:$("#edit_cate").serialize(),
|
||
success:function (res) {
|
||
if(res.status==1){
|
||
top.layer.msg(res.msg, {time: 1000});
|
||
//同步更新缓存对应的值
|
||
obj.update({
|
||
class_name: name
|
||
});
|
||
layer.close(index);
|
||
}else{
|
||
layer.msg(res.msg,{time:1000});
|
||
}
|
||
}
|
||
})
|
||
}
|
||
})
|
||
}
|
||
});
|
||
function tablereload() {
|
||
table.reload('webaddress');
|
||
}
|
||
$('#dosearch').click(function () {
|
||
var keyword = $('#keyword').val();
|
||
table.reload('webaddress', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
,where: {
|
||
|
||
keyword: keyword
|
||
|
||
}
|
||
});
|
||
})
|
||
$('#addwebaddress').click(function () {
|
||
$("#class_id").val('');
|
||
$("#class_name").val('');
|
||
$("#auto_code").val('');
|
||
//打开编辑页面之前需要自动获取code编码
|
||
$.ajax({
|
||
url:"{:U('Retail/mgoods/atuoGetCode')}",
|
||
type:"POST",
|
||
success:function (data) {
|
||
if(data.status==1){
|
||
$("#auto_code").val(data.code);
|
||
}
|
||
}
|
||
})
|
||
layer.open({
|
||
type: 1,
|
||
content: $('.goodsAlert'),
|
||
title: "一级分类-添加",
|
||
area: ["525px","300px"],
|
||
btn: ['保存', '取消'],
|
||
btnAlign: 'c',
|
||
yes:function (index) {
|
||
var class_name = $("#class_name").val();
|
||
if(class_name==''){
|
||
top.layer.msg("请填写类别名称",{icon:2});
|
||
return false;
|
||
}
|
||
$.ajax({
|
||
url:"{:U('Retail/mgoods/cateSet')}",
|
||
type:"POST",
|
||
data:$("#create_cate").serialize(),
|
||
success:function (data) {
|
||
if(data.status==1){
|
||
top.layer.msg(data.msg, {
|
||
icon: 1,
|
||
time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
||
}, function(){
|
||
top.layer.closeAll();
|
||
window.location.reload()
|
||
});
|
||
}
|
||
}
|
||
})
|
||
}
|
||
})
|
||
})
|
||
});
|
||
$('.header_nav_item').click(function () {
|
||
var url = $(this).attr('data-url');
|
||
window.location.href=url;
|
||
})
|
||
</script>
|
||
</html>
|
||
|