文件
mashangyoujiu/Application/Retail/View/Goods/goods_less.html

273 行
10 KiB
HTML
可执行文件

<!--[1.2.41]-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
<style>
.gA_inner01 > span {
min-width: 66px;
}
.gA_inner01 > input {
margin-left: 10px;
}
.gA_inner02 {
margin-right: 0px;
}
</style>
<div class="goodsBox">
<div class="goods_title">
<div class="goods_title_inner">
库存预警(不足)商品
</div>
</div>
<div class="goods_edit">
<form class="layui-form">
<div class="layui-form-item" style="margin-top: 10px;">
<div class="layui-input-inline">
<select name="attribute" lay-filter="attribute" id="attribute">
<option value="1">无规格商品</option>
<option value="2">规格商品</option>
</select>
</div>
</div>
</form>
<div class="goods_edit_input" style="padding-right: 0;" id="number">
<input style="padding-right: 0;" type="text" name="text" id="search_name" value="{$text}" placeholder="货号"/>
</div>
<if condition="$global_store_jurisdiction && ($global_store_jurisdiction['data_export'] eq '2')">
<else/>
<if condition="$authArr['exporttablegoodsless'] eq true">
<div class="layui-btn" id="exporttable">导出库存不足商品</div>
</if>
</if>
<div class="layui-btn search" id="serach_icon" style="margin-left: 20px;">搜索</div>
</div>
<div class="goods_edit" id="class">
<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 class2" style="display: none;">
<select name="person2" id="person2" lay-filter="person2">
<option value="">选择二级分类</option>
</select>
</div>
<div class="layui-input-inline class3" style="display: none;">
<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>
</div>
</div>
<script type="text/javascript">
function renderForm() {
layui.use('form', function () {
var form = layui.form;//高版本建议把括号去掉,有的低版本,需要加()
form.render();
});
}
layui.use(['table', 'form'], function () {
var form = layui.form;
var table = layui.table;
form.render();
//展示已知数据
table.render({
elem: '#test',
url: "{:U('Goods/goodsLessInfo')}",
method: 'post',
cols: [
[ //标题栏
{
field: 'index',
title: '序号',
align: 'center',
}, {
field: 'goods_number',
title: '货号',
align: 'center',
}, {
field: 'goods_name',
title: '品名',
align: 'center',
}, {
field: 'goods_code',
title: '商品条码',
align: 'center',
}, {
field: 'purchase_price',
title: '进价(元)',
align: 'center',
hide: "{$global_store_jurisdiction['showpurch_price']}" == 2 ? true : false
}, {
field: 'retail_price',
title: '零售价(元)',
align: 'center',
}, {
field: 'online_price',
title: '商城价(元)',
align: 'center',
}, {
field: 'status_name',
title: '状态',
align: 'center',
}, {
field: 'cate_name',
title: '类别',
align: 'center',
}, {
field: 'goods_num',
title: '库存',
align: 'center',
}, {
field: 'less_num',
title: '预警值',
align: 'center',
}
]
],
page: {
layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
}, //是否开启分页
});
var class1_val = '';
var class2_val = '';
form.on('select(person1)', function (data) {
if (class1_val == data.value) {
return;
}
class1_val = data.value;
class2_val = '';
if (data.value == '') {
$('.class2').hide();
$('.class3').hide();
$('#person2').html("<option value=''>选择二级分类</option>");
$('#person3').html("<option value=''>选择三级分类</option>");
renderForm();
} else {
$('.class3').hide();
$('#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);
}
$('.class2').fadeIn();
$('#person3').html("<option value=''>选择三级分类</option>");
renderForm();
} else {
$('.class2').hide();
renderForm();
}
})
}
});
form.on('select(person2)', function (data) {
if (class2_val == data.value) {
return;
}
class2_val = data.value;
if (data.value == '') {
$('.class3').hide();
$('#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);
}
$('.class3').fadeIn();
renderForm();
} else {
$('.class3').hide();
renderForm();
}
})
}
});
$("#serach_icon").click(function () {
var keyword = $("#search_name").val();
var attribute = $('#attribute').val();
//执行重载
table.reload('test', {
page: {
curr: 1 //重新从第 1 页开始
}
, where: {
keyword: keyword,
attribute: attribute,
person1: $('#person1').val(),
person2: $('#person2').val(),
person3: $('#person3').val(),
}
});
})
$('#exporttable').click(function () {
var keyword = $("#search_name").val();
var person1 = $('#person1').val();
var person2 = $('#person2').val();
var person3 = $('#person3').val();
var attribute = $('#attribute').val();
if (attribute == 1) {
window.location.href = "{:U('Exporttable/exporttablegoodsless')}?keyword=" + keyword
+ '&person1=' + person1 + '&person2=' + person2 + '&person3=' + person3;
} else if (attribute == 2) {
window.location.href = "{:U('Exporttable/exporttableSkuLess')}"
}
})
form.on('select(attribute)', function (data) {
var attribute = data.value;
if (attribute == 1) {
$('#class').css("display", "block");
$('#number').css("display", "block");
//执行重载
table.reload('test', {
page: {
curr: 1 //重新从第 1 页开始
}
, where: {
attribute: attribute,
}
});
} else if (attribute == 2) {
$('#class').css("display", "none");
$('#number').css("display", "none");
table.reload('test', {
page: {
curr: 1 //重新从第 1 页开始
}
, where: {
attribute: attribute,
}
});
}
});
})
</script>