221 lines
10 KiB
Plaintext
221 lines
10 KiB
Plaintext
<%--
|
|
Document : list
|
|
Created on : 2017-8-9, 15:09:15
|
|
Author : Administrator
|
|
--%>
|
|
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<%@page contentType="text/html" pageEncoding="UTF-8"%>
|
|
<!DOCTYPE html>
|
|
<div style="margin-left: 100px;">
|
|
<form id="querylist" action="querylist" method="get" style="float:left">
|
|
<label>分配日期：</label>
|
|
<input type="text" id="createTimeBefore" name="createTimeBefore" class="input-medium searchClass" maxlength="20">~~<input type="text" id="createTimeAfter" name="createTimeAfter" class="input-medium searchClass" maxlength="20">
|
|
<label>电子厂：</label>
|
|
<select id="factoryCode" name="factoryCode" class="input-medium searchClass">
|
|
<option value="">请选择</option>
|
|
<c:forEach var="item" items="${factorylist}">
|
|
<option value="${item.factoryCode}">${item.factoryName}</option>
|
|
</c:forEach>
|
|
</select>
|
|
<label>鱼缸厂：</label>
|
|
<select id="brandCode" name="brandCode" class="input-medium searchClass">
|
|
<option value="">请选择</option>
|
|
<c:forEach var="item" items="${venderlist}">
|
|
<option value="${item.brandCode}">${item.brandName}</option>
|
|
</c:forEach>
|
|
</select>
|
|
<label>授权状态：</label>
|
|
<select id="isblacklist" name="isblacklist" class="input-medium searchClass">
|
|
<option value="">请选择</option>
|
|
<option value="1">已授权</option>
|
|
<option value="0">未授权</option>
|
|
</select>
|
|
</form>
|
|
<div style="margin-left:1000px;margin-top: -20px">
|
|
<button type="button" class="btn btn-sm btn-info" onclick="select();"><i class="fa-search"></i> 查询</button>
|
|
<button id="reset" type="reset" class="btn btn-sm btn-info" onclick="refreshTable()" style="margin-right:20px;"><i class="fa-undo"></i> 重置</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div style="width: 1641px;float: left">
|
|
<c:if test="${map.factory != null && fn:length(map.factory) > 0}">
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<!-- col-lg-3 start here -->
|
|
<div style="float: left;align-content: center">
|
|
<h1 style='margin-left: 100px'>按电子厂统计</h1>
|
|
|
|
<c:forEach var="item" items="${map.factory}">
|
|
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12" style="width:186px;float: left">
|
|
<div class="sidebar-panel" style="border:1px dashed #000;width: 185px;height: 76px;float: left">
|
|
<div class="sidebar-panel-content" >
|
|
<div class="pie-chart3 easyPieChart" data-percent="${item.factorybindPrice}" style="float: left">
|
|
<span class="percent">${item.factorybindPrice}%</span>
|
|
</div>
|
|
<div style="margin-left:75px;margin-top: 11px;">
|
|
<div>
|
|
<span class="txt" style="color:#9abc32">${item.deviceNumber}个</span>
|
|
</div>
|
|
<div>
|
|
<c:choose>
|
|
<c:when test="${item.factoryName==null}">
|
|
<span class="txt">未知</span>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<span class="txt">${item.factoryName}</span>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:forEach>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</c:if>
|
|
|
|
<c:if test="${map.vender != null && fn:length(map.vender) > 0}">
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<!-- col-lg-3 start here -->
|
|
<div style="float: left;align-content: center">
|
|
<h1 style='margin-left: 100px'>按鱼缸厂统计</h1>
|
|
<c:forEach var="item" items="${map.vender}">
|
|
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12" style="width:186px;float: left">
|
|
<div class="sidebar-panel" style="border:1px dashed #000;width: 185px;height: 76px;float: left">
|
|
<div class="sidebar-panel-content" >
|
|
<div class="pie-chart3 easyPieChart" data-percent="${item.venderbindPrice}" style="float: left">
|
|
<span class="percent">${item.venderbindPrice}%</span>
|
|
</div>
|
|
<div style="margin-left:75px;margin-top: 11px;">
|
|
<div>
|
|
<span class="txt" style="color:#9abc32">${item.deviceNumber}个</span>
|
|
</div>
|
|
<div>
|
|
<c:choose>
|
|
<c:when test="${item.brandName==null}">
|
|
<span class="txt">未知</span>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<span class="txt">${item.brandName}</span>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
</c:if>
|
|
|
|
|
|
<c:if test="${map.hard != null && fn:length(map.hard) > 0}">
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<!-- col-lg-3 start here -->
|
|
<div style="float: left;align-content: center">
|
|
<h1 style='margin-left: 100px'>按设备类型统计</h1>
|
|
<c:forEach var="item" items="${map.hard}">
|
|
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12" style="width:186px;float: left">
|
|
<div class="sidebar-panel" style="border:1px dashed #000;width: 185px;height: 76px;float: left">
|
|
<div class="sidebar-panel-content" >
|
|
<div class="pie-chart3 easyPieChart" data-percent="${item.hardbindPrice}" style="float: left">
|
|
<span class="percent">${item.hardbindPrice}%</span>
|
|
</div>
|
|
<div style="margin-left:75px;margin-top: 11px;">
|
|
<div>
|
|
<span class="txt" style="color:#9abc32">${item.deviceNumber}个</span>
|
|
</div>
|
|
<div>
|
|
<c:choose>
|
|
<c:when test="${item.hardwareName==null}">
|
|
<span class="txt">未知</span>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<span class="txt">${item.hardwareName}</span>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
</c:if>
|
|
|
|
</div>
|
|
<div style="margin-left:420px;margin-top: 100px;width: 1641px;float: left">
|
|
<!-- col-lg-3 start here -->
|
|
<div style="width:300px;height: 100px;float: left">
|
|
<div class="tile lime">
|
|
<!-- tile start here -->
|
|
<div class="tile-icon">
|
|
<i class="ec-archive s64"></i>
|
|
</div>
|
|
<div class="tile-content">
|
|
<div class="number countTo" data-from="0" data-to="${map.deviceCount}">${map.deviceCount}</div>
|
|
<h3>设备数量</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="width:300px;height: 100px;float: left;margin-left: 10px">
|
|
<!-- col-lg-3 start here -->
|
|
<div class="tile purple">
|
|
<!-- tile start here -->
|
|
<div class="pie-chart3 easyPieChart" data-percent="${map.bindPrice}" style="margin-top:20px;float: left;margin-left: 13px">
|
|
<span class="percent">${map.bindPrice}%</span>
|
|
</div>
|
|
<div class="tile-content" style="text-align:right">
|
|
<div class="number countTo" data-from="0" data-to="${map.bindNumber}">${map.bindNumber}</div>
|
|
<h3>绑定数量</h3>
|
|
</div>
|
|
</div>
|
|
<!-- tile end here -->
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
function select() {
|
|
$('#querylist').submit();
|
|
}
|
|
|
|
function refreshTable() {
|
|
$('#createTimeBefore').val('');
|
|
$('#createTimeAfter').val('');
|
|
$('#factoryCode').val('');
|
|
$('#brandCode').val('');
|
|
$('#isblacklist').val('');
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
$('.pie-chart3').easyPieChart({
|
|
barColor: '#9abc32',
|
|
scaleColor: false,
|
|
lineCap: 'butt',
|
|
lineWidth: 10,
|
|
animate: 500,
|
|
size: 60
|
|
});
|
|
|
|
//日期控件
|
|
$('#createTimeBefore,#createTimeAfter').datepicker({
|
|
format: "yyyy-mm-dd"
|
|
});
|
|
|
|
$('#createTimeBefore').val('${createTimeBefore}');
|
|
$('#createTimeAfter').val('${createTimeAfter}');
|
|
$('#factoryCode').val('${factoryCode}');
|
|
$('#brandCode').val('${brandCode}');
|
|
$('#isblacklist').val('${isblacklist}');
|
|
});
|
|
|
|
</script> |