初始化
This commit is contained in:
@@ -0,0 +1,342 @@
|
||||
<%@ 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'/>
|
||||
电子厂:<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>
|
||||
鱼缸厂:<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>
|
||||
授权状态:<select id="selectField2" name="selectField2" class="input-medium">
|
||||
<option value="">请选择</option>
|
||||
<option value="0">已授权</option>
|
||||
<option value="1">未授权</option>
|
||||
</select>
|
||||
<!-- 授权时间:<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'/> -->
|
||||
<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
Block a user