<!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="container-form">
<div class="select-list">
<ul>
<li>
容器编号：<input type="text" name="code"/>
</li>
<li>
货架号：<input type="text" name="goodsShelfNo"/>
</li>
<li>
库位编码：<input type="text" name="locationCode"/>
</li>
<li>
容器状态：<select name="status" th:with="containerStatus = ${@dict.getType('containerStatus')}">
<option value="">所有</option>
<option th:each="item : ${containerStatus}" th:text="${item['dictLabel']}" th:value="${item['dictValue']}"></option>
</select>
</li>
<li>
容器类型：<select name="containerType" th:with="containerType = ${@containerType.getCode()}">
<option value="">所有</option>
<option th:each="item : ${containerType}" th:text="${item['name']}" th:value="${item['code']}"></option>
</select>
<li>
货主：
<select id="companyCode" name="companyCode" th:with="list=${@companyService.getCode()}">
<option value="">所有</option>
<option th:each="item : ${list}" th:text="${item['name']}" th:value="${item['code']}" th:attr = " code = ${item['code']}"></option>
</select>
</li>
<li>
容器是否打印：<select name="printNum" th:with="containerCount=${@dict.getType('printNum')}">
<option value="">所有</option>
<option th:each="item : ${containerCount}" th:text="${item['dictLabel']}" th:value="${item['dictValue']}"></option>
</select>
</li>
<li class="time2">
<label>创建时间： </label>
<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="createdBegin"/>
<span>-</span>
<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="createdEnd"/>
</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('container-form')"><i class="fa fa-refresh"></i> 重置</a>
<!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="config:container:export"><i class="fa fa-download"></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:container:add">
<i class="fa fa-plus"></i> 新增
</a>
<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="config:container:remove">
<i class="fa fa-trash-o"></i> 删除
</a>
<a class="btn btn-outline btn-success btn-rounded" onclick="print()"
shiro:hasPermission="config:container:print">
<i class="fa fa-plus"></i> 打印
</a>
<a class="btn btn-outline btn-success btn-rounded" onclick="edit()" shiro:hasPermission="config:container:add">
<i class="fa fa-edit"></i> 修改货主仓库
</a>
<a class="btn btn-outline btn-success btn-rounded" onclick="editCommon(1)" shiro:hasPermission="config:container:editCommonFlag">
<i class="fa fa-edit"></i> 常规
</a>
<a class="btn btn-outline btn-success btn-rounded" onclick="editCommon(2)" shiro:hasPermission="config:container:editCommonFlag">
<i class="fa fa-edit"></i> 非常规
</a>
</div>
<div class="col-sm-12 select-info">
<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/container";
var containerTypes = [[${@containerType.getCode()}]];
var datas = [[${@dict.getType('sys_normal_disable')}]];
var containerStatus = [[${@dict.getType('containerStatus')}]];
var editFlag = [[${@permission.hasPermi('config:container:edit')}]];
var editCommonFlag = [[${@permission.hasPermi('config:container:editCommonFlag')}]];
var removeFlag = [[${@permission.hasPermi('config:container:remove')}]];
var containerCount = [[${@dict.getType('printNum')}]];
var company =[[${@companyService.getCode()}]];
var uWarehouseNames = [[${@warehouseWu.getName()}]];
var commonStatus = [[${@dict.getType('container_common')}]];
$(function() {
var options = {
url: prefix + "/list",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
printUrl: prefix + "/print",
modalName: "容器",
search: false,
sortName: "created",
sortOrder: "desc",
columns: [{
checkbox: true
},
{
field : 'id',
title : 'id'
},
{
field : 'name',
title : '容器名字',
visible:false
},
{
field : 'goodsShelfNo',
title : '货架号'
},
{
field : 'code',
title : '容器编号'
},
{
field : 'warehouseCode',
title : '仓库编码'
},
{
field : 'uWarehouseCode',
title : 'U8仓库',
formatter: function(value, row, index) {
var actions = [];
$.each(uWarehouseNames, function (index, dict) {
if (dict.uWarehouseCode == value) {
actions.push("<span >" + dict.uWarehouseName + "</span>");
return false;
}
});
return actions.join('');
}
},
{
field: 'companyCode',
title: '货主',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
$.each(company, function(index, dict) {
if (dict.code == value) {
actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
return false;
}
});
return actions.join('');
}
},
{
field : 'containerType',
title : '容器类型',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
$.each(containerTypes, function(index, dict) {
if (dict.code == value) {
actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
return false;
}
});
return actions.join('');
}
},
{
field : 'locationCode',
title : '库位编码'
},
{
field : 'useCount',
title : '任务总数'
},
{
field : 'movementCount',
title : '移库数量'
},
{
field : 'printNum',
title : '是否已打印',
sortable: true,
align: 'center',
formatter: function(value, row, index) {
debugger;
return $.table.selectDictLabel(containerCount, value);
}
},
{
field : 'status',
title : '状态',
align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(containerStatus, value);
}
},
{
field : 'printCount',
title : '打印次数',
visible:false
},
{
field : 'created',
title : '创建时间'
},
{
field : 'createdBy',
title : '创建用户'
},
{
field : 'common',
title : '常规',
formatter: function(value, row, index) {
// console.log(commonStatus)
// console.log(value)
return $.table.selectDictLabel(commonStatus, value);
},
},
/*{
field : 'lastUpdated',
title : '更新时间'
},
{
field : 'lastUpdatedBy',
title : '最后更新人'
},*/
// {
// field : 'enable',
// title : '是否有效' ,
// align: 'center',
// formatter: function(value, row, index) {
// return $.table.selectDictLabel(datas, value);
// }
// },
{
field : 'userDef1',
title : '自定义字段1' ,
visible:false
},
{
field : 'userDef2',
title : '自定义字段2' ,
visible:false
},
{
field : 'userDef3',
title : '自定义字段3' ,
visible:false
},
{
field : 'userDef4',
title : '自定义字段4' ,
visible:false
},
{
field : 'userDef5',
title : '自定义字段5' ,
visible:false
},
{
title: '操作',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a>');
return actions.join('');
}
}]
};
$.table.init(options);
});
function print() {
var rows=$("#bootstrap-table").bootstrapTable('getSelections');
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
var ids = "";
for(var i=0; i<rows.length; i++) {
ids = ids + rows[i].id + ","
}
let url=prefix+'/print/' + ids;
$.modal.open("打印",url);
}
function printContainers() {
var rows=$("#bootstrap-table").bootstrapTable('getSelections');
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
var ids = "";
for(var i=0; i<rows.length; i++) {
ids = ids + rows[i].id + ","
}
if(rows.length == 1) {
ids = ids + rows[i].id;
}
let url=prefix+'/report/' + ids;
$.modal.open("打印",url);
}
function edit() {
var rows=$("#bootstrap-table").bootstrapTable('getSelections');
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
var ids = "";
for(var i=0; i<rows.length; i++) {
ids = ids + rows[i].id + ","
}
let url=prefix+'/editCompany/' + ids;
$.modal.open("修改",url);
}
function editCommon(v){
var rows=$("#bootstrap-table").bootstrapTable('getSelections');
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
var ids = "";
for(var i=0; i<rows.length; i++) {
ids = ids + rows[i].id + ","
}
let tips='常规';
if(v==2){
tips='非常规';
}
$.modal.confirm("确认要设置"+tips+'吗?' + rows.length + "条数据", function() {
$.ajax({
cache : true,
type : "POST",
url : prefix + "/editCommonFlag",
data : {
"ids": ids,
"commonStatus": v,
},
async : false,
error : function(request) {
$.modal.alertError("请求失败！");
},
success : function(data) {
$.operate.saveSuccess(data);
}
});
})
}
</script>
</body>
</html>