<style type="text/css">
    body {
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        font-family: "宋体";
    }

    img {
        border: none;
    }
</style>

<div style="margin: 20px; background: #fff; border: 1px solid #D1D1D1; height: auto; padding-left: 4%; padding-right: 4%; padding-top: 10px"
    ms-controller="JihuiController">
    <div class="a-title">
        <span>销售机会分析</span> <a href="#/Report/Complex" class="btn_back" style="margin: 5px; margin-right: 10px"></a>
    </div>
    <br />
    <div style="height: 100px" class="tipBox FZ14">
        <table>
            <tr>
                <td class="fgray">
                    <span class="tipico">&nbsp;&nbsp;</span>按照客户阶段，对客户进行统计分析。 
                </td>
            </tr>
        </table>
        <table>
            <tr>
                <td>
                    <strong class="forange" style="font-size: large">条件设定：</strong> 时间段从：
                </td>
                <td>
                    <input type="text" name="StartDate" id="StartDate" ms-duplex="entity.starTime" class="chaoboDate" ms-widget='date,StartDate,stDateOpts' style="width: 100px" />
                </td>
                <td><span style="display: block; margin-right: 10px;">-</span></td>
                <td>
                    <input type="text" name="EndDate" id="EndDate" ms-duplex="entity.endTime" class="chaoboDate" ms-widget='date,EndDate,edDateOpts' style="width: 100px" />
                </td>
            </tr>
        </table>
        <table>
            <tr>
                <td style="width:100px;"></td>
                <td id="IsRead">归属范围：
                        <input type="radio" name="radioIsRead" checked="checked" ms-click="showchange(0)" style="float: none; margin-top: -2px" />不限&nbsp;
                        <input type="radio" name="radioIsRead" ms-click="showchange(1)" style="float: none; margin-top: -2px" />指定部门&nbsp;
                        <input type="radio" name="radioIsRead" ms-click="showchange(2)" style="float: none; margin-top: -2px" />指定人员&nbsp;
                         
                </td>
                <td ms-visible="show==1">
                    <input type="text" ms-value="entity.DepartIdName" readonly="readonly" style="width: 180px;">
                    <button type="button" class="myfbt" ms-widget='dropDownGroupTree,setGroup,postGroupTreeOpts'><i class="bm"></i></button>
                    </span>
                </td>
                <td ms-visible="show==2">
                    <input type="text" ms-value="entity.UserIdName" readonly="readonly" style="width: 180px;">
                    <button type="button" class="myfbt" ms-widget='dropDownGroupPostUserTree,setUser,UserGroupTreeOpts'><i class="bm"></i></button>
                    </span>
                </td>
                <td colspan="7">
                    <button class="myfbt2" id="serchData" type="button" ms-click="search" style="width:70px;">
                        <i class="customer"></i>统计</button>
                    <input type="hidden" id="ids" name="ids" />
                    <input id="Reset1" type="reset" value="重置" class="myfbt2" ms-click="clear" />
                </td>
            </tr>
        </table>
      
    </div>
    <br />
    <div class="boxTitlenob top10" style="border: 1px solid #D1D1D1; height: auto;">
        <h2></h2>
        <table width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top: 10px;">
            <tr>
                <td width="60%" align="center">
                    <div id="chartRight">
                    </div>
                </td>
                <td style="padding-right: 4%">

                    <table border="0" cellspacing="1" width="96%" cellpadding="0" class="tableList" id="sellsTotal">
                        <caption style="font-size: 15px; font-weight: bold;">
                        </caption>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="10%">预签月份</td>
                                <td align="right" width="10%">预签金额</td>
                                <td width="10%">占比(%)</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="expect.models" ms-class-old="$index % 2" ms-class-even="!($index % 2)" ms-hover="hover" align="center">
                                <td>{{item.Month}}</td>
                                <td align="right">{{item.Money}}</td>
                                <td>{{item.Percent}}%</td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr align="center" class="minhead">
                                <td>合计</td>
                                <td align="right" class="sTotal">{{expect.total}}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </table>
        <br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top: 10px;">
            <tr>
                <td width="60%">
                    <div id="Jihui" align="center" >
                    </div>
                </td>
                <td style="padding-right: 4%">

                    <table border="0" cellspacing="1" width="96%" cellpadding="0" class="tableList" id="Table1">
                        <caption style="font-size: 15px; font-weight: bold;">
                        </caption>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="10%">状态</td>
                                <td width="10%">数量</td>
                                <td width="10%">占比(%)</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="opporStatus.models" ms-class-old="$index % 2" ms-class-even="!($index % 2)" ms-hover="hover" align="center">
                                <td>{{item.Caption}}</td>
                                <td>{{item.Value}}</td>
                                <td>{{item.Percent}} %</td>
                            </tr>
                        </tbody>
                         <tbody>
                            <tr align="center" class="minhead">
                                <td>合计</td>
                                <td class="sTotal">{{opporStatus.total}}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </table>
        <br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top: 10px;">
            <tr>
                <td width="60%">
                    <div id="Possibility" align="center">
                    </div>
                </td>
                <td style="padding-right: 4%">

                    <table border="0" cellspacing="1" width="96%" cellpadding="0" class="tableList" id="Table2">
                        <caption style="font-size: 15px; font-weight: bold;">
                        </caption>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="10%">签单可能性(%)
                                </td>
                                <td width="10%">数量
                                </td>
                                <td width="10%">占比(%)
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="possibility.models" ms-class-old="$index % 2" ms-class-even="!($index % 2)" ms-hover="hover" align="center">
                                <td>{{item.Caption}}</td>
                                <td>{{item.Value}}</td>
                                <td>{{item.Percent}} %</td>
                            </tr>
                        </tbody>
                         <tbody>
                            <tr align="center" class="minhead">
                                <td>合计</td>
                                <td class="sTotal">{{possibility.total}}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </table>
        <br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top: 10px;">
            <tr>
                <td width="60%">
                    <div id="followStage" align="center">
                    </div>
                </td>
                <td style="padding-right: 4%">

                    <table border="0" cellspacing="1" width="96%" cellpadding="0" class="tableList" id="Table3">
                        <caption style="font-size: 15px; font-weight: bold;">
                        </caption>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="10%">跟单阶段
                                </td>
                                <td width="10%">数量
                                </td>
                                <td width="10%">占比(%)
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="followStage.models" ms-class-old="$index % 2" ms-class-even="!($index % 2)" ms-hover="hover" align="center">
                                <td>{{item.Caption}}</td>
                                <td>{{item.Value}}</td>
                                <td>{{item.Percent}} %</td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr align="center" class="minhead">
                                <td>合计</td>
                                <td class="sTotal">{{followStage.total}}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </table>
        <br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top: 10px;">
            <tr>
                <td width="60%">
                    <div id="DisChart" align="center">
                    </div>
                </td>
                <td style="padding-right: 4%">

                    <table border="0" cellspacing="1" width="96%" cellpadding="0" class="tableList" id="Table4">
                        <caption style="font-size: 15px; font-weight: bold;">
                        </caption>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="10%">销售机会发现时间（月）
                                </td>
                                <td width="10%">数量
                                </td>
                                <td width="10%">占比(%)
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="discover.models" ms-class-old="$index % 2" ms-class-even="!($index % 2)" ms-hover="hover" align="center">
                                <td>{{item.Caption}}</td>
                                <td>{{item.Value}}</td>
                                <td>{{item.Percent}} %</td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr align="center" class="minhead">
                                <td>合计</td>
                                <td class="sTotal">{{discover.total}}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </table>
        <br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top: 10px;">
            <tr>
                <td width="60%">
                    <div id="customSource" align="center">
                    </div>
                </td>
                <td style="padding-right: 4%">

                    <table border="0" cellspacing="1" width="96%" cellpadding="0" class="tableList" id="Table5">
                        <caption style="font-size: 15px; font-weight: bold;">
                        </caption>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="10%">销售机会来源
                                </td>
                                <td width="10%">数量
                                </td>
                                <td width="10%">占比(%)
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="customSource.models" ms-class-old="$index % 2" ms-class-even="!($index % 2)" ms-hover="hover" align="center">
                                <td>{{item.Caption}}</td>
                                <td>{{item.Value}}</td>
                                <td>{{item.Percent}} %</td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr align="center" class="minhead">
                                <td>合计</td>
                                <td class="sTotal">{{customSource.total}}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </table>
        <br />
        <table width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top: 10px;">
            <tr>
                <td width="60%">
                    <div id="followTag" align="center">
                    </div>
                </td>
                <td style="padding-right: 4%">

                    <table border="0" cellspacing="1" width="96%" cellpadding="0" class="tableList" id="Table6">
                        <caption style="font-size: 15px; font-weight: bold;">
                        </caption>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="10%">跟单标签
                                </td>
                                <td width="10%">数量
                                </td>
                                <td width="10%">占比(%)
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="followTag.models" ms-class-old="$index % 2" ms-class-even="!($index % 2)" ms-hover="hover" align="center">
                                <td>{{item.Caption}}</td>
                                <td>{{item.Value}}</td>
                                <td>{{item.Percent}} %</td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr align="center" class="minhead">
                                <td>合计</td>
                                <td class="sTotal">{{customSource.total}}</td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        </table>
    </div>
</div>
