<div ms-controller="CustomerController" style="margin-bottom:20px;">
    <div id="dataBox">
        <ul>
            <li class="first"><i class="customers"></i>
                <h3><span class="fbule" ms-html="entity.CountCustomer">0</span> / <span class="fred" ms-html="entity.EnterpriseCustomer">0</span> / <span class="fgreen" ms-html="entity.PersonalCustomer">0</span></h3>
                我的客户/企业/个人</li>
            <li><i class="newcustomers"></i>
                <h3><span class="fbule" ms-html="entity.NewCustomer">0</span> / <span class="fgreen" ms-html="entity.PercentCustomer">0%</span></h3>
                本月新增/环比</li>
             <li><i class="hiddencustomers"></i>
                <h3><span class="fbule" ms-html="entity.LatentCustomer">0</span> / <span class="fgreen"  ms-html="entity.PercentLatentCustomer">0%</span></h3>
                本月潜在客户/环比</li>
            <li><i class="okcustomers"></i>
                <h3><span class="fbule" ms-html="entity.ClinchCustomer">0</span> / <span class="fgreen" ms-html="entity.PercentClinchCustomer">0%</span></h3>
                本月成交客户/环比</li>
        </ul>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" class="deskmian">
        <tbody>
            <tr>
            <td width="450" valign="top">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="taborder">
                    <tbody>
                    <tr>
                        <td width="34%" height="55" id="searchbtbg">
                            <div class="select" id="selectcss">
                                <select id="sb" style="display: none;" name="sb">
                                    <option value="/Customer/All/" selected="">客户</option>
                                    <option value="/Customer/Contacts/">联系人</option>
                                </select>
                            </div>
                        </td>
                        <td width="69%" bgcolor="#FFFFFF">
                            <div class="input-append" style="margin-bottom: 0px;">
                                <input id="appendedInput" type="text" placeholder="请输入关键字快速检索" ms-duplex="keyword" ms-keypress="enterToSearch" />
                                <button type="button" class="add-on ibtsearch" ms-click="search" style="height: 28px; font-size: 12px; padding: 3px 12px;">搜索</button>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td height="27" bgcolor="#FFFFFF">&nbsp;</td>
                        <td valign="top" bgcolor="#FFFFFF" class="fgray">
                            <!--历史搜索： <span class="bindSearchHistory"><a href="javascript:void(0);" title=""></a>&nbsp;&nbsp;</span>-->
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
            <td width="10">
                &nbsp;
            </td>
            <td valign="top">
                <!--快捷菜单-->
                <table width="100%" border="0" cellspacing="0" cellpadding="0" id="shortcutbox">
                    <tbody>
                        <tr>
                            <td height="72" bgcolor="#FFFFFF">
                                <div id="shortcut">
                                    <ul id="shortcutul">
                                        <li>
                                            <div class="edit_bt2" key="Hr_Communication"></div>
                                            <div class="close_bt" key="Hr_Communication"></div>
                                            <i><a href="javascript:void(0)" ms-click="gotourl('/Customer/AddCustomer')"><img src="/Content/Themes/Base/images/desktop/user.png"/></a></i>
                                            <a href="javascript:void(0)" ms-click="gotourl('/Customer/AddCustomer')">新增终端客户</a>
                                        </li>
                                        <li ms-widget="existsRepeatCustomer">
                                            <div class="edit_bt2"></div>
                                            <div class="close_bt"></div>
                                            <i><a href="javascript:void(0)"><img src="/Content/Themes/Base/images/desktop/existsCustomer.png"/></a></i>
                                            <a href="javascript:void(0)">检测重复客户</a>
                                        </li>
                                        <li>
                                            <div class="edit_bt2" key="Hr_Contract"></div>
                                            <div class="close_bt" key="Hr_Contract"></div>
                                            <i><a href="javascript:void(0)" ms-click="gotourl('/Customer/Contacts')"><img src="/Content/Themes/Base/images/desktop/contact.png"/></a></i>
                                            <a href="javascript:void(0)" ms-click="gotourl('/Customer/Contacts')">新增联系人</a>
                                        </li>
                                        <!--<li class="add"><a href="javascript:void(0);" class="show"><img src="/Content/Themes/Base/images/ico/add_bt2.png" /></a></li>-->
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
    <table border="0" cellspacing="0" cellpadding="0" class="deskmian">
        <tr>
            <td width="448" height="367" valign="top" bgcolor="#FFFFFF" class="taborder">
                <div class="dialog_box">
                    <table border="0" cellspacing="0" width="100%" height="328" cellpadding="0" class="table_lhh_border">
                        <tr>
                            <td class="r b">
                                <div id="chartCustomer1" style="width:220px;height:220px;"></div>
                            </td>
                            <td class="b">
                                <div id="chartCustomer2" style="width:220px;height:200px;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td class="r">
                                <div id="chartCustomer3" style="width:220px;height:200px;"></div>
                            </td>
                            <td class="b">
                                <div id="chartCustomer4" style="width:220px;height:200px;"></div>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
            <td width="10">&nbsp;</td>
            <td valign="top" bgcolor="#FAFAFA">
                <div class="boxTitlenob" style="height: 367px;">
                    <h2><span class="sellnum"></span>{{sTime.year}}年我的终端客户成长曲线</h2>
                    <div id="chartCustomerLine"></div>
                </div>
            </td>
        </tr>
        </table>
    <!--表格-->
    <div id="columns">
        <ul id="column1" class="column ui-sortable">
        <li class="widget color-bg">
                <div class="widget-head">
                    <h3>最新客户</h3>
                    <div class="widget-right">
                        <span><a href="#/Customer/All">更多</a></span>
                    </div>
                </div>
                <div class="widget-content">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                        <tbody>
                            <tr class="head" style="background-color: rgb(255, 255, 255);">
                                <td width="50%" align="center">客户名称</td>
                                <td width="25%" align="center">分类</td>
                                <td width="25%" align="center">创建时间</td>
                            </tr> 
                            <tr ms-repeat-item="customerNewList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                <td>&nbsp;<a ms-title="item.Name" href="javascript:void(0);" ms-click="view(item.Id)">{{item.Name| truncate(20)}}</a></td>
                                <td align="center">{{item.Type}}</td>
                                <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tr> 
                        </tbody>
                    </table>
                </div>
            </li>  
         <li class="widget color-bg">
                <div class="widget-head">
                    <h3>合同执行阶段客户</h3>
                    <div class="widget-right">
                        <span><a href="#/Customer/All">更多</a></span>
                    </div>
                </div>
                <div class="widget-content">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                        <tbody>
                            <tr class="head" style="background-color: rgb(255, 255, 255);">
                                <td width="50%" align="center">客户名称</td>
                                <td width="25%" align="center">分类</td>
                                <td width="25%" align="center">签约时间</td>
                            </tr> 
                            <tr ms-repeat-item="customerExecutionList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                <td>&nbsp;<a ms-title="item.Name"  href="javascript:void(0);" ms-click="view(item.Id)">{{item.Name| truncate(20)}}</a></td>
                                <td align="center">{{item.Type}}</td>
                                <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tr> 
                        </tbody>
                    </table>
                </div>
            </li>
            <li class="widget color-bg">
                <div class="widget-head">
                    <h3>公海客户</h3>
                    <div class="widget-right">
                        <span><a href="#/Customer/International">更多</a></span>
                    </div>
                </div>
                <div class="widget-content">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                        <tbody>
                            <tr class="head" style="background-color: rgb(255, 255, 255);">
                                <td width="50%" align="center">客户名称</td>
                                <td width="25%" align="center">分类</td>
                                <td width="25%" align="center">回收时间</td>
                            </tr> 
                            <tr ms-repeat-item="customerFreeList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                <td>&nbsp;<a ms-title="item.Name" href="javascript:void(0);" ms-click="view(item.Id)">{{item.Name| truncate(20)}}</a></td>
                                <td align="center">{{item.Type|customerType}}</td>
                                <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tr> 
                        </tbody>
                    </table>
                </div>
            </li>
        </ul>
        <ul id="column2" class="column ui-sortable">
               <li class="widget color-bg" key="hotcustomer">
                <div class="widget-head">
                    <h3>热点客户</h3>
                    <div class="widget-right">
                        <span><a href="#/Customer/All">更多</a></span>
                    </div>
                </div>
                <div class="widget-content">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                        <tbody>
                            <tr class="head" style="background-color: rgb(255, 255, 255);">
                                <td width="50%" align="center">客户名称</td>
                                <td width="25%" align="center">分类</td>
                                <td width="25%" align="center">创建时间</td>
                            </tr>
                            <tr ms-repeat-item="customerHotList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                <td>&nbsp;<a ms-title="item.Name" href="javascript:void(0);" ms-click="view(item.Id)">{{item.Name| truncate(20)}}</a></td>
                                <td align="center">{{item.Type}}</td>
                                <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tr>   
                        </tbody>
                    </table>
                </div>
            </li>
             <li class="widget color-bg">
                <div class="widget-head">
                    <h3>最新签约客户</h3>
                    <div class="widget-right">
                        <span><a href="#/Customer/All">更多</a></span>
                    </div>
                </div>
                <div class="widget-content">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                        <tbody>
                            <tr class="head" style="background-color: rgb(255, 255, 255);">
                                <td width="50%" align="center">客户名称</td>
                                <td width="25%" align="center">分类</td>
                                <td width="25%" align="center">签约时间</td>
                            </tr>
                             <tr ms-repeat-item="customerNewSiginList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                <td>&nbsp;<a ms-title="item.Name" href="javascript:void(0);" ms-click="view(item.Id)">{{item.Name| truncate(20)}}</a></td>
                                <td align="center">{{item.Type}}</td>
                                <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </li> 
        </ul>
        <ul id="column3" class="column ui-sortable">
              <li class="widget color-bg">
                <div class="widget-head">
                    <h3>待回访提醒</h3>
                    <div class="widget-right">
                        <span><a href="#/Customer/All">更多</a></span>
                    </div>
                </div>
                <div class="widget-content">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                        <tbody>
                            <tr class="head" style="background-color: rgb(255, 255, 255);">
                                <td width="50%" align="center">客户名称</td>
                                <td width="25%" align="center">回访人</td>
                                <td width="25%" align="center">回访时间</td>
                            </tr>
                             <tr ms-repeat-item="customerVisitList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                <td>&nbsp;<a ms-title="item.Name" href="javascript:void(0);" ms-click="view(item.Id)">{{item.Name| truncate(20)}}</a></td>
                                <td align="center">{{item.Type}}</td>
                                <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </li>
            <li class="widget color-bg">
                <div class="widget-head">
                    <h3>被专管客户</h3>
                    <div class="widget-right">
                        <span><a href="#/Customer/CenterExpert">更多</a></span>
                    </div>
                </div>
                <div class="widget-content">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                        <tbody>
                            <tr class="head" style="background-color: rgb(255, 255, 255);">
                                <td width="50%" align="center">客户名称</td>
                                <td width="25%" align="center">分类</td>
                                <td width="25%" align="center">回收时间</td>
                            </tr>
                             <tr ms-repeat-item="customerReclaimList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                <td>&nbsp;<a ms-title="item.Name" href="javascript:void(0);" ms-click="view(item.Id)">{{item.Name| truncate(20)}}</a></td>
                                <td align="center">{{item.Type}}</td>
                                <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </li> 
        </ul>
    </div> 
</div>