<?xml version="1.0" encoding="UTF-8"?>
|
<!DOCTYPE html
|
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
xmlns:ui="http://java.sun.com/jsf/facelets"
|
xmlns:p="http://primefaces.org/ui"
|
xmlns:h="http://java.sun.com/jsf/html"
|
xmlns:f="http://java.sun.com/jsf/core"
|
xmlns:c="http://java.sun.com/jsp/jstl/core">
|
<ui:composition>
|
<h:form id="laboratoryStockMngForm">
|
<p:panel styleClass="center-header">
|
<p:outputLabel styleClass="title" value="试剂柜状态管理">
|
</p:outputLabel>
|
<p:panel styleClass="center-header">
|
<p:panelGrid styleClass="filter" columns="6">
|
<p:outputLabel value="场所名："></p:outputLabel>
|
<p:inputText value="#{containerStatusMngController.laboratoryName}"></p:inputText>
|
|
<p:outputLabel value="货柜名："></p:outputLabel>
|
<p:inputText value="#{containerStatusMngController.laboratoryContainerName}"></p:inputText>
|
|
<p:commandLink styleClass="search" process="@form" update="@form" actionListener="${containerStatusMngController.search()}"></p:commandLink>
|
</p:panelGrid>
|
</p:panel>
|
</p:panel>
|
<p:panel styleClass="center-body">
|
<p:panelGrid columns="2" styleClass="btn">
|
<p:commandButton value="查看" styleClass="view-btn" process="@form" update=":dialogForm" actionListener="#{containerStatusMngController.onViewBtnClick()}"/>
|
</p:panelGrid>
|
<p:dataTable id="datatable" styleClass="data-table"
|
paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom"
|
lazy="true" value="#{containerStatusMngController.dataModel}" var="row"
|
rowKey="#{row.id}" emptyMessage="无数据"
|
selection="#{containerStatusMngController.selectContainerList}" rows="10" pageLinks="5">
|
<p:ajax event="rowSelect"/>
|
<p:ajax event="rowSelectCheckbox"/>
|
<p:column selectionMode="multiple" style="width: 30px;text-align: center;" />
|
<p:column headerText="场所名">
|
<h:outputText value="#{row.laboratoryName}" rendered="#{!empty row.laboratoryName}"/>
|
</p:column>
|
|
<p:column headerText="货柜名">
|
<h:outputText value="#{row.laboratoryContainerName}" rendered="${!empty row.laboratoryContainerName}"/>
|
</p:column>
|
<p:column headerText="温度低报警" style="text-align: center;">
|
<p:graphicImage value="/resources/images/alarm.gif" rendered="#{row.lowTempAlert}" style="width: 33px;height: 33px;"/>
|
<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.lowTempAlert}" style="width: 33px;height: 33px;"/>
|
</p:column>
|
|
<p:column headerText="温度高报警" style="text-align: center;">
|
<p:graphicImage value="/resources/images/alarm.gif" rendered="#{row.highTempAlert}" style="width: 33px;height: 33px;"/>
|
<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.highTempAlert}" style="width: 33px;height: 33px;"/>
|
</p:column>
|
|
<p:column headerText="湿度低报警" style="text-align: center;">
|
<p:graphicImage value="/resources/images/alarm.gif" rendered="#{row.lowHumidityAlert}" style="width: 33px;height: 33px;"/>
|
<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.lowHumidityAlert}" style="width: 33px;height: 33px;"/>
|
</p:column>
|
|
<p:column headerText="湿度高报警" style="text-align: center;">
|
<p:graphicImage value="/resources/images/alarm.gif" rendered="#{row.highHumidityAlert}" style="width: 33px;height: 33px;"/>
|
<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.highHumidityAlert}" style="width: 33px;height: 33px;"/>
|
</p:column>
|
|
<p:column headerText="气体浓度报警" style="text-align: center;">
|
<p:graphicImage value="/resources/images/alarm.gif" rendered="#{row.voc1Alert}" style="width: 33px;height: 33px;"/>
|
<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.voc1Alert}" style="width: 33px;height: 33px;"/>
|
</p:column>
|
</p:dataTable>
|
|
</p:panel>
|
</h:form>
|
|
<p:dialog modal="true" header="查看" dynamic="true" appendTo="@(body)" id="dialog" widgetVar="dialog" resizable="false" width="1500">
|
<h:form id="dialogForm" styleClass="container-status-form" style="padding-bottom: 40px">
|
<p:panelGrid columns="16" styleClass="content2 grid-padding-bottom2">
|
<p:panel styleClass="center-header">
|
<p:selectOneMenu value="#{containerStatusMngController.periodType}">
|
<p:ajax event="change" listener="#{containerStatusMngController.onSelectPeriodType}" process="@form" update="@form"/>
|
<f:selectItems
|
value="#{containerStatusMngController.dateRangeList}"
|
var="item" itemLabel="#{item.name}" itemValue="#{item.value}"/>
|
</p:selectOneMenu>
|
</p:panel>
|
<p:outputLabel value="温度最大值：#{containerStatusMngController.temperatureMap.get('maxTemperature')}"/>
|
<p:outputLabel value="温度最小值：#{containerStatusMngController.temperatureMap.get('minTemperature')}"/>
|
<p:outputLabel value="湿度最大值：#{containerStatusMngController.humidityMap.get('maxHumidity')}"/>
|
<p:outputLabel value="湿度最小值：#{containerStatusMngController.humidityMap.get('minHumidity')}"/>
|
<p:outputLabel value="浓度最大值：#{containerStatusMngController.vocMap.get('maxVoc')}"/>
|
<p:outputLabel value="浓度最小值：#{containerStatusMngController.vocMap.get('minVoc')}"/>
|
|
</p:panelGrid>
|
<p:panel style="padding-left: 35px !important;">
|
<p:selectOneButton value="#{containerStatusMngController.lineType}">
|
<p:ajax event="change" listener="#{containerStatusMngController.onSelectLineType}" process="@form" update="@form"/>
|
<f:selectItem itemLabel="温度" itemValue="1" />
|
<f:selectItem itemLabel="湿度" itemValue="2" />
|
<f:selectItem itemLabel="浓度" itemValue="3" />
|
</p:selectOneButton>
|
</p:panel>
|
<p:panel id="chartPanel" rendered="#{containerStatusMngController.selectContainerList.size() > 0 and ((!empty containerStatusMngController.chartSensorsList) and containerStatusMngController.chartSensorsList.size()>0)}">
|
<p:chart type="line" model="#{containerStatusMngController.lineModel}" style="height:300px;width:98%"/>
|
</p:panel>
|
</h:form>
|
</p:dialog>
|
</ui:composition>
|
</html>
|
