root
/
ifishSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ifishSystem/src/main/webapp/WEB-INF/view/roleAdmin/factoryReport.jsp

342 lines
16 KiB
Plaintext
Raw Blame History

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>查询统计</title>
<!-- css and js -->
<%@ include file="../htm/script.jsp" %>
<link href="<%=basePath%>static/css/font-awesome.min.css" rel="stylesheet"/>
<link href="<%=basePath%>static/css/datepicker.css" rel="stylesheet"/>
<script src="<%=basePath%>static/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="<%=basePath%>static/js/jquery.easy-pie-chart.min.js"></script>
<script type="text/javascript">
$(function(){
//日期控件
$('#sSearch,#sSearch1').datepicker({
format:"yyyy-mm-dd"
});
$("#selectField").val("${searchFilter.selectField}");
$("#selectField1").val("${searchFilter.selectField1}");
$("#selectField2").val("${searchFilter.selectField2}");
$("#sSearch").val("${searchFilter.sSearch}");
$("#sSearch1").val("${searchFilter.sSearch1}");
//查询
$("#searchBtn").click(function(){
$("#searchBtn").attr("disabled",true);
$("#form1").submit();
});
$('.easy-pie-chart.percentage').each(function(){
var $box = $(this).closest('.infobox');
var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
var size = parseInt($(this).data('size')) || 50;
$(this).easyPieChart({
barColor: barColor,
trackColor: trackColor,
scaleColor: false,
lineCap: 'butt',
lineWidth: parseInt(size/10),
animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
size: size
});
})
});
</script>
</head>
<body>
<!-- 头部 -->
<%@ include file="../htm/header.jsp" %>
<!-- 主体 -->
<div class="main-container" id="main-container">
<div class="main-container-inner">
<!-- 侧边栏 -->
<%@ include file="../htm/sidebar.jsp" %>
<!-- 主体内容 -->
<div class="main-content">
<div class="breadcrumbs" id="breadcrumbs">
<script type="text/javascript">
try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
</script>
<ul class="breadcrumb">
<li>
<i class="icon-home home-icon"></i>
<a href="<%=basePath%>page/public/index.do">首页</a>
</li>
<li class="active">查询统计</li>
</ul>
</div>
<div class="page-content">
<div class="row">
<div class="col-xs-12">
<div class="page-header" style="text-align:right;">
<form id="form1" method="post" class="form-horizontal" action="<%=basePath%>page/admin/factoryReport.do">
分配日期：<input type='text' id='sSearch' name='sSearch' class='date-picker input-medium' maxlength='20'/>~~<input type='text' id='sSearch1' name='sSearch1' class='date-picker input-medium' maxlength='20'/>&nbsp;&nbsp;
电子厂：<select id="selectField" name="selectField" class="input-medium">
<option value="">请选择</option>
<c:forEach items="${list3}" var="vl">
<option value="${vl.factoryCode}">${vl.factoryName}</option>
</c:forEach>
</select>&nbsp;&nbsp;
鱼缸厂：<select id="selectField1" name="selectField1" class="input-medium">
<option value="">请选择</option>
<c:forEach items="${list4}" var="vl">
<option value="${vl.brandCode}">${vl.brandName}</option>
</c:forEach>
</select>&nbsp;&nbsp;
授权状态：<select id="selectField2" name="selectField2" class="input-medium">
<option value="">请选择</option>
<option value="0">已授权</option>
<option value="1">未授权</option>
</select>&nbsp;&nbsp;
<!-- 授权时间：<input type='text' id='sSearch' name='sSearch' class='date-picker input-medium' maxlength='20'/>~~<input type='text' id='sSearch1' name='sSearch1' class='date-picker input-medium' maxlength='20'/>&nbsp;&nbsp; -->
<button id="searchBtn" type="button" class="btn btn-xs btn-info"><i class="icon-search"></i>查询</button>
<button type="reset" class="btn btn-xs btn-info"><i class="icon-undo"></i>重置</button>
</form>
</div>
<c:if test="${result == 'default'}">
<div class="col-sm-4" style="text-align:center;"><span class="badge badge-success">按电子厂分类统计</span></div>
<div class="col-sm-4" style="text-align:center;"><span class="badge badge-info">按鱼缸厂分类统计</span></div>
<div class="col-sm-4" style="text-align:center;"><span class="badge badge-warning">按设备类型分类统计</span></div>
<div class="hr col-sm-12 hr-1"></div>
<!-- 按电子厂分类统计 -->
<div class="col-sm-4 infobox-container">
<c:forEach items="${list}" var="factory">
<div class="infobox infobox-green">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${factory.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${factory.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${factory.deviceNumber}个</span>
<div class="infobox-content">${factory.factoryName}</div>
</div>
</div>
</c:forEach>
</div>
<!-- 按鱼缸厂分类统计 -->
<div class="col-sm-4 infobox-container">
<c:forEach items="${list1}" var="vender">
<div class="infobox infobox-green">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${vender.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${vender.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${vender.deviceNumber}个</span>
<div class="infobox-content">${vender.brandName}</div>
</div>
</div>
</c:forEach>
</div>
<!-- 按硬件类型分类统计 -->
<div class="col-sm-4 infobox-container">
<c:forEach items="${list2}" var="hardware">
<div class="infobox infobox-green">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${hardware.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${hardware.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${hardware.deviceNumber}个</span>
<div class="infobox-content">${hardware.hardwareName}</div>
</div>
</div>
</c:forEach>
</div>
<div class="col-sm-12 infobox-container">
<div class="space-6"></div>
<div class="infobox infobox-green infobox-small infobox-dark">
<div class="infobox-icon">
<i class="icon-inbox"></i>
</div>
<div class="infobox-data">
<div class="infobox-content">${totalNumber}个</div>
<div class="infobox-content">设备数量</div>
</div>
</div>
<div class="infobox infobox-pink infobox-small infobox-dark">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${bindPrec}" data-size="39" style="height: 39px; width: 39px; line-height: 38px;">
<span class="percent">${bindPrec}%</span>
</div>
</div>
<div class="infobox-data">
<div class="infobox-content">${bindNumber}个</div>
<div class="infobox-content">绑定数量</div>
</div>
</div>
</div>
</c:if>
<c:if test="${result == 'result1'}">
<div class="col-sm-6" style="text-align:center;"><span class="badge badge-success">按鱼缸厂分类统计</span></div>
<div class="col-sm-6" style="text-align:center;"><span class="badge badge-warning">按设备类型分类统计</span></div>
<div class="hr col-sm-12 hr-1"></div>
<!-- 按鱼缸厂分类统计 -->
<div class="col-sm-6 infobox-container">
<c:forEach items="${list}" var="vender">
<div class="infobox infobox-green">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${vender.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${vender.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${vender.deviceNumber}个</span>
<div class="infobox-content">${vender.brandName}</div>
</div>
</div>
</c:forEach>
</div>
<!-- 按设备类型分类统计 -->
<div class="col-sm-6 infobox-container">
<c:forEach items="${list1}" var="hardware">
<div class="infobox infobox-blue">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${hardware.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${hardware.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${hardware.deviceNumber}个</span>
<div class="infobox-content">${hardware.hardwareName}</div>
</div>
</div>
</c:forEach>
</div>
<div class="col-sm-12 infobox-container">
<div class="space-6"></div>
<div class="infobox infobox-green infobox-small infobox-dark">
<div class="infobox-icon">
<i class="icon-inbox"></i>
</div>
<div class="infobox-data">
<div class="infobox-content">${totalNumber}个</div>
<div class="infobox-content">设备数量</div>
</div>
</div>
<div class="infobox infobox-pink infobox-small infobox-dark">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${bindPrec}" data-size="39" style="height: 39px; width: 39px; line-height: 38px;">
<span class="percent">${bindPrec}%</span>
</div>
</div>
<div class="infobox-data">
<div class="infobox-content">${bindNumber}个</div>
<div class="infobox-content">绑定数量</div>
</div>
</div>
</div>
</c:if>
<c:if test="${result == 'result2'}">
<div class="col-sm-6" style="text-align:center;"><span class="badge badge-success">按电子厂分类统计</span></div>
<div class="col-sm-6" style="text-align:center;"><span class="badge badge-warning">按硬件类型分类统计</span></div>
<div class="hr col-sm-12 hr-1"></div>
<!-- 按电子厂分类统计 -->
<div class="col-sm-6 infobox-container">
<c:forEach items="${list}" var="factory">
<div class="infobox infobox-green">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${factory.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${factory.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${factory.deviceNumber}个</span>
<div class="infobox-content">${factory.factoryName}</div>
</div>
</div>
</c:forEach>
</div>
<!-- 按硬件类型分类统计 -->
<div class="col-sm-6 infobox-container">
<c:forEach items="${list1}" var="hardware">
<div class="infobox infobox-green">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${hardware.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${hardware.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${hardware.deviceNumber}个</span>
<div class="infobox-content">${hardware.hardwareName}</div>
</div>
</div>
</c:forEach>
</div>
<div class="col-sm-12 infobox-container">
<div class="space-6"></div>
<div class="infobox infobox-green infobox-small infobox-dark">
<div class="infobox-icon">
<i class="icon-inbox"></i>
</div>
<div class="infobox-data">
<div class="infobox-content">${totalNumber}个</div>
<div class="infobox-content">设备数量</div>
</div>
</div>
<div class="infobox infobox-pink infobox-small infobox-dark">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${bindPrec}" data-size="39" style="height: 39px; width: 39px; line-height: 38px;">
<span class="percent">${bindPrec}%</span>
</div>
</div>
<div class="infobox-data">
<div class="infobox-content">${bindNumber}个</div>
<div class="infobox-content">绑定数量</div>
</div>
</div>
</div>
</c:if>
<c:if test="${result == 'result3'}">
<!-- 按设备类型分类统计 -->
<div class="col-sm-12 infobox-container">
<c:forEach items="${list}" var="hardware">
<div class="infobox infobox-blue">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${hardware.devicePrec}" data-size="46" style="height: 46px; width: 46px; line-height: 45px;">
<span class="percent">${hardware.devicePrec}%</span>
</div>
</div>
<div class="infobox-data">
<span class="infobox-text">${hardware.deviceNumber}个</span>
<div class="infobox-content">${hardware.hardwareName}</div>
</div>
</div>
</c:forEach>
<div class="space-6"></div>
<div class="infobox infobox-green infobox-small infobox-dark">
<div class="infobox-icon">
<i class="icon-inbox"></i>
</div>
<div class="infobox-data">
<div class="infobox-content">${totalNumber}个</div>
<div class="infobox-content">设备数量</div>
</div>
</div>
<div class="infobox infobox-pink infobox-small infobox-dark">
<div class="infobox-progress">
<div class="easy-pie-chart percentage" data-percent="${bindPrec}" data-size="39" style="height: 39px; width: 39px; line-height: 38px;">
<span class="percent">${bindPrec}%</span>
</div>
</div>
<div class="infobox-data">
<div class="infobox-content">${bindNumber}个</div>
<div class="infobox-content">绑定数量</div>
</div>
</div>
</div>
</c:if>
</div>
</div>
</div>
</div>
<!-- 设置工具 -->
<%@ include file="../htm/setting.jsp" %>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink