|  | @@ -0,0 +1,187 @@
 | 
	
		
			
				|  |  | +<%@ page contentType="text/html;charset=UTF-8" %>
 | 
	
		
			
				|  |  | +<%@ include file="/webpage/include/taglib.jsp"%>
 | 
	
		
			
				|  |  | +<html>
 | 
	
		
			
				|  |  | +<head>
 | 
	
		
			
				|  |  | +	<title>午餐订单管理</title>
 | 
	
		
			
				|  |  | +	<meta name="decorator" content="default"/>
 | 
	
		
			
				|  |  | +	<script type="text/javascript">
 | 
	
		
			
				|  |  | +        $(document).ready(function() {
 | 
	
		
			
				|  |  | +            //搜索框收放
 | 
	
		
			
				|  |  | +            $('#moresee').click(function(){
 | 
	
		
			
				|  |  | +                if($('#moresees').is(':visible'))
 | 
	
		
			
				|  |  | +                {
 | 
	
		
			
				|  |  | +                    $('#moresees').slideUp(0,resizeListWindow2);
 | 
	
		
			
				|  |  | +                    $('#moresee i').removeClass("glyphicon glyphicon-menu-up").addClass("glyphicon glyphicon-menu-down");
 | 
	
		
			
				|  |  | +                }else{
 | 
	
		
			
				|  |  | +                    $('#moresees').slideDown(0,resizeListWindow2);
 | 
	
		
			
				|  |  | +                    $('#moresee i').removeClass("glyphicon glyphicon-menu-down").addClass("glyphicon glyphicon-menu-up");
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +            laydate.render({
 | 
	
		
			
				|  |  | +                elem: '#beginDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
 | 
	
		
			
				|  |  | +                event: 'focus', //响应事件。如果没有传入event,则按照默认的click
 | 
	
		
			
				|  |  | +                type : 'date',
 | 
	
		
			
				|  |  | +                value: new Date(),
 | 
	
		
			
				|  |  | +                done: function (value, date) {
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +            laydate.render({
 | 
	
		
			
				|  |  | +                elem: '#endDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
 | 
	
		
			
				|  |  | +                event: 'focus', //响应事件。如果没有传入event,则按照默认的click
 | 
	
		
			
				|  |  | +                type : 'date',
 | 
	
		
			
				|  |  | +                value : getRecentDay(1)
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +        /**获取近N天*/
 | 
	
		
			
				|  |  | +        function getRecentDay(day){
 | 
	
		
			
				|  |  | +            var today = new Date();
 | 
	
		
			
				|  |  | +            var targetday_milliseconds=today.getTime() + 1000*60*60*24*day;
 | 
	
		
			
				|  |  | +            today.setTime(targetday_milliseconds);
 | 
	
		
			
				|  |  | +            var tYear = today.getFullYear();
 | 
	
		
			
				|  |  | +            var tMonth = today.getMonth();
 | 
	
		
			
				|  |  | +            var tDate = today.getDate();
 | 
	
		
			
				|  |  | +            tMonth = doHandleMonth(tMonth + 1);
 | 
	
		
			
				|  |  | +            tDate = doHandleMonth(tDate);
 | 
	
		
			
				|  |  | +            return tYear+"-"+tMonth+"-"+tDate;
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        function doHandleMonth(month){
 | 
	
		
			
				|  |  | +            var m = month;
 | 
	
		
			
				|  |  | +            if(month.toString().length == 1){
 | 
	
		
			
				|  |  | +                m = "0" + month;
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +            return m;
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +        function reset() {
 | 
	
		
			
				|  |  | +            $("#searchForm").resetForm();
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +	</script>
 | 
	
		
			
				|  |  | +	<style>
 | 
	
		
			
				|  |  | +		body{
 | 
	
		
			
				|  |  | +			background-color:transparent;
 | 
	
		
			
				|  |  | +			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF);
 | 
	
		
			
				|  |  | +			color:#ffffff;
 | 
	
		
			
				|  |  | +			background-color:rgba(255,255,255,0);
 | 
	
		
			
				|  |  | +			height:100%;
 | 
	
		
			
				|  |  | +		}
 | 
	
		
			
				|  |  | +	</style>
 | 
	
		
			
				|  |  | +</head>
 | 
	
		
			
				|  |  | +<body>
 | 
	
		
			
				|  |  | +<div class="wrapper wrapper-content">
 | 
	
		
			
				|  |  | +	<sys:message content="${message}"/>
 | 
	
		
			
				|  |  | +	<div class="layui-row">
 | 
	
		
			
				|  |  | +		<div class="full-width fl">
 | 
	
		
			
				|  |  | +			<div class="layui-row contentShadow shadowLR" id="queryDiv">
 | 
	
		
			
				|  |  | +				<form:form id="searchForm" modelAttribute="theOrder" action="${ctx}/wexin/theorderweb/" method="post" class="form-inline">
 | 
	
		
			
				|  |  | +					<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
 | 
	
		
			
				|  |  | +					<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
 | 
	
		
			
				|  |  | +					<table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/>
 | 
	
		
			
				|  |  | +					<div class="commonQuery lw6">
 | 
	
		
			
				|  |  | +						<div class="layui-item query athird ">
 | 
	
		
			
				|  |  | +							<label class="layui-form-label">创建时间:</label>
 | 
	
		
			
				|  |  | +							<div class="layui-input-block">
 | 
	
		
			
				|  |  | +								<input id="beginDate" name="beginDate" placeholder="开始时间" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date layui-input laydate-icon query-group"
 | 
	
		
			
				|  |  | +									   value="<fmt:formatDate value="${projectRecords.beginDate}" pattern="yyyy-MM-dd HH:ss:mm"/>"/>
 | 
	
		
			
				|  |  | +								</input>
 | 
	
		
			
				|  |  | +								<span class="group-sep">-</span>
 | 
	
		
			
				|  |  | +								<input id="endDate" name="endDate" placeholder="结束时间" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date layui-input laydate-icon query-group"
 | 
	
		
			
				|  |  | +									   value="<fmt:formatDate value="${projectRecords.endDate}" pattern="yyyy-MM-dd HH:ss:mm"/>"/>
 | 
	
		
			
				|  |  | +								</input>
 | 
	
		
			
				|  |  | +							</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="layui-item query athird ">
 | 
	
		
			
				|  |  | +							<label class="layui-form-label">状态:</label>
 | 
	
		
			
				|  |  | +							<div class="layui-input-block">
 | 
	
		
			
				|  |  | +								<form:select path="orderStatus" class=" form-control  simple-select">
 | 
	
		
			
				|  |  | +									<form:option value="0" label="预定信息"/>
 | 
	
		
			
				|  |  | +									<form:option value="1" label="确定信息"/>
 | 
	
		
			
				|  |  | +								</form:select>
 | 
	
		
			
				|  |  | +							</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div class="layui-item athird">
 | 
	
		
			
				|  |  | +							<div class="input-group">
 | 
	
		
			
				|  |  | +								<a href="#" id="moresee"><i class="glyphicon glyphicon-menu-down"></i></a>
 | 
	
		
			
				|  |  | +								<button id="searchReset" class="fixed-btn searchReset fr" onclick="resetSearch()">重置</button>
 | 
	
		
			
				|  |  | +								<button id="searchQuery" class="fixed-btn searchQuery fr" onclick="search()">查询</button>
 | 
	
		
			
				|  |  | +							</div>
 | 
	
		
			
				|  |  | +						</div>
 | 
	
		
			
				|  |  | +						<div style="    clear:both;"></div>
 | 
	
		
			
				|  |  | +					</div>
 | 
	
		
			
				|  |  | +				</form:form>
 | 
	
		
			
				|  |  | +			</div>
 | 
	
		
			
				|  |  | +		</div>
 | 
	
		
			
				|  |  | +		<div class="full-width fl">
 | 
	
		
			
				|  |  | +			<div class="layui-form contentDetails contentShadow shadowLBR">
 | 
	
		
			
				|  |  | +				<div class="nav-btns">
 | 
	
		
			
				|  |  | +					<shiro:hasPermission name="wexin:theorderweb:export">
 | 
	
		
			
				|  |  | +						<table:exportExcel url="${ctx}/wexin/theorderweb/export"></table:exportExcel><!-- 导出按钮 -->
 | 
	
		
			
				|  |  | +					</shiro:hasPermission>
 | 
	
		
			
				|  |  | +					<button class="nav-btn nav-btn-refresh" data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新"><i class="glyphicon glyphicon-repeat"></i> 刷新</button>
 | 
	
		
			
				|  |  | +					<div style="clear: both;"></div>
 | 
	
		
			
				|  |  | +				</div>
 | 
	
		
			
				|  |  | +				<table class="oa-table layui-table" id="contentTable1"></table>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +				<!-- 分页代码 -->
 | 
	
		
			
				|  |  | +				<table:page page="${page}"></table:page>
 | 
	
		
			
				|  |  | +				<div style="clear: both;"></div>
 | 
	
		
			
				|  |  | +			</div>
 | 
	
		
			
				|  |  | +		</div>
 | 
	
		
			
				|  |  | +	</div>
 | 
	
		
			
				|  |  | +	<div id="changewidth"></div>
 | 
	
		
			
				|  |  | +</div>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<script src="${ctxStatic}/layer-v2.3/layui/layui.all.js" charset="utf-8"></script>
 | 
	
		
			
				|  |  | +<script>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +    layui.use('table', function(){
 | 
	
		
			
				|  |  | +        layui.table.render({
 | 
	
		
			
				|  |  | +            limit:${ page.pageSize }
 | 
	
		
			
				|  |  | +            ,elem: '#contentTable1'
 | 
	
		
			
				|  |  | +            ,page: false
 | 
	
		
			
				|  |  | +            ,cols: [[
 | 
	
		
			
				|  |  | +                {field:'index',align:'center', title: '序号',width:40}
 | 
	
		
			
				|  |  | +                ,{field:'name', align:'center',title: '姓名',minWidth:100,templet:function(d){
 | 
	
		
			
				|  |  | +                        return "<span title='"+ d.name +"'>" + d.name + "</span>";
 | 
	
		
			
				|  |  | +                    }}
 | 
	
		
			
				|  |  | +                ,{field:'department', align:'center',title: '部门',minWidth:100,templet:function(d){
 | 
	
		
			
				|  |  | +                        return "<span title='"+ d.department +"'>" + d.department + "</span>";
 | 
	
		
			
				|  |  | +                    }}
 | 
	
		
			
				|  |  | +                ,{field:'leadership', align:'center',title: '分管领导',minWidth:100,templet:function(d){
 | 
	
		
			
				|  |  | +                        return "<span title='"+ d.leadership +"'>" + d.leadership + "</span>";
 | 
	
		
			
				|  |  | +                    }}
 | 
	
		
			
				|  |  | +                ,{field:'confirmOrder',align:'center', title: '订餐时间',  width:180}
 | 
	
		
			
				|  |  | +                ,{field:'scheduled',align:'center', title: '预定时间',  width:180}
 | 
	
		
			
				|  |  | +                ,{field:'createDate',align:'center', title: '创建时间',  width:180}
 | 
	
		
			
				|  |  | +            ]]
 | 
	
		
			
				|  |  | +            ,data: [
 | 
	
		
			
				|  |  | +                <c:if test="${ not empty page.list}">
 | 
	
		
			
				|  |  | +                <c:forEach items="${page.list}" var="theOrder" varStatus="index">
 | 
	
		
			
				|  |  | +                <c:if test="${index.index != 0}">,</c:if>
 | 
	
		
			
				|  |  | +                {
 | 
	
		
			
				|  |  | +                    "index":"${index.index+1}"
 | 
	
		
			
				|  |  | +                    ,"id":"${theOrder.id}"
 | 
	
		
			
				|  |  | +                    ,"name":"${theOrder.name}"
 | 
	
		
			
				|  |  | +                    ,"department":"${theOrder.department}"
 | 
	
		
			
				|  |  | +                    ,"leadership":"${theOrder.leadership}"
 | 
	
		
			
				|  |  | +                    ,"confirmOrder":"<fmt:formatDate value="${theOrder.confirmOrder}" pattern="yyyy-MM-dd HH:ss:mm"/>"
 | 
	
		
			
				|  |  | +                    ,"scheduled":"<fmt:formatDate value="${theOrder.scheduled}" pattern="yyyy-MM-dd HH:ss:mm"/>"
 | 
	
		
			
				|  |  | +                    ,"createDate":"<fmt:formatDate value="${theOrder.createDate}" pattern="yyyy-MM-dd HH:ss:mm"/>"
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +                </c:forEach>
 | 
	
		
			
				|  |  | +                </c:if>
 | 
	
		
			
				|  |  | +            ]
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +    })
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +    resizeListTable();
 | 
	
		
			
				|  |  | +    $("a").on("click",addLinkVisied);
 | 
	
		
			
				|  |  | +</script>
 | 
	
		
			
				|  |  | +<script>
 | 
	
		
			
				|  |  | +    resizeListWindow2();
 | 
	
		
			
				|  |  | +    $(window).resize(function(){
 | 
	
		
			
				|  |  | +        resizeListWindow2();
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +</script>
 | 
	
		
			
				|  |  | +</body>
 | 
	
		
			
				|  |  | +</html>
 |