281 行
10 KiB
HTML
可执行文件
281 行
10 KiB
HTML
可执行文件
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>商品类别</title>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsClassify.css" />
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="goodsBox">
|
||
<div class="goods_title">
|
||
<div class="goods_title_inner">
|
||
商品类别
|
||
</div>
|
||
</div>
|
||
<div class="goods_edit">
|
||
<div class="goods_edit_input">
|
||
<input type="text" name="code_name" id="code_name" value="" placeholder="编码/名称" />
|
||
<div class="goods_edit_search">
|
||
<img src="__PUBLIC__/Retail/images/s14.png" />
|
||
</div>
|
||
</div>
|
||
<div class="goods_edit_add" id="newlyIncreased">新增</div>
|
||
</div>
|
||
<div class="goods_table">
|
||
<table class="layui-hide" id="test" lay-filter="demo"></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>
|
||
</div>
|
||
</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 type="text/javascript">
|
||
$('#goods_cate').click(function () {
|
||
window.location.href="{:U('Retail/mgoods/index')}"
|
||
})
|
||
layui.use('table', function() {
|
||
var table = layui.table;
|
||
//展示已知数据
|
||
table.render({
|
||
width:1000,
|
||
elem: '#test',
|
||
url:"{:U('Retail/mgoods/catesList')}",
|
||
cols: [
|
||
[ //标题栏
|
||
{
|
||
field: 'key_num',
|
||
title: '序号',
|
||
width:60
|
||
}, {
|
||
field: 'code',
|
||
title: '编码',
|
||
sort: true
|
||
}, {
|
||
field: 'class_name',
|
||
title: '名称'
|
||
}, {
|
||
fixed: 'right',
|
||
title: '操作',
|
||
width: 150,
|
||
align: 'center',
|
||
toolbar: '#barDemo'
|
||
}
|
||
]
|
||
],
|
||
page: {
|
||
layout: [ 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
|
||
}, //是否开启分页
|
||
});
|
||
|
||
//编辑
|
||
//监听工具条
|
||
table.on('tool(demo)', function(obj){
|
||
var datas = obj.data;
|
||
if(obj.event === 'detail'){
|
||
layer.msg('ID：'+ datas.id + ' 的查看操作');
|
||
} else if(obj.event === 'del'){
|
||
layer.confirm('确认要删除该类别吗？', function(index){
|
||
var id = JSON.stringify(datas.id);
|
||
var reg = new RegExp('"',"g");
|
||
var new_id = id.replace(reg, "");
|
||
$.ajax({
|
||
url:"{:U('Retail/mgoods/cateDelete')}",
|
||
type:"POST",
|
||
data:{id:new_id},
|
||
success:function (data) {
|
||
if(data.status==1){
|
||
top.layer.msg(data.msg,{icon:1});
|
||
layer.close(index);
|
||
obj.del();
|
||
}else{
|
||
top.layer.msg(data.msg,{icon:2});
|
||
layer.close(index);
|
||
}
|
||
}
|
||
})
|
||
});
|
||
} else if(obj.event === 'edit'){
|
||
var id = JSON.stringify(datas.id);
|
||
var reg = new RegExp('"',"g");
|
||
var new_id = id.replace(reg, "");
|
||
// console.log(new_id)
|
||
//请求后台获取要修改的数据原内容
|
||
$.ajax({
|
||
url:"{:U('Retail/mgoods/getCateOldInfo')}",
|
||
type:"POST",
|
||
data:{id:new_id},
|
||
success:function (data) {
|
||
if(data.status==1){
|
||
// layer.msg(data.msg,{icon:1});
|
||
$("#class_id").val(data.info.id);
|
||
$("#class_name").val(data.info.class_name);
|
||
$("#auto_code").val(data.info.code);
|
||
}
|
||
}
|
||
});
|
||
layer.open({
|
||
type: 1,
|
||
content: $('.goodsAlert'),
|
||
title: "商品类别-修改",
|
||
area: "600px",
|
||
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秒）
|
||
});
|
||
//同步更新缓存对应的值
|
||
obj.update({
|
||
class_name: $("#class_name").val(),
|
||
});
|
||
layer.close(index);
|
||
}else{
|
||
layer.msg(data.msg,{icon:1});
|
||
}
|
||
}
|
||
})
|
||
}
|
||
})
|
||
|
||
}
|
||
});
|
||
})
|
||
|
||
layui.use('layer', function() {
|
||
var layer = layui.layer;
|
||
$("#newlyIncreased").click(function() {
|
||
//为了避免用户点击编辑后并没有修改数据，再次点击新增 旧数据残留 PS:可以使用form 的reset重置 但是我懒得改了。。。
|
||
$("#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: "500px",
|
||
btn: ['保存', '取消'],
|
||
btnAlign: 'c',
|
||
yes:function () {
|
||
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()
|
||
});
|
||
}
|
||
}
|
||
})
|
||
}
|
||
})
|
||
})
|
||
});
|
||
//执行搜索操作
|
||
$(".goods_edit_search").click(function () {
|
||
var keyword = $("#code_name").val();
|
||
console.log(keyword);
|
||
layui.use('table', function() {
|
||
var table = layui.table;
|
||
//展示已知数据
|
||
table.render({
|
||
elem: '#test',
|
||
url: "{:U('Retail/mgoods/catesList')}",
|
||
where:{
|
||
keyword:keyword
|
||
},
|
||
cols: [
|
||
[ //标题栏
|
||
{
|
||
field: 'key_num',
|
||
title: '序号'
|
||
}, {
|
||
field: 'code',
|
||
title: '编码',
|
||
sort: true
|
||
}, {
|
||
field: 'class_name',
|
||
title: '名称'
|
||
}, {
|
||
fixed: 'right',
|
||
title: '操作',
|
||
width: 150,
|
||
align: 'center',
|
||
toolbar: '#barDemo'
|
||
}
|
||
]
|
||
],
|
||
page: {
|
||
layout: [ 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
|
||
}, //是否开启分页
|
||
});
|
||
})
|
||
})
|
||
</script>
|
||
|
||
</html> |