<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,chrome=1" />
  <title>擅长领域</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <link rel="stylesheet" href="css/morris.css" />
  <link rel="stylesheet" href="css/personal.css" />
  <!--[if gt IE 6]><!-->
    <script type="text/javascript">
    !function(t){t.loadScript(["http://szhuodong.duowan.com/feq/lolbox/yy-f2e-header-lolbox.min"])}(function(){function t(t){var e=n(t);document.write(e)}function n(t){for(var n,r="",c=0;n=t[c];c++)r+=e(n);return r}function e(t){var n=[unescape("%3Cscript%20type%3D%22text/javascript%22%20src%3D%22"),"",unescape("%22%3E%3C/script%3E")],e=new Date;return e.setSeconds(0),e.setMilliseconds(0),e=e.getTime(),t+="?t_="+e,n[1]=t,n.join("")}return{loadScript:function(n){n&&n.length&&n instanceof Array&&t(n)}}}())
    </script>
<!--<![endif]-->
  <!--[if IE 7]>
    <style>
      .hero-nav, .content-nav li,.blacklist{behavior: url(js/PIE.htc);}
    </style>
  <![endif]-->
  <script>var playerMostUsedHero = null,jiathis_config;</script>
</head>
<body style="overflow:hidden;" scroll="no">
  <div class="personal-nav-wrap">    
    <div class="mod-tabs-hd col-4 clearfix">
      <ul class="mod-tabs-trigger J_nav" id="modeTabs">
        <li class="stat-sign" stat-sign="zonghe" stat-desc="综合统计" data-name="generalRecord">
          <a href="javascript:;">战绩总览</a>
        </li>
        <li class="stat-sign" stat-sign="common" stat-desc="常规模式" data-name="historyRecord">
          <a href="javascript:;">历史战绩</a>
        </li>
        <li class="selected stat-sign" stat-sign="2015" stat-desc="stat-desc" data-name="goodAt">
          <a href="javascript:;">擅长领域</a>
        </li>
        <li class="stat-sign" data-name="achievement">
          <a href="javascript:;">个人称号</a>
        </li>
      </ul>
      <div class="common-page__control clearfix">
        <a href="javascript:;" class="common-page__goBack"></a>
        <a href="javascript:;" class="common-page__reflash"></a>
      </div>       
    </div>
  </div>
  <div class="box personal" style="width:600px;padding:15px;overflow:hidden;">
    <div class="no-data-tip hide">
      <img src="img/clothes-commit-fail.png">
      <p></p>
    </div>
    <div class="box-bd clearfix">
      <div class="intro" id="personalInfo">
      </div>
      <div class="mod-tabs clearfix">
        <div class="mod-tabs-bd">
           <ul class="content-nav clearfix">
             <li class="active fl" data-id="0">
              <a href="" title="">
                打野
               <i class="arrow-down"></i>
              </a>
             </li>
             <li class="fl" data-id="1">
               <a href="" title="">
                输出
               <i class="arrow-down"></i>
              </a>
             </li>
             <li class="last fl" data-id="2">
               <a href="" title="">
                辅助
               <i class="arrow-down"></i>
              </a>
             </li>
           </ul>
           <div class="detail-content">
             <div class="detail-main clearfix" id="detailMain">
               
             </div>
             <div class="detail-videos" id="detailVideos">
                
             </div>
           </div>
        </div>
    </div>
  </div>

