recordlist.html 53 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <title>战斗日志</title>
  7. <!-- <link rel="stylesheet" href="http://assets.dwstatic.com/project/lolbox/2.13.0/css/zj.css"/> -->
  8. <link rel="stylesheet" href="http://assets.dwstatic.com/project/lolbox/2.13.0/css/zj.css"/>
  9. <link rel="stylesheet" href="css/zj-new.css"/>
  10. <!-- 大神陪玩相关 icon -->
  11. <link rel="stylesheet" href="http://wan.duowan.com/static/css/god-icons.css"/>
  12. <!-- 分享按钮图片 和 boxTitle 分享 依赖此样式 -->
  13. <!-- <link rel="stylesheet" href="http://img.lolbox.duowan.com/global.css"/> -->
  14. <!--[if gt IE 6]><!-->
  15. <script type="text/javascript">
  16. !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)}}}())
  17. </script>
  18. <!--<![endif]-->
  19. <script type="text/javascript" src="http://assets.dwstatic.com/common/js/jquery.js"></script>
  20. <script type="text/javascript" src="http://www.duowan.com/public/assets/sys/js/dww3.min.js"></script>
  21. <!--<script type="text/javascript" src="http://assets.dwstatic.com/project/lolbox/2.10.0/js/battle.js"></script>-->
  22. <script src="js/battle.js"></script>
  23. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  24. <script type="text/javascript" src="js/underscore.js"></script>
  25. <script type="text/javascript" src="js/matchList.js"></script>
  26. <script type="text/javascript">
  27. function base64_encode(str) {
  28. var c1, c2, c3;
  29. var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
  30. var i = 0,
  31. len = str.length,
  32. string = '';
  33. while (i < len) {
  34. c1 = str.charCodeAt(i++) & 0xff;
  35. if (i == len) {
  36. string += base64EncodeChars.charAt(c1 >> 2);
  37. string += base64EncodeChars.charAt((c1 & 0x3) << 4);
  38. string += "==";
  39. break;
  40. }
  41. c2 = str.charCodeAt(i++);
  42. if (i == len) {
  43. string += base64EncodeChars.charAt(c1 >> 2);
  44. string += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
  45. string += base64EncodeChars.charAt((c2 & 0xF) << 2);
  46. string += "=";
  47. break;
  48. }
  49. c3 = str.charCodeAt(i++);
  50. string += base64EncodeChars.charAt(c1 >> 2);
  51. string += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
  52. string += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6));
  53. string += base64EncodeChars.charAt(c3 & 0x3F)
  54. }
  55. return string
  56. }
  57. </script>
  58. <script type="text/javascript">
  59. var jiathis_config = {};
  60. var IMAGE_URL = "http://img.lolbox.duowan.com";
  61. var playerMostUsedHero = null,jiathis_config;
  62. </script>
  63. </head>
  64. <body scroll='no' style="overflow:hidden">
  65. <div class="box">
  66. <div class="box-hd">
  67. <div class="fl crumbs">
  68. <a id="recordTarget"></a>
  69. <span>&gt;</span>
  70. <a href="playerSearch.html">比赛详情</a>
  71. </div>
  72. <div class="btns-fast more-info">
  73. <span style="float:left;margin-top: -10px;">
  74. <a id="collect" style="margin-left:15px"></a>
  75. <span style="padding:0 3px;color:#ccc;">|</span>
  76. </span>
  77. <div class="share">
  78. <a class="icons share-icon" href="#"><i></i></a>
  79. <div class="links">
  80. <a class="button_tsina" href="#" stat-sign="share"><i class="sina"></i><span>新浪微博</span></a>
  81. <a class="button_tqq" href="#" stat-sign="share"><i class="tencent"></i><span>腾讯微博</span></a>
  82. <a class="button_qzone" href="#" stat-sign="share"><i class="qq"></i><span>QQ空间</span></a>
  83. <a href="javascript:window.clipboardData.setData('Text',window.location.href);alert('链接复制成功');" stat-sign="share">
  84. <i class="copy-link"></i><span>复制链接</span>
  85. </a>
  86. </div>
  87. </div>
  88. <a title="刷新" href="javascript:location.reload();" onfocus="this.blur();" class="icons refresh"><i></i></a>
  89. </div>
  90. <script type="text/javascript" src="js/sns_share.js" charset="utf-8"></script>
  91. </div>
  92. <div class="box-bd">
  93. <div id="boxContent"></div>
  94. <div class="r-box">
  95. <div id="matchDetail">
  96. <img src="img/loading.gif" width="400" height="400" id="loading" style="display:none;">
  97. <div id="recordDetail"></div>
  98. </div>
  99. <!--广告-->
  100. <div class="ad-wrap">
  101. <script src="http://gt.yy.com/api/g?loc=newhezia2"></script>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div id="__dvCompute" style="font-size:12px;position:absolute;visibility:hidden"></div>
  107. <div id="phone-user-pop">
  108. <div class="phone-user-con">
  109. </div>
  110. </div>
  111. <script type="text/javascript" src="js/heroesList.js?v=1"></script>
  112. <script type="text/javascript" src="js/zbItems.js?v=1"></script>
  113. <script id="tipTemplate" type="text/template">
  114. <div class="tip-no-data">
  115. <img src="img/clothes-commit-fail.png">
  116. <p>由于未知原因,此场比赛消失在遥远的二次元空间中。</p>
  117. </div>
  118. </script>
  119. <script id="boxContentTemplate" type="text/template">
  120. <%
  121. if(data.length > 0) {
  122. %>
  123. <div class="l-box">
  124. <ul>
  125. <%
  126. var matchHistory = data;
  127. for(var i=0;i<matchHistory.length;i++) {
  128. var item = matchHistory[i];
  129. var champion = item.champion;
  130. var imgSrc = IMAGE_URL + '/champions/' + champion.name + "_40x40.jpg";
  131. var timeData = item.created.split('T');
  132. var hour_mon_day = timeData[0].split('-');
  133. var timeTxt = hour_mon_day[1] + '-' + hour_mon_day[2];
  134. var winHtml = "";
  135. if(item.battle_result) {
  136. winHtml = '<em class="green">' + (item.lastday == 1 ? '算你狠' : '胜利') + '</em>';
  137. } else {
  138. winHtml = '<em class="red">' + (item.lastday == 0 ? '失败' : '失败') + '</em>';
  139. }
  140. var hoverClass = i==0 ? "hover" : "";
  141. %>
  142. <li data-id="<%=item.game_id%>" class="<%=hoverClass%>">
  143. <%if (item.flag_mvp_carry == 1) {%>
  144. <i class='item--mvp'></i>
  145. <%} else if (item.flag_mvp_carry == 2) {%>
  146. <i class='item--stronger'></i>
  147. <%} %>
  148. <span class="avatar">
  149. <img src="<%=imgSrc%>" alt="<%=champion.name%>" title="<%=champion.title%>"/>
  150. </span>
  151. <p>
  152. <%=winHtml%>
  153. </p>
  154. <p class="info">
  155. <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;"><%=timeTxt%></span>
  156. </p>
  157. <%
  158. if (data.isSelf) {
  159. if (!item.collect) {
  160. %>
  161. <i data-time="<%=item.time%>" class="add-fav fav-btn" data-id="<%=i%>" title="点击收藏比赛"></i>
  162. <% } else { %>
  163. <i data-time='<%=item.time%>' title="点击删除此收藏" class="fav fav-btn" data-id="<%=i%>"></i>
  164. <%}}%>
  165. </li>
  166. <%}%>
  167. </ul>
  168. <%
  169. var p = parseInt(data.p);
  170. var totalPage = data.totalPage;
  171. var prevClass = p == 1 ? "disable" : "";
  172. var nextClass = p == totalPage ? "disable" : "";
  173. var prevPage = p - 1;
  174. var nextPage = p + 1;
  175. %>
  176. <div class="zj-page">
  177. <a class="zj-prev zj-s <%=prevClass%>" title="上一页" data-page="<%=prevPage%>"></a> <input type="text" class="zj-cur"
  178. value="<%=p%>"> <span class="page-num"> / <%=totalPage%></span>
  179. <a class="go-page" style="cursor:pointer;">GO</a> <a class="zj-next zj-s <%=nextClass%>" title="下一页" data-page="<%=nextPage%>"></a>
  180. </div>
  181. </div>
  182. <% } else {%>
  183. <p class="no-records">盒子没有保存过此玩家的对战记录。</p>
  184. <%}%>
  185. </script>
  186. <script id="recordDetailTemplate" type="text/template">
  187. <%
  188. data = data.player_game_list[0];
  189. var groupNameWinOrLose;
  190. var bannedHeroes = data.banned_champions;
  191. var userInfoClass = bannedHeroes.length > 0 ? '' : 'hide';
  192. var gameTypeObj = data.game_type_obj;
  193. var localTime = moment.utc(data.end_timestamp).toDate();
  194. localTime = moment(localTime).format('YYYY-MM-DD HH:mm:ss'),
  195. timeStrArr = localTime.split(' ')[1].split(':'),endTime = timeStrArr[0] + ':' + timeStrArr[1];
  196. var teamWin = data.team_win;
  197. var teamLose = data.team_lose;
  198. var killStat = parseInt(teamWin.total_killed) + '/' + parseInt(teamLose.total_killed);
  199. var goldStat = parseInt(teamWin.total_gold_in_k) + 'K/' + parseInt(teamLose.total_gold_in_k)+'K';
  200. %>
  201. <div class="r-top">
  202. <p><span>类型:<%=gameTypeObj.name_cn%></span><span>人头:<%=killStat%></span><span>金钱:<%=goldStat%></span></p>
  203. <p class="title-split"><span>结束:<%=endTime%></span> <span>时长:<%=data.game_length_in_minute%>分钟</span></p>
  204. <a class="user-info <%=userInfoClass%>" href="javascript:void(0);"><i class="user-icon"></i>禁用英雄</a>
  205. <ul class="user-img <%=userInfoClass%>">
  206. <%_.each(bannedHeroes, function(item) {%>
  207. <li>
  208. <img
  209. src="http://img.lolbox.duowan.com/champions/<%=item.name%>_26x26.jpg"
  210. alt="<%=item.title%>"
  211. title="<%=item.title%>"
  212. />
  213. </li>
  214. <%});%>
  215. </ul>
  216. </div>
  217. <div class="r-table">
  218. <table id="zj-table-top" cellSpacing=0 cellPadding=0 border="0">
  219. <tr>
  220. <th class="col1">
  221. <div class="match-result">
  222. <span><em class="zj-win"></em>胜利方</span>
  223. <span><em class="zj-fail"></em>失败方</span>
  224. </div>
  225. </th>
  226. <% if (data.queueType != 'ODIN_UNRANKED') { %>
  227. <th class="col2">金钱</th>
  228. <th class="col3">杀/死/助</th>
  229. <% } else { %>
  230. <th class="col3">夺/拔/助</th>
  231. <% } %>
  232. <th class="col4">
  233. <span class="sel-tab-link">
  234. <a href="javascript:;" class="chuzhuang-link link-on" data-type="chuzhuang" title="点击看出装">出装</a>
  235. <a href="javascript:;" class="early-data-link" data-type="early-data" title="点击看前10分钟数据" style="color:#666;">查看前10分钟数据</a>
  236. </span>
  237. </th>
  238. </tr>
  239. </table>
  240. <div class="zj-table">
  241. <% var idx = 1, zjClass = '';
  242. if (data.is_very_surprise_winner) {
  243. zjClass = "zj-table--big-changeover";
  244. } else {
  245. if (data.is_surprise_winner) {
  246. zjClass="zj-table--changeover";
  247. }
  248. }
  249. %>
  250. <div id="zj-table--A" class="<%=zjClass%>">
  251. <div class="team-flag"></div>
  252. <table>
  253. <%
  254. var winPlayers = data.team_win.player_champions;
  255. if (winPlayers.length > 0) {
  256. groupNameWinOrLose = "winner-group";
  257. _.each(winPlayers, function(player) {
  258. var leaverFlag, urlAvatar, summonerName,summonerTitle, pnTitle,urlDetail,totalLen,extraClass,sn,pn, GOLD_EARNED,KILL_DEATHS_ASSISTS;
  259. if (player.is_deserter) {
  260. leaverFlag = "<span class='red'>(逃)</span>";
  261. } else {
  262. leaverFlag = "";
  263. }
  264. var hoverPN;//英雄头像hover时传的playerName
  265. var champion = player.champion;
  266. var playerInfo = player.player;
  267. var serverName = playerInfo.game_zone.server_name;
  268. var pInfo = {
  269. userId: player.player.user_id,
  270. gameZone: player.player.game_zone.pinyin
  271. };
  272. if (player.is_bot) {
  273. urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
  274. summonerTitle = playerInfo.pn;
  275. summonerName = playerInfo.pn + leaverFlag;
  276. pnTitle = playerInfo.pn;
  277. urlDetail = null;
  278. hoverPN = '';
  279. } else {
  280. hoverPN = playerInfo.pn;
  281. summonerTitle = playerInfo.pn;
  282. summonerName = playerInfo.pn + leaverFlag;
  283. urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
  284. sn = encodeURIComponent(serverName);
  285. pn = encodeURIComponent(playerInfo.pn);
  286. urlDetail = "playerDetail.html?serverName="+sn +"&playerName="+pn + "&userId=" + pInfo.userId + "&gameZone=" + pInfo.gameZone;
  287. }
  288. var strBoxTitle = '';
  289. if (player['honors'] && player['honors'].length > 0) {
  290. for(var i=0,len=player['honors'].length;i<len;i++) {
  291. var item = player['honors'][i], killClass = '';
  292. switch(item.name) {
  293. case 'brilliant_largest_killing_spree': killClass = 'brilliant_largestKillingSpree';break;
  294. case 'kill4': killClass = '4kill';break;
  295. case 'kill5': killClass = '5kill';break;
  296. case 'kill6': killClass = '6kill';break;
  297. default: killClass = item.name;
  298. }
  299. strBoxTitle += "<em class='zj-"+ killClass +" zj-s' title='" + item.desc + "' data-honour-key='" + item.name + "'></em>";
  300. }
  301. }
  302. KILL_DEATHS_ASSISTS = player.total_killed + '/' + player.total_death + '/' + player.total_assist;
  303. var strZB = '';
  304. var zhuang_bei_array = player['items'];
  305. if (zhuang_bei_array && zhuang_bei_array.length > 0) {
  306. for(var i=0,len=zhuang_bei_array.length;i<len;i++) {
  307. var item = zhuang_bei_array[i];
  308. strZB += '<li><img src="' + IMAGE_URL + '/zb/' + item.id + '_24x24.jpg" ' + 'title="' + item.name + ' ' + item.description + '" ' + 'alt="' + item.name + ' ' + item.description+ '" /></li>';
  309. }
  310. }
  311. var statDataIn10Min = player.kda_10;
  312. // MVP或者是大腿
  313. var isMVPOrHope = '';
  314. var flagMvpCarry = player.flag_mvp_carry;
  315. if (flagMvpCarry == 1) {
  316. isMVPOrHope = "team-name--stronger";
  317. } else if (flagMvpCarry == 2) {
  318. isMVPOrHope = "team-name--mvp";
  319. }
  320. var p = player.player;
  321. var pGameZone = p.game_zone.pinyin;
  322. var pUserId = p.user_id;
  323. %>
  324. <tr>
  325. <td class="col1">
  326. <div class="team-name <%=isMVPOrHope%>">
  327. <span class="flag"></span> <span data-indent="<%=idx%>" class="avatar" game-zone="<%=pGameZone%>" user-id="<%=pUserId%>">
  328. <img src="<%=urlAvatar%>" data-playerName="<%=hoverPN%>" data-serverName="<%=serverName%>" data-heroName="<%=champion.name%>" data-uid="<%=playerInfo.user_id%>"/>
  329. </span>
  330. <% if (urlDetail) { %>
  331. <a href="<%=urlDetail%>" title="<%=summonerTitle%>"><%=summonerName%></a>
  332. <% } else { %>
  333. <span class="bot" title="<%=summonerTitle%>">
  334. <%=summonerName%>
  335. </span>
  336. <% } %>
  337. <i class="icon-mvp-carry"></i>
  338. <div class="em-content"><%=strBoxTitle%></div>
  339. </div>
  340. </td>
  341. <% if (data.queueType != 'ODIN_UNRANKED') { %>
  342. <td class="col2"><%=player['total_gold_in_k']%>k</td>
  343. <% } %>
  344. <td class="col3"><%=KILL_DEATHS_ASSISTS%></td>
  345. <td class="col4">
  346. <div class="u-weapon">
  347. <ul class="chuzhuang">
  348. <%=strZB%>
  349. </ul>
  350. <ul class="early-data">
  351. <li><span class="minions-killed">
  352. 补兵:
  353. <%if (statDataIn10Min && statDataIn10Min['m'] >= 80) {%>
  354. <em style="font-weight: bold; color: #f19000">
  355. <%} else if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
  356. <em style="font-weight: bold">
  357. <%}%>
  358. <%=statDataIn10Min && statDataIn10Min['m']%>
  359. <%if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
  360. </em>
  361. <%}%>
  362. </span>
  363. 杀死助:<%=statDataIn10Min ? statDataIn10Min['k'] : 0%>/<%=statDataIn10Min?statDataIn10Min['d']:0%>/<%=statDataIn10Min?statDataIn10Min['a']:0%>
  364. </li>
  365. </ul>
  366. </div>
  367. </td>
  368. </tr>
  369. <%
  370. idx++;});
  371. for (var i = winPlayers.length; i < 5; i ++) {
  372. %>
  373. <tr><td class='col1'></td><td class='col2'></td><td class='col3'></td><td class='col4'></td></tr>
  374. <% }
  375. }
  376. %>
  377. </table>
  378. </div>
  379. <div class="river-chu"></div>
  380. <div id="zj-table--B">
  381. <div class="team-flag"></div>
  382. <table>
  383. <%
  384. var loserPlayers = data.team_lose.player_champions;
  385. if (loserPlayers.length > 0) {
  386. groupNameWinOrLose = "fail-group";
  387. _.each(loserPlayers, function(player) {
  388. var leaverFlag, urlAvatar, summonerName, summonerTitle, pnTitle,urlDetail,totalLen,extraClass,sn,pn, GOLD_EARNED,KILL_DEATHS_ASSISTS;
  389. if (player.is_deserter) {
  390. leaverFlag = "<span class='red'>(逃)</span>";
  391. } else {
  392. leaverFlag = "";
  393. }
  394. var hoverPN;//英雄头像hover时传的playerName
  395. var champion = player.champion;
  396. var playerInfo = player.player;
  397. var serverName = playerInfo.game_zone.server_name;
  398. var pInfo = {
  399. userId: player.player.user_id,
  400. gameZone: player.player.game_zone.pinyin
  401. };
  402. if (player.is_bot) {
  403. urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
  404. summonerTitle = playerInfo.pn;
  405. summonerName = playerInfo.pn + leaverFlag;
  406. pnTitle = playerInfo.pn;
  407. urlDetail = null;
  408. hoverPN = '';
  409. } else {
  410. hoverPN = playerInfo.pn;
  411. summonerTitle = playerInfo.pn;
  412. summonerName = playerInfo.pn + leaverFlag;
  413. urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_28x28.jpg';
  414. sn = encodeURIComponent(serverName);
  415. pn = encodeURIComponent(playerInfo.pn);
  416. urlDetail = "playerDetail.html?serverName="+sn +"&playerName="+pn + "&userId=" + pInfo.userId + "&gameZone=" + pInfo.gameZone;
  417. }
  418. var strBoxTitle = '';
  419. if (player['honors'] && player['honors'].length > 0) {
  420. for(var i=0,len=player['honors'].length;i<len;i++) {
  421. var item = player['honors'][i], killClass = '';
  422. switch(item.name) {
  423. case 'brilliant_largest_killing_spree': killClass = 'brilliant_largestKillingSpree';break;
  424. case 'kill4': killClass = '4kill';break;
  425. case 'kill5': killClass = '5kill';break;
  426. case 'kill6': killClass = '6kill';break;
  427. default: killClass = item.name;
  428. }
  429. strBoxTitle += "<em class='zj-"+ killClass +" zj-s' title='" + item.desc + "' data-honour-key='" + item.name + "'></em>";
  430. }
  431. }
  432. KILL_DEATHS_ASSISTS = player.total_killed + '/' + player.total_death + '/' + player.total_assist;
  433. var strZB = '';
  434. var zhuang_bei_array =player['items'];
  435. if (zhuang_bei_array && zhuang_bei_array.length > 0) {
  436. for(var i=0,len=zhuang_bei_array.length;i<len;i++) {
  437. var item = zhuang_bei_array[i];
  438. strZB += '<li><img src="' + IMAGE_URL + '/zb/' + item.id + '_24x24.jpg" ' + 'title="' + item.name + ' ' + item.description + '" ' + 'alt="' + item.name + ' ' + item.description+ '" /></li>';
  439. }
  440. }
  441. var statDataIn10Min = player.kda_10;
  442. // MVP或者是大腿
  443. var isMVPOrHope = '';
  444. var flagMvpCarry = player.flag_mvp_carry;
  445. if (flagMvpCarry == 1) {
  446. isMVPOrHope = "team-name--stronger";
  447. } else if (flagMvpCarry == 2) {
  448. isMVPOrHope = "team-name--mvp";
  449. }
  450. var p = player.player;
  451. var pGameZone = p.game_zone.pinyin;
  452. var pUserId = p.user_id;
  453. %>
  454. <tr>
  455. <td class="col1">
  456. <div class="team-name <%=isMVPOrHope%>">
  457. <span class="flag"></span> <span data-indent="<%=idx%>"
  458. class="avatar" game-zone="<%=pGameZone%>" user-id="<%=pUserId%>">
  459. <img src="<%=urlAvatar%>" data-playerName="<%=hoverPN%>" data-serverName="<%=serverName%>" data-heroName="<%=champion.name%>" data-uid="<%=playerInfo.user_id%>"/>
  460. </span>
  461. <% if (urlDetail) { %>
  462. <a href="<%=urlDetail%>" title="<%=summonerTitle%>"><%=summonerName%></a>
  463. <% } else { %>
  464. <span class="bot" title="<%=summonerTitle%>">
  465. <%=summonerName%>
  466. </span>
  467. <% } %>
  468. <i class="icon-mvp-carry"></i>
  469. <div class="em-content"><%=strBoxTitle%></div>
  470. </div>
  471. </td>
  472. <% if (data.queueType != 'ODIN_UNRANKED') { %>
  473. <td class="col2"><%=player['total_gold_in_k']%>k</td>
  474. <% } %>
  475. <td class="col3"><%=KILL_DEATHS_ASSISTS%></td>
  476. <td class="col4">
  477. <div class="u-weapon">
  478. <ul class="chuzhuang">
  479. <%=strZB%>
  480. </ul>
  481. <ul class="early-data">
  482. <li><span class="minions-killed">
  483. 补兵:
  484. <%if (statDataIn10Min && statDataIn10Min['m'] >= 80) {%>
  485. <em style="font-weight: bold; color: #f19000">
  486. <%} else if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
  487. <em style="font-weight: bold">
  488. <%}%>
  489. <%=statDataIn10Min && statDataIn10Min['m']%>
  490. <%if (statDataIn10Min && statDataIn10Min['m'] >= 70) {%>
  491. </em>
  492. <%}%>
  493. </span>
  494. 杀死助:<%=statDataIn10Min?statDataIn10Min['k']:0%>/<%=statDataIn10Min?statDataIn10Min['d']:0%>/<%=statDataIn10Min?statDataIn10Min['a']:0%>
  495. </li>
  496. </ul>
  497. </div>
  498. </td>
  499. </tr>
  500. <% idx++;});
  501. for (var i = loserPlayers.length; i < 5; i ++) {
  502. %>
  503. <tr><td class='col1'></td><td class='col2'></td><td class='col3'></td><td class='col4'></td></tr>
  504. <%}}%>
  505. </table>
  506. </div>
  507. <% var idx = 1;%>
  508. <div id="data-layer" class="data-layer">
  509. <%
  510. var win = data.team_win.player_champions;
  511. if(win && win.length > 0) {
  512. _.each(win, function(player) {
  513. var summonerNameFiltered, summonerTitle, leaverFlag, urlAvatar, urlSkill1, urlSkill2,MVPEva,isMVP;
  514. var playerInfo = player.player;
  515. var champion = player.champion;
  516. var spells = player.spells;
  517. // 实际是 playerName
  518. summonerNameFiltered = playerInfo.pn;
  519. summonerTitle =champion.display_name;
  520. leaverFlag = player.is_deserter ? "<span class='red'>(逃)</span>" : "";
  521. urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_40x40.jpg';
  522. if (spells[0] && spells[0].id) {
  523. urlSkill1 = IMAGE_URL + '/spells/' + spells[0].id + '_24x24.jpg';
  524. } else {
  525. urlSkill1 = null;
  526. }
  527. if (spells[1] && spells[1].id) {
  528. urlSkill2 = IMAGE_URL + '/spells/' + spells[1].id + '_24x24.jpg';
  529. } else {
  530. urlSkill2 = null;
  531. }
  532. var MINIONS_KILLED = player.total_minions_killed;
  533. var TOTAL_TIME_CROWD_CONTROL_DEALT = player.total_neutral_minions_killed;
  534. var TURRETS_KILLED = player.total_turrets_killed;
  535. var BARRACKS_KILLED = player.total_barracks_killed;
  536. var WARD_PLACED = player.total_ward_placed;
  537. var WARD_KILLED = player.total_ward_killed;
  538. var LARGEST_KILLING_SPREE = player.largest_killing_spree;
  539. var LARGEST_MULTI_KILL = player.largest_multi_kill;
  540. var LARGEST_CRITICAL_STRIKE = player.largest_critical_strike;
  541. var TOTAL_HEAL = player.total_heal;
  542. var TOTAL_DAMAGE_DEALT = player.total_damage_dealt;
  543. var TOTAL_DAMAGE_TAKEN = player.total_damage_taken;
  544. var TOTAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_damage_dealt_to_champions;
  545. var PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_physical_damage_dealt_to_champions;
  546. var MAGIC_DAMAGE_DEALT_TO_CHAMPIONS = player.total_magic_damage_dealt_to_champions;
  547. var TRUE_DAMAGE_DEALT_TO_CHAMPIONS = player.total_true_damage_dealt_to_champions;
  548. var NEUTRAL_MINIONS_KILLED_TOTAL = player.total_neutral_minions_killed;
  549. MVPEva = player.evaluate_in_game;
  550. isMVP = player['flag_mvp_carry'] == 1 ? true : false;
  551. isHope = player['flag_mvp_carry'] == 2 ? true : false;
  552. var isMVPOrHope = '';
  553. if (isHope) {
  554. isMVPOrHope = 'tip-big-avatar--stronger';
  555. } else if (isMVP) {
  556. isMVPOrHope = 'tip-big-avatar--mvp';
  557. }
  558. idx ++;
  559. %>
  560. <div class="layer">
  561. <div class="mod-tips-top">
  562. <div class="tip-topleft">
  563. <p class="tip-user-name">
  564. <%=summonerNameFiltered%>
  565. </p>
  566. <a href="javascript:;"
  567. class="tip-big-avatar <%=isMVPOrHope%>"><i></i><img
  568. src="<%=urlAvatar%>"></a>
  569. <div class="tip-user-detail">
  570. <span class="tip-tip-user-name2"><%=summonerTitle%></span>
  571. <%
  572. if (player['is_bot']) {} else {
  573. %>
  574. <p class="tip-small-avatar">
  575. <% if (urlSkill1) { %>
  576. <img src="<%=urlSkill1%>" />
  577. <% } %>
  578. <% if (urlSkill2) { %>
  579. <img src="<%=urlSkill2%>" />
  580. <% } %>
  581. </p>
  582. <% } %>
  583. </div>
  584. </div>
  585. <div class="tip-topright-wrap">
  586. <div class="tip-topright">
  587. <p>
  588. <em class="zj-zdl zj-s"></em>...
  589. </p>
  590. <p class="zj-blue">...</p>
  591. </div>
  592. </div>
  593. </div>
  594. <div class="mod-tips-main">
  595. <table class="mod-tips-data">
  596. <% if (MVPEva) { %>
  597. <tr>
  598. <td class="label" style="color: #ff9900;">战局评分:</td>
  599. <td colspan="3" style="color: #ff9900;"><%=MVPEva%></td>
  600. </tr>
  601. <% } %>
  602. <tr>
  603. <td class="label">补兵:</td>
  604. <td><%=MINIONS_KILLED%></td>
  605. <td class="label">野怪:</td>
  606. <td><%=NEUTRAL_MINIONS_KILLED_TOTAL%></td>
  607. </tr>
  608. <tr>
  609. <td class="label">推塔:</td>
  610. <td><%=TURRETS_KILLED%></td>
  611. <td class="label">兵营:</td>
  612. <td><%=BARRACKS_KILLED%></td>
  613. </tr>
  614. <tr>
  615. <td class="label">放眼数:</td>
  616. <td><%=WARD_PLACED%></td>
  617. <td class="label">排眼数:</td>
  618. <td><%=WARD_KILLED%></td>
  619. </tr>
  620. <tr>
  621. <td class="label">最大连杀:</td>
  622. <td><%=LARGEST_KILLING_SPREE%></td>
  623. <td class="label">最大多杀:</td>
  624. <td><%=LARGEST_MULTI_KILL%></td>
  625. </tr>
  626. <tr>
  627. <td class="label">最大暴击:</td>
  628. <td><%=LARGEST_CRITICAL_STRIKE%></td>
  629. <td class="label">总治疗:</td>
  630. <td><%=TOTAL_HEAL%></td>
  631. </tr>
  632. <tr>
  633. <td class="label">输出伤害:</td>
  634. <td><%=TOTAL_DAMAGE_DEALT%></td>
  635. <td class="label">承受敌害:</td>
  636. <td><%=TOTAL_DAMAGE_TAKEN%></td>
  637. </tr>
  638. </table>
  639. <p>
  640. <span class="label">给对方英雄造成总伤害:</span>
  641. <%=TOTAL_DAMAGE_DEALT_TO_CHAMPIONS%>
  642. </p>
  643. <p>
  644. <span class="label">给对方英雄的物理伤害:</span>
  645. <%=PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS%>
  646. </p>
  647. <p>
  648. <span class="label">给对方英雄的魔法伤害:</span>
  649. <%=MAGIC_DAMAGE_DEALT_TO_CHAMPIONS%>
  650. </p>
  651. <p>
  652. <span class="label">给对方英雄的真实伤害:</span>
  653. <%=TRUE_DAMAGE_DEALT_TO_CHAMPIONS%>
  654. </p>
  655. <div class="tip-btn-group">
  656. <a href="http://www.huya.com/g/lol" target="_blank">直播</a>
  657. <a href="http://db.duowan.com/static/lolnewcz/list.html?name=<%=champion.name%>&flag=1&p=1">出装</a>
  658. </div>
  659. </div>
  660. </div>
  661. <%
  662. });
  663. }
  664. %>
  665. <%
  666. var loser = data.team_lose.player_champions;
  667. if(loser && loser.length > 0) {
  668. _.each(loser, function(player) {
  669. var summonerNameFiltered, summonerTitle, leaverFlag, urlAvatar, urlSkill1, urlSkill2,MVPEva,isMVP;
  670. var playerInfo = player.player;
  671. var champion = player.champion;
  672. var spells = player.spells;
  673. // 实际是 playerName
  674. summonerNameFiltered = playerInfo.pn;
  675. summonerTitle =champion.display_name;
  676. leaverFlag = player.is_deserter ? "<span class='red'>(逃)</span>" : "";
  677. urlAvatar = IMAGE_URL + '/champions/' + champion.name + '_40x40.jpg';
  678. if (spells[0] && spells[0].id) {
  679. urlSkill1 = IMAGE_URL + '/spells/' + spells[0].id + '_24x24.jpg';
  680. } else {
  681. urlSkill1 = null;
  682. }
  683. if (spells[1] && spells[1].id) {
  684. urlSkill2 = IMAGE_URL + '/spells/' + spells[1].id + '_24x24.jpg';
  685. } else {
  686. urlSkill2 = null;
  687. }
  688. var MINIONS_KILLED = player.total_minions_killed;
  689. var TOTAL_TIME_CROWD_CONTROL_DEALT = player.total_neutral_minions_killed;
  690. var TURRETS_KILLED = player.total_turrets_killed;
  691. var BARRACKS_KILLED = player.total_barracks_killed;
  692. var WARD_PLACED = player.total_ward_placed;
  693. var WARD_KILLED = player.total_ward_killed;
  694. var LARGEST_KILLING_SPREE = player.largest_killing_spree;
  695. var LARGEST_MULTI_KILL = player.largest_multi_kill;
  696. var LARGEST_CRITICAL_STRIKE = player.largest_critical_strike;
  697. var TOTAL_HEAL = player.total_heal;
  698. var TOTAL_DAMAGE_DEALT = player.total_damage_dealt;
  699. var TOTAL_DAMAGE_TAKEN = player.total_damage_taken;
  700. var TOTAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_damage_dealt_to_champions;
  701. var PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS = player.total_physical_damage_dealt_to_champions;
  702. var MAGIC_DAMAGE_DEALT_TO_CHAMPIONS = player.total_magic_damage_dealt_to_champions;
  703. var TRUE_DAMAGE_DEALT_TO_CHAMPIONS = player.total_true_damage_dealt_to_champions;
  704. var NEUTRAL_MINIONS_KILLED_TOTAL = player.total_neutral_minions_killed;
  705. MVPEva = player.evaluate_in_game;
  706. isMVP = player['flag_mvp_carry'] == 1 ? true : false;
  707. isHope = player['flag_mvp_carry'] == 2 ? true : false;
  708. var isMVPOrHope = '';
  709. if (isHope) {
  710. isMVPOrHope = 'tip-big-avatar--stronger';
  711. } else if (isMVP) {
  712. isMVPOrHope = 'tip-big-avatar--mvp';
  713. }
  714. idx ++;
  715. %>
  716. <div class="layer">
  717. <div class="mod-tips-top">
  718. <div class="tip-topleft">
  719. <p class="tip-user-name">
  720. <%=summonerNameFiltered%>
  721. </p>
  722. <a href="javascript:;"
  723. class="tip-big-avatar <%=isMVPOrHope%>"><i></i><img
  724. src="<%=urlAvatar%>"></a>
  725. <div class="tip-user-detail">
  726. <span class="tip-tip-user-name2"><%=summonerTitle%></span>
  727. <%
  728. if (player['is_bot']) {} else {
  729. %>
  730. <p class="tip-small-avatar">
  731. <% if (urlSkill1) { %>
  732. <img src="<%=urlSkill1%>" />
  733. <% } %>
  734. <% if (urlSkill2) { %>
  735. <img src="<%=urlSkill2%>" />
  736. <% } %>
  737. </p>
  738. <% } %>
  739. </div>
  740. </div>
  741. <div class="tip-topright-wrap">
  742. <div class="tip-topright">
  743. <p>
  744. <em class="zj-zdl zj-s"></em>...
  745. </p>
  746. <p class="zj-blue">...</p>
  747. </div>
  748. </div>
  749. </div>
  750. <div class="mod-tips-main">
  751. <table class="mod-tips-data">
  752. <% if (MVPEva) { %>
  753. <tr>
  754. <td class="label" style="color: #ff9900;">战局评分:</td>
  755. <td colspan="3" style="color: #ff9900;"><%=MVPEva%></td>
  756. </tr>
  757. <% } %>
  758. <tr>
  759. <td class="label">补兵:</td>
  760. <td><%=MINIONS_KILLED%></td>
  761. <td class="label">野怪:</td>
  762. <td><%=NEUTRAL_MINIONS_KILLED_TOTAL%></td>
  763. </tr>
  764. <tr>
  765. <td class="label">推塔:</td>
  766. <td><%=TURRETS_KILLED%></td>
  767. <td class="label">兵营:</td>
  768. <td><%=BARRACKS_KILLED%></td>
  769. </tr>
  770. <tr>
  771. <td class="label">放眼数:</td>
  772. <td><%=WARD_PLACED%></td>
  773. <td class="label">排眼数:</td>
  774. <td><%=WARD_KILLED%></td>
  775. </tr>
  776. <tr>
  777. <td class="label">最大连杀:</td>
  778. <td><%=LARGEST_KILLING_SPREE%></td>
  779. <td class="label">最大多杀:</td>
  780. <td><%=LARGEST_MULTI_KILL%></td>
  781. </tr>
  782. <tr>
  783. <td class="label">最大暴击:</td>
  784. <td><%=LARGEST_CRITICAL_STRIKE%></td>
  785. <td class="label">总治疗:</td>
  786. <td><%=TOTAL_HEAL%></td>
  787. </tr>
  788. <tr>
  789. <td class="label">输出伤害:</td>
  790. <td><%=TOTAL_DAMAGE_DEALT%></td>
  791. <td class="label">承受敌害:</td>
  792. <td><%=TOTAL_DAMAGE_TAKEN%></td>
  793. </tr>
  794. </table>
  795. <p>
  796. <span class="label">给对方英雄造成总伤害:</span>
  797. <%=TOTAL_DAMAGE_DEALT_TO_CHAMPIONS%>
  798. </p>
  799. <p>
  800. <span class="label">给对方英雄的物理伤害:</span>
  801. <%=PHYSICAL_DAMAGE_DEALT_TO_CHAMPIONS%>
  802. </p>
  803. <p>
  804. <span class="label">给对方英雄的魔法伤害:</span>
  805. <%=MAGIC_DAMAGE_DEALT_TO_CHAMPIONS%>
  806. </p>
  807. <p>
  808. <span class="label">给对方英雄的真实伤害:</span>
  809. <%=TRUE_DAMAGE_DEALT_TO_CHAMPIONS%>
  810. </p>
  811. <div class="tip-btn-group">
  812. <a href="http://www.huya.com/g/lol" target="_blank">直播</a>
  813. <a href="http://db.duowan.com/static/lolnewcz/list.html?name=<%=champion.name%>&flag=1&p=1">出装</a>
  814. </div>
  815. </div>
  816. </div>
  817. <%
  818. });
  819. }
  820. %>
  821. </div>
  822. </div>
  823. </div>
  824. <div id="mod-tips-s1" class="mod-tips-s1">
  825. <div class="mod-tips-bg">
  826. <div class="mod-tips-content"></div>
  827. </div>
  828. <i class="arrow l"></i>
  829. </div>
  830. </script>
  831. <script>var stat_app_name = "boxgame_matchlist"; var stat_uid = $.cookie['lolboxyyuid']; var stat_oper_default = false; </script>
  832. <script src="http://assets.dwstatic.com/f=amkit/entry.js"></script>
  833. <script>
  834. seajs.use("p/statistics/main", function() {
  835. $('#a2Ad a').each(function() {
  836. if (!$(this).attr('data-stat')) return;
  837. var words = $(this).attr('data-stat').split('_');
  838. words[2] += '展示';
  839. webUserOper.spStat({ app:stat_app_name, oper: words.join('_'), tar: $(this).find('img').attr('src') });
  840. });
  841. });
  842. </script>
  843. <!-- <script id="wanScriptName" type="text/javascript"></script> -->
  844. <!-- 广告/游戏相关-->
  845. <script>
  846. var stat_app_name = "boxgame_matchlist";
  847. var stat_uid = getLOLBoxYYUID();
  848. var stat_oper_default = false;
  849. </script>
  850. <script src="http://assets.dwstatic.com/f=amkit/entry.js"></script>
  851. <!-- 广告/海度统计相关-->
  852. <script type="text/javascript">
  853. _hiido_no = 0;
  854. _hiido_wid = ["lbox"];
  855. </script>
  856. <script src="http://www.duowan.com/duowan.js" type="text/javascript"></script>
  857. <script src="http://www.duowan.com/public/s/market_count.js" type="text/javascript"></script>
  858. <!-- 自定义统计 -->
  859. <script src="js/counter.js" type="text/javascript"></script>
  860. <script src="js/auto_incr.js" type="text/javascript"></script>
  861. <!--广告位统计-->
  862. <script src="http://sz.duowan.com/resource/adstat.1.0.0.js"></script>
  863. <script type="text/javascript" src="js/moment.min.js"></script>
  864. <script type="text/javascript" src="http://sz.duowan.com/s/ya/ya.1.3.1-min.js"></script>
  865. <script src="js/new_stat.js"></script>
  866. <script type="text/javascript" src="js/record.js?t=5"></script>
  867. <!--百度统计-->
  868. <script>
  869. var _hmt = _hmt || [];
  870. (function() {
  871. var hm = document.createElement("script");
  872. hm.src = "//hm.baidu.com/hm.js?72772dda37b1e926733138415981abcf";
  873. var s = document.getElementsByTagName("script")[0];
  874. s.parentNode.insertBefore(hm, s);
  875. })();
  876. </script>
  877. <!--[if gt IE 6]><!-->
  878. <script type="text/javascript">
  879. 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)}}}());
  880. </script>
  881. <!--<![endif]-->
  882. </body>
  883. </html>