<div ms-controller="HrUserTrack">
    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td style="background:#fff;vertical-align:top;">
                <div class="client_l" ms-visible="showLeftTab" id="map_client_l">

                    <ul class="client_navs">
                        <li ms-class-1="navsaction:leftTab=='tab1'" ms-click="changeLeftTab('tab1')">员工搜索</li>
                        <!--<li ms-class-1="navsaction:leftTab=='tab2'" ms-click="changeLeftTab('tab2')">客户列表</li>-->
                        <li ms-class-1="navsaction:leftTab=='tab3'" ms-click="changeLeftTab('tab3')">路线导航</li>
                        <div class="clear"></div>
                    </ul>
                    <div ms-visible="leftTab=='tab1'" class="box">
                        <!--<div class="terminfo">
                            <div class="choice">
                                <span class="city">城市：</span>
                                <b class="inpfp"><i class="itag inputbg" id="curCity_i" style="background: none;">{{curCity}}</i><i class="itag inputlist" ms-click="openSelectCity"></i><div class="clear"></div>
                                </b>
                                <span class="city">城区：</span>
                                <b class="inpfp">
                                    <select ms-duplex="curAreaId" style="width: 80px; height: 22px; line-height: 22px; margin-bottom: 0px; border: none;">
                                        <option value="">请选择</option>
                                        <option ms-repeat-a="cityAreas" ms-value="a.Id" ms-text="a.Data"></option>
                                    </select>
                                    <div class="clear"></div>
                                </b>
                                <div class="clear"></div>
                            </div>
                        </div>-->
                        <div class="searchbox">
                            <input type="text" placeholder="请输入关键字" class="searchtext" ms-enter="getEmyList" ms-duplex="emyName" /><button type="button" value="" ms-click="getEmyList" class="searchbt" ></button> <div class="clear"></div>
                        </div>
                    </div>
                    <!--boxover -->
                    <div class="box" ms-visible="leftTab=='tab1'">
                        <div class="kehuml">共找到<span class="oroge">{{totalEmy}}</span>个员工</div>
                        <ul class="kehu_box" ms-css-height="mapheight-180" ms-if="!isShowGroup" >
                            <li ms-repeat-c="employes" ms-click="clickByEmy(c)" ms-mouseover="showByEmy(c,'over')" ms-mouseout="showByEmy(c,'out')">
                                <a href="javascript:void(0)" class="namess">{{c.FullName}}</a>
                                <img ms-if="c.Lng" src="/Content/Themes/base/Images/ico/dadiandituico.jpg" title="已有足迹，点击查看">
                                <span class="tells">手机：{{c.Phone}}</span>
                            </li>
                        </ul>
                        <ul class="kehu_box" ms-css-height="mapheight-180" ms-if="isShowGroup">
                            <li ms-repeat-p="groupDataProvince" ms-if-loop="p!=null">
                                <a href="javascript:void(0)" class="namess province_list" ms-click="selectProvince(p)" ms-mouseover="showByProvince(p,'over')" ms-mouseout="showByProvince(p,'out')">{{p.ProvinceName}}({{p.EmyCount}})</a>
                                <ul class="city_list">
                                    <li ms-repeat-ct="p.citys" ms-click="selectCity(ct,p)">{{ct.CityName}}({{ct.EmyCount}})</li>
                                </ul>
                            </li>
                        </ul>
                        <div ms-if="!isShowGroup" class="custList" ms-widget='paging,mapHrPage,mapHrPageOpts'></div>
                    </div>
                    <!--boxover-->
                    <div ms-visible="leftTab=='tab3'" class="box">
                        <div class="souo">
                            <div class="souobox sosbubf">
                                <ul class="qdblis">
                                    <li><span>起点</span><b><input type="text" ms-duplex="pstart" readonly="true" /></b><div class="clear"></div>
                                    </li>
                                    <li><span>终点</span><b><input type="text" ms-duplex="pend" readonly="true" /></b><div class="clear"></div>
                                    </li>
                                </ul>
                                <i class="itag qiehuan" ms-click="navTypeExchange"></i>
                                <div class="qd_bt">
                                    <input type="button" value="查公交" ms-click="lineSearch('bus')">
                                    <input type="button" value="查驾车" ms-click="lineSearch('car')">
                                </div>
                            </div>
                            <!---->
                            <div id="divbus" ms-if="linetype=='bus'" ms-css-height="mapheight-200" style="overflow: auto; padding: 5px;">
                                <div class="souobox" ms-repeat-p="plans">
                                    <div class="souli_t" ms-click="lineClick(p.index)">
                                        <span>{{p.title}}</span>约{{p.duration}}<div class="numus">{{p.index}}</div>
                                    </div>
                                    <div ms-if-loop="p.index==curLineIndex" class="souliline">全程约{{p.distance}}公里</div>
                                    <div class="souslisd" ms-if-loop="p.index==curLineIndex">
                                        <ul class="luxian">
                                            <li><i class="itag qi"></i><b><span class="lisfvbg">{{p.start}}</span></b><div class="clear"></div>
                                            </li>
                                            <li ms-repeat-s="p.steps">
                                                <div ms-if-loop="s.type=='route'">
                                                    <i class="itag zoua"></i>
                                                    <b>步行至<span class="luxiaca">{{s.pointName}}</span></b>
                                                    <em>{{s.numdsc}}</em>
                                                    <div class="clear"></div>
                                                </div>
                                                <div ms-if-loop="s.type=='bus'">
                                                    <i class="itag car"></i>
                                                    <b>乘坐<span class="luxiaca">{{s.lineNum}}路</span>在<span class="luxiaca">{{s.pointName}}</span>下车</b>
                                                    <em>{{s.numdsc}}</em>
                                                    <div class="clear"></div>
                                                </div>
                                            </li>
                                            <li><i class="itag zhong"></i><b><span class="lisfvbg">{{p.end}}</span></b><div class="clear"></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a ms-if="moreResultsUrl" ms-href="moreResultsUrl" target="_blank">到百度地图去查看</a>
                            </div>
                            <div id="divline" ms-if="linetype=='car'"  ms-css-height="mapheight-200" style="overflow:auto;">

                            </div>
                            <!---->
                        </div>
                    </div>
                    <!--boxover-->
                </div>
                <div ms-class-1="left_close:showLeftTab" ms-class-2="left_open:!showLeftTab" ms-click="leftTabToggle"></div>
            </td>
            <td style="vertical-align:top;">
                <div class="client_r" ms-css-width="mapwidth" ms-css-height="mapheight" id="dmap" style="position:relative;">
                </div>
                <div class="clear"></div>
            </td>
        </tr>


    </table>
