<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Egde,chrome=1"/>
    <title>历史战绩</title>
    <link rel="stylesheet" href="http://assets.dwstatic.com/project/lolbox/2.13.0/css/zj.css"/>
    <link rel="stylesheet" href="css/zj-new.css"/>
    <!--[if IE 7]>
        <style>
          .record-nav li,.kda{behavior: url(js/PIE.htc);}
        </style>
    <![endif]-->

    <!--[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]-->
</head>

<body scroll='no' style="overflow:hidden">
<div class="box">
    <div class="personal-nav-wrap">    
        <div class="mod-tabs-hd coll-2 clearfix">
          <ul class="mod-tabs-trigger clearfix" id="modeTabs">
            <li class="selected stat-sign" stat-sign="common" stat-desc="常规模式" data-name="historyRecord">
              <a href="javascript:;">战斗记录</a>
            </li>
            <li class="stat-sign" stat-sign="zonghe" stat-desc="综合统计" data-name="generalRecord">
              <a href="javascript:;">个人总览</a>
            </li>
            <!--<li class="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-bd">
        <div id="boxContent">
            <div class="l-box">
                <!-- 筛选下拉列表 -->
                <div class="recent-nav">
                    <a href="javascript:;" class="recent-nav__input"><span class="key">全部</span><em></em></a>
                    <ul class="recent-nav__list clearfix">
                        <li><a href="javascript:;">全部</a></li>
                        <li><a href="javascript:;">匹配赛</a></li>
                        <li><a href="javascript:;">排位赛</a></li>
                        <li><a href="javascript:;">大乱斗</a></li>
                        <!-- <li><a href="javascript:;">我的收藏</a></li> -->
                    </ul>
                </div>

                <!-- 战绩列表 -->
                <div class="recent-record__list"></div>
            </div>
        </div>
        <div class="r-box">
            <div id="matchDetail">
                <img src="img/loading.gif" width="400" height="400" id="loading" style="display:none;">
                <div id="recordDetail"></div>
            </div>
            <!--广告-->
            <!-- <div class="ad-wrap">
                <script src="http://gt.yy.com/api/g?loc=newlola2"></script>
            </div> -->
        </div>
    </div>
</div>

<div id="__dvCompute" style="font-size:12px;position:absolute;visibility:hidden"></div>

<div id="phone-user-pop">
    <div class="phone-user-con">
    </div>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<!--<script type="text/javascript" src="http://www.duowan.com/public/assets/sys/js/dww3.min.js"></script>-->

<script src="js/battle.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/underscore.js"></script>
<script type="text/javascript" src="js/matchList.js"></script>
<script type="text/javascript">
    function base64_encode(str) {
        var c1, c2, c3;
        var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
        var i = 0,
            len = str.length,
            string = '';

        while (i < len) {
            c1 = str.charCodeAt(i++) & 0xff;
            if (i == len) {
                string += base64EncodeChars.charAt(c1 >> 2);
                string += base64EncodeChars.charAt((c1 & 0x3) << 4);
                string += "==";
                break;
            }
            c2 = str.charCodeAt(i++);
            if (i == len) {
                string += base64EncodeChars.charAt(c1 >> 2);
                string += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
                string += base64EncodeChars.charAt((c2 & 0xF) << 2);
                string += "=";
                break;
            }
            c3 = str.charCodeAt(i++);
            string += base64EncodeChars.charAt(c1 >> 2);
            string += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
            string += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6));
            string += base64EncodeChars.charAt(c3 & 0x3F)
        }
        return string
    }
</script>

<script type="text/javascript">
    var jiathis_config = {};
    var IMAGE_URL = "http://img.lolbox.duowan.com";
    var playerMostUsedHero = null,jiathis_config;
</script>
<!--<script type="text/javascript" src="js/heroesList.js"></script>-->
<!--<script type="text/javascript" src="js/zbItems.js"></script>-->

<!-- 错误提示 -->
<script id="tipTemplate" type="text/template">
    <div class="tip-no-data">
        <img src="img/clothes-commit-fail.png">
        <p>由于未知原因，此场比赛消失在遥远的二次元空间中。</p>
    </div>
</script>

<!-- 战绩列表 -->
<script id="boxContentTemplate" type="text/template">
    <%  
        if(data.length > 0) {
    %>
            <ul class="recent-list">  
            <%
                var matchHistory = data;

                for(var i=0;i<matchHistory.length;i++) {
                    var item = matchHistory[i];
                    var champion = item.champion;
                    var imgSrc = IMAGE_URL + '/champions/' + champion.name + "_40x40.jpg";
                    
                    // 时间计算
                    var localTime  = moment.utc(item.created).toDate();
                    localTime = moment(localTime).format('YYYY-MM-DD HH:mm:ss');
                    var timeArr = localTime.split(' ');
                    var monDayArr = timeArr[0].split('-');
                    var hourMinArr = timeArr[1].split(':');
                    var time = monDayArr[1] + '-' + monDayArr[2] + ' ' + hourMinArr[0] + ':' + hourMinArr[1];

                    var winHtml = "";
                    if(item.battle_result) {
                        winHtml = '<em class="green">' + (item.lastday == 1 ? '算你狠' : '胜利') + '</em>';
                    } else {
                        winHtml = '<em class="red">' + (item.lastday == 0 ? '失败' : '失败') + '</em>';
                    }

                    var name = champion.display_name.concat(champion.title);
                %>
                    <li data-id="<%=item.game_id%>"  data-name="<%=name%>" data-enname="<%=champion.name%>">
                        <%if (item.flag_mvp_carry == 1) {%>
                          <i class='item--mvp'></i>
                        <%} else if (item.flag_mvp_carry == 2) {%>
                          <i class='item--stronger'></i>
                        <%} %>
                        <span class="avatar">
                            <img src="<%=imgSrc%>" alt="<%=champion.name%>" title="<%=champion.title%>"/>
                        </span>

                        <p>
                            <%=winHtml%>
                        </p>

                        <p class="info">

                            <span class="game" style="max-width:36px;height:25px;overflow:hidden;" title="<%=item.game_type.name_cn%>"><%=item.game_type.name_cn%></span><span style="padding-left:2px;"><%=time%></span>
                        </p>
                        <%
                            if (data.isSelf) {
                               if (!item.collected) {
                        %>
                        <i data-time="<%=item.time%>" class="add-fav fav-btn" data-id="<%=item.game_id%>" title="点击收藏比赛"></i>
                        <% } else { %>
                        <i data-time='<%=item.time%>' title="点击删除此收藏" class="fav fav-btn" data-id="<%=item.game_id%>"></i>
                        <%}}%>
                    </li>
                <%}%>  
            </ul>
            <%
                var p = parseInt(data.p);
                var totalPage = data.totalPage;
                var prevClass = p == 1 ? "disable" : "";
                var nextClass = p == totalPage ? "disable" : "";
                var prevPage = p - 1;
                var nextPage = p + 1;
            %>
            <div class="zj-page">
                <a class="zj-prev zj-s <%=prevClass%>" title="上一页" data-page="<%=prevPage%>"></a> <input type="text" class="zj-cur"
                    value="<%=p%>"> <span class="page-num"> / <%=totalPage%></span>
                <a class="go-page" style="cursor:pointer;">GO</a> <a class="zj-next zj-s <%=nextClass%>" title="下一页" data-page="<%=nextPage%>"></a>
            </div>
    <%  } else {%>         
        <%
            $('.box-bd').html('<p class="no-records">盒子没有保存过此玩家的对战记录。</p>');
        %>        
    <%}%>     