<!-- 玩家个人信息模板 -->
<script id="personalInfoTemp" type="text/template">
      <%
        var level = data.level;
        var zdlData = data.tier_rank;
        var global = data.global;
        var tier = zdlData.tier;
        var duanwei = tier.name_cn;
        var url = (data.focus == "0") ? (global.aUrl + "addFocus") : (global.aUrl + "removeFocus");

        var tierName;
        if (zdlData && zdlData['tier'] && zdlData['tier']['const'] > 0) {
          tierName = zdlData['tier']['name_cn'] + ' ' + zdlData['rank']['name'];
          duanwei = zdlData['tier']['const'];
        } else {
          tierName = '-';
          duanwei = '0'; 
        }        
      %>
      <div class="info">
        <div class="avatar">
          <a href="<%=global.href%>" class="stat-sign" stat-sign="stand" stat-desc="点击/战绩页">
           <img src="<%=data.url_img%>" />
          </a><div class="p_level"><%=level%></div>
          <img src="img/achievement/placeholder.png" class="userMedal">
        </div>
        <div class="text">
          <div class="name-info clearfix">
            <a class="name" href="javascript:;" title="<%=data.pn%>"><%=data.pn%></a>
            <span class="name-info__nameServer">（<%=data.game_zone.alias%>）</span>
            <span class="userInfo-common__focus <%=data.isSelf ? 'hide' : ''%>">
              <%if(data.followed) {%>
                <a class="attention already" data-action="removeFocus"></a>
              <%} else {%>
                <a class="attention" data-action="addFocus"></a>
              <%} %>
            </span>            
          </div>
          <div class="more-info">
            <span class="userDuanwei" data-duanwei="<%=duanwei%>"><%=tierName%></span>
            <span class="line-small"></span>          
            <span>点赞 <%=data.like%></span>
            <span class="line-small"></span>
            <span class="blacklist-content2">
              <label>拉黑 <%=data.unlike%></label>
            </span>
            <!-- <span class="blacklist">隐藏拉黑</span> -->
          </div>
        </div> 
       </div>

      <!-- 段位信息 -->
      <%
        if(tier){
      %>
        <div class="duan-wei clearfix">
          <img src="img/user-common__fighting.png">
          <p class="duan-wei-msg"><%=data.box_score%></p>
        </div>
      <%}%>

      <!-- 常用英雄列表 -->
      <div class="user-hero__box">
        <div class="user-hero__header clearfix">
          <h3>常用英雄</h3>

          <!-- 更多常用英雄URL -->
          <%
            var moreHeroURL = ['championsStat.html?serverName=', data.game_zone.server_name, '&playerName=', data.pn, '&userId=', data.user_id, '&gameZone=', data.game_zone.pinyin].join('');
            var historyRecordURL = ['historyRecord.html?serverName=', data.game_zone.server_name, '&playerName=', data.pn, '&userId=', data.user_id, '&gameZone=', data.game_zone.pinyin].join('');
          %>
          <a href="<%= moreHeroURL %>">更多》</a>
        </div>

        <ul class="user-hero__list clearfix">
          <% 
            var heroListData = data.champion_performance_list.slice(0,5);
            _.each(heroListData, function(item, i){ 
          %>
            <li>
              <a href="<%= historyRecordURL %>&championId=<%= item.champion.id %>">
                <img src="<%= item.champion.url_img['40x40'] %>">
                <div class="user-hero__mask"></div>
                <div class="user-hero__info">
                  <p class="user-hero__info--title">胜率</p>
                  <p><%= item.win_rate %>%</p>
                </div>              
              </a>
            </li>
          <% }); %>
        </ul>
      </div>
</script>
<!-- 擅长领域中间部分模板 -->
<script id="detailMainTemp" type="text/template">
  <%
    /* 是否超过平均值（是否打勾）*/                
    function isPass(cpData){
        if ( parseInt(cpData.key) > parseInt(cpData.ave) ){
            return 'check';
        }else{
            return 'wrong';
        }
    }

    /* 比较结果 */
    var cpResult = [
      isPass({key: data.chart1.rate, ave: data.zone.zone1['ave']}), // 饼图1
      isPass({key: data.chart2.rate, ave: data.zone.zone2['ave']}), // 饼图2
      isPass({key: data.chart3.rate, ave: data.zone.zone3['ave']}), // 饼图3
    ]
  %>
  <div class="main-left fl">
     <div class="detail-info">
       <!-- 称号、得分二期做 -->
       <!-- <span class="title">称号：野区杀神</span> -->
       <!-- <span>得分<%=data.score%></span> -->
       <!-- <i class="question"></i> -->
     </div>
     <div class="level-charts">
       <ul class="clearfix">
         <li class="fl">
            <div class="charts-round-wrap">
              <div id="gankContainer" class="charts-wrap"></div>
              <div class="round-mask" title="<%=data.chart1.title%>">
                  <h3><%=data.chart1.name%></h3>
                  <p><%=data.chart1.rate%>%</p>
              </div>
            </div>
            
            <span class="tip <%=cpResult[0]%>"></span>
            <div class="msg">
              <h3>同段位<%=data.chart1.name%>平均值</h3>
              <p class="data-duanwei__zone"><%=data.zone.zone1['ave']%>%</p>
            </div>
            
         </li>
         <li class="active fl">
            <div class="charts-round-wrap">
              <div id="joinPartyContainer" class="charts-wrap"></div>
              <div class="round-mask" title="<%=data.chart2.title%>">
                  <h3><%=data.chart2.name%></h3>
                  <p><%=data.chart2.rate%>%</p>
              </div>
            </div>
            
            <span class="tip <%=cpResult[1]%>"></span>
            <!-- <span class="round-arrow"></span> -->
            <div class="msg m-adjust">
              <h3>同段位<%=data.chart2.name%>平均值</h3>
              <p class="data-duanwei__zone"><%=data.zone.zone2['ave']%>%</p>
            </div>
           
         </li>
         <li class="fl">
            <div class="charts-round-wrap">
              <div id="dragonContainer" class="charts-wrap"></div>
              <div class="round-mask" title="<%=data.chart3.title%>">
                  <h3><%=data.chart3.name%></h3>
                  <p><%=data.chart3.rate%>%</p>
              </div>
            </div>
            
            <span class="tip <%=cpResult[2]%>"></span>
            <div class="msg">
              <h3>同段位<%=data.chart3.name%>平均值</h3>
              <p class="data-duanwei__zone"><%=data.zone.zone3['ave']%>%</p>
            </div>
            
         </li>
       </ul>
     </div>
     <%
      var positionIndex = $('.mod-tabs-bd li.active').index();
      var positionName = ['打野','输出','辅助'];
      var position = ['jungler','adc','support'];

      var TotalWin = {};
      TotalWin.totalWinNum_adc = parseInt(data.All.win_adc) + parseInt(data.All.lose_adc);
      TotalWin.totalWinNum_support = parseInt(data.All.win_support) + parseInt(data.All.lose_support);
      TotalWin.totalWinNum_jungler = parseInt(data.All.win_jungler) + parseInt(data.All.lose_jungler);
      var currentPositionWinNum = TotalWin['totalWinNum_'+position[positionIndex]];
     %>
     <div class="detail-desc">
       <span class="detail-desc__winRate" title="最近使用<%=positionName[positionIndex]%>：<%=currentPositionWinNum%>场">综合<%=positionName[positionIndex]%>胜率: <%=parseInt(data.All['win_rate_'+position[positionIndex]]) || 0%>%</span>&nbsp&nbsp&nbsp&nbsp<span class="detail-desc__tips">此数据根据最近20场比赛平均计算</span>
     </div>
     <div class="detail-left-more">
       <ul class="clearfix">
         <li class="fl">
           <h3>场均信号沟通</h3>
           <p><%=data.bottom.signal%></p>
         </li>
         <li class="fl">
           <h3>视野率</h3>
           <p><%=data.bottom.eye%>%</p>
         </li>
         <li class="fl">
           <h3>场均野怪击杀</h3>
           <p><%=data.bottom.kill%></p>
         </li>
         <li class="last fl">
           <h3>场均推塔</h3>
           <p><%=data.bottom.tower%></p>
         </li>
       </ul>
     </div>
   </div>
   <div class="main-right fl">
     <h3>常用<%=data.list.title%></h3>
     <ul>
        <% _.each(data.list.data, function(item, key){ %>
         <li class="clearfix">
           <img src="<%=item.champion.url_img['40x40']%>" class="fl">
           <div class="detail fl">
             <span>胜率</span>
             <p><%=item.win_rate%>%</p>
           </div>
         </li>        
        <% }); %>
     </ul>
   </div>
