<apex:page standardController="Account" extensions="SampleInventorySectionController" showChat="false" showHeader="false" sidebar="false" action="{!init}" id="Page">
    <apex:stylesheet value="{!URLFOR($Resource.blockUIcss)}"/>
    <apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
    <apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/>
    <apex:stylesheet value="{!URLFOR($Resource.jquerysuggestcss)}"/>
    <apex:includeScript value="{!URLFOR($Resource.jquerysuggestjs)}"/>
    <apex:includeScript value="{!URLFOR($Resource.connection20)}"/>
    <apex:includeScript value="{!URLFOR($Resource.apex20)}"/>
    <style type="text/css">
        /*滚动框*/
        div#iframelike {
            
        }
        .pure-table {
            /* border-collapse: collapse; */
            /* border-spacing: 0; */
            empty-cells: show;
            border: 1px solid #cbcbcb;
            width: 100%;
        }
 
        .pure-table caption {
            color: #000;
            font: italic 85%/1 arial,sans-serif;
        /* padding: 1em 0;*/
            text-align: center;
        }
        
        .pure-table td,.pure-table th {
            border-left: 1px solid #cbcbcb;
            border-width: 0 0 0 1px;
            font-size: inherit;
            margin: 0;
            overflow: visible;
            padding: .5em 1em;
        }
        
        .pure-table thead {
            background-color: #c3bfbf;
            color: #000;
            text-align: center;
            vertical-align: bottom;
        }
        
        .pure-table td {
            background-color: transparent; 
        }

        .pure-table-horizontal th,.pure-table-horizontal td {
            border-width: 0 0 1px 0;
            border-bottom: 1px solid #cbcbcb;
        }

        .pure-table-horizontal tbody>tr:last-child>td {
            border-bottom-width: 0;
        }
    </style>
    <script type="text/javascript">
        function Wopen(){
            //上线到正是环境需要修改URL
            window.open('https://ocsm--stagefull.my.salesforce.com/00O1m000000ZJ0v?pv0={!accName}');
        }
    </script>
    <apex:form id="allForm">
        <apex:outputPanel id="allPanel">
            <div style="width:98%px; height:100%; margin:auto;">
            <input type="button" value="样本库存" style="margin-bottom: 5px;" onclick="Wopen()"></input>
            <table class="pure-table pure-table-horizontal" id="theTable_header" styleclass="list">
                    <!-- 统一设置列宽度 -->
                    <colgroup>
                        <col width="150px"/>
                        <col width="500px"/>
                        <col width="100px"/>
                        <col width="100px"/>
                        <col width="200px"/>
                        <col width="160px"/>
                    </colgroup>
                    <tr style="background-color:#f2f3f3;">
                        <th style="text-align:left">
                            资料编码
                        </th>
                        <th style="text-align:left">
                            资料名称
                        </th>
                        <th style="text-align:left">
                            规格
                        </th>
                        <th style="text-align:left">
                            单位
                        </th>
                        <th style="text-align:left">
                            有效期内库存
                        </th>
                        <th style="text-align:left">
                            过期库存
                        </th>
                    </tr>
                </table>
                <div id="iframelike" style="height: 130px; overflow:auto;">
                    <table class="pure-table pure-table-horizontal" id="theTable_header" styleclass="list">
                    <colgroup>
                        <col width="150px"/>
                        <col width="500px"/>
                        <col width="100px"/>
                        <col width="100px"/>
                        <col width="200px"/>
                        <col width="160px"/>
                    </colgroup>
                    <apex:repeat value="{!SIInfo}" var="SIfo" id="records">
                        <tr>
                            <td align="left">
                                <apex:outputText style="width:75px;" id="OTCode" value="{!SIfo.OTCode}"/>
                            </td>
                            <td align="left">
                                <apex:outputText style="width:75px;" id="Samplename" value="{!SIfo.ProductName}"/>
                            </td>
                            <td align="left">
                                <apex:outputText style="width:75px;" id="Specs" value="{!SIfo.ProductSpecs}"/>    
                            </td>
                            <td align="left">
                                <span id="Unit">个</span> 
                            </td> 
                            <td align="left">
                                <apex:outputText id="EffectiveInventory" value="{!SIfo.EffectiveInventory}"/>
                            </td>
                            <td align="left">
                                <apex:outputText id="ExpiredInventory" value="{!SIfo.ExpiredInventory}"/> 
                            </td>
                        </tr>
                    </apex:repeat>
                    </table>
                </div>
            </div>
        </apex:outputPanel>
    </apex:form>
</apex:page>