<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script>
|
|
</head>
|
<body class=" container-fluid">
|
<div class="pd-10">
|
<div class="tabs-container">
|
<ul class="nav nav-tabs">
|
<li class="active"><a data-toggle="tab" href="#tab-1"
|
aria-expanded="true">调入调拨单记录</a></li>
|
<li class=""><a data-toggle="tab" href="#tab-2"
|
aria-expanded="false">调出调拨单记录</a></li>
|
</ul>
|
<div class="tab-content">
|
<div id="tab-1" class="tab-pane active">
|
<div class="panel-body">
|
<!-- 选项卡内容 begin -->
|
<div class="ibox-content">
|
<!-- 搜索框部分start -->
|
<form class="form-inline" id="serchform1">
|
<!-- 调入仓库 -->
|
<div class="form-group mr-20">
|
<label for="allottedType">调拨入仓库</label>
|
<select class="form-control autoFull " data-filed="name"
|
data-value="id" name="allottedInstoreId"
|
id="allottedInstoreId"
|
th:data-url="@{/admin/warehouse/findShopWarehouse}">
|
</select>
|
</div>
|
|
<div class="form-group mr-20">
|
<label for="allottedType">调拨类型</label> <select
|
class="form-control autoFull" name="allottedType"
|
data-filed="name" data-value="name" id="allottedType"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'产品用途'}">
|
<option value=''>--请选择调拨类型--</option>
|
</select>
|
</div>
|
|
<div class="form-group mr-20">
|
<label for="allottedOutstoreId">调出仓库</label> <select
|
class="form-control autoFull" data-filed="shopName"
|
name="allottedOutstoreId" id="allottedOutstoreId"
|
th:data-url="@{/admin/shopInfo/findAll}">
|
<option value=''>--请选择调出仓库--</option>
|
</select>
|
</div>
|
<div class="form-group mr-20">
|
<label for="checkStatus">调拨状态</label> <select
|
class="form-control" name="checkStatus" id="checkStatus">
|
<option value=''>--请选择调拨状态--</option>
|
<option value='待审核'>待审核</option>
|
<option value='审核通过'>审核通过</option>
|
<option value='待收货'>待收货</option>
|
<option value='审核未通过'>审核未通过</option>
|
<option value='已完成'>已完成</option>
|
</select>
|
</div>
|
|
<div class="form-group mr-20">
|
<label>调拨日期</label>
|
<!-- TODO 入库时间的查询增加一个查询的其实时间两个字段 -->
|
<input autocomplete="off" name="startTime" type="text"
|
class="form-control datetimepicker" id="beginTime">-
|
<input autocomplete="off" name="endTime" type="text"
|
class="form-control datetimepicker" id="endTime">
|
</div>
|
|
<div class="form-group mr-20">
|
<label for="makingManId">制单人</label> <select
|
class="form-control autoFull select2" name="makingManId"
|
id="makingManId" data-filed="suName"
|
th:data-url="@{/admin/shopAll}">
|
<option value=''>--请选择制单人--</option>
|
</select>
|
</div>
|
<div class="form-group mr-20">
|
<label for="appManId">审核人</label> <select
|
class="form-control autoFull" name="appManId" id="appManId"
|
data-filed="suName"
|
th:data-value="suId"
|
th:data-url="@{/admin/getShopStaffByRoleName?roleName=仓储主管}">
|
<option value=''>--请选择审核人--</option>
|
</select>
|
</div>
|
<button onclick="myGrid.serchData()" type="button"
|
class="btn btn-info btn-sm mr-20">
|
<i class="fa fa-search "></i> 搜索
|
</button>
|
<button onclick="myGrid.resetForm()" type="button"
|
class="btn btn-info btn-sm mr-20">
|
<i class="fa fa-refresh "></i> 重置
|
</button>
|
</form>
|
<!-- 搜索框部分en -->
|
<div id="option-bar">
|
<button onclick="myGrid.delItems()" type="button"
|
class="btn btn-danger btn-sm">
|
<i class="fa fa-trash"></i>批量删除
|
</button>
|
<button onclick="openAdd()" type="button"
|
class="btn btn-success btn-sm">
|
<i class="fa fa-plus"></i>新增
|
</button>
|
<button onclick="exportExcel1()" type="button"
|
class="btn btn-default btn-sm">
|
<i class="fa fa-download"></i> 导出
|
</button>
|
</div>
|
<table id="mgrid1" data-url="">
|
<thead>
|
<tr>
|
<th data-checkbox="true"></th>
|
<th data-align="center" data-width="180px" data-field="id"
|
data-formatter="buidOperate">操作
|
</th>
|
<th data-formatter="MGrid.indexfn" data-align="center"
|
data-width="30px">序号
|
</th>
|
<th data-field="allottedId">调拨单编号</th>
|
<th data-field="allottedType">调拨类型</th>
|
<th data-field="allottedOutstoreName">调出仓库</th>
|
<th data-field="allottedInstoreName">调入仓库</th>
|
<th data-field="amountPrice">调拨金额</th>
|
<th data-field="receivedPrice">收货金额</th>
|
<th data-field="checkStatus">审核状态</th>
|
<th data-field="allottedDate" data-formatter="MGrid.getTime"
|
data-sortable="true">日期
|
</th>
|
<th data-field="allottedRemark">备注</th>
|
<th data-field="appRemark">审核意见</th>
|
<th data-field="makingManName">制单人</th>
|
<th data-field="appManName">审核人</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<!-- 选项卡内容 end -->
|
</div>
|
</div>
|
|
<!-- 这是第二个选项卡的内容 -->
|
<div id="tab-2" class="tab-pane">
|
<div class="panel-body">
|
<!-- 选项卡内容 end -->
|
<div class="ibox-content">
|
<!-- 搜索框部分start -->
|
<form class="form-inline" id="serchform2">
|
<!-- 调入仓库 -->
|
<div class="form-group mr-20">
|
<label for="allottedType">调拨类型</label> <select
|
class="form-control autoFull" name="allottedType"
|
data-filed="name" data-value="name" id="allottedType2"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'产品用途'}">
|
<option value=''>--请选择入库类型--</option>
|
</select>
|
</div>
|
|
<div class="form-group mr-20">
|
<label for="allottedOutstoreId">调入仓库</label> <select
|
class="form-control autoFull" data-filed="shopName"
|
name="allottedInstoreId" id="allottedInstoreId2"
|
th:data-url="@{/admin/shopInfo/findAll}">
|
<option value=''>--请选择调出仓库--</option>
|
</select>
|
</div>
|
<div class="form-group mr-20">
|
<label for="checkStatus">调拨状态</label> <select
|
class="form-control" name="checkStatus" id="checkStatus2">
|
<option value=''>--请选择调拨状态--</option>
|
<option value='待审核'>待审核</option>
|
<option value='审核通过'>审核通过</option>
|
<option value='待收货'>待收货</option>
|
<option value='审核未通过'>审核未通过</option>
|
<option value='已完成'>已完成</option>
|
</select>
|
</div>
|
|
<div class="form-group mr-20">
|
<label>调拨日期</label> <input autocomplete="off" name="startTime" type="text"
|
class="form-control datetimepicker" id="beginTime">-
|
<input autocomplete="off" name="endTime" type="text"
|
class="form-control datetimepicker" id="endTime">
|
</div>
|
|
<div class="form-group mr-20">
|
<label for="makingManId">制单人</label> <select
|
class="form-control autoFull select2" name="makingManId"
|
id="makingManId2" data-filed="suName"
|
th:data-url="@{/admin/shopAll}">
|
<option value=''>--请选择制单人--</option>
|
</select>
|
</div>
|
<div class="form-group mr-20">
|
<label for="appManId">审核人</label> <select
|
class="form-control autoFull" name="appManId" id="appManId2"
|
data-filed="suName"
|
th:data-value="suId"
|
th:data-url="@{/admin/getShopStaffByRoleName?roleName=仓储主管}">
|
<option value=''>--请选择审核人--</option>
|
</select>
|
</div>
|
<button onclick="myGrid2.serchData()" type="button"
|
class="btn btn-info btn-sm mr-20">
|
<i class="fa fa-search "></i> 搜索
|
</button>
|
<button onclick="myGrid.resetForm()" type="button"
|
class="btn btn-info btn-sm mr-20">
|
<i class="fa fa-refresh "></i> 重置
|
</button>
|
</form>
|
<!-- 搜索框部分en -->
|
<div id="option-bar">
|
<button onclick="exportExcel2()" type="button"
|
class="btn btn-default btn-sm">
|
<i class="fa fa-download"></i> 导出
|
</button>
|
</div>
|
<table id="mgrid2" data-url="">
|
<thead>
|
<tr>
|
<th data-checkbox="true"></th>
|
<th data-align="center" data-width="180px" data-field="id"
|
data-formatter="buidOutOperate">操作
|
</th>
|
<th data-formatter="MGrid.indexfn" data-align="center"
|
data-width="30px">序号
|
</th>
|
<th data-field="allottedId">调拨单编号</th>
|
<th data-field="allottedType">调拨类型</th>
|
<th data-field="allottedOutstoreName">调出仓库</th>
|
<th data-field="allottedInstoreName">调入仓库</th>
|
<th data-field="checkStatus">审核状态</th>
|
<th data-field="allottedDate" data-formatter="MGrid.getTime"
|
data-sortable="true">日期
|
</th>
|
<th data-field="allottedRemark">备注</th>
|
<th data-field="appRemark">审核意见</th>
|
<th data-field="makingManName">制单人</th>
|
<th data-field="appManName">审核人</th>
|
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<!-- 选项卡内容 end -->
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
<script type="text/javascript">
|
$(".select2").select2();
|
var myGrid;
|
var myGrid2;
|
$(function () {
|
|
//时间
|
var _initParam = {
|
format: 'yyyy-mm-dd hh:ii',
|
todayBtn: true,
|
autoclose: true,
|
startView: 2,
|
maxView: 3,
|
minView: 0
|
};
|
MTools.ininDatetimepicker(_initParam);
|
//限制结束时间不小于开始时间
|
var initParam = {
|
format: 'yyyy-mm-dd hh:ii',
|
todayBtn: true,
|
autoclose: true,
|
startView: 2,
|
maxView: 3,
|
minView: 0
|
};
|
MTools.limitStartEndTime(initParam);
|
//调入列表
|
MTools.autoFullSelect();
|
//有删除权限
|
var delUrl = "";
|
delUrl = basePath + "/admin/allotted/del";
|
|
myGrid = MGrid.initGrid({
|
url: basePath + "/admin/allotted/showList",
|
delUrl: delUrl,
|
sortName: "allottedDate",
|
sortOrder: "desc",
|
tableSelecter: "#mgrid1",// 表格选择器 请保持唯一
|
serchFormSelecter: "#serchform1",// 搜索表单选择器
|
detailView: true,
|
onExpandRow: function (index, row, $detail) {
|
InitSubTable(index, row, $detail);
|
}
|
});
|
|
//调出列表
|
myGrid2 = MGrid.initGrid({
|
url: basePath + "/admin/allotted/showList",
|
sortName: "allottedDate",
|
sortOrder: "desc",
|
tableSelecter: "#mgrid2",// 表格选择器 请保持唯一
|
serchFormSelecter: "#serchform2",// 搜索表单选择器
|
detailView: true,
|
onExpandRow: function (index, row, $detail) {
|
InitSubTable(index, row, $detail);
|
}
|
});
|
|
});
|
|
function buidOutOperate(value, row, index) {
|
var html = '';
|
var makingmanId = row.makingManId
|
var staffId = [[${session.userInfo.suId}]];
|
var isSame = (makingmanId == staffId);
|
|
var checkStatus = row.checkStatus;
|
//var appmanId=row.appManId;
|
html += '<button class="btn btn-default btn-sm mr-5" onClick="openLook('
|
+ value
|
+ ')" title="查看"><i class="fa fa-lg fa-eye"></i></buttoun>';
|
//没有审核的可以再次修改审核后 不能再修改
|
if (checkStatus == "待审核" && isSame) {
|
html += '<button class="btn btn-default btn-sm mr-5" onClick="myGrid.delItem('
|
+ value
|
+ ')" title="删除"><i class="fa fa-lg fa-trash-o"></i></buttoun>';
|
html += '<button class="btn btn-default btn-sm mr-5" onClick="openEdit('
|
+ value
|
+ ')" title="修改"><i class="fa fa-edit"></i></buttoun>';
|
}
|
html += '';
|
return html;
|
}
|
|
function buidOperate(value, row, index) {
|
var html = '';
|
var makingmanId = row.makingManId
|
var staffId = [[${session.userInfo.suId}]];
|
var isSame = (makingmanId == staffId);
|
var checkStatus = row.checkStatus;
|
//var appmanId=row.appManId;
|
html += '<button class="btn btn-default btn-sm mr-5" onClick="openLook('
|
+ value
|
+ ')" title="查看"><i class="fa fa-lg fa-eye"></i></buttoun>';
|
//没有审核的可以再次修改审核后 不能再修改
|
if (checkStatus == "待审核" && isSame) {
|
html += '<button class="btn btn-default btn-sm mr-5" onClick="myGrid.delItem('
|
+ value
|
+ ')" title="删除"><i class="fa fa-lg fa-trash-o"></i></buttoun>';
|
html += '<button class="btn btn-default btn-sm mr-5" onClick="openEdit('
|
+ value
|
+ ')" title="修改"><i class="fa fa-edit"></i></buttoun>';
|
}
|
//if(checkStatus=="待收货"&&makingmanId==staffId){
|
|
|
|
if (checkStatus == "待收货") {
|
html += '<button class="btn btn-default btn-sm mr-5" onClick="openCheck('
|
+ value
|
+ ')" title="收货"><i class="fa fa-gavel"></i></buttoun>';
|
}
|
html += '';
|
return html;
|
}
|
|
//打开添加界面
|
function openAdd() {
|
layer.full(layer.open({
|
type: 2,
|
title: "添加调拨",
|
area: [MUI.SIZE_L, '400px'],
|
content: [basePath + '/admin/allotted/editForm']
|
}));
|
}
|
|
//打开编辑界面
|
function openEdit(id) {
|
layer.full(layer.open({
|
type: 2,
|
title: "编辑调拨",
|
area: [MUI.SIZE_L, '400px'],
|
maxmin: true,
|
content: [basePath + '/admin/allotted/editForm?id=' + id]
|
}));
|
}
|
|
function openLook(id) {
|
layer.full(layer.open({
|
type: 2,
|
title: "调拨详情",
|
area: [MUI.SIZE_L, '400px'],
|
maxmin: true,
|
content: [basePath + '/admin/allotted/lookInfo?id=' + id]
|
}));
|
}
|
|
//父子表，拼接字表
|
function InitSubTable(index, row, $detail) {
|
var parentid = row.MENU_ID;
|
var thead = '<thead><tr><th>序号</th><th>产品名称</th><th>存货名称</th> <th>产品类型</th><th>申请调拨数量</th><th>库存量</th></tr></thead>';
|
var cur_table = $detail.html(
|
'<table class="table table-hover table-bordered" >'
|
+ thead + '</table>').find('table');
|
var detailList = row.sysAllotDetails;
|
console.log(detailList);
|
var html = "";
|
for (var i = 0; i < detailList.length; i++) {
|
html += '<tr>' + '<td>' + (i + 1) + '</td>' + '<td>'
|
+ detailList[i].sku.goods.name + '</td>' + '<td>'
|
+ detailList[i].sku.name + '</td>' + '<td>'
|
+ detailList[i].sku.goods.goodsSortName + '</td>'
|
+ '<td>' + detailList[i].appTotal + '</td>' + '<td>'
|
+ detailList[i].sysOutStore.storeTotal + '</td>'
|
+ '</tr>';
|
|
}
|
cur_table.append(html);
|
}
|
|
function openCheck(id) {
|
layer.full(layer.open({
|
type: 2,
|
title: "确认收货",
|
area: [MUI.SIZE_L, '400px'],
|
maxmin: true,
|
content: [basePath + '/admin/allotted/checkInfo?id=' + id]
|
}));
|
}
|
|
//导出调入调拨单
|
function exportExcel1() {
|
var allottedType = $("#allottedType").val();
|
var allottedInstoreId = $("#allottedInstoreId").val();
|
var allottedOutstoreId = $("#allottedOutstoreId").val();
|
var checkStatus = $("#checkStatus").val();
|
|
var beginTime = $("#beginTime").val();
|
var endTime = $("#endTime").val();
|
var makingManId = $("#makingManId").val();
|
var appManId = $("#appManId").val();
|
var gridName = "调入调拨单";
|
window.location.href = basePath + "/admin/allotted/exportExcel?gridName="
|
+ encodeURI(encodeURI(gridName))
|
+ "&allottedType="
|
+ encodeURI(encodeURI(allottedType))
|
+ "&allottedInstoreId="
|
+ allottedInstoreId
|
+ "&allottedOutstoreId="
|
+ allottedOutstoreId
|
+ "&checkStatus="
|
+ encodeURI(encodeURI(checkStatus))
|
+ "&startTime="
|
+ beginTime
|
+ "&endTime="
|
+ endTime
|
+ "&makingManId=" + makingManId + "&appManId=" + appManId;
|
}
|
|
//导出调出调拨单
|
function exportExcel2() {
|
var allottedType = $("#allottedType2").val();
|
var allottedInstoreId = $("#allottedInstoreId2").val();
|
var allottedOutstoreId = $("#allottedOutstoreId2").val();
|
var checkStatus = $("#checkStatus2").val();
|
|
var beginTime = $("#beginTime").val();
|
var endTime = $("#endTime").val();
|
var makingManId = $("#makingManId2").val();
|
var appManId = $("#appManId2").val();
|
var gridName = "调出调拨单";
|
window.location.href = basePath + "/admin/allotted/exportExcel?gridName="
|
+ encodeURI(encodeURI(gridName))
|
+ "&allottedType="
|
+ encodeURI(encodeURI(allottedType))
|
+ "&allottedInstoreId="
|
+ allottedInstoreId
|
+ "&allottedOutstoreId="
|
+ allottedOutstoreId
|
+ "&checkStatus="
|
+ encodeURI(encodeURI(checkStatus))
|
+ "&startTime="
|
+ beginTime
|
+ "&endTime="
|
+ endTime
|
+ "&makingManId=" + makingManId + "&appManId=" + appManId;
|
}
|
</script>
|
|
</body>
|
</html>
|
