<!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" autocomplete="off">
<div class="select-list">
<ul>
<li>
<label>载具编号：</label>
<input type="text" name="code"/>
</li>
<li>
<label>库位编码：</label>
<input type="text" name="locationCode"/>
</li>
<li>
<label>载具状态：</label>
<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>
<label>载具类型：</label>
<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>
<label>盛具编码：</label>
<input type="text" name="vehicleCode"/>
</li>
<li>
<label>货主：</label>
<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 class="select-time">
<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 style="float: right; margin-right: 45px">
<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>
</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>
</div>
<div class="col-sm-12 select-table">
<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 removeFlag = [[${@permission.hasPermi('config:container:remove')}]];
var company = [[${@companyService.getCode()}]];
$(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: 'code',
title: '载具编号'
},
{
field: 'warehouseCode',
title: '仓库编码'
},
{
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: 'vehicleCode',
title: '盛具编码'
},
{
field: 'useCount',
title: '任务总数'
},
{
field: 'movementCount',
title: '移库数量'
},
{
field: 'printNum',
title: '打印次数',
visible: false
},
{
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: '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);
}
</script>
</body>
</html>