profile页面增加了每月胜率，cards页面增加了期间使用率计算。

src/api.js

@@ -49,7 +49,7 @@ export default class Api {
   }
 
   static getUserDueHistory(opt) {
-        return Vue.http.get(`${URL}/history`, { 'params': opt });
+    return Vue.http.get(`${URL}/history`, {'params': opt});
   }
 
   static getDownloadUrls() {
@@ -67,72 +67,72 @@ export default class Api {
   }
 
   static getDeckInfo(opt) {
-        return Vue.http.get(`${URL}/deckinfo`, { 'params': opt });
+    return Vue.http.get(`${URL}/deckinfo`, {'params': opt});
   }
 
   static saveDeck(opt) {
     const url = `${URL}/deckinfo`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static saveDeckDemo(opt) {
     const url = `${URL}/deckdemo`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static getReport(opt) {
-        return Vue.http.get(`${URL}/report`, { 'params': opt });
+    return Vue.http.get(`${URL}/report`, {'params': opt});
   }
 
   static getVoteList(opt) {
-        return Vue.http.get(`${URL}/votes`, { 'params': opt });
+    return Vue.http.get(`${URL}/votes`, {'params': opt});
   }
 
   static saveVote(opt) {
     const url = `${URL}/votes`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static voteStatus(opt) {
     const url = `${URL}/voteStatus`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static getVote(opt) {
-        return Vue.http.get(`${URL}/vote`, { 'params': opt });
+    return Vue.http.get(`${URL}/vote`, {'params': opt});
   }
 
   static submitVote(opt) {
     const url = `${URL}/submitVote`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static saveAds(opt) {
     const url = `${URL}/ads`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static getAdsList(opt) {
-        return Vue.http.get(`${URL}/ads`, { 'params': opt });
+    return Vue.http.get(`${URL}/ads`, {'params': opt});
   }
 
   static adsStatus(opt) {
     const url = `${URL}/adsStatus`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static getAd(opt) {
-        return Vue.http.get(`${URL}/getAd`, { 'params': opt });
+    return Vue.http.get(`${URL}/getAd`, {'params': opt});
   }
 
   static adClick(opt) {
     const url = `${URL}/adClick`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static adImpl(opt) {
     const url = `${URL}/adImpl`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static getFirstWin(opt) {
@@ -143,21 +143,26 @@ export default class Api {
 
   static adSwitchChange(opt) {
     const url = `${URL}/adSwitchChange`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static saveActivity(opt) {
     const url = `${URL}/activity`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static saveLabel(opt) {
     const url = `${URL}/label`
-        return Vue.http.post(url, opt, { 'emulateJSON': true });
+    return Vue.http.post(url, opt, {'emulateJSON': true});
   }
 
   static getLabel(opt) {
-        return Vue.http.get(`${URL}/label`, { 'params': {} });
+    return Vue.http.get(`${URL}/label`, {'params': {}});
   }
 
+  static getMonthlyHistory(opt) {
+    const url = `https://sapi.moecube.com:444/ygopro/arena/historyScore`;
+    return Vue.http.get(url, {params: opt});
+  }
+// https://sapi.moecube.com:444/ygopro/arena/historyScore?username=id&season=yyyy-mm
 }

src/components/lang.js

@@ -41,6 +41,7 @@ module.exports = {
     dueHistory: '最近决斗记录',
     athleticDueHistory: '竞技场决斗记录',
     entertainDueHistory: '娱乐场决斗记录',
+    monthlyHistory: '每月决斗记录',
     tagInfo: '绿色表示获胜方，红色则表示掉线。',
     rates: '卡组胜率',
 
@@ -155,6 +156,7 @@ module.exports = {
     side: 'Side',
     extra: 'Extra',
     dueHistory: 'Recent Due History',
+    monthlyHistory: 'Monthly Rank Record',
     athleticDueHistory: 'Athletic Due History',
     entertainDueHistory: 'Entertain Due History',
     tagInfo: 'Green tag represents the winner.Red tag represents player lost connection.',

src/components/tb_lang.js

@@ -29,7 +29,10 @@ module.exports = {
     win: "胜局",
     lose: "负局",
     wl: "胜率",
-
+    athleticWin:'竞技场胜利',
+    athleticLose:'竞技场失败',
+    season:'时间',
+    total:'合计',
     cardName: "卡名",
     used: "使用量",
     put1: "投入1",
@@ -38,6 +41,7 @@ module.exports = {
 
     deck: "卡组",
     count: "使用数",
+    PickRate : "使用率",
     topTags: "热门标签",
 
     playerA: '玩家A',
@@ -59,10 +63,14 @@ module.exports = {
 
     cardName: "Card Name",
     used: "Used",
+    PickRate:"Pick Rate",
     put1: "Put one ",
     put2: "Put two ",
     put3: "Put three ",
-
+    athleticWin:'Win',
+    athleticLose:'Lose',
+    season:'Time',
+    total:'Total',
     deck: "Deck",
     count: "Count",
     topTags: "Top Tags",