<!--城市弹层begen-->
<div class="termposi" id="citySelectDiv" ms-visible="showSelectCity">
    <div class="termposi_t">
        <span>城市列表</span><i class="itag" ms-click="closeSelectCity"></i><div class="clear"></div>
    </div>
    <div class="tersboxs">
        <div class="currents">
            <span>当前城市：{{curCity}}</span>
            <span ms-if="curArea">,当前城区：{{curArea}}</span>
            <a href="javascript:void(0)" ms-click="clearCurArea" style="color:#3d6dcc;">全部员工列表</a>
            <a href="javascript:void(0)" ms-click="getGroupDataProvince" style="color:#3d6dcc;">省份分布图</a>
        </div>
        <div class="ersbs">
            热门城市：<a href="javascript:void(0);" ms-repeat-c="hotCitys" ms-click="selectCity(c)">{{c.Data}}</a>
        </div>
        <div class="abc">
            <span ms-repeat-l="letters"><a ms-href="'#province_'+l">{{l}}</a></span>
        </div>
        <ul class="city_libox">
            <li ms-repeat-p="cityLetters" ms-if-loop="p.L!=null">
                <span><a ms-if="p.L" ms-attr-name="'province_'+p.L">{{p.L}}</a><i>&nbsp;</i></span><font>{{p.Data}}</font>
                <b><em ms-repeat-c="p.citys" ms-click="selectCity(c,p)">{{c.Data}}</em></b>
                <div class="clear"></div>
            </li>
        </ul>
    </div>
</div>
</div>
<!-- 弹出员工信息 -->
<noscript  id="mapEmyTmpl">
    <div class="box012">
        <div class="box012_t">
            <span style="cursor:pointer;" ms-click="viewEmy(entity)">{{entity.FullName|truncate(16,'...')}}<a href="javascript:void(0)" ms-click="viewEmy(entity)" style="color:#016b96; font-size:9px;">&nbsp;[详情]</a></span><i class="itag close"></i><div class="clear"></div>
        </div>
        <div class="box12li">
            地址：{{entity.address}}<br />
            电话：<span class="oroge">{{entity.Phone}}</span>
        </div>
        <ul class="bolista">
            <li ms-class-1="yes:navType=='start'" ms-click="navTypeChange('start')">从这里出发</li>
            <li ms-class-1="yes:navType=='end'" ms-click="navTypeChange('end')">到这里去</li>
            <div class="clear"></div>
        </ul>
        <div class="luxianadf">
            <span>{{navType=='start'?'出发地':'目的地'}}：</span>
            <input type="text" class="luxtext" ms-duplex="pend" />
            <input type="button" value="查公交" class="luxcbt" ms-click="lineSearch('bus')" />
            <input type="button" value="查驾车" class="luxcbt" ms-click="lineSearch('car')" />
            <div class="clear"></div>
        </div>
    </div>
</noscript>
<!-- 自定义覆盖模板 -->
<noscript id="mapOverlayTmpl">
    <table border="0" class="bluebt" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="tleft">&nbsp;</td>
            <td class="tcenter">#name#</td>
            <td class="tright">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="3" class="tfoot">&nbsp;
            </td>
        </tr>
    </table>
</noscript>