<!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> 
 |