</script>

<!-- 推荐视频模块模板 -->
<script id="detailVideosTemp" type="text/template">
  <a class="hero-tip tip-large" href="<%=data.moreLink%>" target="_blank">
    <span>推荐视频</span>
  </a>
  <ul class="clearfix">
    <% _.each(data, function(item, key){ %>
    <li class="fl">
      <a href="<%=item.video_url%>" target="_blank">
        <img src="<%=item.video_cover%>">
        <div class="video-more">
          <div class="inner clearfix">
            <span class="title word" title="<%=item.video_title%>"><%=item.video_title%></span>
            <span class="time fr"><%=item.video_duration%></span>
          </div>  
        </div>
      </a>
    </li>
    <% }); %>
  </ul>
</script>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/highcharts.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/underscore.js"></script>
<script type="text/javascript" src="http://sz.duowan.com/s/ya/ya.1.3.1-min.js"></script>

<!--广告位统计-->
<script src="http://sz.duowan.com/resource/adstat.1.0.0.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/new_stat.js"></script>
<script src="js/personal_v3.0.js"></script>

<script type="text/javascript">
  $(function() {
    new Personal('tab3');
  });
</script>

<!--海度统计-->
<script type="text/javascript">_hiido_no=0;_hiido_wid=["lbox"];</script>
<script src="http://www.duowan.com/duowan.js" type="text/javascript"></script>
<!--百度统计-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?72772dda37b1e926733138415981abcf";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<!--[if gt IE 6]><!-->
    <script type="text/javascript">
        window.onerror = function(a,b,c){ return true};!function(t){t.loadScript(["http://szhuodong.duowan.com/feq/lolbox/yy-f2e-lolbox.min"])}(function(){function t(e,a){var n=a[e];if(n){e++;var o=document.createElement("script");o.type="text/javascript",o.setAttribute("async","async"),o.onload=o.onreadystatechange=function(){return o.readyState&&"complete"!==o.readyState&&"loaded"!==o.readyState?!1:(o.onload=o.onreadystatechange=null,void t(e,a))};var c=new Date;c.setSeconds(0),c.setMilliseconds(0),c=c.getTime(),o.async=!0,o.src=n+"?_="+c,document.getElementsByTagName("head")[0].appendChild(o)}}return{loadScript:function(e){e&&e.length&&e instanceof Array&&t(0,e)}}}());
    </script>
<!--<![endif]-->

<!-- 谷歌浏览器打开error -->
<script type="text/javascript">    
    /Chrom/gi.test(window.navigator.userAgent) && (window.onerror = null);
</script>
</body>
</html>



