| <!DOCTYPE HTML> | 
| <html xmlns:th="http://www.thymeleaf.org"> | 
| <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> | 
| <div class="ibox-content"> | 
|   | 
|     <div class="row"> | 
|         <div class="col-sm-12"> | 
|             <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="@{path/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="@{path/admin/dataDictionary/showDataDictionar}y" | 
|                                                 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="@{path/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="@{path/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="@{path/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-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> | 
|                                         <th data-align="center" data-width="180px" data-field="id" | 
|                                             data-formatter="buidOperate">操作</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"> | 
|                                         <!-- 调入仓库 --> | 
|                                         <input autocomplete="off"   type="hidden" name="allottedOutstoreId" | 
|                                                th:value="${userInfo.shopId}" id="allottedOutstoreId2"> | 
|                                         <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="@{path/admin/dataDictionary/showDataDictionar}y" | 
|                                                 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="@{path/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="@{path/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="@{path/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> | 
|                                 <div id="option-bar2"> | 
|                                         <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-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> | 
|                                         <th data-align="center" data-width="180px" data-field="id" | 
|                                             data-formatter="buidOutOperate">操作</th> | 
|                                     </tr> | 
|                                     </thead> | 
|                                 </table> | 
|                             </div> | 
|                             <!-- 选项卡内容 end --> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|   | 
|   | 
|             </div> | 
|         </div> | 
|     </div> | 
|   | 
| </div> | 
| </body> | 
|   | 
|   | 
| <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> | 
|   | 
|   | 
| <script th:inline="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",// 搜索表单选择器 | 
|   | 
|         }); | 
|   | 
|         //调出列表 | 
|         myGrid2 = MGrid.initGrid({ | 
|             url : basePath+"/admin/allotted/showList", | 
|             sortName : "allottedDate", | 
|             sortOrder : "desc", | 
|             tableSelecter : "#mgrid2",// 表格选择器 请保持唯一 | 
|             serchFormSelecter : "#serchform2",// 搜索表单选择器 | 
|   | 
|         }); | 
|   | 
|     }); | 
|   | 
|     function buidOutOperate(value, row, index) { | 
|         var html = ''; | 
|         var makingmanId = row.makingManId | 
|         var staffId = "${user.staffId}"; | 
|         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 = "${user.staffId}"; | 
|         var isSame = (makingmanId == staffId); | 
|         var checkStatus = row.checkStatus; | 
|         debugger | 
|         //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 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> |