skyversation
/
meidu2021


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
							<!DOCTYPE html>
<html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<c:set var="ctxPath" value="${pageContext.request.contextPath}" />
<!-- context path -->
<!-- update-begin--Author:xuelin  Date:20170428 for：#1755 【美化】用户分析报表，多tab格式，是否可以美化  需要改底层-------------------- -->
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<head>
	<meta charset="utf-8">
	<title>美都环卫微管理</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<!--标准mui.css-->
	<link rel="stylesheet" href="plug-in/mui/css/mui.min.css">
	<!--App自定义的css-->
	<link rel="stylesheet" type="text/css" href="plug-in/mui/css/app.css"/>
	<style>
		.mui-table h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{
			margin-top: 0;
		}
		.mui-table h4{
			line-height: 21px;
			font-weight: 500;
		}

		.mui-table .oa-icon{
			position: absolute;
			right:0;
			bottom: 0;
		}
		.mui-table .oa-icon-star-filled{
			color:#f14e41;
		}
		.datagrid-header-inner ,.datagrid-htable,.datagrid-header-row,.datagrid-cell,.datagrid-row,.datagrid-btable{
			width: 100%;
		}
	</style>
</head>

<body>

<header class="mui-bar mui-bar-nav">
	<%--<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>--%>
	<h1 class="mui-title" id="upcharheaddiv">${message.title}</h1>
</header>
<div class="mui-content">

	<div id="tablediv" class="tablediv"style="height:98%">
		<table  class="easyui-datagrid" id="noOrdersWarehousesTable" style=""></table>
	</div>
</div>
</body>
<script src="plug-in/mui/mui.min.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });

	var colums =[];
	var innerArray=[];
	<c:forEach items="${sendTextMap.columns}" var="column" varStatus="i">
		var c${i.index} = {};
		c${i.index}.field = 'c_${i.index}';
		c${i.index}.title = "{column}";
		c${i.index}.width='100%';
		innerArray.push(c${i.index});
	</c:forEach>

	colums.push(innerArray);
	var gridData = [];

    <c:forEach items="${sendTextMap.data}" var="dataArray" varStatus="i">
    	var v${i.index} = {};
		<c:forEach items="${dataArray}" var="data" varStatus="j">
			v${i.index}['c_${j.index}']="${data}";
		</c:forEach>
   		 gridData.push(v${i.index});
    </c:forEach>

    $.fn.extend({
        resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) {
            var height = $(document.body).height() - heightMargin;
            var width = $(document.body).width() - widthMargin;

            height = height < minHeight ? minHeight : height;
            width = width < minWidth ? minWidth : width;
            $('#noOrdersWarehousesTable').datagrid('resize', {
                height : height,
                width : width
            });
        }
    });
	$('#noOrdersWarehousesTable').datagrid({
		singleSelect : true,
		loadMsg:'数据加载中,请稍后……',
		columns:colums,
		rownumbers:true,
		fitColumns:true
	}).datagrid('loadData',gridData);
	$(".content").show();
	$("#tablediv").show();
	$("#attendanceStatsTable").show();


</script>
</html>