<apex:page standardController="Rental_Apply__c" showHeader="false" sidebar="false">
    <apex:form >
        <apex:outputPanel >
            <apex:pageBlock title="备品借出申请">
                <apex:pageBlockButtons >
                        <input type="button" value="保存/延期"/>
                        <input type="button" value="取消" />
                </apex:pageBlockButtons>
            
                <table style="border-collapse: collapse;table-layout:fixed;">
                    <colgroup>
                        <col width="100" />
                        <col width="200" />
                        <col width="30" />
                        <col width="60" />
                        <col width="200" />
                    </colgroup>
                    <tr>
                        <th style="text-align: right;">科室：</th>
                        <td style="text-align: left;">&nbsp;TEST BJ 医院 消化科 内镜中心&nbsp;</td>
                        <td>&nbsp;</td>
                        <th style="text-align: right;">学会：</th>
                        <td style="text-align: left;">&nbsp;</td>
                    </tr>
                    <tr>
                        <th style="text-align: right;">科室负责人：</th>
                        <td style="text-align: left;">&nbsp;</td>
                        <td>&nbsp;</td>
                        <th style="text-align: right;">修理：</th>
                        <td style="text-align: left;">&nbsp;</td>
                    </tr>
                </table>
                
                <apex:pageBlock >
                    <table>
                        <tr>
                            <td align="right">出荷希望日</td>
                            <td><input type="text" value="2012/08/20" style="width:100px"/></td>
                            <td align="right">返却予定日</td>
                            <td><input type="text" value="2012/08/31" style="width:100px"/></td>
                        </tr>
                        <tr>
                            <td><input type="button" value="选择/刷新"/></td>
                        </tr>
                    </table>
                </apex:pageBlock>
                
                <b>已选择备品set</b>
                <br /><br />
                
                <table border="1" style="border-collapse: collapse;table-layout:fixed;">
                    <colgroup>
                        <col width="25" />
                        <col width="200" />
                        <col width="100" />
                        <col width="100" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                        <col width="25" />
                    </colgroup>
                    <tr style="background-color:#DCDCDC;">
                        <td rowspan="2"><input type="checkbox" /></td>
                        <td rowspan="2" align="center"><font style="text-decoration:underline">备品管理No./型号</font> ↑</td>
                        <td rowspan="2" align="center" style="text-decoration:underline">备品用途</td>
                        <td rowspan="2" align="center" style="text-decoration:underline">备品状态</td>
                        <td align="center" style="background-color:#99BBFF;">18</td>
                        <td align="center" style="background-color:#FFA488;">19</td>
                        <td align="center">20</td>
                        <td align="center">21</td>
                        <td align="center">22</td>
                        <td align="center">23</td>
                        <td align="center">24</td>
                        <td align="center" style="background-color:#99BBFF;">25</td>
                        <td align="center" style="background-color:#FFA488;">26</td>
                        <td align="center">27</td>
                        <td align="center">28</td>
                        <td align="center">29</td>
                        <td align="center">30</td>
                        <td align="center">31</td>
                        <td align="center" style="background-color:#99BBFF;">1</td>
                        <td align="center" style="background-color:#FFA488;">2</td>
                        <td align="center">3</td>
                        <td align="center">4</td>
                        <td align="center">5</td>
                        <td align="center">6</td>
                        <td align="center">7</td>
                        <td align="center" style="background-color:#99BBFF;">8</td>
                        <td align="center" style="background-color:#FFA488;">9</td>
                        <td align="center">10</td>
                        <td align="center">11</td>
                        <td align="center">12</td>
                        <td align="center">13</td>
                        <td align="center">14</td>
                        <td align="center" style="background-color:#99BBFF;">15</td>
                        <td align="center" style="background-color:#FFA488;">16</td>
                        <td align="center">17</td>
                    </tr>
                    <tr style="background-color:#DCDCDC;">
                        <td align="center" style="background-color:#99BBFF;">土</td>
                        <td align="center" style="background-color:#FFA488;">日</td>
                        <td align="center">月</td>
                        <td align="center">火</td>
                        <td align="center">水</td>
                        <td align="center">木</td>
                        <td align="center">金</td>
                        <td align="center" style="background-color:#99BBFF;">土</td>
                        <td align="center" style="background-color:#FFA488;">日</td>
                        <td align="center">月</td>
                        <td align="center">火</td>
                        <td align="center">水</td>
                        <td align="center">木</td>
                        <td align="center">金</td>
                        <td align="center" style="background-color:#99BBFF;">土</td>
                        <td align="center" style="background-color:#FFA488;">日</td>
                        <td align="center">月</td>
                        <td align="center">火</td>
                        <td align="center">水</td>
                        <td align="center">木</td>
                        <td align="center">金</td>
                        <td align="center" style="background-color:#99BBFF;">土</td>
                        <td align="center" style="background-color:#FFA488;">日</td>
                        <td align="center">月</td>
                        <td align="center">火</td>
                        <td align="center">水</td>
                        <td align="center">木</td>
                        <td align="center">金</td>
                        <td align="center" style="background-color:#99BBFF;">土</td>
                        <td align="center" style="background-color:#FFA488;">日</td>
                        <td align="center">月</td>
                    </tr>
                    <tr height="22">
                        <td><input type="checkbox" checked="checked" /></td>
                        <td>T51-8664-00 / CF-H260AZI</td>
                        <td>展示·研究</td>
                        <td>可以借出</td>
                        <td colspan="4" style="background-color:#FFEE99;">&nbsp;</td>
                        <td colspan="27" style="background-color:#CCFF99;"><input type="checkbox"/>27营业日</td>
                    </tr>
                    <tr height="22">
                        <td><input type="checkbox" checked="checked" /></td>
                        <td>T51-8666-00 / CF-H260AZI</td>
                        <td>展示·研究</td>
                        <td>可以借出</td>
                        <td colspan="4" style="background-color:#FFEE99;">&nbsp;</td>
                        <td colspan="27" style="background-color:#CCFF99;"><input type="checkbox" checked="checked"/>27营业日</td>
                    </tr>
                    <tr height="22">
                        <td><input type="checkbox" checked="checked" /></td>
                        <td>T51-7096-00 / CF-H260AZI</td>
                        <td>展示·研究</td>
                        <td>借出中</td>
                        <td colspan="31" style="background-color:#CCDDFF;">&nbsp;</td>
                    </tr>
                    <tr height="22">
                        <td><input type="checkbox" checked="checked" /></td>
                        <td>T51-7041-00 / CF-H260AZI</td>
                        <td>展示·研究</td>
                        <td>借出中</td>
                        <td colspan="31" style="background-color:#CCDDFF;">&nbsp;</td>
                    </tr>
                    <tr height="22">
                        <td><input type="checkbox" checked="checked" /></td>
                        <td>T51-7634-00 / CF-H260AZI</td>
                        <td>展示·研究</td>
                        <td>可以借出</td>
                        <td colspan="4" style="background-color:#FFEE99;">&nbsp;</td>
                        <td colspan="27" style="background-color:#CCFF99;"><input type="checkbox"/>27营业日</td>
                    </tr>
                </table>
                
            </apex:pageBlock>
        </apex:outputPanel>
    </apex:form>
</apex:page>