<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:cc="http://java.sun.com/
jsf/composite"
xmlns:h="http://java.sun.com/
jsf/html" xmlns:f="http://java.sun.com/
jsf/core" xmlns:p="http://primefaces.org/ui">
<h:head>
<title>进度查询</title>
</h:head>
<style>
/* 适配手机端 reflow 表格 */
@media screen and (max-width: 767px) {
.ui-
datatable-reflow .ui-
datatable-
tablewrapper {
overflow-x: auto;
}
.ui-
datatable-reflow .ui-
datatable-data > tr > td {
display: block;
text-align: left;
border: none;
padding: 0.5em 0;
}
.ui-
datatable-reflow .ui-
datatable-data > tr > td::before {
content: attr(data-label);
font-weight: bold;
display: inline-block;
width: 40%;
padding-right: 10px;
}
}
</style>
<h:body>
<h:form id="form1">
<p:inputText style="width:100%;margin:0;padding:10px;" value="#{progressQueryBean.content}"
placeholder="请扫描数据" id="content">
<f:ajax event="keyup" listener="#{progressQueryBean.handleInput}" />
</p:inputText>
<p:outputPanel id="headerProgress" >
<h:outputText id = "oldContent" reflow="true" style="font-size:15px;max-width:100%" value="#{progressQueryBean.oldContent}"/>
<p:
dataTable var="orderPlanProgress" styleClass="headerProgress1" id="planDlg00Progress" value="#{progressQueryBean.orderPlanList}" rows="20" reflow="true"
paginatorPosition="bottom" resizableColumns="true"
rowHover="true" rowIndexVar="rowvar" widgetVar="planDlg00Progress" paginator="true" lazy="true"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
rowsPerPageTemplate="5,10,15,20,50">
<p:column headerText="下载时间" style="text-align:center;width:80px" width="5%">
<h:outputText value="#{orderPlanProgress.downloadTime}">
<f:convertDateTime pattern="MM/dd HH:mm" timeZone="GMT+8"/>
</h:outputText>
</p:column>
<p:column headerText="机床号" style="text-align:left;width:100px" width="5%">
<h:outputText value="#{orderPlanProgress.machineNo}"/>
</p:column>
<p:column headerText="认领人" style="text-align:center;width:50px" width="5%">
<h:outputText value="#{orderPlanProgress.empNo}-#{orderPlanProgress.downEmpName}"/>
</p:column>
<p:column headerText="有效工序" style="text-align:left;width:70px" width="10%">
<h:outputText value="#{orderPlanProgress.workingStep}"/>
</p:column>
<p:column headerText="厂房" style="text-align:left;width:150px" width="5%">
<h:outputText value="#{orderPlanProgress.factoryName}"/>
</p:column>
<p:column headerText="备注" style="text-align:left;width:150px">
</p:column>
</p:
dataTable>
</p:outputPanel>
</h:form>
</h:body>
</html> 请修改自适应手机端
扫一扫
691
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
