<div class="p" ng-show="defineList.length>0 || addFirst">
	<div class="conditionBox clearfix p pb20">
		<div class="left">
			<div class="selList" ng-class="{'active':selme,'noright':hasEditPower()}" ng-click="selme=!selme;" ng-mouseleave="selme=false;">
			  	<span ng-if="(currentDefine.id || currentDefine.id==0 || !showEventWin) && !showTempLook">{{define.name}}</span>
			  	<span class="ckhand dark" ng-if="(!currentDefine.id && currentDefine.id!=0 && showEventWin) || showTempLook">新增智能路径</span>
			  	<div class="arrowIcon"></div>
			  	<div class="optionList even" ng-show="selme"  style="width:320px;">
		  			<dl class="dlOperTitle bbb" ng-if="hasEditPower()">
		  				<dd ng-click="addPath(0)" ng-class="{'active':isShowCache}">新增智能路径</dd>
		  			</dl>
			  		<div ng-show="defineList.length>5" class="searchWrap ml10 searchSpec clearfix" style="float:none;width:300px;" stop-event>
				        <input type="text" class="searchIpt selectIpt" style="width:300px;" ng-model="seatxt" placeholder="关键字搜索">
				    </div>
				    <ul>
			            <li ng-repeat="m in defineList | filter:{'name':seatxt} track by $index" ng-click="clickDefine(m)" ng-class="{'active':m.id == define.id && !isShowCache}" title="{{m.name}}" class="p">
			              {{m.name}}<span class="delIcon s1" ng-click="deleteDefine(m)" stop-event  ng-if="hasEditPower()"></span>
			            </li>
			        </ul>
			  	</div>
			</div>
			<div class="btn8 dark btnblock btnNo" ng-class="{'active':currentDefine.id && showEventWin,'dis':(!define.id && !isShowCache) || (!isEditInfo && !isShowCache)}" ng-click="addPath(1,(!currentDefine.id && currentDefine.id!=0 && showEventWin) || showTempLook)"  ng-show="hasEditPower()">编辑</div>
		</div>
		
		<div class="right">
			<my-datepicker class="dateRange rightDate" init-day="date" range-days2="7" operation-sel="define.id>0 || isShowCache"><span>{{datestr}}</span></my-datepicker>
		</div>
		<div class="conditionWin eventBox" ng-show="showEventWin" ng-class="{'edit':currentDefine.id}">
			<div style="padding-bottom: 20px;">
				<span>设置session间隔：</span>
				<input id="timeId" type="text" class="iptform ng-pristine ng-untouched ng-valid" ng-class="{'iptnull':params.timenull}" ng-model="time" title="{{time}}" integer-txt style="width:80px;">
				<select-list meau-info="timeUnitList" meau-id="timeUnitId" meau-data="timeUnitInit" meau-name="timeinitname" style="width:80px;" meau-refresh="evtrefresh"></select-list>
			</div>
			<div class="sanicon"></div>
			<div class="conditionItem">
				<span class="ml40">关注事件：</span>
				<select-more-list meau-info="eventList" meau-id="eventIds" meau-name="eventinitnames" keyid="eventName" keyname="eventNameAlias" meau-data="eventinitIds" meau-red="params.eventsnull"></select-more-list>
				<span ng-show="eventTip" style="color: #e74646;">{{eventTip}}</span>
			</div>
			<div style="padding-top: 20px;">
				<span class="ml40">事件选取：</span>
				<select-list meau-info="eventTypeList" meau-id="eventTypeId" meau-data="eventTypeInit" meau-name="typeinitname" meau-refresh="evtrefresh" style="width:120px;margin-right:10px;"></select-list>
				<select-list meau-info="filterEvents" meau-id="eventId" meau-data="eventInit" meau-name="eventinitname"  keyid="eventName" keyname="eventNameAlias" meau-refresh="evtrefresh" meau-red="params.eventnull" meau-null="enull"></select-list>
			</div>
			<div style="padding-bottom: 20px;" ng-class="{'conditionEventItem':event.params && getEventParamsNum(event)>5}">
				<div class="profileItemWrap p">
	                <div class="operInfo ml40" style="bottom:35px;" ng-show="event.params && getEventParamsNum(event)>1">
	                    <div class="operBtn" ng-click="changeRel()">{{eventRel}}</div>
	                </div>

	                <div class="profileItem ml40" ng-repeat="item in event.params track by $index" ng-show="item.show!=false">
	                    <profile-item info-list="event.paramsList" item-info="item" item-type="event" item-event="eventId"></profile-item>
	                    <span class="removeSpan"  ng-click="removeEventParams(event,item)">取消</span>
	                </div>
		            <div class="addAttrBtn ml50" ng-click="addEventParams(event)"  ng-class="{'dis':getEventParamsNum(event)>=3}">
		                <span class="addAttrIcon"></span><span class="ckhand">添加事件属性筛选</span>
		            </div>
	            </div>
		        <div>
		        	<span class="ml40">用户分组：</span>
		        	<select-list meau-info="groupsList" meau-id="groupId" meau-data="groupInit" meau-name="groupinitname" meau-refresh="evtrefresh"></select-list>
		        </div>
			</div>
            <div class="conditionBoxBottom">
            	<div class="right mt20">
            		<span class="ckhand mr10" ng-class="{'dis':canSave()}" ng-click="initCondition()">重置条件</span>
            		<span ng-show="!currentDefine.id">
            			<div class="btn btnblock mr10 mybtn h30" ng-click="nameWin()" ng-class="{'disable':canSave()}">保存</div>
            			<div class="btn3 btnblock mybtn h30" ng-click="lookReport()" ng-class="{'disable':canSave()}">查看</div>
            		</span>
            		<div class="btnMoreGroup" ng-show="currentDefine.id" ng-mouseenter="bgroup=true" ng-mouseleave="bgroup=false;">
            			<div class="primaryBtn" ng-click="save()" ng-class="{'dis':canSave()}">保存</div>
            			<div class="primarySelBtn" ng-class="{'dis':canSave()}"></div>
            			<ul class="btnMenu" ng-show="bgroup && !canSave()">
            				<li ng-click="save()">保存</li>
            				<li ng-click="nameWin(1)">另存为</li>
            			</ul>
            		</div>
            	</div>
            </div>
		</div>
	</div>
	<div class="conditionAlpha" ng-show="showEventWin" ng-click="closeAddWin()"></div>
