决斗数据库 卡组胜率

package-lock.json

@@ -14,15 +14,17 @@
         "datatables.net-bs": "1.11.3",
         "dom-to-image": "2.6.0",
         "echarts": "3.7.2",
-        "element-ui": "1.4.4",
+        "element-ui": "2.15.7",
         "glob-parent": "^6.0.2",
         "is-svg": "^4.3.2",
         "js-yaml": "^4.1.0",
         "moment": "^2.29.1",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.1",
         "shelljs": "0.7.7",
         "swiper": "^7.3.1",
         "uuid": "3.1.0",
-        "vue": "2.4.2",
+        "vue": "2.5.17",
         "vue-clipboard2": "0.3.1",
         "vue-resource": "1.3.4",
         "vue-router": "2.2.0",
@@ -59,7 +61,7 @@
         "vue-html5-editor": "1.1.1",
         "vue-loader": "11.3.4",
         "vue-style-loader": "2.0.0",
-        "vue-template-compiler": "2.4.2",
+        "vue-template-compiler": "^2.5.17",
         "webpack": "2.2.1",
         "webpack-bundle-analyzer": "2.2.1",
         "webpack-dev-middleware": "1.10.0",
@@ -2321,16 +2323,17 @@
       "license": "ISC"
     },
     "node_modules/element-ui": {
-      "version": "1.4.4",
+      "version": "2.15.7",
       "license": "MIT",
       "dependencies": {
-        "async-validator": "1.6.9",
+        "async-validator": "~1.8.1",
         "babel-helper-vue-jsx-merge-props": "^2.0.0",
         "deepmerge": "^1.2.0",
+        "resize-observer-polyfill": "^1.5.0",
         "throttle-debounce": "^1.0.1"
       },
       "peerDependencies": {
-        "vue": "^2.3.0"
+        "vue": "2.5.17"
       }
     },
     "node_modules/elliptic": {
@@ -4261,6 +4264,11 @@
         "node": ">=4"
       }
     },
+    "node_modules/normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "node_modules/nth-check": {
       "version": "2.0.1",
       "dev": true,
@@ -5634,6 +5642,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "node_modules/resolve": {
       "version": "1.20.0",
       "license": "MIT",
@@ -6176,28 +6189,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/svgo/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/svgo/node_modules/esprima": {
-      "version": "2.7.3",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
-      "integrity": "sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=",
-      "dev": true,
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/swiper": {
       "version": "7.3.1",
       "funding": [
@@ -6672,8 +6663,9 @@
       "license": "MIT"
     },
     "node_modules/vue": {
-      "version": "2.4.2",
-      "license": "MIT"
+      "version": "2.5.17",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.17.tgz",
+      "integrity": "sha512-mFbcWoDIJi0w0Za4emyLiW72Jae0yjANHbCVquMKijcavBGypqlF7zHRgMa5k4sesdv7hv2rB4JPdZfR+TPfhQ=="
     },
     "node_modules/vue-clipboard2": {
       "version": "0.3.1",
@@ -6776,9 +6768,10 @@
       }
     },
     "node_modules/vue-template-compiler": {
-      "version": "2.4.2",
+      "version": "2.5.17",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.5.17.tgz",
+      "integrity": "sha512-63uI4syCwtGR5IJvZM0LN5tVsahrelomHtCxvRkZPJ/Tf3ADm1U1wG6KWycK3qCfqR+ygM5vewUvmJ0REAYksg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "de-indent": "^1.0.2",
         "he": "^1.1.0"
@@ -9147,11 +9140,12 @@
       "dev": true
     },
     "element-ui": {
-      "version": "1.4.4",
+      "version": "2.15.7",
       "requires": {
-        "async-validator": "1.6.9",
+        "async-validator": "~1.8.1",
         "babel-helper-vue-jsx-merge-props": "^2.0.0",
         "deepmerge": "^1.2.0",
+        "resize-observer-polyfill": "^1.5.0",
         "throttle-debounce": "^1.0.1"
       }
     },
