You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

168 lines
8.0 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('计划明细列表')" />
</head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 search-collapse">
<form id="formId">
<div class="select-list">
<ul>
<li>
<label>计划ID</label>
<select id="planid" name="planid" class="form-control">
<option th:each="planDetailInfo : ${planInfoList}" th:text="${planDetailInfo['planid']}" th:value="${planDetailInfo['planid']}" th:field="*{planDetailInfo.planid}"></option>
</select>
</li>
<li>
<label>物料ID</label>
<select name="materialId">
<option value="">--请选择物料类型--</option>
<option name="cbmaterialinfo" th:each="materialId:${cbmaterialinfo}" th:value="${materialId.materialId}" th:text="${materialId.materialName}" th:disabled="${materialId.status == '1'}"></option>
</select>
</li>
<li>
<label>计划产量:</label>
<input type="text" name="planAmount"/>
</li>
<li>
<label>实际产量:</label>
<input type="text" name="realAmount"/>
</li>
<li>
<label>单位:</label>
<select name="unitId" th:with="type=${@dict.getType('sys_unit_info')}">
<option value="">所有</option>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</li>
<li>
<label>班组ID</label>
<select name="groupId">
<option value="">--请选择物料类型--</option>
<option name="cbGroupInfo" th:each="groupId:${cbGroupInfo}" th:value="${groupId.groupid}" th:text="${groupId.groupname}" th:disabled="${groupId.status == '1'}"></option>
</select>
</li>
<li>
<label>状态标志:</label>
<select name="status" th:with="type=${@dict.getType('sys_status_info')}">
<option value="">所有</option>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
</li>
</ul>
</div>
</form>
</div>
<div class="btn-group-sm" id="toolbar" role="group">
<!-- <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="baseinfo:plandetailinfo:add">-->
<!-- <i class="fa fa-plus"></i> 添加-->
<!-- </a>-->
<a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="baseinfo:plandetailinfo:edit">
<i class="fa fa-edit"></i> 修改
</a>
<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="baseinfo:plandetailinfo:remove">
<i class="fa fa-remove"></i> 删除
</a>
<a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="baseinfo:plandetailinfo:export">
<i class="fa fa-download"></i> 导出
</a>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table"></table>
</div>
</div>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('baseinfo:plandetailinfo:edit')}]];
var removeFlag = [[${@permission.hasPermi('baseinfo:plandetailinfo:remove')}]];
var unitIdDatas = [[${@dict.getType('sys_unit_info')}]];
var statusDatas = [[${@dict.getType('sys_status_info')}]];
var prefix = ctx + "baseinfo/plandetailinfo";
$(function() {
var options = {
url: prefix + "/list",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
exportUrl: prefix + "/export",
modalName: "计划明细",
columns: [{
checkbox: true
},
{
field: 'objid',
title: '主键ID',
visible: false
},
{
field: 'planid',
title: '计划ID'
},
{
field: 'materialId',
title: '物料ID'
},
{
field: 'planAmount',
title: '计划产量'
},
{
field: 'realAmount',
title: '实际产量'
},
{
field: 'unitId',
title: '单位',
formatter: function(value, row, index) {
return $.table.selectDictLabel(unitIdDatas, value);
}
},
{
field: 'groupname',
title: '班组'
},
{
field: 'startTime',
title: '起始时间'
},
{
field: 'overTime',
title: '结束时间'
},
{
field: 'remark',
title: '备注'
},
{
field: 'status',
title: '状态标志',
formatter: function(value, row, index) {
return $.table.selectDictLabel(statusDatas, value);
}
},
{
title: '操作',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.objid + '\')"><i class="fa fa-edit"></i>编辑</a> ');
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.objid + '\')"><i class="fa fa-remove"></i>删除</a>');
return actions.join('');
}
}]
};
$.table.init(options);
});
</script>
</body>
</html>