<!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, .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">
      <ul class="mod-tabs-trigger J_nav" id="modeTabs">
        <li class="stat-sign" stat-sign="zonghe" stat-desc="综合统计" data-name="generalRecord">
          <a>战绩总览</a>
        </li>
        <li class="stat-sign" stat-sign="common" stat-desc="常规模式" data-name="historyRecord">
          <a>历史战绩</a>
        </li>
        <li class="stat-sign" stat-sign="2015" stat-desc="stat-desc" data-name="goodAt">
          <a>擅长领域</a>
        </li>
        <li class="selected 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"></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'];
        } else {
          tierName = '-';
        }        
      %>
      <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><%=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="achievement-tpl" type="text/template">
  <div class="mod-title"><img src="img/achievement/mod_title.png"></div>
  <div class="achievement">
    <ul class="clearfix">
      <li class="fl">
        <div class="charts-round-wrap">
          <div id="threeKillContainer" class="charts-wrap"></div>
          <div class="round-mask">
              <h3>三杀</h3>
              <p>x<%=data.triple_kill%></p>
          </div>
        </div>
        <p class="msg">已完成<span><%=data.triple_kill%>/<%=data.display_num%></span>次三杀任务</p>
      </li>
      <li class="fl">
        <div class="charts-round-wrap">
          <div id="fiveKillContainer" class="charts-wrap"></div>
          <div class="round-mask">
              <h3>五杀</h3>
              <p>x<%=data.penta_kill%></p>
          </div>
        </div>
        <p class="msg">已完成<span><%=data.penta_kill%>/<%=data.display_num%></span>次五杀任务</p>
      </li>
      <li class="fl">
        <div class="charts-round-wrap super-god">
          <div id="superGodContainer" class="charts-wrap"></div>
          <div class="round-mask">
              <h3>超神</h3>
              <p>x<%=data.god_like%></p>
          </div>
        </div>
        <p class="msg">已完成<span><%=data.god_like%>/<%=data.display_num%></span>次超神任务</p>
      </li>
      <li class="fl">
        <div class="charts-round-wrap">
          <div id="carryContainer" class="charts-wrap"></div>
          <div class="round-mask">
              <h3>CARRY</h3>
              <p>x<%=data.carry_num%></p>
          </div>
        </div>
        <p class="msg">已完成<span><%=data.carry_num%>/<%=data.display_num%></span>次CARRY任务</p>
      </li>
      <li class="fl">
        <div class="charts-round-wrap">
          <div id="mvpContainer" class="charts-wrap"></div>
          <div class="round-mask">
              <h3>MVP</h3>
              <p>x<%=data.mvp_num%></p>
          </div>
        </div>
        <p class="msg">已完成<span><%=data.mvp_num%>/<%=data.display_num%></span>次MVP任务</p>
      </li>
    </ul>
  </div>
  <div class="lock-wrap">
    <ul class="clearfix">
      <%
        // 完成情况
        var taskFinishList = [];
        data.carry_num >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.god_like  >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.penta_kill >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.mvp_num >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.minions_kill_num >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.rate_gank_num >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.neutral_minions >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.dragon_kill >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.total_damage_taken >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
        data.damage_dealt_to_cham >= data.display_num ? taskFinishList.push('finish') : taskFinishList.push('unfinish');
      %>
      <li class="fl <%=taskFinishList[0]%>">
        <img src="img/achievement/a_level_1.png">
        <p class="title">CARRY全场</p>
        <p class="num"><%=data.carry_num%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.carry_num%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="fl <%=taskFinishList[1]%>">
        <img src="img/achievement/a_level_2.png">
        <p class="title">完成超神</p>
        <p class="num"><%=data.god_like%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.god_like%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="fl <%=taskFinishList[2]%>">
        <img src="img/achievement/a_level_3.png">
        <p class="title">完成五杀</p>
        <p class="num"><%=data.penta_kill%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.penta_kill%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="fl <%=taskFinishList[3]%>">
        <img src="img/achievement/a_level_4.png">
        <p class="title">获得全场MVP</p>
        <p class="num"><%=data.mvp_num%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.mvp_num%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="boundary fl <%=taskFinishList[4]%>">
        <img src="img/achievement/a_level_5.png">
        <p class="title">全场补刀最高</p>
        <p class="num"><%=data.minions_kill_num%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.minions_kill_num%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="fl <%=taskFinishList[5]%>">
        <img src="img/achievement/a_level_6.png">
        <p class="title">GANK高达15%</p>
        <p class="num"><%=data.rate_gank_num%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.rate_gank_num%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="fl <%=taskFinishList[6]%>">
        <img src="img/achievement/a_level_7.png">
        <p class="title">野怪击杀100次</p>
        <p class="num"><%=data.neutral_minions%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.neutral_minions%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="fl <%=taskFinishList[7]%>">
        <img src="img/achievement/a_level_8.png">
        <p class="title">击杀大小龙4次</p>
        <p class="num"><%=data.dragon_kill%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.dragon_kill%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="fl <%=taskFinishList[8]%>">
        <img src="img/achievement/a_level_9.png">
        <p class="title">承伤高于40000</p>
        <p class="num"><%=data.total_damage_taken%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.total_damage_taken%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
      <li class="boundary fl <%=taskFinishList[9]%>">
        <img src="img/achievement/a_level_10.png">
        <p class="title">输出高于40000</p>
        <p class="num"><%=data.damage_dealt_to_cham%>/<%=data.display_num%></p>
        <div class="no-lock-mask">
          <i class="lock"></i>                  
          <div class="no-lock__info">
            <p>已完成</p>
            <p><%=data.damage_dealt_to_cham%>/<%=data.display_num%></p>
          </div>
        </div>
        <div class="lock-hover-mask">
          <div class="inner">
            <a>展示到首页</a>
          </div>
        </div>
        <div class="lock-active-mask">
          <i class="triangle"></i>
        </div>
      </li>
    </ul>
  </div>
  <div class="page-ad">
    <img src="img/page_ad.png" alt="">
  </div>  
</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 type="text/javascript">
  // fis3资源定位方法s
  function __uri(src) {
    return src;
  }

  /* 拆分逻辑模块 */
  var achievementJS = __uri("js/achievement.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('tab4');
  });
</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]-->
</body>
</html>



