<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-info">
<form id="zone-form">
<div class="select-list">
<ul>
<li>
货架号：<input type="text" id="goodsShelfNo" name="goodsShelfNo"/>
</li>
<li>
货主：<select name="companyCode" th:with="company=${@company.getEnableCompanyList()}">
<option value="">所有</option>
<option th:each="e : ${company}" th:text="${e['name']}" th:value="${e['code']}"></option></select>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('zone-form')"><i class="fa fa-refresh"></i> 重置</a>
</li>
</ul>
</div>
</form>
</div>
<!--<div class="btn-group hidden-xs" id="toolbar" role="group">-->
<!--<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" shiro:hasPermission="config:zone:add">-->
<!--<i class="fa fa-plus"></i> 新增-->
<!--</a>-->
<!--<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="config:zone:remove">-->
<!--<i class="fa fa-trash-o"></i> 删除-->
<!--</a>-->
<!--</div>-->
<div class="col-sm-12 select-info">
<a class="btn btn-outline btn-primary btn-rounded to-receive" onclick="restore()">
<i class="fa fa-paper-plane"></i> 状态恢复
</a>
<a class="btn btn-outline btn-primary btn-rounded to-receive" onclick="detectShelf()">
<i class="fa fa-paper-plane"></i> 检测空货架
</a>
<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
var prefix = ctx + "config/point";
var goodsShelfNos=null;
$(function() {
let options = {
url: prefix + "/list",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
modalName: "货架",
search: false,
columns: [
// {
// checkbox: true
// },
{
field : 'goodsShelfNo',
title : '货架号',
sortable:true
},
{
field : 'companyName',
title : '货主名称',
sortable:true
},
{
field : 'isEmpty',
title : '是否空货架',
sortable:true,
formatter: function (value, item, index) {
if (value==true) {
return '<span class="badge" style="background-color: #00B83F;color: white;width: 36px;">' + ' 是 ' + '</span>';
}
else if (value==false) {
return '<span class="badge" style="background-color: #ff0000;color: white;width: 36px;">' + ' 否 ' + '</span>';
}
}
},
{
title: '操作',
align: 'center',
formatter: function(value, row, index) {
let actions = [];
actions.push('<a class="btn btn-success btn-xs" onclick="Edit(\'' + row.id + '\' , \'' + row.goodsShelfNo + '\' )"><i class="fa fa-edit"></i>编辑</a> ');
return actions.join('');
}
}
]
};
$.table.init(options);
});
function Edit(id, code) {
goodsShelfNos=code;
$.operate.edit(id)
}
/* 恢复 */
function restore() {
$.ajax({
url:prefix+'/restore',
type:'post',
success:function (res) {
if(res.code==200){
$.table.refresh();
$.modal.msgSuccess(res.msg);
}
else{
$.modal.msgError(res.msg);
}
}
})
}
/* 检测货架装货状态 */
function detectShelf() {
$.ajax({
url:prefix+'/detectShelf',
type:'post',
success:function (res) {
if(res.code==200){
$.table.refresh();
$.modal.msgSuccess(res.msg);
}
else{
$.modal.msgError(res.msg);
}
}
})
}
</script>
</body>
</html>