<table border="0" align="center" cellpadding="0" cellspacing="0" id="mian" >
    <tbody>
        <tr>
            <td width="198" height="450" valign="top" id="tdleft">
                <!--leftNav-->
                <div id="left" ms-widget="leftMenu">
                </div>
                <!--End leftNav-->
            </td>
            <td valign="top" id="right" class="addrightbg">
                 <div class="boxtip" id="boxtip">
                    <h1>查看签约额目标</h1>
                    <p>目标值由人工设置，完成值由系统自动统计得出</p>
                    <a href="javascript:history.go(-1)" class="btn_back"></a>
                </div>
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="titbox">
        <tr>
            <td width="210" height="30" class="tit">
                查看：目标数据达成表
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
    </table>
     <table width="100%" border="0" cellspacing="0" cellpadding="0" class="formTable">
                    <tr ms-controller="search">
                        <td width="70">时间范围：
                        </td>
                        <td colspan="3">从
                <input type="text" name="StartDate" id="StartDate" ms-duplex="startDate"
                    style="width: 110px" ms-widget="date,startDateId,startDateOPts" data-id="startDate" />
                            至
                <input type="text" name="EndDate" id="EndDate" ms-duplex="endDate" style="width: 110px"
                    ms-widget="date,endDateId,endDateOPts" data-startfrom="#StartDate" data-id="endDate" />
                            <input ms-click="doShow" type="button" value="显示" class="btn btn-primary" style="margin-left: 10px;" />
                        </td>
                    </tr>
                </table>
    <div class="tip" title="温馨小提示" style="font-size: 13px; color: #959595; line-height: 13px;
        display: block;">
        温馨小提示：点击左侧员工或部门后的统计图标，页面底部的统计图表数据随之变化。
    </div>
    <p style="margin-top: 25px;">
        金额单位：<span class="hl_units">万元</span>，精度：<span class="hl_units">0.1 万元</span>；客户数单位：<span
            class="hl_units">个</span>；签单数单位：<span class="hl_units">单</span>。鼠标移至“<span class="sale_warn"></span>”上，可查看警示内容。
    </p>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="taret_total">
        <tr ms-controller="market.targets">
            <td width="205">
                <div class="exmployee_tree">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <td class="blur_head">
                                    用户
                                </td>
                            </tr>
                        </thead>
                        <tbody ms-each-item="users">
                            <tr ms-if="item.show">
                                <td ms-class-root="item.Id === 0" ms-css-text-indent="item.Depth * 18+'px'">
                                    <span style="padding-left: 5px;" ms-title="item.Post || ''">
                                    <img ms-if="item.IsGroup" ms-on-click="expandRow" src="/Content/Themes/Base/Images/desktop/selldesktop/expand.jpg"
                                        alt="展开部门" ms-visible="!item.showDetails" style="cursor: pointer;vertical-align: middle" />
                                    <img ms-if="item.IsGroup" ms-on-click="expandRow" src="/Content/Themes/Base/Images/desktop/selldesktop/noexpand.jpg"
                                        alt="收起部门" ms-visible="item.showDetails" style="cursor: pointer;vertical-align: middle" />
                                    {{item.FullName || item.UserName || item.Name}}</span>
                                    <span class="helptip" ms-if="item.IsGroup"><a href="javascript:void(0)" data-toggle="tooltip" data-placement="top" title="公司/部门目标=所辖人员目标之和">&nbsp;&nbsp; </a></span>
                                    &nbsp;
                                    <img title="查看统计图表" style="cursor:pointer;vertical-align:middle;" ms-on-click="toChart"
                                    src="/Content/Themes/Base/Images/ico/zhuxing.png" alt="查看统计图表" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
            <td align="left">
                <div class="exmployee_saletarget">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <thead>
                            <tr ms-each-item="dates">
                                <td colspan="3" class="date" ms-if="item.show">{{item.date}}</td>
                            </tr>
                            <tr ms-each-item="columns">
                                <td ms-if="item.show" nowrap>目标</td>
                                <td ms-if="item.show" nowrap>完成</td>
                                <td ms-if="item.show" nowrap>百分比</td>
                            </tr>
                        </thead>
                        <tbody ms-each-user="users">
                            <tr ms-each-target="user.Targets" ms-if="user.show">
                                <td>{{target.SignAContractMoney}}</td>
                                <td>{{target.CompleteSignAContractMoney}}</td>
                                <td>{{target.CompleteSignAContractMoney |percents(target.SignAContractMoney,2)}}</td>
                            </tr>                          
                        </tbody>
                    </table>
                </div>
            </td>
            <td width="184">
                <div class="exmployee_total">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <td colspan="3" class="total">合计</td>
                            </tr>
                            <tr>
                                <td nowrap>目标</td>
                                <td nowrap>完成</td>
                                <td nowrap>百分比</td>
                            </tr>
                        </thead>
                        <tbody ms-each-user="users">
                            <tr ms-if="user.show">
                                <td>{{user.SignAContractMoneyTotal}}</td>
                                <td>{{user.CompleteSignAContractMoneyTotal}}</td>
                                <td>{{user.CompleteSignAContractMoneyTotal|percents(user.SignAContractMoneyTotal,2)}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    </table>
    <br />
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="titbox">
        <tr>
            <td width="110" height="30" class="tit">
                查看：统计图表
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
    </table>
    <div class="total_charts" ms-controller="market.totalChart">
        <ul id="chart_category" ms-click="changeChartType">
            <li class="title">显示类型</li>
            <li data-type="MSColumn3D"><i class="zhu"></i>柱状图</li>
            <li data-type="MSArea"><i class="yibiao"></i>面积图</li>
            <li data-type="MSLine"><i class="quxian"></i>曲线图</li>
        </ul>
        <div id="chart" data-column="SignAContractMoney" data-caption="签约额" data-units=" 万"></div>
    </div>
    <br />
            </td>
        </tr>
    </tbody>
</table>