</script>

<!-- 详细战绩 -->
<script id="recordDetailTemplate" type="text/template">
    <%
        data = data.player_game_list[0];
        var groupNameWinOrLose;
        var bannedHeroes = data.banned_champions;
        var userInfoClass = bannedHeroes.length > 0 ? '' : 'hide';
        var gameTypeObj = data.game_type_obj;

        var localTime  = moment.utc(data.end_timestamp).toDate();
        localTime = moment(localTime).format('YYYY-MM-DD HH:mm:ss'),
        timeStrArr = localTime.split(' ')[1].split(':'),endTime = timeStrArr[0] + ':' + timeStrArr[1];

        var teamWin = data.team_win;
        var teamLose = data.team_lose;
        var killStat = parseInt(teamWin.total_killed) + '/' + parseInt(teamLose.total_killed);
        var goldStat = parseInt(teamWin.total_gold_in_k) + '/' + parseInt(teamLose.total_gold_in_k)+'K';   

        // 游戏时长
        var game_time__min = parseInt(data.game_length % 86400 % 3600 / 60);
        var game_time__sec = parseInt(data.game_length % 86400 % 3600 % 60 % 60);
    %>
    <div class="r-top">
        <p><span>人头：<%=killStat%></span><span>金钱：<%=goldStat%></span><span>结束：<%=endTime%></span><span>时长：<%=game_time__min%>:<%=game_time__sec%></span></p>
        <a class="user-info <%=userInfoClass%>" href="javascript:void(0);"><i class="user-icon"></i>禁用英雄</a>
        <ul class="user-img <%=userInfoClass%>">
            <%_.each(bannedHeroes, function(item) {%>
                <li>
                    <img
                        src="http://img.lolbox.duowan.com/champions/<%=item.name%>_26x26.jpg"
                        alt="<%=item.title%>"
                        title="<%=item.title%>"
                    />
                </li>
            <%});%>
        </ul>
    </div> 
    <!--<div class="record-nav">
        <ul class="clearfix">
            <li class="fl" data-tab="personalAchievement"><a>个人战绩<i class="arrow-down"></i></a></li>
            <li class="fl" data-tab="detailBattle"><a>详细战绩<i class="arrow-down"></i></a></li>
        </ul>
    </div>-->
    <div id="detailBattle" class="r-table tab-content">
        <table id="zj-table-top" cellSpacing=0 cellPadding=0 border="0">
            <tr>
                <th class="col1">
                    <div class="match-result">
                        <span><em class="zj-win"></em>胜利方</span>
                        <!-- <span><em class="zj-fail"></em>失败方</span> -->
                    </div>
                </th>

            <% if (data.queueType != 'ODIN_UNRANKED') { %>
                <th class="col2">金钱</th>
                <th class="col3">杀/死/助</th>
            <% } else { %>
                <th class="col3">夺/拔/助</th>
            <% } %>

                <th class="col4">
                    <span class="sel-tab-link">
                        <a href="javascript:;" class="chuzhuang-link link-on" data-type="chuzhuang" title="点击看出装">出装</a>
                        <a href="javascript:;" class="early-data-link" data-type="early-data" title="点击看前10分钟数据" style="color:#666;">查看前10分钟数据</a>
                    </span>
                </th>
            </tr>
        </table>

        <div class="zj-table">
            <% var idx = 1, zjClass = ''; 
                if (data.is_very_surprise_winner) {
                    zjClass = "zj-table--big-changeover";
                } else {
                    if (data.is_surprise_winner) {
                       zjClass="zj-table--changeover";
                    }
                }
            %>
            <div id="zj-table--A" class="<%=zjClass%>">
                <div class="team-flag"></div>
                <table>
                    <%
                    var winPlayers = data.team_win.player_champions;
                    if (winPlayers.length > 0) {
                        groupNameWinOrLose = "winner-group";

                        _.each(winPlayers, function(player) {
                            var leaverFlag, urlAvatar, summonerName,summonerTitle, pnTitle,urlDetail,totalLen,extraClass,sn,pn, GOLD_EARNED,KILL_DEATHS_ASSISTS;
                            if (player.is_deserter) {
                                leaverFlag = "<span class='red'>(逃)</span>";
                            } else {
                                leaverFlag = "";
                            }

                            var hoverPN;//英雄头像hover时传的playerName
                            var champion = player.champion;
                            var playerInfo = player.player;
                            var serverName = playerInfo.game_zone.server_name;

                            var pInfo = {
                                userId: player.player.user_id,
                                gameZone: player.player.game_zone.pinyin
                            };

                            if (player.is_bot) {
                                urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
                                summonerTitle = playerInfo.pn;
                                summonerName = playerInfo.pn + leaverFlag;
                                
                                pnTitle = playerInfo.pn;
                                
                                urlDetail = null;
                                hoverPN = '';
                            } else {
                                hoverPN = playerInfo.pn;
                                summonerTitle = playerInfo.pn;
                                summonerName = playerInfo.pn + leaverFlag;
                                urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
                                
                                sn = encodeURIComponent(serverName);
                                pn = encodeURIComponent(playerInfo.pn);
                                urlDetail = "generalRecord.html?serverName="+sn +"&playerName="+pn + "&userId=" + pInfo.userId + "&gameZone=" + pInfo.gameZone;
                                if( pInfo.userId ){
                                    urlDetail = "generalRecord.html?serverName="+sn +"&playerName="+pn + "&userId=" + pInfo.userId + "&gameZone=" + pInfo.gameZone;
                                }else{
                                    urlDetail = "javascript:;";
                                }                                  
                            }
                            var strBoxTitle = '';
                            if (player['honors'] && player['honors'].length > 0) {
                                for(var i=0,len=player['honors'].length;i<len;i++) {
                                    var item = player['honors'][i], killClass = '';

                                    switch(item.name) {
                                     case 'brilliant_largest_killing_spree': killClass = 'brilliant_largestKillingSpree';break;
                                     case 'kill4': killClass = '4kill';break;
                                     case 'kill5': killClass = '5kill';break;
                                     case 'kill6': killClass = '6kill';break;
                                     default: killClass = item.name;
                                    }
                                    strBoxTitle += "<em class='zj-"+ killClass +" zj-s' title='" + item.desc + "' data-honour-key='" + item.name + "'></em>";
                                }
                            }

                            KILL_DEATHS_ASSISTS = player.total_killed + '/' + player.total_death + '/' + player.total_assist;

                            var strZB = '';
                            var zhuang_bei_array = player['items'];

                            if (zhuang_bei_array && zhuang_bei_array.length > 0) {
                                for(var i=0,len=zhuang_bei_array.length;i<len;i++) {
                                    var item = zhuang_bei_array[i];
                                    strZB += '<li><img src="' + IMAGE_URL + '/zb/' + item.id + '_24x24.jpg" ' + 'title="' + item.name + ' ' + item.description + '" ' + 'alt="' + item.name + ' ' + item.description+ '" /></li>';
                                    
                                }
                            }

                            var statDataIn10Min = player.kda_10;
                            
                            // MVP或者是大腿
                            var isMVPOrHope = '';
                            var flagMvpCarry = player.flag_mvp_carry;
                            
                            if (flagMvpCarry == 1) {
                                isMVPOrHope = "team-name--stronger";
                            } else if (flagMvpCarry == 2) {
                                isMVPOrHope = "team-name--mvp";
                            }

                            var p = player.player;
                            var pGameZone = p.game_zone.pinyin;
                            var pUserId = p.user_id;
                        %>
                            <tr>
                                <td class="col1">
                                    <div class="team-name <%=isMVPOrHope%>">
                                        <span class="flag"></span> <span data-indent="<%=idx%>" class="avatar" game-zone="<%=pGameZone%>" user-id="<%=pUserId%>"> 
                                            <img src="<%=urlAvatar%>" data-playerName="<%=hoverPN%>" data-serverName="<%=serverName%>" data-heroName="<%=champion.name%>" data-uid="<%=playerInfo.user_id%>"/>
                                        </span>

                                        <% if (urlDetail) { %>
                                            <a href="<%=urlDetail%>" title="<%=summonerTitle%>"><%=summonerName%></a>
                                        <% } else { %>
                                            <span class="bot" title="<%=summonerTitle%>">
                                            <%=summonerName%>
                                            </span>
                                        <% } %>
                                        <i class="icon-mvp-carry"></i>
                                        <div class="em-content"><%=strBoxTitle%></div>
                                    </div>
                                </td>

                                <% if (data.queueType != 'ODIN_UNRANKED') { %>
                                <td class="col2"><%=player['total_gold_in_k']%>k</td>
                                <% } %>

                                <td class="col3"><%=KILL_DEATHS_ASSISTS%></td>
                                <td class="col4">
                                    <div class="u-weapon">
                                        <ul class="chuzhuang">
                                        <%=strZB%>
                                        </ul>
                                        <ul class="early-data">
                                            <li><span class="minions-killed">
                                        补兵：
                                        <%if (statDataIn10Min && statDataIn10Min['m'] >= 80) {%>
                                            <em style="font-weight: bold; color: #f19000">
                                        <%} else if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
                                            <em style="font-weight: bold">
                                        <%}%>
                                        <%= (statDataIn10Min && statDataIn10Min['m'].toString()) || '-' %>
                                        <%if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
                                             </em>
                                        <%}%>
                                        </span>
                                            杀死助:<%=(statDataIn10Min && statDataIn10Min['k'].toString()) || '-'%>/<%=(statDataIn10Min && statDataIn10Min['d'].toString()) || '-'%>/<%=(statDataIn10Min && statDataIn10Min['a'].toString()) || '-'%>
                                        </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        <%
                            idx++;});
                        for (var i = winPlayers.length; i < 5; i ++) {
                    %>
                           <tr><td class='col1'></td><td class='col2'></td><td class='col3'></td><td class='col4'></td></tr>
                    <%  }
                    }
                    %>
                </table>
            </div>

            <div class="river-chu"></div>

            <div id="zj-table--B">
                <div class="team-flag"></div>

                <table>
                    <%
                    var loserPlayers = data.team_lose.player_champions;
                    
                    if (loserPlayers.length > 0) {
                        groupNameWinOrLose = "fail-group";

                        _.each(loserPlayers, function(player) {

                            var leaverFlag, urlAvatar, summonerName, summonerTitle, pnTitle,urlDetail,totalLen,extraClass,sn,pn, GOLD_EARNED,KILL_DEATHS_ASSISTS;

                            if (player.is_deserter) {
                                leaverFlag = "<span class='red'>(逃)</span>";
                            } else {
                                leaverFlag = "";
                            }

                            var hoverPN;//英雄头像hover时传的playerName
                            var champion = player.champion;
                            var playerInfo = player.player;
                            var serverName = playerInfo.game_zone.server_name;

                            var pInfo = {
                                userId: player.player.user_id,
                                gameZone: player.player.game_zone.pinyin
                            };

                            if (player.is_bot) {
                                urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
                                summonerTitle = playerInfo.pn;
                                summonerName = playerInfo.pn + leaverFlag;
                                
                                pnTitle = playerInfo.pn;
                                
                                urlDetail = null;
                                hoverPN = '';
                            } else {
                                hoverPN = playerInfo.pn;
                                summonerTitle = playerInfo.pn;
                                summonerName = playerInfo.pn + leaverFlag;
                                urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
                                
                                sn = encodeURIComponent(serverName);
                                pn = encodeURIComponent(playerInfo.pn);

                                /*userId为null或者0时不跳转*/
                                if( pInfo.userId ){
                                    urlDetail = "generalRecord.html?serverName="+sn +"&playerName="+pn + "&userId=" + pInfo.userId + "&gameZone=" + pInfo.gameZone;
                                }else{
                                    urlDetail = "javascript:;";
                                }                                
                            }

                            var strBoxTitle = '';

                            if (player['honors'] && player['honors'].length > 0) {
                                for(var i=0,len=player['honors'].length;i<len;i++) {
                                    var item = player['honors'][i], killClass = '';
                                    switch(item.name) {
                                     case 'brilliant_largest_killing_spree': killClass = 'brilliant_largestKillingSpree';break;
                                     case 'kill4': killClass = '4kill';break;
                                     case 'kill5': killClass = '5kill';break;
                                     case 'kill6': killClass = '6kill';break;
                                     default: killClass = item.name;
                                    }
                                    strBoxTitle += "<em class='zj-"+ killClass +" zj-s' title='" + item.desc + "' data-honour-key='" + item.name + "'></em>";
                                }
                            }

                            KILL_DEATHS_ASSISTS = player.total_killed + '/' + player.total_death + '/' + player.total_assist;

                            var strZB = '';
                            var zhuang_bei_array =player['items'];

                            if (zhuang_bei_array && zhuang_bei_array.length > 0) {
                                for(var i=0,len=zhuang_bei_array.length;i<len;i++) {
                                    var item = zhuang_bei_array[i];
                                    strZB += '<li><img src="' + IMAGE_URL + '/zb/' + item.id + '_24x24.jpg" ' + 'title="' + item.name + ' ' + item.description + '" ' + 'alt="' + item.name + ' ' + item.description+ '" /></li>';
                                }
                            }

                            var statDataIn10Min = player.kda_10;

                            // MVP或者是大腿
                            var isMVPOrHope = '';
                            var flagMvpCarry = player.flag_mvp_carry;
                            if (flagMvpCarry == 1) {
                                isMVPOrHope = "team-name--stronger";
                            } else if (flagMvpCarry == 2) {
                                isMVPOrHope = "team-name--mvp";
                            }

                            var p = player.player;
                            var pGameZone = p.game_zone.pinyin;
                            var pUserId = p.user_id;
                    %>
                        <tr>
                            <td class="col1">
                                <div class="team-name <%=isMVPOrHope%>">
                                    <span class="flag"></span> <span data-indent="<%=idx%>"
                                        class="avatar" game-zone="<%=pGameZone%>" user-id="<%=pUserId%>">
                                        <img src="<%=urlAvatar%>" data-playerName="<%=hoverPN%>" data-serverName="<%=serverName%>" data-heroName="<%=champion.name%>" data-uid="<%=playerInfo.user_id%>"/>
                                    </span>

                                    <% if (urlDetail) { %>
                                        <a href="<%=urlDetail%>" title="<%=summonerTitle%>"><%=summonerName%></a>
                                    <% } else { %>
                                        <span class="bot" title="<%=summonerTitle%>">
                                        <%=summonerName%>
                                        </span>
                                    <% } %>
                                    <i class="icon-mvp-carry"></i>
                                    <div class="em-content"><%=strBoxTitle%></div>
                                </div>
                            </td>

                            <% if (data.queueType != 'ODIN_UNRANKED') { %>
                            <td class="col2"><%=player['total_gold_in_k']%>k</td>
                            <% } %>

                            <td class="col3"><%=KILL_DEATHS_ASSISTS%></td>
                            <td class="col4">
                                <div class="u-weapon">
                                    <ul class="chuzhuang">
                                    <%=strZB%>
                                </ul>
                                    <ul class="early-data">
                                        <li><span class="minions-killed">
                                    补兵：
                                    <%if (statDataIn10Min && statDataIn10Min['m'] >= 80) {%>
                                        <em style="font-weight: bold; color: #f19000">
                                    <%} else if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
                                        <em style="font-weight: bold">
                                    <%}%>
                                    <%= (statDataIn10Min && statDataIn10Min['m'].toString()) || '-' %>
                                    <%if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
                                         </em>
                                    <%}%>
                                    </span>
                                        杀死助:<%=(statDataIn10Min && statDataIn10Min['k'].toString()) || '-'%>/<%=(statDataIn10Min && statDataIn10Min['d'].toString()) || '-'%>/<%=(statDataIn10Min && statDataIn10Min['a'].toString()) || '-'%>
                                    </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    <%  idx++;});
                        
                        for (var i = loserPlayers.length; i < 5; i ++) {
                    %>
                            <tr><td class='col1'></td><td class='col2'></td><td class='col3'></td><td class='col4'></td></tr>
                    <%}}%>
                </table>
            </div>

            <% var idx = 1;%>
            <div id="data-layer" class="data-layer">
                <%
                    var win = data.team_win.player_champions;

                    if(win && win.length > 0) {
                        _.each(win, function(player) {
                            var summonerNameFiltered, summonerTitle, leaverFlag, urlAvatar, urlSkill1, urlSkill2,MVPEva,isMVP;
                            var playerInfo = player.player;
                            var champion = player.champion;
                            var spells = player.spells;
                            // 实际是 playerName
                            summonerNameFiltered = playerInfo.pn;

                            summonerTitle =champion.display_name;
                            leaverFlag = player.is_deserter ? "<span class='red'>(逃)</span>" : "";
                            urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_40x40.jpg';

                            if (spells[0] && spells[0].id) {
                                urlSkill1 = IMAGE_URL + '/spells/' + spells[0].id + '_24x24.jpg';
                            } else {
                                urlSkill1 = null;
                            }

                            if (spells[1] && spells[1].id) {
                                urlSkill2 = IMAGE_URL + '/spells/' + spells[1].id + '_24x24.jpg';
                            } else {
                                urlSkill2 = null;
                            }

                            var MINIONS_KILLED = player.total_minions_killed;
                            var TOTAL_TIME_CROWD_CONTROL_DEALT = player.total_neutral_minions_killed;

                            var TURRETS_KILLED = player.total_turrets_killed;
                            var BARRACKS_KILLED = player.total_barracks_killed;

                            var WARD_PLACED = player.total_ward_placed;
                            var WARD_KILLED = player.total_ward_killed;

                            var LARGEST_KILLING_SPREE = player.largest_killing_spree;
                            var LARGEST_MULTI_KILL = player.largest_multi_kill;

                            var LARGEST_CRITICAL_STRIKE = player.largest_critical_strike;
                            var TOTAL_HEAL = player.total_heal;

                            var TOTAL_DAMAGE_DEALT = player.total_damage_dealt;
                            var TOTAL_DAMAGE_TAKEN = player.total_damage_taken;

                            var TOTAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_damage_dealt_to_champions;
                            var PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_physical_damage_dealt_to_champions;
                            var MAGIC_DAMAGE_DEALT_TO_CHAMPIONS = player.total_magic_damage_dealt_to_champions;
                            var TRUE_DAMAGE_DEALT_TO_CHAMPIONS = player.total_true_damage_dealt_to_champions;

                            var NEUTRAL_MINIONS_KILLED_TOTAL = player.total_neutral_minions_killed;

                            MVPEva = player.evaluate_in_game;

                            isMVP = player['flag_mvp_carry'] == 1 ? true : false;

                            isHope = player['flag_mvp_carry'] == 2 ? true : false;

                            var isMVPOrHope = '';
                            if (isHope) {
                                isMVPOrHope = 'tip-big-avatar--stronger';
                            } else if (isMVP) {
                                isMVPOrHope = 'tip-big-avatar--mvp';
                            }

                            idx ++;
                            %>
                                <div class="layer">
                                    <div class="mod-tips-top">
                                        <div class="tip-topleft">
                                            <p class="tip-user-name">
                                                <%=summonerNameFiltered%>
                                           </p>

                                            <a href="javascript:;"
                                                class="tip-big-avatar <%=isMVPOrHope%>"><i></i><img
                                                src="<%=urlAvatar%>"></a>

                                            <div class="tip-user-detail">
                                                <span class="tip-tip-user-name2"><%=summonerTitle%></span>
                                                <%
                                                    if (player['is_bot']) {} else {
                                                %>
                                                    <p class="tip-small-avatar">
                                                        <% if (urlSkill1) { %>
                                                            <img src="<%=urlSkill1%>" />
                                                        <% } %>

                                                        <% if (urlSkill2) { %>
                                                            <img src="<%=urlSkill2%>" />
                                                        <% } %>
                                                    </p>

                                                <% } %>
                                            </div>
                                        </div>
                                        <div class="tip-topright-wrap">
                                            <div class="tip-topright">
                                                <p>
                                                    <em class="zj-zdl zj-s"></em>...
                                                </p>

                                                <p class="zj-blue">...</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mod-tips-main">
                                        <table class="mod-tips-data">
                                            <% if (MVPEva) { %>
                                            <tr>
                                                <td class="label" style="color: #ff9900;">战局评分:</td>
                                                <td colspan="3" style="color: #ff9900;"><%=MVPEva%></td>
                                            </tr>
                                            <% } %>

                                            <tr>
                                                <td class="label">补兵:</td>
                                                <td><%=MINIONS_KILLED%></td>
                                                <td class="label">野怪:</td>
                                                <td><%=NEUTRAL_MINIONS_KILLED_TOTAL%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">推塔:</td>
                                                <td><%=TURRETS_KILLED%></td>
                                                <td class="label">兵营:</td>
                                                <td><%=BARRACKS_KILLED%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">放眼数:</td>
                                                <td><%=WARD_PLACED%></td>
                                                <td class="label">排眼数:</td>
                                                <td><%=WARD_KILLED%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">最大连杀:</td>
                                                <td><%=LARGEST_KILLING_SPREE%></td>
                                                <td class="label">最大多杀:</td>
                                                <td><%=LARGEST_MULTI_KILL%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">最大暴击:</td>
                                                <td><%=LARGEST_CRITICAL_STRIKE%></td>
                                                <td class="label">总治疗:</td>
                                                <td><%=TOTAL_HEAL%></td>
                                            </tr>

                                            <tr>
                                                <td class="label">输出伤害:</td>
                                                <td><%=TOTAL_DAMAGE_DEALT%></td>
                                                <td class="label">承受敌害:</td>
                                                <td><%=TOTAL_DAMAGE_TAKEN%></td>

                                            </tr>
                                        </table>

                                        <p>
                                            <span class="label">给对方英雄造成总伤害:</span>
                                            <%=TOTAL_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>

                                        <p>
                                            <span class="label">给对方英雄的物理伤害:</span>
                                            <%=PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>

                                        <p>
                                            <span class="label">给对方英雄的魔法伤害:</span>
                                            <%=MAGIC_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>

                                        <p>
                                            <span class="label">给对方英雄的真实伤害:</span>
                                            <%=TRUE_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>
                                        <!-- <div class="tip-btn-group">
                                            <a href="http://www.huya.com/g/lol" target="_blank">直播</a>
                                            <a href="http://db.duowan.com/static/lolnewcz/list.html?name=<%=champion.name%>&flag=1&p=1">出装</a>
                                        </div> -->
                                    </div>
                                </div>

                            <%
                        });
                    }
                %>
                <%  
                    var loser = data.team_lose.player_champions;
                    if(loser && loser.length > 0) {
                        _.each(loser, function(player) {
                            var summonerNameFiltered, summonerTitle, leaverFlag, urlAvatar, urlSkill1, urlSkill2,MVPEva,isMVP;
                            var playerInfo = player.player;
                            var champion = player.champion;
                            var spells = player.spells;
                            // 实际是 playerName
                            summonerNameFiltered = playerInfo.pn;
                            summonerTitle =champion.display_name;
                            leaverFlag = player.is_deserter ? "<span class='red'>(逃)</span>" : "";
                            urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_40x40.jpg';

                            if (spells[0] && spells[0].id) {
                                urlSkill1 = IMAGE_URL + '/spells/' + spells[0].id + '_24x24.jpg';
                            } else {
                                urlSkill1 = null;
                            }

                            if (spells[1] && spells[1].id) {
                                urlSkill2 = IMAGE_URL + '/spells/' + spells[1].id + '_24x24.jpg';
                            } else {
                                urlSkill2 = null;
                            }

                            var MINIONS_KILLED = player.total_minions_killed;
                            var TOTAL_TIME_CROWD_CONTROL_DEALT = player.total_neutral_minions_killed;

                            var TURRETS_KILLED = player.total_turrets_killed;
                            var BARRACKS_KILLED = player.total_barracks_killed;

                            var WARD_PLACED = player.total_ward_placed;
                            var WARD_KILLED = player.total_ward_killed;

                            var LARGEST_KILLING_SPREE = player.largest_killing_spree;
                            var LARGEST_MULTI_KILL = player.largest_multi_kill;

                            var LARGEST_CRITICAL_STRIKE = player.largest_critical_strike;
                            var TOTAL_HEAL = player.total_heal;

                            var TOTAL_DAMAGE_DEALT = player.total_damage_dealt;
                            var TOTAL_DAMAGE_TAKEN = player.total_damage_taken;

                            var TOTAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_damage_dealt_to_champions;
                            var PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_physical_damage_dealt_to_champions;
                            var MAGIC_DAMAGE_DEALT_TO_CHAMPIONS = player.total_magic_damage_dealt_to_champions;
                            var TRUE_DAMAGE_DEALT_TO_CHAMPIONS = player.total_true_damage_dealt_to_champions;

                            var NEUTRAL_MINIONS_KILLED_TOTAL = player.total_neutral_minions_killed;

                            MVPEva = player.evaluate_in_game;

                            isMVP = player['flag_mvp_carry'] == 1 ? true : false;

                            isHope = player['flag_mvp_carry'] == 2 ? true : false;

                            var isMVPOrHope = '';
                            if (isHope) {
                                isMVPOrHope = 'tip-big-avatar--stronger';
                            } else if (isMVP) {
                                isMVPOrHope = 'tip-big-avatar--mvp';
                            }
                            
                            idx ++;
                            %>
                                <div class="layer">
                                    <div class="mod-tips-top">
                                        <div class="tip-topleft">
                                            <p class="tip-user-name">
                                                <%=summonerNameFiltered%>
                                           </p>

                                            <a href="javascript:;"
                                                class="tip-big-avatar <%=isMVPOrHope%>"><i></i><img
                                                src="<%=urlAvatar%>"></a>

                                            <div class="tip-user-detail">
                                                <span class="tip-tip-user-name2"><%=summonerTitle%></span>
                                                <%
                                                    if (player['is_bot']) {} else {
                                                %>
                                                    <p class="tip-small-avatar">
                                                        <% if (urlSkill1) { %>
                                                            <img src="<%=urlSkill1%>" />
                                                        <% } %>

                                                        <% if (urlSkill2) { %>
                                                            <img src="<%=urlSkill2%>" />
                                                        <% } %>
                                                    </p>

                                                <% } %>
                                            </div>
                                        </div>
                                        <div class="tip-topright-wrap">
                                            <div class="tip-topright">
                                                <p>
                                                    <em class="zj-zdl zj-s"></em>...
                                                </p>

                                                <p class="zj-blue">...</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mod-tips-main">
                                        <table class="mod-tips-data">
                                            <% if (MVPEva) { %>
                                            <tr>
                                                <td class="label" style="color: #ff9900;">战局评分:</td>
                                                <td colspan="3" style="color: #ff9900;"><%=MVPEva%></td>
                                            </tr>
                                            <% } %>

                                            <tr>
                                                <td class="label">补兵:</td>
                                                <td><%=MINIONS_KILLED%></td>
                                                <td class="label">野怪:</td>
                                                <td><%=NEUTRAL_MINIONS_KILLED_TOTAL%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">推塔:</td>
                                                <td><%=TURRETS_KILLED%></td>
                                                <td class="label">兵营:</td>
                                                <td><%=BARRACKS_KILLED%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">放眼数:</td>
                                                <td><%=WARD_PLACED%></td>
                                                <td class="label">排眼数:</td>
                                                <td><%=WARD_KILLED%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">最大连杀:</td>
                                                <td><%=LARGEST_KILLING_SPREE%></td>
                                                <td class="label">最大多杀:</td>
                                                <td><%=LARGEST_MULTI_KILL%></td>
                                            </tr>
                                            <tr>
                                                <td class="label">最大暴击:</td>
                                                <td><%=LARGEST_CRITICAL_STRIKE%></td>
                                                <td class="label">总治疗:</td>
                                                <td><%=TOTAL_HEAL%></td>
                                            </tr>

                                            <tr>
                                                <td class="label">输出伤害:</td>
                                                <td><%=TOTAL_DAMAGE_DEALT%></td>
                                                <td class="label">承受敌害:</td>
                                                <td><%=TOTAL_DAMAGE_TAKEN%></td>

                                            </tr>
                                        </table>

                                        <p>
                                            <span class="label">给对方英雄造成总伤害:</span>
                                            <%=TOTAL_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>

                                        <p>
                                            <span class="label">给对方英雄的物理伤害:</span>
                                            <%=PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>

                                        <p>
                                            <span class="label">给对方英雄的魔法伤害:</span>
                                            <%=MAGIC_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>

                                        <p>
                                            <span class="label">给对方英雄的真实伤害:</span>
                                            <%=TRUE_DAMAGE_DEALT_TO_CHAMPIONS%>
                                        </p>
                                        <!--<div class="tip-btn-group">
                                            <a href="http://www.huya.com/g/lol" target="_blank">直播</a>
                                            <a href="http://db.duowan.com/static/lolnewcz/list.html?name=<%=champion.name%>&flag=1&p=1">出装</a>
                                        </div>-->
                                    </div>
                                </div>

                            <%
                        });
                    }
                %>
            </div>
        </div>
    </div> 
    <%                
        // 位置计算
        var position_map = {'is_support': '辅助', 'is_adc': '输出', 'is_jungler': '打野'};
        var userPositon = {'is_support': 'support', 'is_adc': 'adc', 'is_jungler': 'jungler'};
        var loseData = data.team_lose.player_champions;
        var allData = data.team_win.player_champions.concat(loseData); //输的和赢的数据合并
        var userId = data.player_champion.player.user_id;
        var PlayerData = data.player_champion;

        var historyUserData = getHistoryUserData(allData);
        var key = historyUserData.key; //玩家的位置

        // 遍历战绩
        function getHistoryUserData(o) {
            for (var i = 0; i < o.length; i++) {
                var itemUserId = o[i].player.user_id;

                if ( userId == itemUserId ) {
                    if ( o[i].is_jungler ) {
                        return {
                            key: 'is_jungler',
                            data: o[i].perf_ave || {}
                        };
                        break;
                    }
                    if ( o[i].is_support ) {
                        return {
                            key: 'is_support',
                            data: o[i].perf_ave || {}
                        };                        
                        break;
                    }
                    if ( o[i].is_adc ) {
                        return {
                            key: 'is_adc',
                            data: o[i].perf_ave || {}
                        }; 
                        break;
                    }                                               
                }                   
            }
        }

        /* 饼图title提示 */
        var title = [
            historyUserData.data['rate_assists_' + userPositon[key]] || {},
            historyUserData.data['rate_dragon_killed_' + userPositon[key]] || {},
            historyUserData.data['rate_gank_' + userPositon[key]] || {},
            historyUserData.data['rate_keep_alive_' + userPositon[key]] || {},
            historyUserData.data['rate_damage_' + userPositon[key]] || {},
            historyUserData.data['rate_vision_' + userPositon[key]] || {}
        ]

        // 数据构造
        var Database = {
            // 饼图名字关系表
            t_chart__name: {
              'is_jungler': {'name1': '参团率', 'name2': '小龙率', 'name3': 'GANK率', 'title1': title[0], 'title2': title[1], 'title3': title[2]},
              'is_adc': {'name1': '存活率', 'name2': '参团率', 'name3': '输出率', 'title1': title[3], 'title2': title[0], 'title3': title[4]},
              'is_support': {'name1': '存活率', 'name2': '参团率', 'name3': '视野率', 'title1': title[3], 'title2': title[0], 'title3': title[5]}
            },

            // 概率关系表
            t_chart_rate: {
              'is_jungler': {'rate1': PlayerData.rate_assists, 'rate2': PlayerData.rate_dragon_killed || 0, 'rate3': PlayerData.rate_gank},
              'is_adc': {'rate1': PlayerData.rate_keep_alive, 'rate2': PlayerData.rate_assists, 'rate3': PlayerData.rate_damage},
              'is_support': {'rate1': PlayerData.rate_keep_alive, 'rate2': PlayerData.rate_assists, 'rate3': PlayerData.rate_vision}
            }
        }

        /* 是否超过平均值（是否打勾）*/                
        function isPass(cpData){
            if ( !cpData.ave ) return 'icon-wrong'; // perf_ave为空时

            if ( parseInt(cpData.key) > parseInt(cpData.ave) ){
                return 'icon-check';
            }else{
                return 'icon-wrong';
            }
        }

        /* 饼图不同的key对照表 */
        var pieData = {
            'is_jungler': ['rate_assists_jungler', 'rate_dragon_killed_jungler', 'rate_gank_jungler'],
            'is_adc': ['rate_keep_alive_adc', 'rate_assists_adc', 'rate_damage_adc'],
            'is_support': ['rate_keep_alive_support', 'rate_assists_support', 'rate_vision_support']
        }

        /* 比较结果数据 */
        var cpResult = [
            isPass({key: data.player_champion.total_neutral_minions_killed, ave: historyUserData.data['neutral_minions_killed_'+userPositon[key]] && historyUserData.data['neutral_minions_killed_'+userPositon[key]].ave || 0}), // 野怪击杀

            isPass({key: data.player_champion.total_neutral_minions_killed, ave: historyUserData.data['neutral_minions_killed_'+userPositon[key]] && historyUserData.data['neutral_minions_killed_'+userPositon[key]].ave || 0 }), // 插反眼

            isPass({key: data.player_champion.kill_1v1, ave: historyUserData.data['kill_1v1_'+userPositon[key]] && historyUserData.data['kill_1v1_'+userPositon[key]].ave || 0 }),  // 单杀数

            isPass({key: data.player_champion.signals_sent, ave: historyUserData.data['signals_sent_'+userPositon[key]] && historyUserData.data['signals_sent_'+userPositon[key]].ave || 0 }),             
                            // 信号沟通

            isPass({key: data.player_champion.total_damage_dealt, ave: historyUserData.data['neutral_minions_killed_'+userPositon[key]] && historyUserData.data['neutral_minions_killed_'+userPositon[key]].ave || 0 }),           // 伤害输出

            isPass({key: data.player_champion.total_damage_taken, ave: historyUserData.data['neutral_minions_killed_'+userPositon[key]] && historyUserData.data['neutral_minions_killed_'+userPositon[key]].ave || 0 }),           // 承受伤害

            isPass({key: Database.t_chart_rate[key].rate1, ave: historyUserData.data[pieData[key][0]] && historyUserData.data[pieData[key][0]].ave || 0 }), // 饼图1

            isPass({key: Database.t_chart_rate[key].rate2, ave: historyUserData.data[pieData[key][1]] && historyUserData.data[pieData[key][1]].ave || 0 }), // 饼图2

            isPass({key: Database.t_chart_rate[key].rate3, ave: historyUserData.data[pieData[key][2]] && historyUserData.data[pieData[key][2]].ave || 0 })  // 饼图3
        ]   
    %>     
    <div id="personalAchievement" class="tab-content hide">
        <div class="pa-top clearfix">
            <img src="<%=data.player_champion.champion.url_img['120x120']%>" class="history-recordTab__userIcon fl">
            <div class="pa-top-content fl">
                <div class="pa-info">
                    <span class="info-1 historyRecord-userInfo__position">输出</span>
                    <span><%=data.player_champion.champion.positions[0].position_in_cn%>局</span>
                    <span>经济：<%=data.player_champion.total_gold_in_k%>K</span>
                    <span class="last">推塔：<%=data.player_champion.total_turrets_killed%></span>
                </div>
                <div class="pa-detail">
                    <ul>
                        <li>
                            <div class="inner">
                                <span>野怪击杀：<%=data.player_champion.total_neutral_minions_killed%><i class="<%=cpResult[0]%>"></i></span>
                                <span>插/反眼：<%=data.player_champion.ward_placed%>/<%=data.player_champion.ward_killed%><i class="<%=cpResult[0]%>"></i></span>
                            </div>
                        </li>
                        <li class="blank-bg">
                            <div class="inner">
                                <span>单杀数：<%=data.player_champion.kill_1v1%><i class="<%=cpResult[2]%>"></i></span>
                                <span>信号沟通：<%=data.player_champion.signals_sent%><i class="<%=cpResult[3]%>"></i></span>
                            </div>
                        </li>
                        <li>
                            <div class="inner">
                                <!-- 物理+魔法 -->
                                <span>伤害输出：<%= data.player_champion.total_magic_damage_dealt_to_champions + data.player_champion.total_physical_damage_dealt_to_champions %><i class=""></i></span>
                                <span>承受伤害：<%=data.player_champion.total_damage_taken%><i class=""></i></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="pa-clothes">
                    <div class="clothes-tip fl">出装</div>
                    <ul class="clearfix fl">                        
                      <% _.each(data.player_champion.items, function(item, key){ %>
                        <li class="fl" title="<%=item.description%>"><img src="<%=item.url_img%>"></li>
                      <% }); %>                        
                    </ul>
                </div>
            </div>

            <!-- 鼠标悬浮在用户头像的弹窗 -->
            <div class="userRecordDetail mod-tips-s1">
                <div class="userRecordDetail-center mod-tips-bg">
                    <div class="userRecordDetail-con mod-tips-content"></div>
                </div>
            </div>
        </div>
        <div class="pa-main clearfix">
            <div class="kda fl">
                <div class="inner clearfix">
                    <div class="kda-msg fl">
                        <h3>全场KDA</h3>
                        <h3 class="num"><%=data.player_champion.evaluate_in_game%></h3>
                    </div>
                    <div class="kda-detail fl">
                        <p>击杀<span><%=data.player_champion.total_killed%></span></p>
                        <p>死亡<span><%=data.player_champion.total_death%></span></p>
                        <p>助攻<span><%=data.player_champion.total_assist%></span></p>
                    </div>
                </div>
            </div>    
            <div class="level-charts fl">
               <ul class="clearfix">
                 <li class="fl">
                    <div class="charts-round-wrap">
                      <div id="gankContainer" class="charts-wrap"></div>
                      <div class="round-mask" title="同段位平均水平：<%=Database.t_chart__name[key].title1.ave || '-' %>%&#10;同段位最高水平：<%=Database.t_chart__name[key].title1.max || '-' %>%&#10;超越<%=Database.t_chart__name[key].title1.beyond || '-'%>%的人">
                          <h3><%=Database.t_chart__name[key].name1%></h3>
                          <p class="data-charts__1"><%=Database.t_chart_rate[key].rate1 || 0%>%</p>
                      </div>
                    </div>
                    <span class="tip <%=cpResult[6]%>"></span>
                 </li>
                 <li class="fl">
                    <div class="charts-round-wrap">
                      <div id="joinPartyContainer" class="charts-wrap"></div>
                      <div class="round-mask" title="同段位平均水平：<%=Database.t_chart__name[key].title2.ave || '-' %>%&#10;同段位最高水平：<%=Database.t_chart__name[key].title2.max || '-' %>%&#10;超越<%=Database.t_chart__name[key].title2.beyond || '-'%>%的人">
                          <h3><%=Database.t_chart__name[key].name2%></h3>
                          <p class="data-charts__2"><%=Database.t_chart_rate[key].rate2 || 0%>%</p>
                      </div>
                    </div>
                    <span class="tip <%=cpResult[7]%>"></span>
                 </li>
                 <li class="fl">
                    <div class="charts-round-wrap">
                      <div id="dragonContainer" class="charts-wrap"></div>
                      <div class="round-mask" title="同段位平均水平：<%=Database.t_chart__name[key].title3.ave || '-' %>%&#10;同段位最高水平：<%=Database.t_chart__name[key].title3.max || '-' %>%&#10;超越<%=Database.t_chart__name[key].title3.beyond || '-'%>%的人">
                          <h3><%=Database.t_chart__name[key].name3%></h3>
                          <p class="data-charts__3"><%=Database.t_chart_rate[key].rate3 || 0%>%</p>
                      </div>
                    </div>
                    <span class="tip <%=cpResult[8]%>"></span>
                 </li>
               </ul>
             </div>
        </div>
        <div class="pa-bottom">
            <div class="detail-videos" id="videos"></div>
        </div>
    </div>
    <div id="mod-tips-s1" class="mod-tips-s1">
        <div class="mod-tips-bg">
            <div class="mod-tips-content"></div>
        </div>
        <i class="arrow l"></i>
    </div>
