<div ms-controller="IndexController" class="telesa_warp">
    <!--顶部-->
    <div class="telesa_top">
        <div id="shortcutbox" style="border:none;">
            <div id="shortcut">
                <a href="javascript:void(0);" ms-live-click="menuOpen" class="t_eidtcount" title="自定义快捷菜单"></a>
                <ul id="shortcutul" class="defaultMenu">
                    <li ms-repeat-item="qmenuShow" style="margin-bottom:10px;">
                        <i><a ms-href="item.url" ms-title="item.name"><img ms-src="'/Content/Themes/Base/images/desktop/'+item.icon" /></a></i>
                           <a ms-href="item.url" ms-title="item.name">{{item.name}}</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
    <!--统计-->
    <div class="telesa_count">
        <ul>
            <li ms-repeat-item="mycount" ms-class-mylast="$index==(mycount.length-1)">
                <p class="t_title">{{item.title}}
                    <span ms-class-pgreen="item.isup==1"  ms-class-pred="item.isup==2" ms-class-pnol="item.isup==0" 
                        ms-html="item.compare + '%'" ms-title="'上月：'+item.back+'，环比'+ avalon.filters.chainChange(item.compare) +'：'+item.compare+'%'">0%</span>
                </p>
                <p class="t_value">
                    <span class="tBlue"  style="float:left;">{{item.count|bigNumber}}</span>
                </p>
            </li>
        </ul>
        <a href="javascript:void(0);" class="t_eidtcount" title="自定义统计" ms-click="openCount"></a>
        <div style="clear:both;"></div>
    </div>

    <!--图表-->
    <div class="telesa_chart">
        <a href="javascript:void(0);" class="t_eidtcount" title="自定义图表" ms-click="openChart"></a>
        <!--饼图-->
        <div class="chart_left">
            <div id="chartLeft" style="text-align:center; vertical-align:middle;height:260px;margin-top:10px;"></div>
        </div>
        <!--线图-->
        <div class="chart_right">
            <div id="chartRight" style="height:260px;"></div>
        </div>
    </div>

    <!--表格-->
    <div class="telesa_table">
        <ul id="sortable">
            <li ms-repeat-item="customerTable" ms-attr-identity="item.Id">
                <div class="t_top">
                    <h3>{{item.Title}}</h3>
                    <span class="t_more">
                        <a ms-href="item.MoreUrl" class="tMore" title="更多"></a>
                        <i class="tCenter"></i>
                        <a href="javascript:void(0);" class="tRemove" ms-click="tableRemove" ms-attr-index="$index" title="移除"></a>
                    </span>
                </div>
                <div class="t_cen">
                    <table class="t_table" style="width:100%;" border="0" cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th ms-repeat-t="item.Titles" ms-css-width="t.width" ms-css-text-align="t.align||'left'">
                                    {{t.text}}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-row="item.Rows" ms-class-1="last:$last">
                                <td ms-repeat-t="item.Titles" ms-css-text-align="t.align||'left'">
                                    <span ms-if="!t.url" ms-title="row[t.field]">{{vfilter(row[t.field],t)}}</span>
                                    <a ms-if="t.type=='goto'" href="javascript:void(0)" ms-click="goTo(row,t)" ms-title="row[t.field]">{{vfilter(row[t.field],t)}}</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </li>
        </ul>
        
        <div style="clear:both;"></div>
    </div>

    <div id="stest"></div>
</div>