</div>
<div class="panel" ng-show="defineList.length>0 || addFirst">
    <no-data ng-if="pathList.value.length==0 && !pathIsLoading"></no-data>
    <is-loading ng-if="pathIsLoading" style="top:300px;"></is-loading>
	<div id="mychart">
	</div>
	<div id="tip_shape">
	</div>
</div>
<div ng-show="defineList.length==0 && !addFirst">
	<div class="nodata">
		<h5>还没有智能路径</h5>
	</div>
	<div class="btn3" style="float:none;width:180px;margin:0 auto;text-align: center;" ng-click="addFirstPath()" ng-if="hasEditPower()">创建第一个智能路径</div>
	<dl class="tipsList statustip">
        <dt>1. 什么是“智能路径”？</dt>
        <dd>
        	通过TrackingIO追踪或记录的用户行为或业务迁移的过程。
        </dd>
        <dt>2. 怎么使用智能路径？</dt>
        <dd>通过TrackingIO强大的数据分析，路径可以帮助回答以下问题：<br/>
			能够帮助您分析出用户的路径偏好，掌握用户对产品的核心使用习惯。
			当您关注某个核心目标事件时，<br/>
			可以查看到用户的行为路径及占比情况。
		</dd>
    </dl>
</div>

<div class="openTipWin" ng-show="wantDelete">
    <div class="closeGray" ng-click="closeWin()"></div>
    <div class="tipCont">
        您确认删除&nbsp;&nbsp;“{{delDefine.name}}”&nbsp;&nbsp;的路径详情吗？
    </div>
    <div class="openBtnGroup clearfix">
        <div class="btn8 mr20" ng-click="closeWin()">取消</div>
        <div class="btn8" ng-click="doDelete()">确定</div>
    </div>
</div>
<div class="openTipWin" ng-show="wantSave"> 
    <div class="closeGray" ng-click="closeWin(2)"></div>
    <div class="tipCont" style="text-align: left;">
        <p class="mb10">请输入事件统计细分名称：</p>
        <div>
        	<input type="text" class="iptform" ng-model="ename" style="width:300px;" placeholder="文字限定在20个汉字以内">
        	<div class="btn5 ml10 btnblock conwidth" ng-click="save(1)">保存</div>
        </div>
    </div>
</div>
<div class="openTipWin winScroll" ng-show="nodeDetail" style="padding:35px;"> 
    <div style="text-align:center;margin-bottom: 30px;font-size:14px;"><span>节点详情</span></div>
    <div class="closeGray" ng-click="closeWin()"></div>
    <div style="padding-bottom: 10px;">
    	<span style="margin-right:30px;">事件名称：{{nodeName}}</span>
    	<span>流失比例：{{lpercent}}</span>
    </div>
    <div class="clear"></div>
    <div class="tableList">
        <table>
            <tr>
                <th></th>
            	<th>会话数</th>
            	<th>百分比</th>
            	<!-- <th>人群详情</th> -->
            </tr>
            <tr ng-repeat="detail in nodeDetails track by $index">
    				<td>{{detail.title}}</td>
    				<td>{{detail.count}}</td>
    				<td>{{detail.percent}}</td>
    				<!-- <td style="color: #00a9e8;">详情</td>	 -->
            </tr>
        </table>
    </div>
    <div style="padding-top:30px;">路径信息：</div>
    <div  ng-repeat="route in routeList track by $index">
    	<div class="btn word-ellipsis btnPath" ng-class="{'firstActive': ($index==0 && pathList.type) || ($last && !pathList.type), 'currentActive': route == nodeDetail}" title="{{route.name}}"><span class="currentIcon" ng-if="route == nodeDetail && route.level!=1"></span><span>{{route.name}}</span></div>
    	<div ng-class="{'solidArrow': (_nodes.length==0 && !$last) || (_nodes.length > 0 && (pathList.type && $index < routeList.length-2) || (!pathList.type && !$first && !$last))}"></div>
    	<div ng-class="{'dottedArrow': _nodes.length > 0 && ((pathList.type && $index==routeList.length-2) || (!pathList.type && $first))}"></div>
    </div>
</div>