258 lines
10 KiB
HTML
258 lines
10 KiB
HTML
{layout name="layout" /}
|
||
|
||
<div class="layui-row layui-col-space12">
|
||
<div class="layui-col-xs12 layui-col-md12">
|
||
<div class="layuimini-container location-index-page">
|
||
<div class="layuimini-main">
|
||
<fieldset class="table-search-fieldset">
|
||
<legend>搜索信息</legend>
|
||
<div style="margin: 10px 10px 10px 10px">
|
||
<form class="layui-form layui-form-pane" action="">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">关键词</label>
|
||
<div class="layui-input-block">
|
||
<input class="layui-input" name="keyword" placeholder="支持模糊查询">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-inline">
|
||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
|
||
<button type="reset" class="layui-btn layui-btn-primary" ><i class="layui-icon"></i> 重 置</button>
|
||
</div>
|
||
</div>
|
||
<div class="layui-word-aux">
|
||
1. 添加日志，直接新增对应商品库存<br>
|
||
2. 删除日志，不会扣除已添加库存<br>
|
||
3. 修改日志，只能修改总价和进货日期<br>
|
||
4. 大包可拆分小包数量=当时商品的可拆分数量，如仅记录当时1大包可以拆分成10小包，后期改包装后1大包可以拆分20包不影响<br>
|
||
5. 小包进货单价=大包单价➗大包可拆分小包数量<br>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</fieldset>
|
||
<div class="image-table">
|
||
<table id="table-container" class="layui-table" data-url="/goods/apiGetReceiptList" lay-filter="table-container-filter"></table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 隐藏列 -->
|
||
<!-- 编辑单元格提交url -->
|
||
<input type="hidden" id="row-modify" data-url="/manager.goodsReceiptLog/modify">
|
||
|
||
<!-- 操作列 -->
|
||
<script type="text/html" id="row-operate">
|
||
<a class="layui-btn layui-btn-primary layui-btn-xs" data-href="/goods/editReceipt?id={{d.id}}" data-title="编辑" lay-event="edit">编辑</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" data-href="/goods/delReceipt.html" lay-event="del">删除</a>
|
||
</script>
|
||
|
||
<!-- toolbar -->
|
||
<script type="text/html" id="toolbar-tpl">
|
||
<a class="layui-btn layui-btn-primary layui-btn-sm" data-table-refresh lay-event="refresh"><i class="fa fa-refresh"></i></a>
|
||
<a class="layui-btn layui-btn-normal layui-btn-sm" data-href="/manager.goodsReceiptLog/add.html" data-title="添加" lay-event="add">添加</a>
|
||
<a class="layui-btn layui-btn-danger layui-btn-sm" data-href="/manager.goodsReceiptLog/del.html" lay-event="del">删除</a>
|
||
</script>
|
||
|
||
<script>
|
||
layui.use(['laytpl', 'table', 'jquery', 'form', 'laydate'], function () {
|
||
let $ = layui.jquery,
|
||
table = layui.table,
|
||
laydate = layui.laydate,
|
||
form = layui.form;
|
||
|
||
/**** index begin ***/
|
||
if ($('.location-index-page').length > 0) {
|
||
|
||
// 渲染表格
|
||
let listUrl = $('#table-container').data('url');
|
||
let insTb = table.render({
|
||
elem: '#table-container',
|
||
title: '列表',
|
||
defaultToolbar: ['filter', 'exports', {
|
||
title: '搜索' //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
|
||
, layEvent: 'search'
|
||
, icon: 'layui-icon-search'
|
||
}],
|
||
toolbar: '#toolbar-tpl',
|
||
//method: 'POST',
|
||
url: listUrl,
|
||
page: true,
|
||
limit: 20,
|
||
limits: [20,50,100,200,500,1000],
|
||
request: {
|
||
pageName: 'page',
|
||
limitName: 'size',
|
||
},
|
||
parseData: function (res) {
|
||
return {
|
||
"code": res.code, //解析接口状态
|
||
"msg": res.msg, //解析提示文本
|
||
"count": res.receiptList.total, //解析数据长度
|
||
"data": res.receiptList.data //解析数据列表
|
||
};
|
||
},
|
||
cols: [[
|
||
{type: 'checkbox'},
|
||
{field: 'id', title: '#'},
|
||
{field: 'goods_name', title: '商品名称'},
|
||
{field: 'total_price', title: '总价'},
|
||
{field: 'num', title: '大包数量'},
|
||
{field: 'cost_price', title: '大包进货单价'},
|
||
{field: 'small_cost_price', title: '小包进货单价'},
|
||
{field: 'split_to_small', title: '大包可拆分小包数量'},
|
||
{field: 'bought_at', title: '进货日期'}
|
||
,{templet: '#row-operate', minWidth: 180, align: 'center', title: '操作'}
|
||
]],
|
||
done: function () {
|
||
//Tools.setInsTb(insTb);
|
||
}
|
||
});
|
||
|
||
//监听工具条 注意区别toolbar和tool toolbar是表头上的工具条 tool是行中的工具条
|
||
table.on('toolbar(table-container-filter)', function (obj) {
|
||
let layEvent = obj.event;
|
||
//let insTb = Tools.getInsTb();
|
||
let url = $($(this).context).data('href')
|
||
let title = $($(this).context).data('title')
|
||
let width = $($(this).context).data('width') ? $($(this).context).data('width') : '100%';
|
||
let height = $($(this).context).data('height') ? $($(this).context).data('height') : '100%';
|
||
|
||
let checkStatus = table.checkStatus('table-container');
|
||
let selected = checkStatus.data;
|
||
let ids = [];
|
||
|
||
switch (layEvent) {
|
||
// toolbar 删除
|
||
case 'del':
|
||
if (checkStatus.data.length <= 0) {
|
||
layer.msg('请先选择数据');
|
||
return false;
|
||
}
|
||
// let selected = checkStatus.data;
|
||
// let ids = [];
|
||
|
||
$.each(selected, function (index, val) {
|
||
ids.push(val.id);
|
||
})
|
||
//delRow(url, ids, insTb);
|
||
return false;
|
||
// toolbar 刷新
|
||
case 'refresh':
|
||
//refreshTab(insTb);
|
||
return false;
|
||
// toolbar 搜索
|
||
case 'search':
|
||
let search = $('.table-search-fieldset');
|
||
if (search.hasClass('div-show')) {
|
||
search.css('display', 'none').removeClass('div-show');
|
||
} else {
|
||
search.css('display', 'block').addClass('div-show');
|
||
}
|
||
return false;
|
||
// 其他 默认为打开弹出层
|
||
default:
|
||
if (layEvent !== 'LAYTABLE_COLS' && layEvent !== 'LAYTABLE_EXPORT') {
|
||
layerAlert('get', '添加', '/goods/addReceipt');
|
||
//openLayer(url, title, width, height);
|
||
return false;
|
||
}
|
||
}
|
||
});
|
||
|
||
//监听行工具条
|
||
table.on('tool(table-container-filter)', function (obj) {
|
||
let data = obj.data;
|
||
let layEvent = obj.event;
|
||
let url = $($(this).context).data('href');
|
||
console.log($(this).data('href'));
|
||
console.log(data.id);
|
||
let title = $($(this).context).data('title');
|
||
let width = $($(this).context).data('width') ? $($(this).context).data('width') : '100%';
|
||
let height = $($(this).context).data('height') ? $($(this).context).data('height') : '100%';
|
||
//let insTb = Tools.getInsTb();
|
||
|
||
switch (layEvent) {
|
||
// 行 删除
|
||
case 'del':
|
||
let url = '/goods/apiDelReceipt';
|
||
$.post(url, {id: data.id}, function (res) {
|
||
if (res.code === 0) {
|
||
insTb.reload();
|
||
}
|
||
layer.msg(res.msg);
|
||
});
|
||
return false;
|
||
//其他 默认为打开弹出层
|
||
default:
|
||
layerAlert('get', title, url);
|
||
//openLayer(url, title, width, height);
|
||
return false;
|
||
}
|
||
});
|
||
|
||
// 监听
|
||
|
||
|
||
let modifyUrl = $('#row-modify').data('url');
|
||
|
||
table.on('edit(table-container)', function (obj) {
|
||
let id = obj.data.id;
|
||
$.ajax(modifyUrl, {
|
||
data: {"id": id, "field": obj.field, "value": obj.value}
|
||
,dataType : 'json'
|
||
,type: 'POST'
|
||
})
|
||
.done(function (res) {
|
||
if (res.code === 0) {
|
||
insTb.reload();
|
||
}
|
||
})
|
||
});
|
||
|
||
// switch变更
|
||
function changeSwitch(filter) {
|
||
form.on('switch(' + filter + ')', function (obj) {
|
||
let val = obj.elem.checked ? 1 : 0;
|
||
$.post(modifyUrl, {id: this.value, field: this.name, value: val}, function (res) {
|
||
layer.msg(res.msg)
|
||
if (res.code !== 0) {
|
||
//操作不成功则刷新页面
|
||
insTb.reload();
|
||
}
|
||
})
|
||
});
|
||
}
|
||
|
||
// 监听搜索操作
|
||
form.on('submit(data-search-btn)', function (data) {
|
||
//执行搜索重载
|
||
table.reload('table-container', {
|
||
page: {curr: 1}
|
||
, where: data.field
|
||
}, 'data');
|
||
|
||
return false;
|
||
});
|
||
|
||
}
|
||
/*** index end ***/
|
||
|
||
if ($('.location-operate-page').length > 0) {
|
||
let parentCategory = $('#parent-category');
|
||
let categoryList = parentCategory.data('list') ? parentCategory.data('list') : [];
|
||
|
||
laydate.render({
|
||
elem: '#published-at',
|
||
type: 'datetime',
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#bought_at'
|
||
});
|
||
}
|
||
});
|
||
</script> |