<div ms-controller="Index" style="width:98%;margin:0 auto">
    <table style="width:100%" border="0" cellpadding="0" cellspacing="0" id="nobgmian">
        <tbody>
            <tr>
                <td width="215" id="assets" valign="top">
                    <div class="boxTitlenoneb">
                        <div class="cw_menu">
                            <div class="title">
                                <a  href="#/FinancialAffairs/Settings/3/list">
                                <img src="/Content/Themes/Base/images/set.jpg" alt="管理资产账户分类" title="管理资产账户分类" data-width="300" data-treeheight="350">
                                </a>资产帐户
                            </div>
                            <span class="cw_money cw_zzc">总资产：<font style="font-size:14px; font-family:Georgia; padding-right:4px; color:green;">{{account.total|bigNumber}}</font></span> 
                            <span class="cw_money cw_zfz">总负债：<font style="font-size:14px; font-family:Georgia; padding-right:4px; color:red;">{{account.betray|bigNumber}}</font></span> 
                            <span class="cw_money cw_jzc">净资产：<font style="font-size:14px; font-family:Georgia; padding-right:4px; color:green;">{{account.ramain|bigNumber}}</font></span>
                            <ul class="cw_menu_ul" ms-each-item="accountList">
                                <li ms-class-current="!item.open" ms-click="item.change" ms-attr-index="$index">
                                    <a href="javascript:void(0)">{{item.title}}</a>
                                    <ul ms-if="item.open" ms-each-child="item.items">
                                        <li><a>{{child.AccountName}}<span>{{child.Balance|bigNumber}}</span></a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
                <td valign="top" width="20px">&nbsp;</td>
                <td valign="top">
                    <div style="width:98%;border:1px solid #ccc; padding:10px; background:#fff;">
                        <h2 class="grid_title">收支表</h2>
                        <table border="0" cellpadding="0" cellspacing="0" class="total_grid">
                            <thead>
                                <tr>
                                    <th style="width: 15%;">类型</th>
                                    <th>今日</th>
                                    <th>本月</th>
                                    <th>今年</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><img src="/Content/Themes/Base/images/ico/Plus.jpg" style="margin:8px 4px 0 0">收入</td>
                                    <td class="income">{{top.todayin|currency(' ')}}</td>
                                    <td class="income">{{top.monthin|currency(' ')}}</td>
                                    <td class="income">{{top.yearin|currency(' ')}}</td>
                                </tr>
                                <tr>
                                    <td><img src="/Content/Themes/Base/images/ico/Minus.jpg" style="margin:8px 4px 0 0">支出</td>
                                    <td class="expenses">{{top.todayout|currency(' ')}}</td>
                                    <td class="expenses">{{top.monthout|currency(' ')}}</td>
                                    <td class="expenses">{{top.yearout|currency(' ')}}</td>
                                </tr>
                            </tbody>
                        </table>

                        <table border="0" cellpadding="0" cellspacing="0" class="total_panel" style="width:100%;margin-top:20px;">
                            <tr>
                                <td style="border:1px solid #ccc;">
                                    <div id="linechart" style="width:100%;height:260px;margin-bottom:10px;"></div>
                                </td>
                            </tr>
                        </table>

                        <table border="0" cellpadding="0" cellspacing="0" class="total_panel" style="width:100%;margin-top:20px;">
                            <tr>
                                <td style="width:50%;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;">
                                    <div id="comechart" style="width:100%;height:100%;"></div>
                                </td>
                                <td style="width:50%;border:1px solid #ccc;">
                                    <div id="paychart" style="width:100%;height:100%;"></div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