@@ -10435,6 +10429,11 @@
         "sort-keys": "^1.0.0"
       }
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "nth-check": {
       "version": "2.0.1",
       "dev": true,
@@ -11431,6 +11430,11 @@
       "version": "1.0.0",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.20.0",
       "requires": {
@@ -11814,32 +11818,6 @@
         "mkdirp": "~0.5.1",
         "sax": "~1.2.1",
         "whet.extend": "~0.9.9"
-      },
-      "dependencies": {
-        "argparse": {
-          "version": "1.0.10",
-          "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-          "dev": true,
-          "requires": {
-            "sprintf-js": "~1.0.2"
-          }
-        },
-        "esprima": {
-          "version": "2.7.3",
-          "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
-          "integrity": "sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=",
-          "dev": true
-        },
-        "js-yaml": {
-          "version": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
-          "integrity": "sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=",
-          "dev": true,
-          "requires": {
-            "argparse": "^1.0.7",
-            "esprima": "^2.6.0"
-          }
-        }
       }
     },
     "swiper": {
@@ -12149,7 +12127,9 @@
       "dev": true
     },
     "vue": {
-      "version": "2.4.2"
+      "version": "2.5.17",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.17.tgz",
+      "integrity": "sha512-mFbcWoDIJi0w0Za4emyLiW72Jae0yjANHbCVquMKijcavBGypqlF7zHRgMa5k4sesdv7hv2rB4JPdZfR+TPfhQ=="
     },
     "vue-clipboard2": {
       "version": "0.3.1",
@@ -12227,7 +12207,9 @@
       }
     },
     "vue-template-compiler": {
-      "version": "2.4.2",
+      "version": "2.5.17",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.5.17.tgz",
+      "integrity": "sha512-63uI4syCwtGR5IJvZM0LN5tVsahrelomHtCxvRkZPJ/Tf3ADm1U1wG6KWycK3qCfqR+ygM5vewUvmJ0REAYksg==",
       "dev": true,
       "requires": {
         "de-indent": "^1.0.2",
@@ -12686,4 +12668,4 @@
       "version": "3.7.4"
     }
   }
-}
+}
\ No newline at end of file

package.json

@@ -15,15 +15,17 @@
     "datatables.net-bs": "1.11.3",
     "dom-to-image": "2.6.0",
     "echarts": "3.7.2",
-    "element-ui": "1.4.4",
+    "element-ui": "2.15.7",
     "glob-parent": "^6.0.2",
     "is-svg": "^4.3.2",
     "js-yaml": "^4.1.0",
     "moment": "^2.29.1",
+    "normalize-wheel": "^1.0.1",
+    "resize-observer-polyfill": "^1.5.1",
     "shelljs": "0.7.7",
     "swiper": "^7.3.1",
     "uuid": "3.1.0",
-    "vue": "2.4.2",
+    "vue": "2.5.17",
     "vue-clipboard2": "0.3.1",
     "vue-resource": "1.3.4",
     "vue-router": "2.2.0",
@@ -60,7 +62,7 @@
     "vue-html5-editor": "1.1.1",
     "vue-loader": "11.3.4",
     "vue-style-loader": "2.0.0",
-    "vue-template-compiler": "2.4.2",
+    "vue-template-compiler": "^2.5.17",
     "webpack": "2.2.1",
     "webpack-bundle-analyzer": "2.2.1",
     "webpack-dev-middleware": "1.10.0",

src/api.js

