| | |
| | | xmlns:c="http://java.sun.com/jsp/jstl/core"> |
| | | <head></head> |
| | | <ui:composition> |
| | | |
| | | <h:form id="reagentUseFlowInfoForm"> |
| | | <p:panel styleClass="center-header"> |
| | | <p:outputLabel styleClass="title" value="试剂流向追踪"></p:outputLabel> |
| | |
| | | </p:panel> |
| | | </p:panel> |
| | | |
| | | |
| | | <p:panel styleClass="center-body"> |
| | | <p:dialog id="apply-ui" header="领用单" widgetVar="printDialog" appendTo="@(body)" modal="true" resizable="false" |
| | | width="1000"> |
| | | <div id="printTarget"> |
| | | <div style=" margin: 10mm 10mm 0mm 2mm;"> |
| | | <h:form id="printDialog"> |
| | | |
| | | <p:outputPanel style="text-align: center;font-size: 14px;font-weight: 700;">#{opeUseFlowInfoController.printTable['head']}</p:outputPanel> |
| | | <p:outputPanel style="text-align: center;font-size: 15px;margin: 20px;font-weight: 700;">#{opeUseFlowInfoController.printTable['title']}</p:outputPanel> |
| | | <div> |
| | | <div style="display: flex;flex-direction: row;justify-content: flex-end;"> |
| | | <div style="width: 100px;">单据编号:</div> |
| | | <div style="width: 300px;">#{opeUseFlowInfoController.printTable['receiptNumber']}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin: 10px 0;"> |
| | | <div style="display: inline-flex;"> |
| | | <div style="width: 100px;margin-left: 10px;">部门:</div> |
| | | <div style="width: 300px;">#{opeUseFlowInfoController.printTable['department']}</div> |
| | | </div> |
| | | <div style="display: inline-flex;float: right;"> |
| | | <div style="width: 100px;">日期:</div> |
| | | <div style="width: 300px;padding-top: 1px;"> |
| | | <div>#{opeUseFlowInfoController.printTable['date']}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin-bottom: 20px;"> |
| | | <div style="display: inline-flex;"> |
| | | <div style="width: 100px;margin-left: 10px;">申购人:</div> |
| | | <div style="width: 300px;">#{opeUseFlowInfoController.printTable['applyPerson']}</div> |
| | | </div> |
| | | <div style="display: inline-flex;float: right;"> |
| | | <div style="width: 100px;">联系方式:</div> |
| | | <div style="width: 300px;"> |
| | | <div >#{opeUseFlowInfoController.printTable['phone']}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | |
| | | |
| | | <p:dataTable id="printTB" styleClass="apply-list" |
| | | value="#{opeUseFlowInfoController.printTable['applyList']}" var="row" > |
| | | <p:column headerText="产品编号" width="150px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.productCode}" /> |
| | | </p:column> |
| | | <p:column headerText="产品名称" width="150px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.productName}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="管制品" width="100px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.controlProducts}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="规格型号" width="160px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.reagentFormat}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="包装" width="90px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.mainMetering==null?'':row.mainMetering}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="数量" width="90px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.num}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="备注" width="170px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.memo}" /> |
| | | </p:column> |
| | | </p:dataTable> |
| | | |
| | | <div style="margin-top: 20px;"> |
| | | <div style="display: flex;flex-direction: row;justify-content: flex-end;"> |
| | | <div style="width: 100px">签收人:</div> |
| | | <div style="width: 300px"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin: 10px 0"> |
| | | <div style="display: flex;flex-direction: row;justify-content: flex-end;"> |
| | | <div style="width: 100px">日期:</div> |
| | | <div style="width: 300px"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | <p:panel styleClass="btn no-print"> |
| | | <div class="div-btn cancel" id="cancel">关闭</div> |
| | | <div class="div-btn print" id="print">打印</div> |
| | | </p:panel> |
| | | </h:form> |
| | | </div> |
| | | </div> |
| | | <script type="text/javascript" src="resources/js/print.js"/> |
| | | <script type="text/javascript"> |
| | | $(function () { |
| | | $("#print").on("click", function () { |
| | | jQuery.print('#printTarget'); |
| | | }); |
| | | $("#cancel").on("click", function () { |
| | | $("#reagentUseFlowInfoForm\\:apply-ui a").click(); |
| | | }) |
| | | }) |
| | | |
| | | |
| | | </script> |
| | | </p:dialog> |
| | | |
| | | <p:panelGrid columns="1" styleClass="btn"> |
| | | <p:commandButton value="报废" styleClass="del-btn" ajax="false" actionListener="#{opeUseFlowInfoController.scrapReagent}" /> |
| | | </p:panelGrid> |
| | | <p:dataTable id="reagentUseFlowInfoDataTable" styleClass="data-table" |
| | | paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom" |
| | | lazy="true" value="#{opeUseFlowInfoController.dataModel}" var="row" |
| | | selectionMode="single" |
| | | selection="#{opeUseFlowInfoController.selectedOne}" |
| | | rowKey="#{row.id}" emptyMessage="无数据" rows="20" pageLinks="5"> |
| | | <p:column headerText="试剂条形码"> |
| | | <h:outputText value="#{row.reagentCode}"></h:outputText> |
| | |
| | | <!-- </p:column>--> |
| | | |
| | | </p:dataTable> |
| | | |
| | | </p:panel> |
| | | </h:form> |
| | | <p:dialog id="apply-ui" header="领用单" widgetVar="printDialog" appendTo="@(body)" modal="true" resizable="false" |
| | | width="1000"> |
| | | <div id="printTarget"> |
| | | <div style=" margin: 10mm 10mm 0mm 2mm;"> |
| | | <h:form id="printDialog"> |
| | | |
| | | <p:outputPanel style="text-align: center;font-size: 14px;font-weight: 700;">#{opeUseFlowInfoController.printTable['head']}</p:outputPanel> |
| | | <p:outputPanel style="text-align: center;font-size: 15px;margin: 20px;font-weight: 700;">#{opeUseFlowInfoController.printTable['title']}</p:outputPanel> |
| | | <div> |
| | | <div style="display: flex;flex-direction: row;justify-content: flex-end;"> |
| | | <div style="width: 100px;">单据编号:</div> |
| | | <div style="width: 300px;">#{opeUseFlowInfoController.printTable['receiptNumber']}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin: 10px 0;"> |
| | | <div style="display: inline-flex;"> |
| | | <div style="width: 100px;margin-left: 10px;">部门:</div> |
| | | <div style="width: 300px;">#{opeUseFlowInfoController.printTable['department']}</div> |
| | | </div> |
| | | <div style="display: inline-flex;float: right;"> |
| | | <div style="width: 100px;">日期:</div> |
| | | <div style="width: 300px;padding-top: 1px;"> |
| | | <div>#{opeUseFlowInfoController.printTable['date']}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin-bottom: 20px;"> |
| | | <div style="display: inline-flex;"> |
| | | <div style="width: 100px;margin-left: 10px;">申购人:</div> |
| | | <div style="width: 300px;">#{opeUseFlowInfoController.printTable['applyPerson']}</div> |
| | | </div> |
| | | <div style="display: inline-flex;float: right;"> |
| | | <div style="width: 100px;">联系方式:</div> |
| | | <div style="width: 300px;"> |
| | | <div >#{opeUseFlowInfoController.printTable['phone']}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | |
| | | |
| | | <p:dataTable id="printTB" styleClass="apply-list" |
| | | value="#{opeUseFlowInfoController.printTable['applyList']}" var="row" > |
| | | <p:column headerText="产品编号" width="150px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.productCode}" /> |
| | | </p:column> |
| | | <p:column headerText="产品名称" width="150px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.productName}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="管制品" width="100px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.controlProducts}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="规格型号" width="160px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.reagentFormat}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="包装" width="90px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.mainMetering==null?'':row.mainMetering}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="数量" width="90px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.num}" /> |
| | | </p:column> |
| | | |
| | | <p:column headerText="备注" width="170px;" style="text-align: center;"> |
| | | <h:outputText value="#{row.memo}" /> |
| | | </p:column> |
| | | </p:dataTable> |
| | | |
| | | <div style="margin-top: 20px;"> |
| | | <div style="display: flex;flex-direction: row;justify-content: flex-end;"> |
| | | <div style="width: 100px">签收人:</div> |
| | | <div style="width: 300px"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin: 10px 0"> |
| | | <div style="display: flex;flex-direction: row;justify-content: flex-end;"> |
| | | <div style="width: 100px">日期:</div> |
| | | <div style="width: 300px"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | <p:panel styleClass="btn no-print"> |
| | | <div class="div-btn cancel" id="cancel">关闭</div> |
| | | <div class="div-btn print" id="print">打印</div> |
| | | </p:panel> |
| | | </h:form> |
| | | </div> |
| | | </div> |
| | | <script type="text/javascript" src="resources/js/print.js"/> |
| | | <script type="text/javascript"> |
| | | $(function () { |
| | | $("#print").on("click", function () { |
| | | jQuery.print('#printTarget'); |
| | | }); |
| | | $("#cancel").on("click", function () { |
| | | $("#reagentUseFlowInfoForm\\:apply-ui a").click(); |
| | | }) |
| | | }) |
| | | |
| | | |
| | | </script> |
| | | </p:dialog> |
| | | </ui:composition> |
| | | </html> |