<!-- include 'header' -->
<link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/fixedheadertable.css">
<script src="<?= WEB_SITE_GLOBAL ?>js/receipt.js"></script>
<script src="<?= WEB_SITE_GLOBAL ?>js/jquery.fixedheadertable.js"></script>
<body>
<div class="mainLayout">
    <div class="mainMenu">
        <div class="menuItem">
            <a href="#" class="mLogo">CLD</a>
            <ul>
                <!-- include 'menuReceipt' -->
            </ul>
        </div>
    </div>
    <div class="warpContent">
        <div class="subMenu fL">
            <div class="menuItem">
                <ul>
                    <!-- include 'receipt_menu' -->
                </ul>
            </div>
        </div>
        <div class="adminContent autoHeight" style="height: 821px;">
            <legend>
                <div class="fL"></div>
                员工每月报销单费用详情
            </legend>
            <div class="demandCate">
                <form action="/companyMonthCollectDetail" id="up" method="post">
                    <ul class="cateList">
                        <li><a class="now" href="/companyCategoryCollect">按办事处</a><a href="/staffCollect">按员工</a></li>
                        <li><select name="year" id="Y" onchange="receiptYear();">
                            <!-- include 'year' -->
                        </select>
                            <select name="month" id="M" onchange="receiptYear();">
                                {{monthHtml}}
                            </select></li>
                        <li><b>{{month}}月</b>报销总计：￥{{stList.rePrice}}</li>
                        <li><b>{{month}}月</b>同意支付：<span class="colGreen">￥{{stList.agPrice}}</span></li>
                        <li><b>{{month}}月</b>审批中：￥{{stList.skPrice}}</li>
                    </ul>
                </form>
            </div>
            <div class="saeaList">
                <div class="entry autoHeightI2">
                    <script type="text/javascript">$(document).ready(function () {
                        $('#saeaTable').fixedHeaderTable({fixedColumns: 2});
                    });</script>
                    <table class="table table-bordered table-condensed table-hover fancyTable" id="saeaTable">
                        <thead>
                        <tr>
                            <th class="taC" rowspan="3">员工/费用项</th>
                            <th class="taC" rowspan="3">{{year}}年{{month}}月费用合计</th>

                            <th class="taC" colspan="{{countArray(aiList.日常相关费用,1)}}">日常相关费用</th>
                            <th class="taC" colspan="{{countArray(aiList.差旅相关费用,1)}}">差旅相关费用</th>
                            <th class="taC" colspan="{{countArray(aiList.内部培训费用,1)}}">内部培训费用</th>
                            <th class="taC" colspan="{{countArray(aiList.培训班费用,1)}}">培训班费用</th>
                            <th class="taC" colspan="{{countArray(aiList.其他,1)}}">其他</th>
                            <th class="taC" rowspan="2">报销金额调整</th>
                        </tr>

                        <tr>
                            <th class="taC">合计</th>
                            <!-- loop aiList.日常相关费用 -->
                            <th class="taC">{{aiList' value.name}}</th>
                            <!-- endloop -->


                            <th class="taC">合计</th>
                            <!-- loop aiList.差旅相关费用 -->
                            <th class="taC">{{aiList' value.name}}</th>
                            <!-- endloop -->

                            <!-- //内部培训 -->
                            <th class="taC">合计</th>
                            <!-- loop aiList.内部培训费用 -->
                            <th class="taC">{{aiList' value.name}}</th>
                            <!-- endloop -->

                            <th class="taC">合计</th>
                            <!-- loop aiList.培训班费用 -->
                            <th class="taC">{{aiList' value.name}}</th>
                            <!-- endloop -->

                            <th class="taC">合计</th>
                            <!-- loop aiList.其他 -->
                            <th class="taC">{{aiList' value.name}}</th>
                            <!-- endloop -->

                        </tr>

                        <tr class="warning">
                            <!-- loop monthPriceHtml -->
                            {{monthPriceHtml' value}}
                            <!-- endloop -->

                        </tr>
                        </thead>
                        <tbody>

                        <!-- loop list -->
                        <tr>
                            <th>{{list' key}}</th>


                            <!-- loop list' value -->
                            <!-- if {{list' value' key}}=='monthStaffPrice' -->
                            {{list' value' value}}
                            <!-- endif -->
                            <!-- endloop -->

                            <!-- loop list' value -->
                            <!-- if {{list' value' key}}=='日常相关费用' -->
                            {{list' value' value}}
                            <!-- endif -->
                            <!-- endloop -->

                            <!-- loop list' value -->
                            <!-- if {{list' value' key}}=='差旅相关费用' -->
                            {{list' value' value}}
                            <!-- endif -->
                            <!-- endloop -->

                            <!-- loop list' value -->
                            <!-- if {{list' value' key}}=='内部培训费用' -->
                            {{list' value' value}}
                            <!-- endif -->
                            <!-- endloop -->

                            <!-- loop list' value -->
                            <!-- if {{list' value' key}}=='培训班费用' -->
                            {{list' value' value}}
                            <!-- endif -->
                            <!-- endloop -->

                            <!-- loop list' value -->
                            <!-- if {{list' value' key}}=='其他' -->
                            {{list' value' value}}
                            <!-- endif -->
                            <!-- endloop -->

                            <!-- loop list' value -->
                            <!-- if {{list' value' key}}=='报销金额调整' -->
                            {{list' value' value}}
                            <!-- endif -->
                            <!-- endloop -->

                        </tr>
                        <!-- endloop -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">autoFlashHeight();</script>
</body>