<div style="padding:5px 10px;">
    <table border="0" align="center" cellpadding="0" cellspacing="0" id="mian" style="border-bottom: none;">
        <tbody>
            <tr>
                <td style="width: 10px;"></td>
                <td style="padding: 0px;vertical-align: top;">
                    <div class="boxTitlenoneb bordergrag" style="border-bottom:none;">
                        <h2>
                            {{arapType==0?"应收款":"应付款"}}
                             <span class="rseachbox">
                                <select ms-duplex-text="arapCategory">
                                   <option value="contract">合同编号</option>
                                   <option value="arap">{{arapCategoryDisplay}}</option>
                                   <option value="customer">客户名称</option>
                                </select>
                                <input ms-duplex="arapKey" placeholder="输入关键字" type="text" style="margin-bottom: 3px; font-size: 9px; color: #989898;" />
                                <button class="inputbt" type="button" ms-click="searchArap(arapType,arapCategory,arapKey)">
                                </button>
                             </span>
                        </h2>
                    </div>
                    <div class="bordergrag" style="height: 250px; overflow-y:scroll;border-top:none;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                            <thead>
                                <tr class="head" style="background-color: rgb(250, 250, 250);">
                                   <td width="5%">选择</td>
                                   <td width="10%" align="center">编号</td>
                                   <td width="10%" align="center">计划日期</td>
                                   <td width="10%" align="center">合同编号</td>
                                   <td width="10%" align="center">款项批次</td>
                                   <td width="15%" align="center">客户名称</td>
                                   <td width="10%" align="center">金额</td>
                                   <td width="10%" align="center">已收金额</td>
                                   <td width="10%" align="center">未结金额</td>
                                   <td width="10%" align="center">备注</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ms-repeat-item="arapList" ms-class-1="selected:item.checked">
                                    <td align="center">
                                       <input type="checkbox" name="selectArap" ms-disabled="item.chkDisabled" ms-duplex-radio="item.checked"  />
                                    </td>
                                    <td align="center">{{item.SN}}</td>
                                    <td align="center">{{item.PlanDate|truncate(10,'')}}</td>
                                    <td align="center">{{item.Contract.ContractNum}}</td>
                                    <td align="center">{{item.Batch}}</td>
                                    <td align="center">{{item.CustomerName}}</td>
                                    <td align="right">{{item.Money|currency}}</td>
                                    <td align="right">{{item.SettleMoney}}</td>
                                    <td align="right">{{item.NotSettleMoney|currency}}</td>
                                    <td align="center">{{item.Remark}}</td>
                                </tr>
                            </tbody>
                            <tfoot>
                               <tr style="background: #F5F5F7;" ms-if="arapList.length==0">
                                  <td colspan="10">抱歉！暂无信息</td>
                               </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="boxTitlenoneb bordergrag" style="margin-top:2px;border-bottom:none;">
                        <h2>已选{{arapType==0?"应收款":"应付款"}}</h2>
                    </div>
                    <div class="bordergrag" style="height: 250px; overflow-y:scroll;border-top:none;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                            <thead>
                                <tr class="head" style="background-color: rgb(250, 250, 250);">
                                   <td width="5%">选择</td>
                                   <td width="10%" align="center">编号</td>
                                   <td width="10%" align="center">计划日期</td>
                                   <td width="10%" align="center">合同编号</td>
                                   <td width="10%" align="center">款项批次</td>
                                   <td width="15%" align="center">客户名称</td>
                                   <td width="10%" align="center">金额</td>
                                   <td width="10%" align="center">已收金额</td>
                                   <td width="10%" align="center">未结金额</td>
                                   <td width="10%" align="center">备注</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ms-repeat-item="selArapList">
                                    <td align="center">
                                       <input type="checkbox" ms-duplex-radio="item.checked" ms-disabled="item.chkDisabled" />
                                    </td>
                                    <td align="center">{{item.SN}}</td>
                                    <td align="center">{{item.PlanDate|truncate(10,'')}}</td>
                                    <td align="center">{{item.Contract.ContractNum}}</td>
                                    <td align="center">{{item.Batch}}</td>
                                    <td align="center">{{item.CustomerName}}</td>
                                    <td align="center">{{item.Money|currency}}</td>
                                    <td align="right">{{item.SettleMoney|currency}}</td>
                                    <td align="right">{{item.NotSettleMoney|currency}}</td>
                                    <td align="center">{{item.Remark}}</td>
                                </tr>
                            </tbody>
                            <tfoot>
                                 <tr style="background: #F5F5F7;" ms-if="selArapList.length==0">
                                    <td colspan="10">抱歉！暂无业务明细信息</td>
                                 </tr>
                            </tfoot>
                        </table>
                    </div>

                </td>
            </tr>
        </tbody>
    </table>
</div>
