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

335 lines
16 KiB

<!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('出库列表')"/>
<link th:href="@{/ajax/libs/select2/select2.css}" rel="stylesheet">
<link th:href="@{/ajax/libs/select2/select2-bootstrap.css}" rel="stylesheet">
</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>出库单号:</label>
<input type="text" name="warehousingOutNo"/>
</li>
<li>
<label>制工单号:</label>
<input type="text" name="workOrderNo"/>
</li>
<li>
<label>订单号:</label>
<input type="text" name="buyOrderNo"/>
</li>
<li class="select-time">
<label>出库日期:</label>
<input type="text" class="time-input" id="startTime" placeholder="开始时间"
name="params[beginWarehousingOutDate]"/>
<span>-</span>
<input type="text" class="time-input" id="endTime" placeholder="结束时间"
name="params[endWarehousingOutDate]"/>
</li>
<!-- <li>-->
<!-- <label>联系人:</label>-->
<!-- <input type="text" name="linkman"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>仓库号:</label>-->
<!-- <select name="stockNo">-->
<!-- <option value="">所有</option>-->
<!-- <option value="-1">代码生成请选择字典属性</option>-->
<!-- </select>-->
<!-- </li>-->
<li>
<label>仓库名称:</label>
<select name="stockName" class="form-control m-b">
<option value="">所有</option>
</select>
</li>
<!-- <li>-->
<!-- <label>仓库管理员:</label>-->
<!-- <input type="text" name="warehouseKeeper"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>出库类型:</label>-->
<!-- <select name="outputClass" class="form-control m-b">-->
<!-- <option value="">所有</option>-->
<!-- </select>-->
<!-- </li>-->
<li>
<label>出库类型:</label>
<select name="outputClass"
th:with="type=${@dict.getType('sys_out_type')}" class="form-control m-b">
<option value="">所有</option>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select>
</li>
<li>
<label>物料代码:</label>
<input type="text" name="itemCode"/>
</li>
<li>
<label>物料名称:</label>
<input type="text" name="itemName"/>
</li>
<!-- <li>-->
<!-- <label>物料类别:</label>-->
<!-- <select name="itemClass">-->
<!-- <option value="">所有</option>-->
<!-- <option value="-1">代码生成请选择字典属性</option>-->
<!-- </select>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>是否确认:</label>-->
<!-- <select name="confirmFlag">-->
<!-- <option value="">所有</option>-->
<!-- <option value="-1">代码生成请选择字典属性</option>-->
<!-- </select>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>确认人:</label>-->
<!-- <input type="text" name="confirmMan"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>确认时间:</label>-->
<!-- <input type="text" class="time-input" placeholder="请选择确认时间" name="confirmDate"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>部门名称:</label>-->
<!-- <select name="deptName" class="form-control m-b">-->
<!-- <option value="">所有</option>-->
<!-- </select>-->
<!-- </li>-->
<li>
<label>部门名称:</label>
<select name="deptName"
th:with="type=${@dict.getType('sys_dept_type')}" class="form-control m-b">
<option value="">所有</option>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
th:value="${dict.dictValue}"></option>
</select>
</li>
<!-- <li>-->
<!-- <label>:</label>-->
<!-- <input type="text" name="spare1"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>:</label>-->
<!-- <input type="text" name="spare2"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>:</label>-->
<!-- <input type="text" name="spare3"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>:</label>-->
<!-- <input type="text" name="spare4"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>:</label>-->
<!-- <input type="text" name="spare5"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>:</label>-->
<!-- <input type="text" name="spare6"/>-->
<!-- </li>-->
<!-- <li>-->
<!-- <label>部门编号:</label>-->
<!-- <select name="deptNo">-->
<!-- <option value="">所有</option>-->
<!-- <option value="-1">代码生成请选择字典属性</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="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="" shiro:hasPermission="stock:warehousingOutHead:add" disabled>
<i class="fa fa-plus"></i> 添加
</a>
<a class="btn btn-primary single disabled" onclick="" shiro:hasPermission="stock:warehousingOutHead:edit"
disabled>
<i class="fa fa-edit"></i> 修改
</a>
<a class="btn btn-danger multiple disabled" onclick="" shiro:hasPermission="stock:warehousingOutHead:remove"
disabled>
<i class="fa fa-remove"></i> 删除
</a>
<a class="btn btn-warning" onclick="$.table.exportExcel()"
shiro:hasPermission="stock:warehousingOutHead:export">
<i class="fa fa-download"></i> 导出
</a>
<a class="btn btn-success" onclick="YLOut()" shiro:hasPermission="stock:warehousingOutHead:add">
<i class="fa fa-plus"></i> 领料出库
</a>
<a class="btn btn-success" onclick="itemScrap()" shiro:hasPermission="stock:warehousingOutHead:add">
<i class="fa fa-plus"></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:src="@{/ajax/libs/select2/select2.js}"></script>
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('stock:warehousingOutHead:edit')}]];
var removeFlag = [[${@permission.hasPermi('stock:warehousingOutHead:remove')}]];
var prefix = ctx + "stock/warehousingOutHead";
$(function () {
var options = {
url: prefix + "/record",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
exportUrl: prefix + "/export",
modalName: "出库",
columns: [{
checkbox: true
},
{
field: 'warehousingOutNo',
title: '出库单号',
},
{
field: 'workOrderNo',
title: '制工单号'
},
{
field: 'buyOrderNo',
title: '订单号'
},
{
field: 'warehousingOutDate',
title: '出库日期'
},
{
field: 'itemNo',
title: '项次'
},
{
field: 'itemCode',
title: '物料代码'
},
{
field: 'itemName',
title: '物料名称'
},
{
field: 'itemSpecification',
title: '物料规格'
},
{
field: 'unit',
title: '单位'
},
{
field: 'planQty',
title: '计划数量'
},
{
field: 'realQty',
title: '实际数量'
},
{
field: 'returnQty',
title: '应退数量'
},
{
field: 'remark',
title: '备注'
},
{
field: 'deptNo',
title: '部门编号'
},
{
field: 'deptName',
title: '部门名称'
},
{
field: 'stockName',
title: '仓库名称',
visible:false
},
{
field: 'outputClass',
title: '出库类别',
visible:false
},
{
field: 'itemClass',
title: '物料类别',
visible:false
},
{
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="" disabled><i class="fa fa-edit"></i>编辑</a> ');
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="" disabled><i class="fa fa-remove"></i>删除</a>');
return actions.join('');
}
}]
};
$.table.init(options);
});
//获取仓库名
$.ajax({
url: ctx + "stock/stockInfo/all",
type: "post",
dataType: "json",
success: function (resp) {
if (resp.code === 0) {
let data = resp.data;
//alert(data);
for (let i in data) {
$("select[name='stockName']").append("<option value='" + data[i].stockname + "'>" + data[i].stockname + "</option>");
}
} else {
$.modal.msgError(resp.msg);
}
},
error: function () {
$.modal.msgError("后台出错啦!");
}
})
//重置
function reset() {
$("select[name='stockName']").val("").select2();
$("select[name='deptName']").val("").select2();
$("select[name='outputClass']").val("").select2();
$.form.reset();
}
//打开原料出库页面
function YLOut(){
$.modal.open("原料出库", prefix + "/CP");
}
//打开物料报废页面
function itemScrap(){
$.modal.open("物料报废", prefix + "/scrap");
}
</script>
</body>
</html>