</script>

<!-- 推荐视频 -->
<script id="videosTemplate" type="text/template">
    <a class="hero-tip" href="<%=data.moreLink.toLowerCase()%>" 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>var stat_app_name = "boxgame_matchlist"; var stat_uid = $.cookie['lolboxyyuid']; var stat_oper_default = false; </script>
<!--<script src="http://assets.dwstatic.com/f=amkit/entry.js"></script>-->
<!--<script>
    seajs.use("p/statistics/main", function() {
        $('#a2Ad a').each(function() {
            if (!$(this).attr('data-stat')) return;
            var words = $(this).attr('data-stat').split('_');
            words[2] += '展示';
            webUserOper.spStat({ app:stat_app_name, oper: words.join('_'), tar: $(this).find('img').attr('src') });
        });
    });
</script>-->

<!-- 自定义统计 -->
<!--<script src="js/counter.js" type="text/javascript"></script>-->
<!--<script src="js/auto_incr.js" type="text/javascript"></script>-->

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

<script type="text/javascript" src="js/moment.min.js"></script>
<!--<script type="text/javascript" src="http://sz.duowan.com/s/ya/ya.1.3.1-min.js"></script>-->
<!--<script src="js/new_stat.js"></script>-->
<script src="js/highcharts.js"></script>
<script type="text/javascript" src="js/record_v3.0.js"></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 src="http://www.duowan.com/public/s/market_count.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>