526 行
20 KiB
HTML
可执行文件
526 行
20 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/goodsList.css"/>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
|
||
<!--编译器-->
|
||
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.config.js"></script>
|
||
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.all.js"> </script>
|
||
<style>
|
||
.btn {
|
||
width: 88px;
|
||
background-color: #009688;
|
||
padding: 5px;
|
||
margin: auto;
|
||
color: white;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.btn a {
|
||
color: white;
|
||
}
|
||
|
||
.btn span {
|
||
color: white;
|
||
}
|
||
|
||
/*#FF5722*/
|
||
.btn a.del {
|
||
color: white;
|
||
}
|
||
|
||
.layui-input-inline > span {
|
||
min-width: 66px;
|
||
}
|
||
|
||
.layui-input-inline > input {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.gA_inner02 {
|
||
margin-right: 0px;
|
||
}
|
||
|
||
.supplier{
|
||
width: 200px;
|
||
margin-left: 30px;
|
||
height: 30px;
|
||
border: 1px solid #ccc;
|
||
border-radius: 5px;
|
||
}
|
||
.layui-form .layui-input-inline > select {
|
||
display: none;
|
||
}
|
||
|
||
.layui-form-item {
|
||
margin-bottom: 0px;
|
||
}
|
||
.layui-form-label{
|
||
text-align: left;
|
||
}
|
||
</style>
|
||
</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="text" id="search_name" value="{$text}" placeholder="货号/品名/编码"/>
|
||
</div>
|
||
<div class="goods_edit_add" id="serach_icon" style="margin-left: 20px;">搜索</div>
|
||
<div class="goods_edit_add" id="newlyIncreased">新增</div>
|
||
</div>
|
||
<div class="goods_edit">
|
||
<form id="select_serach" class="layui-form">
|
||
<div class="sale_screen_hr">
|
||
<div class="layui-input-inline">
|
||
<select name="person1" id="person1" lay-filter="person1">
|
||
<option value="">选择一级分类</option>
|
||
<volist name="class_name" id="class_name">
|
||
<option value="{$class_name['id']}"
|
||
<if condition="$class_id eq $class_name['id']">selected</if>
|
||
>{$class_name['class_name']}</option>
|
||
</volist>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<select name="person2" id="person2" lay-filter="person2">
|
||
<option value="">选择二级分类</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<select name="person3" id="person3" lay-filter="person3">
|
||
<option value="">选择三级分类</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</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="deleteGoods">删除</a>
|
||
</script>
|
||
<script type="text/html" id="switchTpl1">
|
||
<input type="checkbox" name="商城销售" value="{{d.issellonline}}" data-id="{{d.id}}" lay-skin="switch"
|
||
lay-text="是|否" lay-filter="issellonlineDemo" {{ d.issellonline== 1? 'checked' : '' }}>
|
||
</script>
|
||
<script type="text/html" id="switchTpl2">
|
||
<input type="checkbox" name="会员折扣" value="{{d.canchangeprice}}" data-id="{{d.id}}" lay-skin="switch"
|
||
lay-text="允许|禁止" lay-filter="canchangepriceDemo" {{ d.canchangeprice== 1? 'checked' : '' }}>
|
||
</script>
|
||
<script type="text/html" id="switchTpl3">
|
||
<input type="checkbox" name="状态" value="{{d.status}}" data-id="{{d.id}}" lay-skin="switch" lay-text="正常|下架"
|
||
lay-filter="statusDemo" {{ d.status== 0? 'checked' : '' }}>
|
||
</script>
|
||
<script type="text/html" id="switchTpl4">
|
||
<input type="checkbox" name="线上折扣" value="{{d.vip_online_state}}" data-id="{{d.id}}" lay-skin="switch"
|
||
lay-text="开启|关闭" lay-filter="vip_online_stateDemo" {{ d.vip_online_state== 1? 'checked' : '' }}>
|
||
</script>
|
||
<script type="text/html" id="switchTpl5">
|
||
<input type="checkbox" name="线下折扣" value="{{d.vip_retail_state}}" data-id="{{d.id}}" lay-skin="switch"
|
||
lay-text="开启|关闭" lay-filter="vip_retail_stateDemo" {{ d.vip_retail_state== 1? 'checked' : '' }}>
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<!--导入商品弹框-->
|
||
<div class="kucunAlert_my" style="display: none">
|
||
<table class="layui-hide" id="mytest" lay-filter="mydemo"></table>
|
||
</div>
|
||
<!--商品库搜索信息弹框-->
|
||
<div id="checkgoodsalert" style="display: none;">
|
||
<form class="layui-form" id="checkgoodsform" lay-filter="checkgoodsform" style="padding: 20px;box-sizing: border-box;">
|
||
<div class="layui-form-item" style="margin-bottom: 10px;">
|
||
<label class="layui-form-label">名称</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="name" placeholder="" autocomplete="off" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" style="margin-bottom: 10px;">
|
||
<label class="layui-form-label">规格</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="specification" placeholder="" autocomplete="off" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" style="margin-bottom: 10px;">
|
||
<label class="layui-form-label">单位</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="unit" placeholder="" autocomplete="off" class="layui-input" readonly>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</body>
|
||
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
|
||
<script type="text/javascript" src="__PUBLIC__/layui-v2.4.3/layui/layui.js"></script>
|
||
<script type="text/javascript">
|
||
function renderForm(){
|
||
layui.use('form', function(){
|
||
var form = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
|
||
form.render();
|
||
});
|
||
}
|
||
// var resets = function () {
|
||
// document.getElementById("formEdit").reset()
|
||
// }
|
||
|
||
|
||
layui.use(['table', 'form', 'upload'], function () {
|
||
var table = layui.table;
|
||
var form = layui.form;
|
||
//展示已知数据
|
||
table.render({
|
||
elem: '#test',
|
||
url: "{:U('Retail/mgoods/goodsList')}",
|
||
cols: [
|
||
[ //标题栏
|
||
{
|
||
field: 'good_number',
|
||
title: '货号',
|
||
width: 140
|
||
}, {
|
||
field: 'goods_name',
|
||
title: '品名',
|
||
minWidth: 140
|
||
}, {
|
||
field: 'goods_code',
|
||
title: '商品条码',
|
||
minWidth: 180
|
||
}, {
|
||
field: 'purch_price',
|
||
title: '进价(元)',
|
||
width: 100
|
||
}, {
|
||
field: 'retail_price',
|
||
title: '零售价(元)',
|
||
width: 100
|
||
}, {
|
||
field: 'online_price',
|
||
title: '商城价(元)',
|
||
width: 100
|
||
}, {
|
||
title: '商城出售',
|
||
width: 100,
|
||
templet: '#switchTpl1', unresize: true
|
||
}, {
|
||
title: '状态',
|
||
width: 100,
|
||
templet: '#switchTpl3', unresize: true
|
||
}, {
|
||
title: '线上折扣',
|
||
minWidth: 100,
|
||
templet: '#switchTpl4', unresize: false
|
||
}, {
|
||
title: '线下折扣',
|
||
minWidth: 100,
|
||
templet: '#switchTpl5', unresize: false
|
||
}, {
|
||
field: 'cate_name',
|
||
title: '类别名称',
|
||
width: 100
|
||
}, {
|
||
field: 'goods_num',
|
||
title: '库存',
|
||
width: 100
|
||
}, {fixed: 'right', title: '操作', align: 'center', toolbar: '#barDemo', width: 180}
|
||
]
|
||
],
|
||
page: {
|
||
layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
|
||
} //是否开启分页
|
||
, id: 'testReload'
|
||
});
|
||
//监听switch操作
|
||
form.on('switch(vip_online_stateDemo)', function (obj) {
|
||
this.value = this.value == 1 ? 0 : 1;
|
||
var issellonline = this.value;
|
||
var id = $(obj.elem).attr('data-id');
|
||
$.ajax({
|
||
url: "{:U('changevip_online_state')}",
|
||
type: 'POST',
|
||
data: {
|
||
vip_online_state: issellonline,
|
||
id: id
|
||
},
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
top.layer.msg('修改成功', {icon: 1, time: 500})
|
||
} else {
|
||
top.layer.msg('修改失败', {icon: 4, time: 500})
|
||
}
|
||
}
|
||
})
|
||
});
|
||
//监听switch操作
|
||
form.on('switch(vip_retail_stateDemo)', function (obj) {
|
||
this.value = this.value == 1 ? 0 : 1;
|
||
var issellonline = this.value;
|
||
var id = $(obj.elem).attr('data-id');
|
||
$.ajax({
|
||
url: "{:U('changevip_retail_state')}",
|
||
type: 'POST',
|
||
data: {
|
||
vip_retail_state: issellonline,
|
||
id: id
|
||
},
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
top.layer.msg('修改成功', {icon: 1, time: 500})
|
||
} else {
|
||
top.layer.msg('修改失败', {icon: 4, time: 500})
|
||
}
|
||
}
|
||
})
|
||
});
|
||
//监听switch操作
|
||
form.on('switch(issellonlineDemo)', function (obj) {
|
||
this.value = this.value == 1 ? 0 : 1;
|
||
var issellonline = this.value;
|
||
var id = $(obj.elem).attr('data-id');
|
||
$.ajax({
|
||
url: "{:U('changeissellonline')}",
|
||
type: 'POST',
|
||
data: {
|
||
issellonline: issellonline,
|
||
id: id
|
||
},
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
top.layer.msg('修改成功', {icon: 1, time: 500})
|
||
} else {
|
||
top.layer.msg('修改失败', {icon: 4, time: 500})
|
||
}
|
||
}
|
||
})
|
||
});
|
||
//监听switch操作
|
||
form.on('switch(canchangepriceDemo)', function (obj) {
|
||
this.value = this.value == 1 ? 0 : 1;
|
||
var canchangeprice = this.value;
|
||
var id = $(obj.elem).attr('data-id');
|
||
$.ajax({
|
||
url: "{:U('changecanchangeprice')}",
|
||
type: 'POST',
|
||
data: {
|
||
canchangeprice: canchangeprice,
|
||
id: id
|
||
},
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
top.layer.msg('修改成功', {icon: 1, time: 500})
|
||
} else {
|
||
top.layer.msg('修改失败', {icon: 4, time: 500})
|
||
}
|
||
}
|
||
})
|
||
});
|
||
//监听switch操作
|
||
form.on('switch(statusDemo)', function (obj) {
|
||
this.value = this.value == 1 ? 0 : 1;
|
||
var status = this.value;
|
||
var id = $(obj.elem).attr('data-id');
|
||
$.ajax({
|
||
url: "{:U('changestatus')}",
|
||
type: 'POST',
|
||
data: {
|
||
status: status,
|
||
id: id
|
||
},
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
top.layer.msg('修改成功', {icon: 1, time: 500})
|
||
} else {
|
||
top.layer.msg('修改失败', {icon: 4, time: 500})
|
||
}
|
||
}
|
||
})
|
||
});
|
||
//监听工具条
|
||
table.on('tool(demo)', function (obj) {
|
||
var data = obj.data;
|
||
var mydata = data;
|
||
if (obj.event === 'detail') {
|
||
layer.msg('ID：' + data.id + ' 的查看操作');
|
||
} else if (obj.event === 'edit') {
|
||
var data = {info: mydata};
|
||
layer.open({
|
||
type: 2,
|
||
content: "{:U('Mgoods/goods_edit')}?id="+data.info.id,
|
||
title: "商品档案-修改",
|
||
area: ["100%",'100%'],
|
||
end:function () {
|
||
table.reload('testReload', {
|
||
});
|
||
}
|
||
})
|
||
|
||
} else if (obj.event === 'deleteGoods') {
|
||
console.log(data.id);
|
||
layer.confirm("您确认要删除该商品吗?", function (index) {
|
||
$.ajax({
|
||
url: "{:U('Retail/mgoods/singleDelete')}",
|
||
type: "POST",
|
||
data: {id: data.id},
|
||
success: function (res) {
|
||
if (res.status == 1) {
|
||
layer.msg(res.msg, {
|
||
icon: 1,
|
||
time: 1000
|
||
}, function () {
|
||
layer.close(index);
|
||
obj.del();
|
||
})
|
||
} else {
|
||
layer.msg(res.msg, {
|
||
icon: 1,
|
||
time: 1000
|
||
})
|
||
}
|
||
}
|
||
})
|
||
})
|
||
}
|
||
});
|
||
form.on('select(person1)', function(data){
|
||
console.log(data.value);
|
||
if(data.value==""){
|
||
$('#person2').html("<option value=''>选择二级分类</option>");
|
||
$('#person3').html("<option value=''>选择三级分类</option>");
|
||
renderForm();
|
||
}else {
|
||
$('#person2').html("<option value=''>选择二级分类</option>");
|
||
$('#person3').html("<option value=''>选择三级分类</option>");
|
||
$.post("{:U('Sale/getChildClass')}",{
|
||
id:data.value,
|
||
type:2
|
||
},function (res) {
|
||
if(res.status==1){
|
||
for(var i=0;i<res.data.length;i++){
|
||
var child = `<option value="${res.data[i].id}">${res.data[i].class_name}</option>`;
|
||
$('#person2').append(child);
|
||
}
|
||
$('#person3').html("<option value=''>选择三级分类</option>");
|
||
renderForm();
|
||
}else {
|
||
$('#person2').html("<option value=''>选择二级分类</option>");
|
||
$('#person3').html("<option value=''>选择三级分类</option>");
|
||
renderForm();
|
||
}
|
||
})
|
||
}
|
||
});
|
||
form.on('select(person2)', function(data){
|
||
console.log(data.value);
|
||
if(data.value==""){
|
||
$('#person3>option').remove();
|
||
$('#person3').append("<option value=''>选择三级分类</option>");
|
||
renderForm();
|
||
}else {
|
||
$('#person3').html("<option value=''>选择三级分类</option>");
|
||
$.post("{:U('Sale/getChildClass')}",{
|
||
id:data.value,
|
||
type:3
|
||
},function (res) {
|
||
if(res.status==1){
|
||
for(var i=0;i<res.data.length;i++){
|
||
var child = `<option value="${res.data[i].id}">${res.data[i].class_name}</option>`;
|
||
$('#person3').append(child);
|
||
}
|
||
renderForm();
|
||
}else {
|
||
$('#person3').html("<option value=''>选择三级分类</option>");
|
||
renderForm();
|
||
}
|
||
})
|
||
}
|
||
});
|
||
//商品类别搜索
|
||
$("#serach_icon").click(function () {
|
||
var good_number = $("#search_name").val();
|
||
//执行重载
|
||
table.reload('testReload', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
, where: {
|
||
good_number: good_number,
|
||
person1: $('#person1').val(),
|
||
person2: $('#person2').val(),
|
||
person3: $('#person3').val()
|
||
}
|
||
});
|
||
})
|
||
$('#delbutton').on('click', function () {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
$("#can_exchange_retail").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
console.log('aa');
|
||
$("#vip_retail_state").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_retail_state").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
$("#can_exchange_online").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
$("#vip_online_state").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_online_state").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
|
||
$("#can_exchange_retails").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
$("#vip_retail_states").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_retail_states").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
$("#can_exchange_onlines").click(function () {
|
||
if ($(this).prop("checked") == true) {
|
||
$("#vip_online_states").fadeIn(500)
|
||
$("#max_swap_change").fadeIn(600)
|
||
} else {
|
||
$("#vip_online_states").hide()
|
||
$("#max_swap_change").hide()
|
||
}
|
||
})
|
||
$('#goods_cate').click(function () {
|
||
window.location.href = "{:U('Retail/mgoods/goods_cate')}"
|
||
})
|
||
|
||
$("#newlyIncreased").click(function () {
|
||
layer.open({
|
||
type: 2,
|
||
content:"{:U('Mgoods/goods_set')}",
|
||
title: "商品档案-新增",
|
||
scrollbar:false,
|
||
area: ["100%", "100%"],
|
||
end:function () {
|
||
table.reload("testReload");
|
||
},
|
||
})
|
||
})
|
||
})
|
||
</script>
|
||
|
||
</html> |