@@ -16,6 +16,14 @@ export default class Api {
 
     static clkUrl = `${URL}/clktrack`
 
+    static getMonthlyWinRate() {
+    
+        let monthlyWinRateUrl = 'https://sapi.moecube.com:444/ygopro/analytics/matchup/type?source=mycard-athletic'
+
+        return Vue.http.get(monthlyWinRateUrl)
+    }
+
+    
     static getDownloadUrl(url) {
         url = url.slice(7)
         var downloadUrl = `${URL}/download/${url}`

src/assets/darkModelCss/darkStyleMix.css

+.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
+{
+    background-color: #1a4861;
+    border: 3px solid #161b22;
+
+
+}
+
+.nav-tabs {
+    border-bottom: 1px solid black;
+}
+
+  .well
+  {
+
+    background-color: #1a4861;
+
+    border:none;
+  }
+.input-group-addon
+{
+  color: white;
+  background-color: #161b22;
+  border: 1px solid black;
+}
+
+
+  .form-control
+  {
+
+    border: 1px solid black;
+    color: white;
+    background-color: #283044;
+
+  }
+    .tab-img {
+        height: 72px;
+        width: 120px;
+    }
+    .table-responsive {
+
+    border: 1px solid black;
+}
\ No newline at end of file

src/components/Cards.vue

@@ -3,20 +3,22 @@
         <div class="content">
             <div class="container">
                 <div>
-                    <h4 class="color-blue"><i class="glyphicon glyphicon-filter"></i> {{lang.qc}}</h4>
+                    <h4 class="color-blue">
+                        <i class="glyphicon glyphicon-filter"></i>
+                        {{lang.qc}}
+                    </h4>
                     <div class="well">
                         <form action="" method="get" role="form" class="form-inline form-filter">
-
                             <div class="form-group" style="margin-right: 10px;">
                                 <div class="input-group">
                                     <div class="input-group-addon">{{lang.time}}</div>
                                     <select name="type" class="form-control" id="type" v-on:change="onChange">
-                      <option value="day">{{lang.today}}</option>
-                      <option value="week">{{lang.week}}</option>
-                      <option value="halfmonth">{{lang.half_month}}</option>
-                      <option value="month">{{lang.month}}</option>
-                      <option value="season">{{lang.season}}</option>
-                    </select>
+                                        <option value="day">{{lang.today}}</option>
+                                        <option value="week">{{lang.week}}</option>
+                                        <option value="halfmonth">{{lang.half_month}}</option>
+                                        <option value="month">{{lang.month}}</option>
+                                        <option value="season">{{lang.season}}</option>
+                                    </select>
                                 </div>
                             </div>
 
@@ -32,7 +34,6 @@
                                 </div>
                             </div>
 
-
                             <div class="form-group" style="margin-right: 10px;">
                                 <div class="input-group">
                                     <div class="input-group-addon">{{lang.type}}</div>

src/components/Index.vue

@@ -67,7 +67,7 @@
   import image3 from '../assets/img/image3.jpg'
   import { mapGetters } from 'vuex'
   import API from '../api'
-
+  /* import "../assets/darkModelCss/darkMix.css" */
   export default {
     data() {
       return {

src/components/PageFooter.vue

@@ -10,7 +10,7 @@
 
           <div role="presentation" class="footer-block-left-link" ><a @click.prevent="login" href="#"> 注册</a></div>
           <div class="footer-block-left-link"><a href="#/download">下载</a></div>
-          <div class="footer-block-left-link"><a href="https://shop387046095.taobao.com/?spm=2013.1.1000126.2.61a97e3emY0JZB">MC商城</a></div>
+          <div class="footer-block-left-link"><a href="https://shop387046095.taobao.com/?spm=2013.1.1000126.2.61a97e3emY0JZB" target="_blank">MC商城</a></div>
           <div class="footer-block-left-link"><a href="https://ygobbs.com/" target="_blank">联系我们</a></div>
 
         </div>

src/components/lang.js

@@ -42,7 +42,7 @@ module.exports = {
     athleticDueHistory: '竞技场决斗记录',
     entertainDueHistory: '娱乐场决斗记录',
     tagInfo:'绿色表示获胜方，红色则表示掉线。',
-
+    rates:'卡组胜率',
 
     exp_rank: 'EXP 排名',
     athletic_rank: 'D.P 排名',
@@ -52,7 +52,7 @@ module.exports = {
     all: '总场',
     ratio: '胜率',
     violation: '违规次数',
-    shop:"Merch❤",
+    shop:"游戏周边❤",
     userRank: {
       expRank: 'EXP排名',
       pointRank: '竞技场排名',
@@ -153,7 +153,7 @@ module.exports = {
     athleticDueHistory: 'Athletic Due History',
     entertainDueHistory: 'Entertain Due History',
     tagInfo:'Green tag represents the winner.Red tag represents player lost connection.',
-
+    rates:'Win Rate Chart',
     exp_rank: 'EXP Rank',
     athletic_rank: 'D.P Rank',
     win: 'Win',

src/main.js

@@ -6,7 +6,7 @@ import router from './router'
 import VueX from 'vuex'
 import store from './store'
 import Element from 'element-ui'
-import 'element-ui/lib/theme-default/index.css'
+import 'element-ui/lib/theme-chalk/index.css'
 
 import VueClipboard from 'vue-clipboard2'
 

src/router/index.js

@@ -3,6 +3,7 @@ import Router from 'vue-router'
 import Home from '@/components/Home'
 import Index from '@/components/Index'
 import Cards from '@/components/Cards'
+import Rates from '@/components/Rates'
 import Ranking from '@/components/Ranking'
 import Download from '@/components/Download'
 import Profile from '@/components/Profile'
@@ -43,6 +44,11 @@ export default new Router({
           name: 'Cards',
           component: Cards
         },
+        {
+          path: '/rates',
+          name: 'Rates',
+          component: Rates
+        },
         {
           path: '/ranking',
           name: 'Ranking',