<div ms-controller="IndexController">
    <div style="margin-bottom: 20px;">
        <div id="dataBox">
            <ul>
                <li class="calls">
                    <i style="font-style: normal;">来电</i>
                    <h3>&nbsp;&nbsp;<span class="fbule" ms-html="calls.todayCalls">0</span> / <span class="fred" ms-html="calls.yedayCalls">0</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="fbule" ms-html="calls.tomonthCalls">0</span> / <span class="fred" ms-html="calls.lamonthCalls">0</span> / <span class="fgreen" ms-html="calls.patentCalls">0%</span></h3>
                    今日/昨日 &nbsp;本月/上月/环比
                </li>
                <li class="complaints">
                    <i style="font-style: normal;">投诉</i>
                    <h3>&nbsp;&nbsp;<span class="fbule" ms-html="complaints.todayComplaints">0</span> / <span class="fred" ms-html="complaints.yedayComplaints">0</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="fbule" ms-html="complaints.tomonthComplaints">0</span> / <span class="fred" ms-html="complaints.lamonthComplaints">0</span> / <span class="fgreen" ms-html="complaints.patentComplaints">0%</span></h3>
                    今日/昨日 &nbsp;本月/上月/环比
                </li>
                <li class="followup">
                    <i style="font-style: normal;">回访</i>
                    <h3>&nbsp;&nbsp;<span class="fbule" ms-html="follow.todayFollow">0</span> / <span class="fred" ms-html="follow.yedayFollow">0</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="fbule" ms-html="follow.tomonthFollow">0</span> / <span class="fred" ms-html="follow.lamonthFollow">0</span> / <span class="fgreen" ms-html="follow.patentFollow">0%</span></h3>
                    今日/昨日 &nbsp;本月/上月/环比
                </li>
                <li class="servicesview">
                    <i style="font-style: normal;">服务</i>
                    <h3>&nbsp;&nbsp;<span class="fbule" ms-html="services.todayService">0</span> / <span class="fred" ms-html="services.yedayService">0</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="fbule" ms-html="services.tomonthService">0</span> / <span class="fred" ms-html="services.lamonthService">0</span> / <span class="fgreen" ms-html="services.patentService">0%</span></h3>
                    今日/昨日 &nbsp;本月/上月/环比
                </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="sbServices" style="display: none;" name="sb">
                                                <option value="calls" selected="">来电</option>
                                                <option value="complaints">投诉</option>
                                                <option value="services">服务</option>
                                                <option value="follow">回访</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" />
                                            <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="#/Services/Calls/">
                                                        <img src="/Content/Themes/Base/images/desktop/tel.png" /></a></i>
                                                    <a href="#/Services/Calls/">来电管理</a>
                                                </li>
                                                 <li>
                                                    <div class="edit_bt2" key="Hr_Contract"></div>
                                                    <div class="close_bt" key="Hr_Contract"></div>
                                                    <i><a href="#/Services/FollowUp/">
                                                        <img src="/Content/Themes/Base/images/desktop/3.png" /></a></i>
                                                    <a href="#/Services/FollowUp/">回访关怀</a>
                                                </li>
                                                 <li>
                                                    <div class="edit_bt2" key="Hr_Contract"></div>
                                                    <div class="close_bt" key="Hr_Contract"></div>
                                                    <i><a href="#/Services/CServices/">
                                                        <img src="/Content/Themes/Base/images/desktop/4.png" /></a></i>
                                                    <a href="#/Services/CServices/">客户服务</a>
                                                </li>
                                                <li>
                                                    <div class="edit_bt2" key="Hr_Contract"></div>
                                                    <div class="close_bt" key="Hr_Contract"></div>
                                                    <i><a href="#/Services/Complaints/">
                                                        <img src="/Content/Themes/Base/images/desktop/1.png" /></a></i>
                                                    <a href="#/Services/Complaints/">客户投诉</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="chartServices1" style="width: 220px; height: 200px;"></div>
                                </td>
                                <td class="b">
                                    <div id="chartServices2" style="width: 220px; height: 200px;"></div>
                                </td>
                            </tr>
                            <tr>
                                <td class="r">
                                    <div id="chartServices3" style="width: 220px; height: 200px;"></div>
                                </td>
                                <td>
                                    <div id="chartServices4" style="width: 220px; height: 150px;"></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>服务曲线</h2-->
                        <div id="chartServicesLine"></div>
                    </div>
                </td>
            </tr>
        </table>
        <div id="columns">
            <ul id="column1" class="column ui-sortable">
                <li class="widget color-bg" key="waitingvisitservices" style="">
                    <div class="widget-head" style="cursor: move;">
                        <h3>待回访提醒</h3>
                        <div class="widget-right">
                            <span><a href="#/Services/FollowUp">更多</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="40%" align="center">客户名称
                                    </td>
                                    <td width="40%" align="center">客户分类
                                    </td>
                                    <td width="20%" align="center">下次回访时间
                                    </td>
                                </tr>
                                <tr ms-repeat-item="followUpNextList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                    <td align="left">&nbsp;<a ms-title="item.Name" ms-href="'#/Customer/DetailCustomer/'+item.CId">{{item.Name| truncate(15)}}</a></td>
                                    <td align="center">{{item.Title| truncate(15)}}</td>
                                    <td align="center">{{item.Date | truncate(10,'')}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </li>

                <li class="widget color-bg" key="newcomplaintsservices">
                    <div class="widget-head">
                        <h3>最新投诉</h3>
                        <div class="widget-right">
                            <span><a href="#/Services/Complaints">更多</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="40%" align="center">客户名称
                                    </td>
                                    <td width="40%" align="center">投诉主题
                                    </td>
                                    <td width="20%" align="center">投诉时间
                                    </td>
                                </tr>
                                <tr ms-repeat-item="complaintsList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                    <td align="left">&nbsp;<a ms-title="item.Name" ms-href="'#/Customer/DetailCustomer/'+item.CId">{{item.Name| truncate(15)}}</a></td>
                                    <td align="center"><a ms-title="item.Title" ms-href="'#/Services/Complaints/0/'+item.Id">{{item.Title| truncate(15)}}</a></td>
                                    <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tbody>
                        </table>
                    </div>
                </li>
            </ul>
            <ul id="column2" class="column ui-sortable">

                <li class="widget color-bg" key="newfollowupservices">
                    <div class="widget-head">
                        <h3>最新回访</h3>
                        <div class="widget-right">
                            <span><a href="#/Services/FollowUp/FollowUp">更多</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="40%" align="center">客户名称
                                    </td>
                                    <td width="30%" align="center">回访人
                                    </td>
                                    <td width="30%" align="center">回访时间
                                    </td>
                                </tr>
                                <tr ms-repeat-item="followUpNewList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                    <td align="left">&nbsp;<a ms-title="item.Name" ms-href="'#/Customer/DetailCustomer/'+item.CId">{{item.Name| truncate(15)}}</a></td>
                                    <td align="center">{{item.Title| truncate(15)}}</td>
                                    <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tbody>
                        </table>
                    </div>
                </li>

                <li class="widget color-bg" key="newservicesservices">
                    <div class="widget-head">
                        <h3>最新服务</h3>
                        <div class="widget-right">
                            <span><a href="#/Services/CServices">更多</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="40%" align="center">客户名称
                                    </td>
                                    <td width="40%" align="center">服务主题
                                    </td>
                                    <td width="20%" align="center">时间
                                    </td>
                                </tr>
                                <tr ms-repeat-item="cusServicesList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                    <td align="left">&nbsp;<a ms-title="item.Name" ms-href="'#/Customer/DetailCustomer/'+item.CId">{{item.Name| truncate(15)}}</a></td>
                                    <td align="center"><a ms-title="item.Title" ms-href="'#/Services/CServices/0/'+item.Id">{{item.Title| truncate(15)}}</a></td>
                                    <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tbody>
                        </table>
                    </div>
                </li>

            </ul>
            <ul id="column3" class="column ui-sortable">

                <li class="widget color-bg" key="newcallsservices">
                    <div class="widget-head" style="cursor: move;">
                        <h3>最新来电</h3>
                        <div class="widget-right">
                            <span><a href="#/Services/Calls">更多</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="40%" align="center">客户名称
                                    </td>
                                    <td width="40%" align="center">姓名
                                    </td>
                                    <td width="20%" align="center">时间
                                    </td>
                                </tr>
                                <tr ms-repeat-item="callsList" ms-class-old="$index % 2" ms-class-even="!($index % 2)">
                                    <td align="left">&nbsp;<a ms-title="item.Name"  ms-href="'#/Customer/DetailCustomer/'+item.CId">{{item.Name| truncate(15)}}</a></td>
                                    <td align="center">{{item.Title| truncate(15)}}</td>
                                    <td align="center">{{item.Date | truncate(10,'')}}</td>
                            </tbody>
                        </table>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
