<!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"> 
 | 
    <!-- 搜索框部分start --> 
 | 
    <div class="row form-head"> 
 | 
        <form class="form-inline" id="serchform"> 
 | 
            <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="allottedInstoreId">调入仓库</label> 
 | 
                <select class="form-control autoFull" data-filed="shopName" name="allottedInstoreId" 
 | 
                        id="allottedInstoreId" 
 | 
                        th:data-url="@{/admin/shopInfo/findAll}"> 
 | 
                    <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="ywstatus">调拨状态</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> 
 | 
                <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" 
 | 
                        th:data-value="suId" 
 | 
                        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> 
 | 
            <div class="form-group"> 
 | 
                <button onclick="myGrid.serchData(1)" type="button" 
 | 
                        class="btn btn-sm btn-info"> 
 | 
                    <i class="fa fa-search "></i> 搜索 
 | 
                </button> 
 | 
                <button type="reset" class="btn btn-sm btn-info "> 
 | 
                    <i class="fa fa-refresh "></i> 重置 
 | 
                </button> 
 | 
            </div> 
 | 
        </form> 
 | 
    </div> 
 | 
    <div class="row mt-10"> 
 | 
        <div id="option-bar"> 
 | 
            <!-- 功能按钮部分 --> 
 | 
            <button onclick="openAdd()" type="button" matrix:btn="allottedInfo1-add" 
 | 
                    class="btn btn-success btn-sm"> 
 | 
                <i class="fa fa-plus"></i> 新增 
 | 
            </button> 
 | 
            <button matrix:btn="allottedInfo1-edit" class="btn btn-default btn-info  btn-sm" onClick="openEdit()"><i 
 | 
                    class="fa fa-edit"></i> 编辑 
 | 
            </button> 
 | 
            <button matrix:btn="allottedInfo1-dels" onclick="myGrid.delItems('id')" type="button" 
 | 
                    class="btn btn-danger btn-sm"><i class="fa fa-trash"></i>批量删除 
 | 
            </button> 
 | 
            <button matrix:btn="allottedInfo1-excelOut" onclick="exportExcel()" type="button" 
 | 
                    class="btn btn-default btn-sm"><i class="fa fa-download"></i> 导出 
 | 
            </button> 
 | 
  
 | 
        </div> 
 | 
        <!-- 数据表格部分 --> 
 | 
        <table id="mgrid"> 
 | 
            <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> 
 | 
        <!-- 数据表格部分end --> 
 | 
    </div> 
 | 
</div> 
 | 
  
 | 
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> 
 | 
<script type="text/javascript" th:inline="javascript"> 
 | 
    var myGrid; 
 | 
    $(function () { 
 | 
        //带搜索的下拉框 
 | 
        $(".select2").select2(); 
 | 
        //时间 
 | 
        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", 
 | 
  
 | 
        }); 
 | 
  
 | 
    }); 
 | 
  
 | 
  
 | 
    //打开添加界面 
 | 
  
 | 
    function openAdd() { 
 | 
        layer.full( 
 | 
            layer.open({ 
 | 
                type: 2, 
 | 
                title: "添加调拨", 
 | 
                area: [MUI.SIZE_L, '400px'], 
 | 
                content: [basePath 
 | 
                + '/admin/allotted/editFormAll'] 
 | 
            })); 
 | 
    } 
 | 
  
 | 
    //打开编辑界面 
 | 
    function openEdit(id) { 
 | 
        layer.full( 
 | 
            layer.open({ 
 | 
                type: 2, 
 | 
                title: "编辑调拨", 
 | 
                area: [MUI.SIZE_L, '400px'], 
 | 
                maxmin: true, 
 | 
                content: [basePath 
 | 
                + '/admin/allotted/editFormAll?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 exportExcel() { 
 | 
        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(); 
 | 
        window.location.href = basePath + "/admin/allotted/exportExcel?&allottedType=" + encodeURI(encodeURI(allottedType)) + "&allottedInstoreId=" + allottedInstoreId + "&allottedOutstoreId=" + allottedOutstoreId + "&checkStatus=" + encodeURI(encodeURI(checkStatus)) + "&startTime=" + beginTime + "&endTime=" + endTime + "&makingManId=" + makingManId + "&appManId=" + appManId; 
 | 
    } 
 | 
  
 | 
  
 | 
    var btns = []; 
 | 
    btns[0] = "", btns[1] = "", btns[2] = "", btns[3] = "", btns[4] = ""; 
 | 
  
 | 
    function buidOperate(value, row, index) { 
 | 
  
 | 
        var html = ''; 
 | 
        var makingmanId = row.makingManId 
 | 
        /*<![CDATA[*/ 
 | 
        var staffId =/*[[${session.userInfo.suId}]]*/; 
 | 
        /*]]>*/ 
 | 
        var isSame = (makingmanId == staffId); 
 | 
        var checkStatus = row.checkStatus; 
 | 
        var appmanId = row.appManId; 
 | 
  
 | 
        var html = ""; 
 | 
        html += '<div class="btn-group"   >' 
 | 
            + '<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">' 
 | 
            + '操作 <span class="caret"></span>' + '</button>' 
 | 
            + '<ul class="dropdown-menu" role="menu">' 
 | 
            + btns[0].replace('VALUE', value); 
 | 
        //没有审核的才可以修改,审核后不可以修改,不可以在审核 
 | 
        if (checkStatus == "待审核" && isSame) { 
 | 
            //没有审核并且登入者是审核者才显示审核的按钮, 
 | 
            html += btns[1].replace('VALUE', value); 
 | 
            html += btns[3].replace('VALUE', value); 
 | 
        } 
 | 
  
 | 
        if ((staffId == appmanId)) { 
 | 
            html += btns[2].replace('VALUE', value); 
 | 
        } 
 | 
        html += '</ul></div>'; 
 | 
        return html; 
 | 
  
 | 
    } 
 | 
</script> 
 | 
  
 | 
<script matrix:btn="allottedInfo1-look"> 
 | 
    btns[0] = '<li><a href="javascript:void(0)" onClick="openLook(\'VALUE\')" >查看</a></li>' 
 | 
</script> 
 | 
  
 | 
<script matrix:btn="allottedInfo1-edit"> 
 | 
    btns[1] = '<li><a href="javascript:void(0)" onClick="openEdit(\'VALUE\')">编辑</a></li>' 
 | 
</script> 
 | 
<script matrix:btn="allottedInfo1-check"> 
 | 
    btns[2] = '<li><a href="javascript:void(0)" onClick="openCheck(\'VALUE\')">审核</a></li>' 
 | 
</script> 
 | 
<script matrix:btn="allottedInfo1-del"> 
 | 
    btns[3] = '<li><a href="javascript:void(0)" onClick="myGrid.delItem(\'VALUE\')">删除</a></li>' 
 | 
</script> 
 | 
  
 | 
  
 | 
</body> 
 | 
</html> 
 |