Skip to content

Y
Ygopro Arena Web
Commit 4df00855 authored by 铃兰's avatar 铃兰
1 Browse files
Options

cars页面增加期间使用率统计

parent 1d83b510
Pipeline #22654 passed with stages
      in 2 minutes and 4 seconds
      Hide whitespace changes
      Inline Side-by-side
      Showing with 1942 additions and 1511 deletions
      .idea/.gitignore 0 → 100644
      View file @ 4df00855
      # 默认忽略的文件
      /shelf/
      /workspace.xml
      # 基于编辑器的 HTTP 客户端请求
      /httpRequests/
      .idea/modules.xml 0 → 100644
      View file @ 4df00855
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="ProjectModuleManager">
      <modules>
      <module fileurl="file://$PROJECT_DIR$/.idea/ygopro-arena-web.iml" filepath="$PROJECT_DIR$/.idea/ygopro-arena-web.iml" />
      </modules>
      </component>
      </project>
      \ No newline at end of file
      .idea/vcs.xml 0 → 100644
      View file @ 4df00855
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="VcsDirectoryMappings">
      <mapping directory="" vcs="Git" />
      </component>
      </project>
      \ No newline at end of file
      .idea/ygopro-arena-web.iml 0 → 100644
      View file @ 4df00855
      <?xml version="1.0" encoding="UTF-8"?>
      <module type="WEB_MODULE" version="4">
      <component name="NewModuleRootManager">
      <content url="file://$MODULE_DIR$">
      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
      <excludeFolder url="file://$MODULE_DIR$/temp" />
      <excludeFolder url="file://$MODULE_DIR$/tmp" />
      </content>
      <orderEntry type="inheritedJdk" />
      <orderEntry type="sourceFolder" forTests="false" />
      </component>
      </module>
      \ No newline at end of file
      package-lock.json
      View file @ 4df00855
      ...@@ -85,6 +85,15 @@ ...@@ -85,6 +85,15 @@
      "url": "https://opencollective.com/popperjs" "url": "https://opencollective.com/popperjs"
      } }
      }, },
      "node_modules/@trysound/sax": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
      "dev": true,
      "engines": {
      "node": ">=10.13.0"
      }
      },
      "node_modules/@types/http-proxy": { "node_modules/@types/http-proxy": {
      "version": "1.17.7", "version": "1.17.7",
      "dev": true, "dev": true,
      ...@@ -319,7 +328,12 @@ ...@@ -319,7 +328,12 @@
      "license": "MIT" "license": "MIT"
      }, },
      "node_modules/async-validator": { "node_modules/async-validator": {
      "version": "1.6.9" "version": "1.8.5",
      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
      "dependencies": {
      "babel-runtime": "6.x"
      }
      }, },
      "node_modules/atob": { "node_modules/atob": {
      "version": "2.1.2", "version": "2.1.2",
      ...@@ -991,7 +1005,6 @@ ...@@ -991,7 +1005,6 @@
      }, },
      "node_modules/babel-runtime": { "node_modules/babel-runtime": {
      "version": "6.26.0", "version": "6.26.0",
      "dev": true,
      "license": "MIT", "license": "MIT",
      "dependencies": { "dependencies": {
      "core-js": "^2.4.0", "core-js": "^2.4.0",
      ...@@ -1148,6 +1161,15 @@ ...@@ -1148,6 +1161,15 @@
      "node": ">=8" "node": ">=8"
      } }
      }, },
      "node_modules/bindings": {
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
      "optional": true,
      "dependencies": {
      "file-uri-to-path": "1.0.0"
      }
      },
      "node_modules/bluebird": { "node_modules/bluebird": {
      "version": "3.7.2", "version": "3.7.2",
      "dev": true, "dev": true,
      ...@@ -1451,6 +1473,19 @@ ...@@ -1451,6 +1473,19 @@
      "fsevents": "~2.3.2" "fsevents": "~2.3.2"
      } }
      }, },
      "node_modules/chokidar/node_modules/fsevents": {
      "version": "2.3.2",
      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
      "hasInstallScript": true,
      "optional": true,
      "os": [
      "darwin"
      ],
      "engines": {
      "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
      }
      },
      "node_modules/chokidar/node_modules/glob-parent": { "node_modules/chokidar/node_modules/glob-parent": {
      "version": "5.1.2", "version": "5.1.2",
      "license": "ISC", "license": "ISC",
      ...@@ -1469,17 +1504,6 @@ ...@@ -1469,17 +1504,6 @@
      "safe-buffer": "^5.0.1" "safe-buffer": "^5.0.1"
      } }
      }, },
      "node_modules/clap": {
      "version": "1.2.3",
      "dev": true,
      "license": "MIT",
      "dependencies": {
      "chalk": "^1.1.3"
      },
      "engines": {
      "node": ">=0.10.0"
      }
      },
      "node_modules/class-utils": { "node_modules/class-utils": {
      "version": "0.3.6", "version": "0.3.6",
      "license": "MIT", "license": "MIT",
      ...@@ -1591,16 +1615,6 @@ ...@@ -1591,16 +1615,6 @@
      "node": ">= 0.12.0" "node": ">= 0.12.0"
      } }
      }, },
      "node_modules/coa": {
      "version": "1.0.4",
      "dev": true,
      "dependencies": {
      "q": "^1.1.2"
      },
      "engines": {
      "node": ">= 0.8.0"
      }
      },
      "node_modules/code-point-at": { "node_modules/code-point-at": {
      "version": "1.1.0", "version": "1.1.0",
      "dev": true, "dev": true,
      ...@@ -1666,14 +1680,6 @@ ...@@ -1666,14 +1680,6 @@
      "has": "^1.0.1" "has": "^1.0.1"
      } }
      }, },
      "node_modules/colors": {
      "version": "1.1.2",
      "dev": true,
      "license": "MIT",
      "engines": {
      "node": ">=0.1.90"
      }
      },
      "node_modules/commander": { "node_modules/commander": {
      "version": "2.17.1", "version": "2.17.1",
      "dev": true, "dev": true,
      ...@@ -1821,7 +1827,6 @@ ...@@ -1821,7 +1827,6 @@
      }, },
      "node_modules/core-js": { "node_modules/core-js": {
      "version": "2.6.12", "version": "2.6.12",
      "dev": true,
      "hasInstallScript": true, "hasInstallScript": true,
      "license": "MIT" "license": "MIT"
      }, },
      ...@@ -1980,6 +1985,28 @@ ...@@ -1980,6 +1985,28 @@
      "fastparse": "^1.1.2" "fastparse": "^1.1.2"
      } }
      }, },
      "node_modules/css-tree": {
      "version": "1.1.3",
      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
      "dev": true,
      "dependencies": {
      "mdn-data": "2.0.14",
      "source-map": "^0.6.1"
      },
      "engines": {
      "node": ">=8.0.0"
      }
      },
      "node_modules/css-tree/node_modules/source-map": {
      "version": "0.6.1",
      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
      "dev": true,
      "engines": {
      "node": ">=0.10.0"
      }
      },
      "node_modules/css-what": { "node_modules/css-what": {
      "version": "5.1.0", "version": "5.1.0",
      "dev": true, "dev": true,
      ...@@ -2042,18 +2069,15 @@ ...@@ -2042,18 +2069,15 @@
      } }
      }, },
      "node_modules/csso": { "node_modules/csso": {
      "version": "2.3.2", "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
      "dev": true, "dev": true,
      "license": "MIT",
      "dependencies": { "dependencies": {
      "clap": "^1.0.9", "css-tree": "^1.1.2"
      "source-map": "^0.5.3"
      },
      "bin": {
      "csso": "bin/csso"
      }, },
      "engines": { "engines": {
      "node": ">=0.10.0" "node": ">=8.0.0"
      } }
      }, },
      "node_modules/datatables.net": { "node_modules/datatables.net": {
      ...@@ -2730,6 +2754,12 @@ ...@@ -2730,6 +2754,12 @@
      "loader-utils": "~0.2.5" "loader-utils": "~0.2.5"
      } }
      }, },
      "node_modules/file-uri-to-path": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
      "optional": true
      },
      "node_modules/filesize": { "node_modules/filesize": {
      "version": "3.6.1", "version": "3.6.1",
      "dev": true, "dev": true,
      ...@@ -2872,6 +2902,24 @@ ...@@ -2872,6 +2902,24 @@
      "version": "1.0.0", "version": "1.0.0",
      "license": "ISC" "license": "ISC"
      }, },
      "node_modules/fsevents": {
      "version": "1.2.13",
      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
      "deprecated": "The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2",
      "hasInstallScript": true,
      "optional": true,
      "os": [
      "darwin"
      ],
      "dependencies": {
      "bindings": "^1.5.0",
      "nan": "^2.12.1"
      },
      "engines": {
      "node": ">= 4.0"
      }
      },
      "node_modules/function-bind": { "node_modules/function-bind": {
      "version": "1.1.0", "version": "1.1.0",
      "dev": true "dev": true
      ...@@ -3896,6 +3944,12 @@ ...@@ -3896,6 +3944,12 @@
      "safe-buffer": "^5.1.2" "safe-buffer": "^5.1.2"
      } }
      }, },
      "node_modules/mdn-data": {
      "version": "2.0.14",
      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
      "dev": true
      },
      "node_modules/media-typer": { "node_modules/media-typer": {
      "version": "0.3.0", "version": "0.3.0",
      "dev": true, "dev": true,
      ...@@ -4067,6 +4121,12 @@ ...@@ -4067,6 +4121,12 @@
      "version": "2.0.0", "version": "2.0.0",
      "license": "MIT" "license": "MIT"
      }, },
      "node_modules/nan": {
      "version": "2.17.0",
      "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
      "optional": true
      },
      "node_modules/nanomatch": { "node_modules/nanomatch": {
      "version": "1.2.13", "version": "1.2.13",
      "license": "MIT", "license": "MIT",
      ...@@ -4537,6 +4597,11 @@ ...@@ -4537,6 +4597,11 @@
      "dev": true, "dev": true,
      "license": "MIT" "license": "MIT"
      }, },
      "node_modules/path-dirname": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
      "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q=="
      },
      "node_modules/path-exists": { "node_modules/path-exists": {
      "version": "2.1.0", "version": "2.1.0",
      "dev": true, "dev": true,
      ...@@ -4578,6 +4643,12 @@ ...@@ -4578,6 +4643,12 @@
      "node": ">=0.12" "node": ">=0.12"
      } }
      }, },
      "node_modules/picocolors": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
      "dev": true
      },
      "node_modules/picomatch": { "node_modules/picomatch": {
      "version": "2.3.0", "version": "2.3.0",
      "license": "MIT", "license": "MIT",
      ...@@ -5167,9 +5238,10 @@ ...@@ -5167,9 +5238,10 @@
      } }
      }, },
      "node_modules/postcss-svgo/node_modules/is-svg": { "node_modules/postcss-svgo/node_modules/is-svg": {
      "version": "4.3.2", "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-2.1.0.tgz",
      "integrity": "sha512-Ya1giYJUkcL/94quj0+XGcmts6cETPBW1MiFz1ReJrnDJ680F52qpAEGAEGU0nq96FRGIGPx6Yo1CyPXcOoyGw==",
      "dev": true, "dev": true,
      "license": "MIT",
      "dependencies": { "dependencies": {
      "html-comment-regex": "^1.1.0" "html-comment-regex": "^1.1.0"
      }, },
      ...@@ -5307,15 +5379,6 @@ ...@@ -5307,15 +5379,6 @@
      "dev": true, "dev": true,
      "license": "MIT" "license": "MIT"
      }, },
      "node_modules/q": {
      "version": "1.5.1",
      "dev": true,
      "license": "MIT",
      "engines": {
      "node": ">=0.6.0",
      "teleport": ">=0.2.0"
      }
      },
      "node_modules/qs": { "node_modules/qs": {
      "version": "6.7.0", "version": "6.7.0",
      "dev": true, "dev": true,
      ...@@ -5497,7 +5560,6 @@ ...@@ -5497,7 +5560,6 @@
      }, },
      "node_modules/regenerator-runtime": { "node_modules/regenerator-runtime": {
      "version": "0.11.1", "version": "0.11.1",
      "dev": true,
      "license": "MIT" "license": "MIT"
      }, },
      "node_modules/regenerator-transform": { "node_modules/regenerator-transform": {
      ...@@ -5734,11 +5796,6 @@ ...@@ -5734,11 +5796,6 @@
      "version": "2.1.2", "version": "2.1.2",
      "license": "MIT" "license": "MIT"
      }, },
      "node_modules/sax": {
      "version": "1.2.4",
      "dev": true,
      "license": "ISC"
      },
      "node_modules/select": { "node_modules/select": {
      "version": "1.1.2", "version": "1.1.2",
      "license": "MIT" "license": "MIT"
      ...@@ -6079,6 +6136,13 @@ ...@@ -6079,6 +6136,13 @@
      "version": "4.0.1", "version": "4.0.1",
      "license": "MIT" "license": "MIT"
      }, },
      "node_modules/stable": {
      "version": "0.1.8",
      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility",
      "dev": true
      },
      "node_modules/stackframe": { "node_modules/stackframe": {
      "version": "0.3.1", "version": "0.3.1",
      "dev": true, "dev": true,
      ...@@ -6175,23 +6239,33 @@ ...@@ -6175,23 +6239,33 @@
      } }
      }, },
      "node_modules/svgo": { "node_modules/svgo": {
      "version": "0.7.2", "version": "2.8.0",
      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
      "dev": true, "dev": true,
      "license": "MIT",
      "dependencies": { "dependencies": {
      "coa": "~1.0.1", "@trysound/sax": "0.2.0",
      "colors": "~1.1.2", "commander": "^7.2.0",
      "csso": "~2.3.1", "css-select": "^4.1.3",
      "js-yaml": "2.1.3", "css-tree": "^1.1.3",
      "mkdirp": "~0.5.1", "csso": "^4.2.0",
      "sax": "~1.2.1", "picocolors": "^1.0.0",
      "whet.extend": "~0.9.9" "stable": "^0.1.8"
      }, },
      "bin": { "bin": {
      "svgo": "bin/svgo" "svgo": "bin/svgo"
      }, },
      "engines": { "engines": {
      "node": ">=0.10.0" "node": ">=10.13.0"
      }
      },
      "node_modules/svgo/node_modules/commander": {
      "version": "7.2.0",
      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
      "dev": true,
      "engines": {
      "node": ">= 10"
      } }
      }, },
      "node_modules/swiper": { "node_modules/swiper": {
      ...@@ -6905,6 +6979,26 @@ ...@@ -6905,6 +6979,26 @@
      "node": ">=0.10.0" "node": ">=0.10.0"
      } }
      }, },
      "node_modules/watchpack-chokidar2/node_modules/glob-parent": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
      "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
      "dependencies": {
      "is-glob": "^3.1.0",
      "path-dirname": "^1.0.0"
      }
      },
      "node_modules/watchpack-chokidar2/node_modules/glob-parent/node_modules/is-glob": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
      "dependencies": {
      "is-extglob": "^2.1.0"
      },
      "engines": {
      "node": ">=0.10.0"
      }
      },
      "node_modules/watchpack-chokidar2/node_modules/is-accessor-descriptor": { "node_modules/watchpack-chokidar2/node_modules/is-accessor-descriptor": {
      "version": "1.0.0", "version": "1.0.0",
      "license": "MIT", "license": "MIT",
      ...@@ -7269,14 +7363,6 @@ ...@@ -7269,14 +7363,6 @@
      "watchpack-chokidar2": "^2.0.1" "watchpack-chokidar2": "^2.0.1"
      } }
      }, },
      "node_modules/whet.extend": {
      "version": "0.9.9",
      "dev": true,
      "license": "MIT",
      "engines": {
      "node": ">=0.6.0"
      }
      },
      "node_modules/which-module": { "node_modules/which-module": {
      "version": "1.0.0", "version": "1.0.0",
      "dev": true, "dev": true,
      ...@@ -7417,6 +7503,12 @@ ...@@ -7417,6 +7503,12 @@
      "version": "2.11.0", "version": "2.11.0",
      "peer": true "peer": true
      }, },
      "@trysound/sax": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
      "dev": true
      },
      "@types/http-proxy": { "@types/http-proxy": {
      "version": "1.17.7", "version": "1.17.7",
      "dev": true, "dev": true,
      ...@@ -7582,7 +7674,12 @@ ...@@ -7582,7 +7674,12 @@
      "version": "1.0.3" "version": "1.0.3"
      }, },
      "async-validator": { "async-validator": {
      "version": "1.6.9" "version": "1.8.5",
      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
      "requires": {
      "babel-runtime": "6.x"
      }
      }, },
      "atob": { "atob": {
      "version": "2.1.2" "version": "2.1.2"
      ...@@ -8178,7 +8275,6 @@ ...@@ -8178,7 +8275,6 @@
      }, },
      "babel-runtime": { "babel-runtime": {
      "version": "6.26.0", "version": "6.26.0",
      "dev": true,
      "requires": { "requires": {
      "core-js": "^2.4.0", "core-js": "^2.4.0",
      "regenerator-runtime": "^0.11.0" "regenerator-runtime": "^0.11.0"
      ...@@ -8281,6 +8377,15 @@ ...@@ -8281,6 +8377,15 @@
      "binary-extensions": { "binary-extensions": {
      "version": "2.2.0" "version": "2.2.0"
      }, },
      "bindings": {
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
      "optional": true,
      "requires": {
      "file-uri-to-path": "1.0.0"
      }
      },
      "bluebird": { "bluebird": {
      "version": "3.7.2", "version": "3.7.2",
      "dev": true "dev": true
      ...@@ -8505,6 +8610,12 @@ ...@@ -8505,6 +8610,12 @@
      "readdirp": "~3.6.0" "readdirp": "~3.6.0"
      }, },
      "dependencies": { "dependencies": {
      "fsevents": {
      "version": "2.3.2",
      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
      "optional": true
      },
      "glob-parent": { "glob-parent": {
      "version": "5.1.2", "version": "5.1.2",
      "requires": { "requires": {
      ...@@ -8520,13 +8631,6 @@ ...@@ -8520,13 +8631,6 @@
      "safe-buffer": "^5.0.1" "safe-buffer": "^5.0.1"
      } }
      }, },
      "clap": {
      "version": "1.2.3",
      "dev": true,
      "requires": {
      "chalk": "^1.1.3"
      }
      },
      "class-utils": { "class-utils": {
      "version": "0.3.6", "version": "0.3.6",
      "requires": { "requires": {
      ...@@ -8603,13 +8707,6 @@ ...@@ -8603,13 +8707,6 @@
      "version": "4.6.0", "version": "4.6.0",
      "dev": true "dev": true
      }, },
      "coa": {
      "version": "1.0.4",
      "dev": true,
      "requires": {
      "q": "^1.1.2"
      }
      },
      "code-point-at": { "code-point-at": {
      "version": "1.1.0", "version": "1.1.0",
      "dev": true "dev": true
      ...@@ -8665,10 +8762,6 @@ ...@@ -8665,10 +8762,6 @@
      "has": "^1.0.1" "has": "^1.0.1"
      } }
      }, },
      "colors": {
      "version": "1.1.2",
      "dev": true
      },
      "commander": { "commander": {
      "version": "2.17.1", "version": "2.17.1",
      "dev": true "dev": true
      ...@@ -8778,8 +8871,7 @@ ...@@ -8778,8 +8871,7 @@
      } }
      }, },
      "core-js": { "core-js": {
      "version": "2.6.12", "version": "2.6.12"
      "dev": true
      }, },
      "core-util-is": { "core-util-is": {
      "version": "1.0.3" "version": "1.0.3"
      ...@@ -8911,6 +9003,24 @@ ...@@ -8911,6 +9003,24 @@
      "fastparse": "^1.1.2" "fastparse": "^1.1.2"
      } }
      }, },
      "css-tree": {
      "version": "1.1.3",
      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
      "dev": true,
      "requires": {
      "mdn-data": "2.0.14",
      "source-map": "^0.6.1"
      },
      "dependencies": {
      "source-map": {
      "version": "0.6.1",
      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
      "dev": true
      }
      }
      },
      "css-what": { "css-what": {
      "version": "5.1.0", "version": "5.1.0",
      "dev": true "dev": true
      ...@@ -8958,11 +9068,12 @@ ...@@ -8958,11 +9068,12 @@
      } }
      }, },
      "csso": { "csso": {
      "version": "2.3.2", "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
      "dev": true, "dev": true,
      "requires": { "requires": {
      "clap": "^1.0.9", "css-tree": "^1.1.2"
      "source-map": "^0.5.3"
      } }
      }, },
      "datatables.net": { "datatables.net": {
      ...@@ -9439,6 +9550,12 @@ ...@@ -9439,6 +9550,12 @@
      "loader-utils": "~0.2.5" "loader-utils": "~0.2.5"
      } }
      }, },
      "file-uri-to-path": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
      "optional": true
      },
      "filesize": { "filesize": {
      "version": "3.6.1", "version": "3.6.1",
      "dev": true "dev": true
      ...@@ -9527,6 +9644,16 @@ ...@@ -9527,6 +9644,16 @@
      "fs.realpath": { "fs.realpath": {
      "version": "1.0.0" "version": "1.0.0"
      }, },
      "fsevents": {
      "version": "1.2.13",
      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
      "optional": true,
      "requires": {
      "bindings": "^1.5.0",
      "nan": "^2.12.1"
      }
      },
      "function-bind": { "function-bind": {
      "version": "1.1.0", "version": "1.1.0",
      "dev": true "dev": true
      ...@@ -10187,6 +10314,12 @@ ...@@ -10187,6 +10314,12 @@
      "safe-buffer": "^5.1.2" "safe-buffer": "^5.1.2"
      } }
      }, },
      "mdn-data": {
      "version": "2.0.14",
      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
      "dev": true
      },
      "media-typer": { "media-typer": {
      "version": "0.3.0", "version": "0.3.0",
      "dev": true "dev": true
      ...@@ -10296,6 +10429,12 @@ ...@@ -10296,6 +10429,12 @@
      "ms": { "ms": {
      "version": "2.0.0" "version": "2.0.0"
      }, },
      "nan": {
      "version": "2.17.0",
      "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
      "optional": true
      },
      "nanomatch": { "nanomatch": {
      "version": "1.2.13", "version": "1.2.13",
      "requires": { "requires": {
      ...@@ -10615,6 +10754,11 @@ ...@@ -10615,6 +10754,11 @@
      "version": "0.0.1", "version": "0.0.1",
      "dev": true "dev": true
      }, },
      "path-dirname": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
      "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q=="
      },
      "path-exists": { "path-exists": {
      "version": "2.1.0", "version": "2.1.0",
      "dev": true, "dev": true,
      ...@@ -10642,6 +10786,12 @@ ...@@ -10642,6 +10786,12 @@
      "sha.js": "^2.4.8" "sha.js": "^2.4.8"
      } }
      }, },
      "picocolors": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
      "dev": true
      },
      "picomatch": { "picomatch": {
      "version": "2.3.0" "version": "2.3.0"
      }, },
      ...@@ -11104,7 +11254,9 @@ ...@@ -11104,7 +11254,9 @@
      }, },
      "dependencies": { "dependencies": {
      "is-svg": { "is-svg": {
      "version": "4.3.2", "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-2.1.0.tgz",
      "integrity": "sha512-Ya1giYJUkcL/94quj0+XGcmts6cETPBW1MiFz1ReJrnDJ680F52qpAEGAEGU0nq96FRGIGPx6Yo1CyPXcOoyGw==",
      "dev": true, "dev": true,
      "requires": { "requires": {
      "html-comment-regex": "^1.1.0" "html-comment-regex": "^1.1.0"
      ...@@ -11198,10 +11350,6 @@ ...@@ -11198,10 +11350,6 @@
      "version": "1.4.1", "version": "1.4.1",
      "dev": true "dev": true
      }, },
      "q": {
      "version": "1.5.1",
      "dev": true
      },
      "qs": { "qs": {
      "version": "6.7.0", "version": "6.7.0",
      "dev": true "dev": true
      ...@@ -11334,8 +11482,7 @@ ...@@ -11334,8 +11482,7 @@
      "dev": true "dev": true
      }, },
      "regenerator-runtime": { "regenerator-runtime": {
      "version": "0.11.1", "version": "0.11.1"
      "dev": true
      }, },
      "regenerator-transform": { "regenerator-transform": {
      "version": "0.10.1", "version": "0.10.1",
      ...@@ -11500,10 +11647,6 @@ ...@@ -11500,10 +11647,6 @@
      "safer-buffer": { "safer-buffer": {
      "version": "2.1.2" "version": "2.1.2"
      }, },
      "sax": {
      "version": "1.2.4",
      "dev": true
      },
      "select": { "select": {
      "version": "1.1.2" "version": "1.1.2"
      }, },
      ...@@ -11748,6 +11891,12 @@ ...@@ -11748,6 +11891,12 @@
      "ssr-window": { "ssr-window": {
      "version": "4.0.1" "version": "4.0.1"
      }, },
      "stable": {
      "version": "0.1.8",
      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
      "dev": true
      },
      "stackframe": { "stackframe": {
      "version": "0.3.1", "version": "0.3.1",
      "dev": true "dev": true
      ...@@ -11816,16 +11965,26 @@ ...@@ -11816,16 +11965,26 @@
      "dev": true "dev": true
      }, },
      "svgo": { "svgo": {
      "version": "0.7.2", "version": "2.8.0",
      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
      "dev": true, "dev": true,
      "requires": { "requires": {
      "coa": "~1.0.1", "@trysound/sax": "0.2.0",
      "colors": "~1.1.2", "commander": "^7.2.0",
      "csso": "~2.3.1", "css-select": "^4.1.3",
      "js-yaml": "2.1.3", "css-tree": "^1.1.3",
      "mkdirp": "~0.5.1", "csso": "^4.2.0",
      "sax": "~1.2.1", "picocolors": "^1.0.0",
      "whet.extend": "~0.9.9" "stable": "^0.1.8"
      },
      "dependencies": {
      "commander": {
      "version": "7.2.0",
      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
      "dev": true
      }
      } }
      }, },
      "swiper": { "swiper": {
      ...@@ -12316,6 +12475,25 @@ ...@@ -12316,6 +12475,25 @@
      "to-regex-range": "^2.1.0" "to-regex-range": "^2.1.0"
      } }
      }, },
      "glob-parent": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
      "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
      "requires": {
      "is-glob": "^3.1.0",
      "path-dirname": "^1.0.0"
      },
      "dependencies": {
      "is-glob": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
      "requires": {
      "is-extglob": "^2.1.0"
      }
      }
      }
      },
      "is-accessor-descriptor": { "is-accessor-descriptor": {
      "version": "1.0.0", "version": "1.0.0",
      "requires": { "requires": {
      ...@@ -12577,10 +12755,6 @@ ...@@ -12577,10 +12755,6 @@
      "source-map": "~0.5.3" "source-map": "~0.5.3"
      } }
      }, },
      "whet.extend": {
      "version": "0.9.9",
      "dev": true
      },
      "which-module": { "which-module": {
      "version": "1.0.0", "version": "1.0.0",
      "dev": true "dev": true
      ......
      src/api.js
      View file @ 4df00855
      ...@@ -10,154 +10,164 @@ const URL = "https://sapi.moecube.com:444/ygopro/arena" ...@@ -10,154 +10,164 @@ const URL = "https://sapi.moecube.com:444/ygopro/arena"
      export default class Api { export default class Api {
      static uploadUrl = `${URL}/upload` static uploadUrl = `${URL}/upload`
      static implUrl = `${URL}/impltrack` static implUrl = `${URL}/impltrack`
      static clkUrl = `${URL}/clktrack` static clkUrl = `${URL}/clktrack`
      static getMonthlyWinRate() { static getMonthlyHistory(opt) {
      const url = `https://sapi.moecube.com:444/ygopro/arena/historyScore`;
      let monthlyWinRateUrl = 'https://sapi.moecube.com:444/ygopro/analytics/matchup/type?source=mycard-athletic' return Vue.http.get(url, { params: opt });
      }
      return Vue.http.get(monthlyWinRateUrl) // https://sapi.moecube.com:444/ygopro/arena/historyScore?username=id&season=yyyy-mm
      }
      static getDownloadUrl(url) {
      url = url.slice(7)
      static getDownloadUrl(url) { var downloadUrl = `${URL}/download/${url}`
      url = url.slice(7) return downloadUrl
      var downloadUrl = `${URL}/download/${url}` }
      return downloadUrl
      } static getCount(opt) {
      var request = query.stringify(opt);
      static getCount(opt) { const url = `${config.COUNTER_URL}?${request}`;
      var request = query.stringify(opt); return Vue.http.get(url);
      const url = `${config.COUNTER_URL}?${request}`; }
      return Vue.http.get(url);
      } static getUserInfo(opt) {
      var request = query.stringify(opt);
      static getUserInfo(opt) { const url = `${URL}/user?${request}`;
      var request = query.stringify(opt); return Vue.http.get(url);
      const url = `${URL}/user?${request}`; }
      return Vue.http.get(url); static getUserInfoMonth(opt) {
      } var request = query.stringify(opt);
      const url = `${URL}/user?${request}`;
      static getUsers(opt) { return Vue.http.get(url);
      var request = query.stringify(opt); }
      const url = `${URL}/users?${request}`; // https://sapi.moecube.com:444/ygopro/arena/historyScore?username=id&season=yyyy-mm
      return Vue.http.get(url);
      }
      static getUserDueHistory(opt) {
      return Vue.http.get(`${URL}/history`, { 'params': opt }); static getUsers(opt) {
      } var request = query.stringify(opt);
      const url = `${URL}/users?${request}`;
      static getDownloadUrls() { return Vue.http.get(url);
      return Vue.http.get('https://api.github.com/repos/mycard/mycard/releases/latest') }
      }
      static getUserDueHistory(opt) {
      static getAvatar(opt) { return Vue.http.get(`${URL}/history`, {'params': opt});
      return Vue.http.get(`https://sapi.moecube.com:444/accounts/users/${opt.username}.avatar`) }
      }
      static getCardInfo(opt) {
      var request = query.stringify(opt);
      const url = `${URL}/cardinfo?${request}`; static getDownloadUrls() {
      return Vue.http.get(url); return Vue.http.get('https://api.github.com/repos/mycard/mycard/releases/latest')
      } }
      static getDeckInfo(opt) { static getAvatar(opt) {
      return Vue.http.get(`${URL}/deckinfo`, { 'params': opt }); return Vue.http.get(`https://sapi.moecube.com:444/accounts/users/${opt.username}.avatar`)
      } }
      static saveDeck(opt) { static getCardInfo(opt) {
      const url = `${URL}/deckinfo` var request = query.stringify(opt);
      return Vue.http.post(url, opt, { 'emulateJSON': true }); const url = `${URL}/cardinfo?${request}`;
      } return Vue.http.get(url);
      }
      static saveDeckDemo(opt) {
      const url = `${URL}/deckdemo` static getDeckInfo(opt) {
      return Vue.http.post(url, opt, { 'emulateJSON': true }); return Vue.http.get(`${URL}/deckinfo`, {'params': opt});
      } }
      static getReport(opt) { static saveDeck(opt) {
      return Vue.http.get(`${URL}/report`, { 'params': opt }); const url = `${URL}/deckinfo`
      } return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static getVoteList(opt) {
      return Vue.http.get(`${URL}/votes`, { 'params': opt }); static saveDeckDemo(opt) {
      } const url = `${URL}/deckdemo`
      return Vue.http.post(url, opt, {'emulateJSON': true});
      static saveVote(opt) { }
      const url = `${URL}/votes`
      return Vue.http.post(url, opt, { 'emulateJSON': true }); static getReport(opt) {
      } return Vue.http.get(`${URL}/report`, {'params': opt});
      }
      static voteStatus(opt) {
      const url = `${URL}/voteStatus` static getVoteList(opt) {
      return Vue.http.post(url, opt, { 'emulateJSON': true }); return Vue.http.get(`${URL}/votes`, {'params': opt});
      } }
      static getVote(opt) { static saveVote(opt) {
      return Vue.http.get(`${URL}/vote`, { 'params': opt }); const url = `${URL}/votes`
      } return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static submitVote(opt) {
      const url = `${URL}/submitVote` static voteStatus(opt) {
      return Vue.http.post(url, opt, { 'emulateJSON': true }); const url = `${URL}/voteStatus`
      } return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static saveAds(opt) {
      const url = `${URL}/ads` static getVote(opt) {
      return Vue.http.post(url, opt, { 'emulateJSON': true }); return Vue.http.get(`${URL}/vote`, {'params': opt});
      } }
      static getAdsList(opt) { static submitVote(opt) {
      return Vue.http.get(`${URL}/ads`, { 'params': opt }); const url = `${URL}/submitVote`
      } return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static adsStatus(opt) {
      const url = `${URL}/adsStatus` static saveAds(opt) {
      return Vue.http.post(url, opt, { 'emulateJSON': true }); const url = `${URL}/ads`
      } return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static getAd(opt) {
      return Vue.http.get(`${URL}/getAd`, { 'params': opt }); static getAdsList(opt) {
      } return Vue.http.get(`${URL}/ads`, {'params': opt});
      }
      static adClick(opt) {
      const url = `${URL}/adClick` static adsStatus(opt) {
      return Vue.http.post(url, opt, { 'emulateJSON': true }); const url = `${URL}/adsStatus`
      } return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static adImpl(opt) {
      const url = `${URL}/adImpl` static getAd(opt) {
      return Vue.http.post(url, opt, { 'emulateJSON': true }); return Vue.http.get(`${URL}/getAd`, {'params': opt});
      } }
      static getFirstWin(opt) { static adClick(opt) {
      var request = query.stringify(opt); const url = `${URL}/adClick`
      const url = `${URL}/firstwin?${request}`; return Vue.http.post(url, opt, {'emulateJSON': true});
      return Vue.http.get(url); }
      }
      static adImpl(opt) {
      static adSwitchChange(opt) { const url = `${URL}/adImpl`
      const url = `${URL}/adSwitchChange` return Vue.http.post(url, opt, {'emulateJSON': true});
      return Vue.http.post(url, opt, { 'emulateJSON': true }); }
      }
      static getFirstWin(opt) {
      static saveActivity(opt) { var request = query.stringify(opt);
      const url = `${URL}/activity` const url = `${URL}/firstwin?${request}`;
      return Vue.http.post(url, opt, { 'emulateJSON': true }); return Vue.http.get(url);
      } }
      static saveLabel(opt) { static adSwitchChange(opt) {
      const url = `${URL}/label` const url = `${URL}/adSwitchChange`
      return Vue.http.post(url, opt, { 'emulateJSON': true }); return Vue.http.post(url, opt, {'emulateJSON': true});
      } }
      static getLabel(opt) { static saveActivity(opt) {
      return Vue.http.get(`${URL}/label`, { 'params': {} }); const url = `${URL}/activity`
      } return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static saveLabel(opt) {
      const url = `${URL}/label`
      return Vue.http.post(url, opt, {'emulateJSON': true});
      }
      static getLabel(opt) {
      return Vue.http.get(`${URL}/label`, {'params': {}});
      }
      } }
      src/components/Ads.vue
      View file @ 4df00855
      ...@@ -491,7 +491,6 @@ ...@@ -491,7 +491,6 @@
      type: this.type, type: this.type,
      page: this.page, page: this.page,
      username: this.username, username: this.username,
      type: this.type,
      from_date: this.from_date, from_date: this.from_date,
      to_date: this.to_date to_date: this.to_date
      } }
      ...@@ -641,19 +640,19 @@ ...@@ -641,19 +640,19 @@
      #history { #history {
      margin-top: 100px; margin-top: 100px;
      } }
      .demo-table-expand { .demo-table-expand {
      font-size: 0; font-size: 0;
      } }
      .demo-table-expand label { .demo-table-expand label {
      width: 90px; width: 90px;
      color: #99a9bf; color: #99a9bf;
      } }
      .demo-table-expand .el-form-item { .demo-table-expand .el-form-item {
      margin-right: 0; margin-right: 0;
      margin-bottom: 0; margin-bottom: 0;
      width: 100%; width: 100%;
      } }
      </style> </style>
      \ No newline at end of file
      src/components/Cards.vue
      View file @ 4df00855
      <template> <template>
      <div> <div>
      <div class="content"> <div class="content">
      <div class="container"> <div class="container">
      <div> <div>
      <h4 class="color-blue"> <h4 class="color-blue">
      <i class="glyphicon glyphicon-filter"></i> <i class="glyphicon glyphicon-filter"></i>
      {{lang.qc}} {{ lang.qc }}
      </h4> </h4>
      <div class="well"> <div class="well">
      <form action="" method="get" role="form" class="form-inline form-filter"> <form action="" method="get" role="form" class="form-inline form-filter">
      <div class="form-group" style="margin-right: 10px;"> <div class="form-group" style="margin-right: 10px;">
      <div class="input-group"> <div class="input-group">
      <div class="input-group-addon">{{lang.time}}</div> <div class="input-group-addon">{{ lang.time }}</div>
      <select name="type" class="form-control" id="type" v-on:change="onChange"> <select name="type" class="form-control" id="type" v-on:change="onChange">
      <option value="day">{{lang.today}}</option> <option value="day">{{ lang.today }}</option>
      <option value="week">{{lang.week}}</option> <option value="week">{{ lang.week }}</option>
      <option value="halfmonth">{{lang.half_month}}</option> <option value="halfmonth">{{ lang.half_month }}</option>
      <option value="month">{{lang.month}}</option> <option value="month">{{ lang.month }}</option>
      <option value="season">{{lang.season}}</option> <option value="season">{{ lang.season }}</option>
      </select> </select>
      </div> </div>
      </div> </div>
      <div class="form-group" style="margin-right: 10px;"> <div class="form-group" style="margin-right: 10px;">
      <div class="input-group"> <div class="input-group">
      <div class="input-group-addon">{{lang.source}}</div> <div class="input-group-addon">{{ lang.source }}</div>
      <select name="server" class="form-control" id="server" v-on:change="onChange"> <select name="server" class="form-control" id="server" v-on:change="onChange">
      <option value="mycard">MCPro</option> <option value="mycard">MCPro</option>
      <option value="233">233</option> <option value="233">233</option>
      <option value="koishi">Koishi</option> <option value="koishi">Koishi</option>
      <option value="koishi_tcg">Koishi_tcg</option> <option value="koishi_tcg">Koishi_tcg</option>
      </select> </select>
      </div> </div>
      </div> </div>
      <div class="form-group" style="margin-right: 10px;"> <div class="form-group" style="margin-right: 10px;">
      <div class="input-group"> <div class="input-group">
      <div class="input-group-addon">{{lang.type}}</div> <div class="input-group-addon">{{ lang.type }}</div>
      <select name="source" class="form-control" id="source" v-on:change="onChange"> <select name="source" class="form-control" id="source" v-on:change="onChange">
      <option value="athletic">{{lang.athletic}}</option> <option value="athletic">{{ lang.athletic }}</option>
      <option value="entertain">{{lang.entertain}}</option> <option value="entertain">{{ lang.entertain }}</option>
      <option value="custom">{{lang.custom}}</option> <option value="custom">{{ lang.custom }}</option>
      <option value="tag">{{lang.tag}}</option> <option value="tag">{{ lang.tag }}</option>
      </select> </select>
      </div> </div>
      </div> </div>
      <div class="form-group" style="margin-right: 10px;"> <div class="form-group" style="margin-right: 10px;">
      <div class="input-group"> <div class="input-group">
      <div class="input-group-addon">{{lang.totalDeck}}</div> <div class="input-group-addon">{{ lang.totalDeck }}</div>
      <span class="form-control">{{totalDeck}}</span> <span class="form-control">{{ totalDeck }}</span>
      </div> </div>
      </div> </div>
      <div class="form-group" style="display:none"> <div class="form-group" style="display:none">
      <button type="submit" id="search" <button type="submit" id="search"
      class="form-control btn btn-primary">{{lang.search}}</button> class="form-control btn btn-primary">{{ lang.search }}
      </div> </button>
      </div>
      </form>
      </div> </form>
      </div>
      <h4 class="color-blue"><i class="glyphicon glyphicon-list-alt"></i> {{lang.table_data}} </h4>
      <h4 class="color-blue"><i class="glyphicon glyphicon-list-alt"></i> {{ lang.table_data }} </h4>
      <div>
      <ul class="nav nav-tabs"> <div>
      <ul class="nav nav-tabs">
      <li :class="{ active: isActive }" v-if="isActive">
      <a href="#tab-0" role="tab" data-toggle="tab" @click='navClick("Deck")'><img class="tab-img" :src="img0" ></a> <li :class="{ active: isActive }" v-if="isActive">
      </li> <a href="#tab-0" role="tab" data-toggle="tab" @click='navClick("Deck")'><img class="tab-img"
      <li :class="{ active: !isActive }"> :src="img0"></a>
      <a href="#tab-1" role="tab" data-toggle="tab" @click='navClick("Monster")'><img class="tab-img" :src="img1"></a> </li>
      </li> <li :class="{ active: !isActive }">
      <li> <a href="#tab-1" role="tab" data-toggle="tab" @click='navClick("Monster")'><img class="tab-img"
      <a href="#tab-2" role="tab" data-toggle="tab" @click='navClick("Spell")'><img class="tab-img" :src="img2"></a> :src="img1"></a>
      </li> </li>
      <li> <li>
      <a href="#tab-3" role="tab" data-toggle="tab" @click='navClick("Trap")' ><img class="tab-img" :src="img3"></a> <a href="#tab-2" role="tab" data-toggle="tab" @click='navClick("Spell")'><img class="tab-img"
      </li> :src="img2"></a>
      <li> </li>
      <a href="#tab-4" role="tab" data-toggle="tab" @click='navClick("Side")'><img class="tab-img" :src="img4"></a> <li>
      </li> <a href="#tab-3" role="tab" data-toggle="tab" @click='navClick("Trap")'><img class="tab-img"
      <li> :src="img3"></a>
      <a href="#tab-5" role="tab" data-toggle="tab" @click='navClick("Extra")'><img class="tab-img" :src="img5"></a> </li>
      </li> <li>
      </ul> <a href="#tab-4" role="tab" data-toggle="tab" @click='navClick("Side")'><img class="tab-img"
      :src="img4"></a>
      <div class="tab-content"> </li>
      <li>
      <div role="tabpanel" class="tab-pane" :class="{ active: isActive }" v-if="isActive" <a href="#tab-5" role="tab" data-toggle="tab" @click='navClick("Extra")'><img class="tab-img"
      id="tab-0"> :src="img5"></a>
      <br> </li>
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> </ul>
      <table id="deck" class="table table-striped table-bordered table-hover example"
      :width="width"></table> <div class="tab-content">
      </div>
      </div> <div role="tabpanel" class="tab-pane" :class="{ active: isActive }" v-if="isActive"
      id="tab-0">
      <div role="tabpanel" class="tab-pane" :class="{ active: !isActive }" id="tab-1"> <br>
      <br> <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <table id="deck" class="table table-striped table-bordered table-hover example"
      <table id="monster" class="table table-striped table-bordered table-hover example" :width="width"></table>
      :width="width"></table> </div>
      </div> </div>
      </div>
      <div role="tabpanel" class="tab-pane" :class="{ active: !isActive }" id="tab-1">
      <div role="tabpanel" class="tab-pane" id="tab-2"> <br>
      <br> <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <table id="monster" class="table table-striped table-bordered table-hover example"
      <table id="spell" class="table table-striped table-bordered table-hover example" :width="width"></table>
      :width="width"></table> </div>
      </div> </div>
      </div>
      <div role="tabpanel" class="tab-pane" id="tab-2">
      <div role="tabpanel" class="tab-pane" id="tab-3"> <br>
      <br> <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <table id="spell" class="table table-striped table-bordered table-hover example"
      <table id="trap" class="table table-striped table-bordered table-hover example" :width="width"></table>
      :width="width"></table> </div>
      </div> </div>
      </div>
      <div role="tabpanel" class="tab-pane" id="tab-3">
      <div role="tabpanel" class="tab-pane" id="tab-4"> <br>
      <br> <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <table id="trap" class="table table-striped table-bordered table-hover example"
      <table id="side" class="table table-striped table-bordered table-hover example" :width="width"></table>
      :width="width"></table> </div>
      </div> </div>
      </div>
      <div role="tabpanel" class="tab-pane" id="tab-4">
      <div role="tabpanel" class="tab-pane" id="tab-5"> <br>
      <br> <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <table id="side" class="table table-striped table-bordered table-hover example"
      <table id="ex" class="table table-striped table-bordered table-hover example" :width="width"></table>
      :width="width"></table> </div>
      </div> </div>
      </div>
      <div class="form-group" style="display:none">
      <button type="submit" id="search"
      class="form-control btn btn-primary">{{lang.search}}</button>
      </div>
      </div>
      </div>
      <div role="tabpanel" class="tab-pane" id="tab-5">
      <br>
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="ex" class="table table-striped table-bordered table-hover example"
      :width="width"></table>
      </div> </div>
      <Footads></Footads> </div>
      <div class="form-group" style="display:none">
      <button type="submit" id="search"
      class="form-control btn btn-primary">{{ lang.search }}
      </button>
      </div>
      </div> </div>
      </div> </div>
      </div>
      <Footads></Footads>
      </div>
      </div> </div>
      </div>
      </template> </template>
      <script> <script>
      import Footads from './Footads' import Footads from './Footads'
      import tb_language from './tb_lang.js' import tb_language from './tb_lang.js'
      import { import {
      mapGetters mapGetters
      } from 'vuex' } from 'vuex'
      import API from '../api'; import API from '../api';
      import img0 from '../assets/img/500x300_deck.png' import img0 from '../assets/img/500x300_deck.png'
      import img1 from '../assets/img/500x300_monster.png' import img1 from '../assets/img/500x300_monster.png'
      import img2 from '../assets/img/500x300_Spell.png' import img2 from '../assets/img/500x300_Spell.png'
      import img3 from '../assets/img/500x300_Trap.png' import img3 from '../assets/img/500x300_Trap.png'
      import img4 from '../assets/img/500x300_side.png' import img4 from '../assets/img/500x300_side.png'
      import img5 from '../assets/img/ExtraWithBorder.png' import img5 from '../assets/img/ExtraWithBorder.png'
      var dt = require('datatables.net')
      var dt2 = require('datatables.net-bs') var dt = require('datatables.net')
      import "../assets/css/dataTables.bootstrap.min.css" var dt2 = require('datatables.net-bs')
      var monsterTable; import "../assets/css/dataTables.bootstrap.min.css"
      var spellTable;
      var trapTable; var monsterTable;
      var exTable; var spellTable;
      var sideTable; var trapTable;
      var deckTable; var exTable;
      const placeholder={ var sideTable;
      Deck:'请输入卡组名..', var deckTable;
      Monster:'请输入怪兽卡名..', const placeholder = {
      Spell:'请输入魔法卡名..', Deck: '请输入卡组名..',
      Trap:'请输入陷阱卡名..', Monster: '请输入怪兽卡名..',
      Side:'请输入卡片名..', Spell: '请输入魔法卡名..',
      Extra:'请输入卡片名..', Trap: '请输入陷阱卡名..',
      Side: '请输入卡片名..',
      Extra: '请输入卡片名..',
      }
      export default {
      components: {
      Footads
      },
      created: function () {
      var regex_match =
      /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;
      var u = navigator.userAgent;
      if (null == u) {
      return true;
      }
      var result = regex_match.exec(u);
      if (null == result) {
      } else {
      this.width = "250%"
      }
      var lang = localStorage.getItem('lang') || 'cn';
      this.init(lang)
      },
      mounted: function () {
      this.init2();
      },
      data() {
      return {
      totalDeck: 0,
      type: "",
      isActive: true,
      width: "100%",
      img0: img0,
      img1: img1,
      img2: img2,
      img3: img3,
      img4: img4,
      img5: img5,
      }
      },
      computed: {
      ...mapGetters({
      lang: 'getLang',
      }),
      },
      watch: {
      lang: function (val) {
      // console.log('lang change1', val)
      this.init2()
      },
      },
      methods: {
      period(){
      // 计算禁卡表发布时间间隔
      const today = new Date();
      const year = today.getFullYear();
      const dates = [
      new Date(year, 0, 1),
      new Date(year, 3, 1),
      new Date(year, 6, 1),
      new Date(year, 9, 1),
      ];
      const season = dates.reduce((min, date) => {
      const diff = Math.floor((today - date) / (1000 * 60 * 60 * 24));
      if (today >= date && diff >= 0 && diff < min) {
      return diff;
      }
      return min;
      }, Infinity);
      // 根据select设定对应天数
      const periodMap = {
      day: 1,
      week: 7,
      halfmonth: 15,
      month: 30,
      season: season
      };
      var selectedType = $("#type").val();
      return periodMap[selectedType] || 1;
      },
      navClick(data) {
      // console.log('%c ---------------------src' + '\\' + 'components' + '\\' + 'Cards.vue---------------------%c:238', 'background:#f034c6', 'background:#14f1a4',
      // data)
      $(".input-sm").attr("placeholder", placeholder[data])
      },
      init: function (lang) {
      if (lang === "cn") {
      this.isActive = true;
      } else {
      this.isActive = false;
      } }
      export default { // this.lang = language[lang]
      components: { this.getCount()
      Footads },
      }, init2: function () {
      created: function() { var lang = localStorage.getItem('lang') || 'cn';
      var regex_match = if (lang === "cn") {
      /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i; this.isActive = true;
      var u = navigator.userAgent; } else {
      if (null == u) { this.isActive = false;
      return true; }
      } var self = this;
      var result = regex_match.exec(u); this.getCount().then(function (count) {
      if (null == result) {} else { self.totalDeck = count; // 设置totalDeck的值
      this.width = "250%" // 在获取到count后调用init2
      }
      var lang = localStorage.getItem('lang') || 'cn';
      this.init(lang)
      },
      mounted: function() {
      this.init2();
      },
      data() {
      return {
      isActive: true,
      totalDeck: 0,
      width: "100%",
      img0: img0,
      img1: img1,
      img2: img2,
      img3: img3,
      img4: img4,
      img5: img5,
      }
      },
      computed: {
      ...mapGetters({
      lang: 'getLang',
      }),
      },
      watch: {
      lang: function(val) {
      // console.log('lang change1', val)
      this.init2()
      },
      },
      methods: {
      navClick(data){
      console.log('%c ---------------------src'+'\\'+'components'+'\\'+'Cards.vue---------------------%c:238','background:#f034c6','background:#14f1a4',
      data)
      $(".input-sm").attr("placeholder",placeholder[data])
      }, function renderPage() {
      init: function(lang) {
      if (lang === "cn") {
      this.isActive = true;
      } else {
      this.isActive = false;
      }
      // this.lang = language[lang]
      this.getCount()
      },
      init2: function() {
      var lang = localStorage.getItem('lang') || 'cn';
      if (lang === "cn") {
      this.isActive = true;
      } else {
      this.isActive = false;
      }
      function renderPage() { if (monsterTable) {
      if (monsterTable) { monsterTable.clear();
      monsterTable.clear(); monsterTable.destroy();
      monsterTable.destroy(); }
      } if (spellTable) {
      if (spellTable) { spellTable.clear();
      spellTable.clear(); spellTable.destroy();
      spellTable.destroy(); }
      } if (trapTable) {
      if (trapTable) { trapTable.clear();
      trapTable.clear(); trapTable.destroy();
      trapTable.destroy(); }
      } if (exTable) {
      if (exTable) { exTable.clear();
      exTable.clear(); exTable.destroy();
      exTable.destroy(); }
      } if (sideTable) {
      if (sideTable) { sideTable.clear();
      sideTable.clear(); sideTable.destroy();
      sideTable.destroy(); }
      } var server = $("#server").val() || "mycard"
      var server = $("#server").val() || "mycard" var source = $("#source").val() || "athletic"
      var source = $("#source").val() || "athletic" var final_source = server + "-" + source
      var final_source = server + "-" + source $.get('https://sapi.moecube.com:444/ygopro/analytics/single/type', {
      $.get('https://sapi.moecube.com:444/ygopro/analytics/single/type', { type: $("#type").val(),
      type: $("#type").val(), lang: localStorage.getItem('lang') || 'cn',
      lang: localStorage.getItem('lang') || 'cn', extra: 'name',
      extra: 'name', source: final_source
      source: final_source }, function (data) {
      }, function(data) { var monster = data.monster;
      var monster = data.monster; var spell = data.spell;
      var spell = data.spell; var trap = data.trap;
      var trap = data.trap; var side = data.side;
      var side = data.side; var ex = data.ex;
      var ex = data.ex; monsterTable = renderTable("#monster", monster)
      monsterTable = renderTable("#monster", monster) spellTable = renderTable("#spell", spell)
      spellTable = renderTable("#spell", spell) trapTable = renderTable("#trap", trap)
      trapTable = renderTable("#trap", trap) exTable = renderTable("#ex", ex)
      exTable = renderTable("#ex", ex) sideTable = renderTable("#side", side)
      sideTable = renderTable("#side", side) // console.log(data)
      }); });
      //卡组api https://sapi.moecube.com:444/ygopro/analytics/deck/type?type=day&source=mycard-entertain //卡组api https://sapi.moecube.com:444/ygopro/analytics/deck/type?type=day&source=mycard-entertain
      //只显示中文 //只显示中文
      var lang = localStorage.getItem('lang') || 'cn'; var lang = localStorage.getItem('lang') || 'cn';
      if (lang === "cn") { if (lang === "cn") {
      if (deckTable) { if (deckTable) {
      deckTable.clear(); deckTable.clear();
      deckTable.destroy(); deckTable.destroy();
      } }
      $.get('https://sapi.moecube.com:444/ygopro/analytics/deck/type', { $.get('https://sapi.moecube.com:444/ygopro/analytics/deck/type', {
      type: $("#type").val(), type: $("#type").val(),
      source: final_source source: final_source
      }, function(data) { }, function (data) {
      var obj = data; var obj = data;
      if (typeof obj === 'string') if (typeof obj === 'string')
      obj = JSON.parse(data); obj = JSON.parse(data);
      var rank = 1; var rank = 1;
      var processData = obj.map(function(x) { var processData = obj.map(function (x) {
      var tagStr = []; var tagStr = [];
      var deckName = x.name; var deckName = x.name;
      for (var i = 0; i < x.tags.length; i++) { for (var i = 0; i < x.tags.length; i++) {
      var tagName = x.tags[i].name || x.tags[i].toString() || ""; var tagName = x.tags[i].name || x.tags[i].toString() || "";
      var short_tagName = tagName.replace(deckName + "-", ""); var short_tagName = tagName.replace(deckName + "-", "");
      tagStr.push(short_tagName) tagStr.push(short_tagName)
      }
      return [rank++, x.name, x.count, tagStr.join(" , ")];
      });
      deckTable = $("#deck").DataTable({
      data: processData,
      pageLength: 25,
      order: [
      [2, "desc"]
      ],
      "ordering": true,
      columns: [{
      title: tb_language[lang].rank
      },
      {
      title: tb_language[lang].deck
      },
      {
      title: tb_language[lang].count
      },
      {
      title: tb_language[lang].topTags
      },
      ],
      "columnDefs": [{
      "render": function(data, type, row) {
      // return "<span title='" + data + "'>" + data + "</span>";
      // return "<img src='imag.png' />";
      return "<a href='?name=" + data + "#/deck'>" +
      data + "</a>";
      },
      "targets": 1
      }, ],
      "language": tb_language[lang]
      });
      });
      }
      } }
      function renderTable(tableID, tableData) { var period = self.period();
      tableData = tableData || [];
      var lang = localStorage.getItem('lang') || 'cn';
      var langIndex = (lang === 'en' ? 'en-US' : 'zh-CN'); var PickRate = (0 < (x.count / (self.totalDeck * period)) && (x.count / (self.totalDeck * period)) < 1)
      var rank = 1; ? ((x.count / (self.totalDeck * period) * 100)).toFixed(2) + "%" : "-";
      var processData = tableData.map(function(d) { // 出现-是数据算出来不在0-1之间
      return [rank++, d.name ? d.name[langIndex] : "未知卡片", d.frequency, d.putone, d
      .puttwo, d.putthree, d.id return [rank++, x.name, x.count, PickRate, tagStr.join(" , ")];
      ]; });
      });
      var table = $(tableID).DataTable({
      data: processData, deckTable = $("#deck").DataTable({
      pageLength: 50, data: processData,
      order: [ pageLength: 25,
      [2, "desc"] order: [
      ], [2, "desc"]
      "ordering": true, ],
      columns: [{ ordering: true,
      title: tb_language[lang].rank columns: [
      }, {
      { title: tb_language[lang].rank
      title: tb_language[lang].cardName },
      }, {
      { title: tb_language[lang].deck
      title: tb_language[lang].used },
      }, {
      { title: tb_language[lang].count
      title: tb_language[lang].put1 },
      }, {
      { title: tb_language[lang].PickRate
      title: tb_language[lang].put2 },
      }, {
      { title: tb_language[lang].topTags
      title: tb_language[lang].put3 },
      }, ],
      ], columnDefs: [
      "columnDefs": [{ {
      "render": function(data, type, row) { render: function (data, type, row) {
      return "<a href='https://www.ourocg.cn/search/" + row[6] + return "<a href='?name=" + data + "#/deck'>" + data + "</a>";
      "'>" + data + "</a>"; },
      }, targets: 1
      "targets": 1 }
      }, ], ],
      "language": tb_language[lang] language: tb_language[lang]
      }); });
      $(".input-sm").attr("placeholder",placeholder.Deck)
      return table; });
      } }
      renderPage(); }
      $("#search").click(function() {
      renderPage(); function renderTable(tableID, tableData) {
      return false; tableData = tableData || [];
      }) var lang = localStorage.getItem('lang') || 'cn';
      }, var langIndex = (lang === 'en' ? 'en-US' : 'zh-CN');
      onChange: function() { var rank = 1;
      $("#search").trigger('click') var processData = tableData.map(function (d) {
      this.getCount() var period = self.period();
      var PickRate = (parseInt(d.putone) + parseInt(d.puttwo) + parseInt(d.putthree)) / self.totalDeck / period;
      PickRate = (0 < PickRate && PickRate < 1) ? (PickRate * 100).toFixed(2) + "%" : "-";
      // 使用率出现-是数据算出来不在0-1之间
      return [
      rank++, d.name ? d.name[langIndex] : "未知卡片",
      d.frequency,
      PickRate,
      d.putone,
      d.puttwo,
      d.putthree,
      d.id
      ];
      });
      var table = $(tableID).DataTable({
      data: processData,
      pageLength: 50,
      order: [
      [2, "desc"]
      ],
      "ordering": true,
      columns: [{
      title: tb_language[lang].rank
      }, },
      getCount: function() { {
      var server = $("#server").val() || "mycard" title: tb_language[lang].cardName
      var source = $("#source").val() || "athletic" },
      var opt = { {
      type: $("#type").val() || "day", title: tb_language[lang].used
      source: server + "-" + source },
      } {
      var self = this title: tb_language[lang].PickRate
      API.getCount(opt).then((res) => { },
      if (isNaN(res.data)) { {
      self.totalDeck = 0 title: tb_language[lang].put1
      } else { },
      self.totalDeck = res.data {
      } title: tb_language[lang].put2
      }); },
      } {
      }, title: tb_language[lang].put3
      events: { },
      'lang-change': function(lang) { ],
      this.init(lang) "columnDefs": [{
      this.onChange() "render": function (data, type, row) {
      } return "<a href='https://www.ourocg.cn/search/" + row[6] +
      }, "'>" + data + "</a>";
      },
      "targets": 1
      },],
      "language": tb_language[lang]
      });
      $(".input-sm").attr("placeholder", placeholder.Deck)
      return table;
      }
      renderPage();
      $("#search").click(function () {
      renderPage();
      return false;
      })
      });
      },
      onChange: function () {
      $("#search").trigger('click')
      this.getCount()
      },
      getCount: function () {
      var server = $("#server").val() || "mycard"
      var source = $("#source").val() || "athletic"
      var opt = {
      type: $("#type").val() || "day",
      source: server + "-" + source
      }
      return API.getCount(opt).then((res) => {
      if (isNaN(res.data)) {
      return 0;
      } else {
      return res.data;
      }
      });
      } }
      },
      events: {
      'lang-change': function (lang) {
      this.init(lang)
      this.onChange()
      }
      },
      }
      </script> </script>
      <style scoped> <style scoped>
      #deck { #deck {
      margin-top:20px!important; margin-top: 20px !important;
      border:1px solid black; border: 1px solid black;
      } }
      </style> </style>
      \ No newline at end of file
      src/components/Profile.vue
      View file @ 4df00855
      ...@@ -6,83 +6,84 @@ ...@@ -6,83 +6,84 @@
      <div class="thumbnail"> <div class="thumbnail">
      <img v-bind:src="user.avatar_url" style="height:200px;margin-top:13px;"> <img v-bind:src="user.avatar_url" style="height:200px;margin-top:13px;">
      <div class="caption"> <div class="caption">
      <h3> <i class="glyphicon glyphicon-user"></i> <strong>{{user.username}}</strong></h3> <h3><i class="glyphicon glyphicon-user"></i> <strong>{{ user.username }}</strong></h3>
      <p class="text-muted" style="font-size:20px;">今日首胜: {{activity.today}}/1 </p> <p class="text-muted" style="font-size:20px;">今日首胜: {{ activity.today }}/1 </p>
      <p class="text-muted" v-if="showActivity" style="font-size:20px;">{{activity.name}}首胜: {{activity.total}}/{{activity.max}} </p> <p class="text-muted" v-if="showActivity" style="font-size:20px;">{{ activity.name }}首胜:
      {{ activity.total }}/{{ activity.max }} </p>
      </div> </div>
      </div> </div>
      </div> </div>
      <div class="col-md-9"> <div class="col-md-9">
      <div class="panel panel-default"> <div class="panel panel-default">
      <div class="panel-heading"> <div class="panel-heading">
      <h3 class="panel-title">{{lang.athletic}} </h3> <h3 class="panel-title">{{ lang.athletic }} </h3>
      </div> </div>
      <div class="table-responsive"> <div class="table-responsive">
      <table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
      <tbody> <tbody>
      <tr> <tr>
      <td>D.P </td> <td>D.P</td>
      <td>{{user_info.pt}} </td> <td>{{ user_info.pt }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.athletic_rank}} </td> <td>{{ lang.athletic_rank }}</td>
      <td>{{user_info.arena_rank}} </td> <td>{{ user_info.arena_rank }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.win}} </td> <td>{{ lang.win }}</td>
      <td>{{user_info.athletic_win}} </td> <td>{{ user_info.athletic_win }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.lose}} </td> <td>{{ lang.lose }}</td>
      <td>{{user_info.athletic_lose}} </td> <td>{{ user_info.athletic_lose }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.draw}} </td> <td>{{ lang.draw }}</td>
      <td>{{user_info.athletic_draw}} </td> <td>{{ user_info.athletic_draw }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.all}} </td> <td>{{ lang.all }}</td>
      <td>{{user_info.athletic_all}} </td> <td>{{ user_info.athletic_all }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.ratio}} </td> <td>{{ lang.ratio }}</td>
      <td>{{user_info.athletic_wl_ratio}}% </td> <td>{{ user_info.athletic_wl_ratio }}%</td>
      </tr> </tr>
      </tbody> </tbody>
      </table> </table>
      </div> </div>
      </div> </div>
      <div class="panel panel-default"> <div class="panel panel-default">
      <div class="panel-heading"> <div class="panel-heading">
      <h3 class="panel-title">{{lang.entertain}} </h3> <h3 class="panel-title">{{ lang.entertain }} </h3>
      </div> </div>
      <div class="table-responsive"> <div class="table-responsive">
      <table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
      <tbody> <tbody>
      <tr> <tr>
      <td>EXP </td> <td>EXP</td>
      <td>{{user_info.exp}} </td> <td>{{ user_info.exp }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.exp_rank}} </td> <td>{{ lang.exp_rank }}</td>
      <td>{{user_info.exp_rank}} </td> <td>{{ user_info.exp_rank }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.win}} </td> <td>{{ lang.win }}</td>
      <td>{{user_info.entertain_win}} </td> <td>{{ user_info.entertain_win }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.lose}} </td> <td>{{ lang.lose }}</td>
      <td>{{user_info.entertain_lose}} </td> <td>{{ user_info.entertain_lose }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.draw}} </td> <td>{{ lang.draw }}</td>
      <td>{{user_info.entertain_draw}} </td> <td>{{ user_info.entertain_draw }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.all}} </td> <td>{{ lang.all }}</td>
      <td>{{user_info.entertain_all}} </td> <td>{{ user_info.entertain_all }}</td>
      </tr> </tr>
      </tbody> </tbody>
      </table> </table>
      </div> </div>
      ...@@ -90,47 +91,63 @@ ...@@ -90,47 +91,63 @@
      <div class="alert alert-info alert-dismissible" role="alert"> <div class="alert alert-info alert-dismissible" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> {{lang.tagInfo}} <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
      aria-hidden="true">&times;</span></button>
      {{ lang.tagInfo }}
      </div> </div>
      <div class="panel panel-default"> <div class="panel panel-default">
      <div class="panel-heading"> <div class="panel-heading">
      <h3 class="panel-title">{{lang.athleticDueHistory}} </h3> <h3 class="panel-title">{{ lang.athleticDueHistory }} </h3>
      </div> </div>
      <!--<div class="panel-body">--> <!--<div class="panel-body">-->
      <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;"> <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" ></table> <table id="rank" class="table table-striped table-bordered table-hover example" ></table>
      </div>--> </div>-->
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="athletic_rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }"></table> <table id="athletic_rank" class="table table-striped table-bordered table-hover example"
      :class="{ scroll: isMobile }"></table>
      </div> </div>
      <!--</div>--> <!--</div>-->
      <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table> <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table>
      </div>--> </div>-->
      </div> </div>
      <div class="panel panel-default"> <div class="panel panel-default">
      <div class="panel-heading"> <div class="panel-heading">
      <h3 class="panel-title">{{lang.entertainDueHistory}} </h3> <h3 class="panel-title">{{ lang.entertainDueHistory }} </h3>
      </div> </div>
      <!--<div class="panel-body">--> <!--<div class="panel-body">-->
      <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;"> <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" ></table> <table id="rank" class="table table-striped table-bordered table-hover example" ></table>
      </div>--> </div>-->
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="entertain_rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }"></table> <table id="entertain_rank" class="table table-striped table-bordered table-hover example"
      :class="{ scroll: isMobile }"></table>
      </div> </div>
      <!--</div>--> <!--</div>-->
      <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table> <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table>
      </div>--> </div>-->
      </div> <div class="panel panel-default">
      <div class="panel-heading">
      <h3 class="panel-title">{{ lang.monthlyHistory }} </h3>
      </div>
      <!--<div class="panel-body">-->
      <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" ></table>
      </div>-->
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="monthly_rank" class="table table-striped table-bordered table-hover example"
      :class="{ scroll: isMobile }"></table>
      </div>
      </div>
      </div>
      </div> </div>
      </div> </div>
      </div> </div>
      ...@@ -138,99 +155,97 @@ ...@@ -138,99 +155,97 @@
      </template> </template>
      <script> <script>
      import querystring from 'querystring'; import querystring from 'querystring';
      import API from '../api' import API from '../api'
      import { mapGetters } from 'vuex' import {mapGetters} from 'vuex'
      var rankTable; var rankTable;
      var rankTable2; var rankTable2;
      import moment from 'moment' var rankTable3;
      import tb_language from './tb_lang.js' import moment from 'moment'
      import tb_language from './tb_lang.js'
      export default {
      data() { export default {
      return { data() {
      isMobile: false, return {
      activity: { isMobile: false,
      today: 0, activity: {
      name: '新年充电活动', today: 0,
      max: '15' name: '新年充电活动',
      }, max: '15'
      showActivity: false, },
      user_info: { showActivity: false,
      exp: 0, user_info: {
      pt: 500, exp: 0,
      entertain_win: 0, pt: 500,
      entertain_lose: 0, entertain_win: 0,
      entertain_draw: 0, entertain_lose: 0,
      entertain_all: 0, entertain_draw: 0,
      entertain_wl_ratio: 0, entertain_all: 0,
      exp_rank: 0, entertain_wl_ratio: 0,
      athletic_win: 0, exp_rank: 0,
      athletic_lose: 0, athletic_win: 0,
      athletic_draw: 0, athletic_lose: 0,
      athletic_all: 0, athletic_draw: 0,
      athletic_wl_ratio: 0, athletic_all: 0,
      arena_rank: 0 athletic_wl_ratio: 0,
      } arena_rank: 0
      }
      },
      computed: {
      ...mapGetters({
      lang: 'getLang',
      user: 'getUser'
      }),
      },
      mounted: function () {
      var _this = this
      $("#search").click(function () {
      _this.renderPage();
      })
      // this.init()
      // window.onhashchange = this.init;
      this.renderPage();
      },
      created: function () {
      var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;
      var u = navigator.userAgent;
      if (null == u) {
      return true;
      }
      var result = regex_match.exec(u);
      if (null == result) {
      this.isMobile = false;
      } else {
      this.isMobile = true;
      }
      let opt = {
      'username': this.user.username
      } }
      }
      API.getUserInfo(opt).then((res) => { },
      this.user_info = res.data computed: {
      console.log('%c ---------------------src'+'\\'+'components'+'\\'+'Profile.vue---------------------%c:219','background:#ed162b','background:#7d382d', ...mapGetters({
      lang: 'getLang',
      user: 'getUser'
      }),
      },
      mounted: function () {
      var _this = this
      $("#search").click(function () {
      _this.renderPage();
      })
      // this.init()
      // window.onhashchange = this.init;
      this.renderPage();
      },
      created: function () {
      var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;
      var u = navigator.userAgent;
      if (null == u) {
      return true;
      }
      var result = regex_match.exec(u);
      if (null == result) {
      this.isMobile = false;
      } else {
      this.isMobile = true;
      }
      let opt = {
      'username': this.user.username
      }
      API.getUserInfo(opt).then((res) => {
      this.user_info = res.data
      console.log('%c ---------------------src' + '\\' + 'components' + '\\' + 'Profile.vue---------------------%c:219', 'background:#ed162b', 'background:#7d382d',
      res) res)
      }); });
      }, },
      methods: { methods: {
      exchangeUserInfo(info){ exchangeUserInfo(info) {
      let userName=this.user.username let userName = this.user.username
      let exchangeInfo=info let exchangeInfo = info
      if(info.usernamea!=userName) if (info.usernamea != userName) {
      { exchangeInfo = {
      exchangeInfo={ "type": info.type,
      "type":info.type, "start_time": info.start_time,
      "start_time":info.start_time,
      "isfirstwin": info.isfirstwin, "isfirstwin": info.isfirstwin,
      "end_time": info.end_time, "end_time": info.end_time,
      "usernamea": info.usernameb, "usernamea": info.usernameb,
      ...@@ -248,155 +263,173 @@ ...@@ -248,155 +263,173 @@
      "winner": info.winner, "winner": info.winner,
      } }
      }
      console.log('%c ---------------------src'+'\\'+'components'+'\\'+'Profile.vue---------------------%c:227','background:#1b5fbd','background:#ce8e6b', }
      console.log('%c ---------------------src' + '\\' + 'components' + '\\' + 'Profile.vue---------------------%c:227', 'background:#1b5fbd', 'background:#ce8e6b',
      exchangeInfo) exchangeInfo)
      return exchangeInfo return exchangeInfo
      }, },
      init: function () { init: function () {
      }, },
      renderPage: function () {
      if (rankTable) {
      rankTable.destroy();
      }
      if (rankTable2) {
      rankTable2.destroy();
      }
      if (rankTable3) {
      rankTable3.destroy();
      }
      var username = this.user.username
      var type = 1;
      rankTable = this.renderRankTable("#athletic_rank", [], "DP");
      rankTable2 = this.renderRankTable("#entertain_rank", [], "");
      rankTable3 = this.renderRankTable("#monthly_rank", [], "");
      if (!username) return;
      API.getUserDueHistory({username: username, type: "1", page_num: 100}).then((res) => {
      renderPage: function () {
      if (rankTable) { if (rankTable) {
      rankTable.destroy(); rankTable.destroy();
      } }
      rankTable = this.renderRankTable("#athletic_rank", res.data.data, "DP")
      }, (res) => {
      });
      API.getUserDueHistory({username: username, type: "2", page_num: 100}).then((res) => {
      if (rankTable2) { if (rankTable2) {
      rankTable2.destroy(); rankTable2.destroy();
      } }
      rankTable2 = this.renderRankTable("#entertain_rank", res.data.data, "")
      }, (res) => {
      console.log('%c ---------------------src' + '\\' + 'components' + '\\' + 'Profile.vue---------------------%c:258', 'background:#ef98b5', 'background:#53116e',
      res)
      });
      // 每月决斗记录数据获取
      var season = new Date().toISOString().slice(0, 7);
      API.getMonthlyHistory({username: username, season:season}).then((res) => {
      if (rankTable3) {
      rankTable3.destroy();
      }
      rankTable3 = this.renderRankTable("#monthly_rank", res.data.data, "")
      }, (res) => {
      console.log('%c ---------------------src' + '\\' + 'components' + '\\' + 'Profile.vue---------------------%c:258', 'background:#ef98b5', 'background:#53116e',
      res)
      });
      var username = this.user.username
      var type = 1;
      rankTable = this.renderRankTable("#athletic_rank", [], "DP");
      rankTable2 = this.renderRankTable("#entertain_rank", [], "");
      if (!username) return;
      API.getUserDueHistory({ username: username, type: "1", page_num: 100 }).then((res) => {
      if (rankTable) {
      rankTable.destroy();
      }
      rankTable = this.renderRankTable("#athletic_rank", res.data.data, "DP")
      }, (res) => {
      });
      API.getUserDueHistory({ username: username, type: "2", page_num: 100 }).then((res) => {
      if (rankTable2) {
      rankTable2.destroy();
      }
      rankTable2 = this.renderRankTable("#entertain_rank", res.data.data, "")
      }, (res) => {
      console.log('%c ---------------------src'+'\\'+'components'+'\\'+'Profile.vue---------------------%c:258','background:#ef98b5','background:#53116e',
      res)
      });
      var _this = this;
      API.getFirstWin({ username: username }).then((res) => {
      _this.activity = res.data
      if (_this.activity.name && _this.activity.name.trim().length > 0) {
      _this.showActivity = true;
      }
      }, (res) => {
      console.log('%c ---------------------src'+'\\'+'components'+'\\'+'Profile.vue---------------------%c:271','background:#c85336','background:#a4c933',
      res)
      });
      },
      renderRankTable: function (id, tableData, ttype) { var _this = this;
      tableData = tableData || [];
      var lang = localStorage.getItem('lang') || 'cn'; API.getFirstWin({username: username}).then((res) => {
      _this.activity = res.data
      if (_this.activity.name && _this.activity.name.trim().length > 0) {
      _this.showActivity = true;
      }
      }, (res) => {
      console.log('%c ---------------------src' + '\\' + 'components' + '\\' + 'Profile.vue---------------------%c:271', 'background:#c85336', 'background:#a4c933',
      res)
      });
      },
      var rank = 1; renderRankTable: function (id, tableData, ttype) {
      console.log('%c ---------------------src'+'\\'+'components'+'\\'+'Profile.vue---------------------%c:284','background:#c896f3','background:#f332b2', tableData = tableData || [];
      var lang = localStorage.getItem('lang') || 'cn';
      var rank = 1;
      console.log('%c ---------------------src' + '\\' + 'components' + '\\' + 'Profile.vue---------------------%c:284', 'background:#c896f3', 'background:#f332b2',
      tableData) tableData)
      let that=this
      var processData = tableData.map(function (d) { let that = this
      d=that.exchangeUserInfo(d) var processData = tableData.map(function (d) {
      return [d.usernamea, d.usernameb, moment(d.start_time).format('YYYY-MM-DD HH:mm'), d = that.exchangeUserInfo(d)
      return [d.usernamea, d.usernameb, moment(d.start_time).format('YYYY-MM-DD HH:mm'),
      moment(d.end_time).format('YYYY-MM-DD HH:mm'), d.userscorea, d.userscoreb, moment(d.end_time).format('YYYY-MM-DD HH:mm'), d.userscorea, d.userscoreb,
      d.pta, d.pta_ex, d.ptb, d.ptb_ex]; d.pta, d.pta_ex, d.ptb, d.ptb_ex];
      }); });
      var table = $(id).DataTable({ var table = $(id).DataTable({
      paging: true, paging: true,
      searching: false, searching: false,
      ordering: false, ordering: false,
      lengthChange: false, lengthChange: false,
      info: false, info: false,
      data: processData, data: processData,
      columns: [ columns: [
      { title: tb_language[lang].playerA }, {title: tb_language[lang].playerA},
      { title: tb_language[lang].playerB }, {title: tb_language[lang].playerB},
      { title: tb_language[lang].startTime }, {title: tb_language[lang].startTime},
      { title: tb_language[lang].endTime }, {title: tb_language[lang].endTime},
      ], ],
      "columnDefs": [ "columnDefs": [
      { {
      "render": function (data, type, row) { "render": function (data, type, row) {
      var userscorea = row[4]; var userscorea = row[4];
      var userscoreb = row[5]; var userscoreb = row[5];
      var diff = (parseFloat(row[6]) - parseFloat(row[7])).toFixed(2) var diff = (parseFloat(row[6]) - parseFloat(row[7])).toFixed(2)
      if (diff > 0) { if (diff > 0) {
      diff = "+" + diff diff = "+" + diff
      } }
      var append = diff + ttype var append = diff + ttype
      if (ttype === "") { if (ttype === "") {
      append = "" append = ""
      } }
      if (userscorea < 0) { if (userscorea < 0) {
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append; return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append;
      } }
      if (userscorea > userscoreb) { if (userscorea > userscoreb) {
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append; return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append;
      } }
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append; return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append;
      },
      "targets": 0
      }, },
      { "targets": 0
      "render": function (data, type, row) { },
      var userscorea = row[4]; {
      var userscoreb = row[5]; "render": function (data, type, row) {
      var diff = (parseFloat(row[8]) - parseFloat(row[9])).toFixed(2) var userscorea = row[4];
      if (diff > 0) { var userscoreb = row[5];
      diff = "+" + diff var diff = (parseFloat(row[8]) - parseFloat(row[9])).toFixed(2)
      } if (diff > 0) {
      var append = diff + ttype diff = "+" + diff
      if (ttype === "") { }
      append = "" var append = diff + ttype
      } if (ttype === "") {
      if (userscoreb < 0) { append = ""
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append; }
      } if (userscoreb < 0) {
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append;
      if (userscorea < userscoreb) { }
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append;
      } if (userscorea < userscoreb) {
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append;
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append; }
      },
      "targets": 1 return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append;
      }, },
      ], "targets": 1
      "language": lang === 'en' ? tb_language.en : tb_language.cn },
      }); ],
      "language": lang === 'en' ? tb_language.en : tb_language.cn
      return table; });
      },
      return table;
      }, },
      }
      </script> },
      \ No newline at end of file }
      </script>
      src/components/Userinfo.vue
      View file @ 4df00855
      <template> <template>
      <div class="content"> <div class="content">
      <div class="container"> <div class="container">
      <div class="fck"> <div class="fck">
      <form id="search-form" class="search-form" @submit.prevent="onSubmit"> <form id="search-form" class="search-form" @submit.prevent="onSubmit">
      <div class="form-group" v-bind:class="{ 'has-error': hasError}"> <div class="form-group" v-bind:class="{ 'has-error': hasError}">
      <label class="control-label" for="searchText" v-if="hasError">{{lang.battle.notfound}}</label> <label class="control-label" for="searchText" v-if="hasError">{{ lang.battle.notfound }}</label>
      <div class="input-group"> <div class="input-group">
      <div class="input-group-addon"><span><i class="glyphicon glyphicon-search"></i></span></div> <div class="input-group-addon"><span><i class="glyphicon glyphicon-search"></i></span></div>
      <input class="form-control" type="text" id="searchText" v-model="searchText" :placeholder="lang.battle.ph2"> <input class="form-control" type="text" id="searchText" v-model="searchText"
      <div class="input-group-btn"> :placeholder="lang.battle.ph2">
      <button class="btn btn-default" type="submit">{{lang.battle.search}}</button> <div class="input-group-btn">
      <button class="btn btn-default" style="display:none" type="submit" id="search">{{lang.battle.search}}</button> <button class="btn btn-default" type="submit">{{ lang.battle.search }}</button>
      </div> <button class="btn btn-default" style="display:none" type="submit" id="search">
      </div> {{ lang.battle.search }}
      </div> </button>
      </form> </div>
      </div> </div>
      </div>
      <div class="row"> </form>
      <div class="col-md-3" id="profile"> </div>
      <div class="thumbnail">
      <img v-bind:src="avatar_url" style="height:200px;margin-top:13px;"> <div class="row">
      <div class="caption"> <div class="col-md-3" id="profile">
      <h3> <i class="glyphicon glyphicon-user"></i> <strong>{{username}}</strong></h3> <div class="thumbnail">
      <!--<p class="text-nowrap text-muted" style="font-size:20px;">有妞不泡，大逆不道;遇妞则泡，替天行道。 </p>--> <img v-bind:src="avatar_url" style="height:200px;margin-top:13px;">
      <p class="text-muted" style="font-size:20px;">今日首胜: {{activity.today}}/1 </p> <div class="caption">
      <p class="text-muted" v-if="showActivity" style="font-size:20px;">{{activity.name}}首胜: {{activity.total}}/{{activity.max}} </p> <h3><i class="glyphicon glyphicon-user"></i> <strong>{{ username }}</strong></h3>
      </div> <!--<p class="text-nowrap text-muted" style="font-size:20px;">有妞不泡，大逆不道;遇妞则泡，替天行道。 </p>-->
      </div> <p class="text-muted" style="font-size:20px;">今日首胜: {{ activity.today }}/1 </p>
      </div> <p class="text-muted" v-if="showActivity" style="font-size:20px;">{{ activity.name }}首胜:
      {{ activity.total }}/{{ activity.max }} </p>
      <div class="col-md-9"> </div>
      <div class="panel panel-default"> </div>
      <div class="panel-heading"> </div>
      <h3 class="panel-title">{{lang.athletic}} </h3>
      </div> <div class="col-md-9">
      <div class="table-responsive"> <div class="row">
      <table class="table table-striped table-bordered table-hover"> <div class="col-md-6">
      <tbody> <div class="panel panel-default panel-tietie">
      <tr> <div class="panel-heading">
      <td>D.P </td> <h3 class="panel-title">{{ lang.athletic }}</h3>
      <td>{{user_info.pt}} </td> </div>
      </tr> <div class="table-responsive">
      <tr> <table class="table table-striped table-bordered table-hover ">
      <td>{{lang.athletic_rank}} </td> <tbody>
      <td>{{user_info.arena_rank}} </td> <tr>
      </tr> <td>D.P</td>
      <tr> <td>{{ user_info.pt }}</td>
      <td>{{lang.win}} </td> </tr>
      <td>{{user_info.athletic_win}} </td> <tr>
      </tr> <td>{{ lang.athletic_rank }}</td>
      <tr> <td>{{ user_info.arena_rank }}</td>
      <td>{{lang.lose}} </td> </tr>
      <td>{{user_info.athletic_lose}} </td> <tr>
      </tr> <td>{{ lang.win }}</td>
      <tr> <td>{{ user_info.athletic_win }}</td>
      <td>{{lang.draw}} </td> </tr>
      <td>{{user_info.athletic_draw}} </td> <tr>
      </tr> <td>{{ lang.lose }}</td>
      <tr> <td>{{ user_info.athletic_lose }}</td>
      <td>{{lang.all}} </td> </tr>
      <td>{{user_info.athletic_all}} </td> <tr>
      </tr> <td>{{ lang.draw }}</td>
      <tr> <td>{{ user_info.athletic_draw }}</td>
      <td>{{lang.ratio}} </td> </tr>
      <td>{{user_info.athletic_wl_ratio}}% </td> <tr>
      </tr> <td>{{ lang.all }}</td>
      </tbody> <td>{{ user_info.athletic_all }}</td>
      </table> </tr>
      </div> <tr>
      </div> <td>{{ lang.ratio }}</td>
      <div class="panel panel-default"> <td>{{ user_info.athletic_wl_ratio }}%</td>
      <div class="panel-heading"> </tr>
      <h3 class="panel-title">{{lang.entertain}} </h3> </tbody>
      </div> </table>
      <div class="table-responsive"> </div>
      <table class="table table-striped table-bordered table-hover"> </div>
      <tbody> </div>
      <tr> <div class="col-md-6">
      <td>EXP </td> <div class="panel panel-default panel-tietie">
      <td>{{user_info.exp}} </td> <div class="panel-heading">
      </tr> <h3 class="panel-title">{{ lang.athletic }}</h3>
      <tr> </div>
      <td>{{lang.exp_rank}} </td> <div class="table-responsive">
      <td>{{user_info.exp_rank}} </td> <table class="table table-striped table-bordered table-hover">
      </tr> <tbody>
      <tr> <tr>
      <td>{{lang.win}} </td> <td>D.P</td>
      <td>{{user_info.entertain_win}} </td> <td>{{ user_info.pt }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.lose}} </td> <td>{{ lang.athletic_rank }}</td>
      <td>{{user_info.entertain_lose}} </td> <td>{{ user_info.arena_rank }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.draw}} </td> <td>{{ lang.win }}</td>
      <td>{{user_info.entertain_draw}} </td> <td>{{ user_info.athletic_win }}</td>
      </tr> </tr>
      <tr> <tr>
      <td>{{lang.all}} </td> <td>{{ lang.lose }}</td>
      <td>{{user_info.entertain_all}} </td> <td>{{ user_info.athletic_lose }}</td>
      </tr> </tr>
      </tbody> <tr>
      </table> <td>{{ lang.draw }}</td>
      </div> <td>{{ user_info.athletic_draw }}</td>
      </div> </tr>
      <tr>
      <div class="alert alert-info alert-dismissible" role="alert"> <td>{{ lang.all }}</td>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> {{lang.tagInfo}} <td>{{ user_info.athletic_all }}</td>
      </div> </tr>
      <tr>
      <div class="panel panel-default"> <td>{{ lang.ratio }}</td>
      <div class="panel-heading"> <td>{{ user_info.athletic_wl_ratio }}%</td>
      <h3 class="panel-title">{{lang.athleticDueHistory}} </h3> </tr>
      </div> </tbody>
      <!--<div class="panel-body">--> </table>
      <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;"> </div>
      <table id="rank" class="table table-striped table-bordered table-hover example" ></table> </div>
      </div>--> </div>
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> </div>
      <table id="athletic_rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }"></table>
      </div> <div class="row">
      <!--</div>--> <div class="col-md-6">
      <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> <div class="panel panel-default">
      <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table> <div class="panel-heading">
      </div>--> <h3 class="panel-title">{{ lang.entertain }} </h3>
      </div>
      </div> <div class="table-responsive">
      <table class="table table-striped table-bordered table-hover">
      <div class="panel panel-default"> <tbody>
      <div class="panel-heading"> <tr>
      <h3 class="panel-title">{{lang.entertainDueHistory}} </h3> <td>EXP</td>
      </div> <td>{{ user_info.exp }}</td>
      <!--<div class="panel-body">--> </tr>
      <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;"> <tr>
      <table id="rank" class="table table-striped table-bordered table-hover example" ></table> <td>{{ lang.exp_rank }}</td>
      </div>--> <td>{{ user_info.exp_rank }}</td>
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> </tr>
      <table id="entertain_rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }"></table> <tr>
      </div> <td>{{ lang.win }}</td>
      <!--</div>--> <td>{{ user_info.entertain_win }}</td>
      <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;"> </tr>
      <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table> <tr>
      </div>--> <td>{{ lang.lose }}</td>
      <td>{{ user_info.entertain_lose }}</td>
      </div> </tr>
      <tr>
      </div> <td>{{ lang.draw }}</td>
      </div> <td>{{ user_info.entertain_draw }}</td>
      </div> </tr>
      </div> <tr>
      <td>{{ lang.all }}</td>
      <td>{{ user_info.entertain_all }}</td>
      </tr>
      </tbody>
      </table>
      </div>
      </div>
      </div>
      <div class="col-md-6">
      <div class="panel panel-default">
      <div class="panel-heading">
      <h3 class="panel-title">{{ lang.entertain }} </h3>
      </div>
      <div class="table-responsive">
      <table class="table table-striped table-bordered table-hover">
      <tbody>
      <tr>
      <td>EXP</td>
      <td>{{ user_info.exp }}</td>
      </tr>
      <tr>
      <td>{{ lang.exp_rank }}</td>
      <td>{{ user_info.exp_rank }}</td>
      </tr>
      <tr>
      <td>{{ lang.win }}</td>
      <td>{{ user_info.entertain_win }}</td>
      </tr>
      <tr>
      <td>{{ lang.lose }}</td>
      <td>{{ user_info.entertain_lose }}</td>
      </tr>
      <tr>
      <td>{{ lang.draw }}</td>
      <td>{{ user_info.entertain_draw }}</td>
      </tr>
      <tr>
      <td>{{ lang.all }}</td>
      <td>{{ user_info.entertain_all }}</td>
      </tr>
      </tbody>
      </table>
      </div>
      </div>
      </div>
      </div>
      <div class="alert alert-info alert-dismissible" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
      aria-hidden="true">&times;</span></button>
      {{ lang.tagInfo }}
      </div>
      <div class="panel panel-default">
      <div class="panel-heading">
      <h3 class="panel-title">{{ lang.athleticDueHistory }} </h3>
      </div>
      <!--<div class="panel-body">-->
      <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" ></table>
      </div>-->
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="athletic_rank" class="table table-striped table-bordered table-hover example"
      :class="{ scroll: isMobile }"></table>
      </div>
      <!--</div>-->
      <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table>
      </div>-->
      </div>
      <div class="panel panel-default">
      <div class="panel-heading">
      <h3 class="panel-title">{{ lang.entertainDueHistory }} </h3>
      </div>
      <!--<div class="panel-body">-->
      <!--<div style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" ></table>
      </div>-->
      <div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="entertain_rank" class="table table-striped table-bordered table-hover example"
      :class="{ scroll: isMobile }"></table>
      </div>
      <!--</div>-->
      <!--<div class="table-responsive" style="width:100%;overflow-x:auto;overflow-y:hidden;">
      <table id="rank" class="table table-striped table-bordered table-hover example" :class="{ scroll: isMobile }" ></table>
      </div>-->
      </div>
      </div>
      </div>
      </div>
      </div>
      </template> </template>
      <script> <script>
      import querystring from 'querystring'; import querystring from 'querystring';
      import img1 from '../assets/img/images1.jpeg'
      import img1 from '../assets/img/images1.jpeg' import img2 from '../assets/img/images2.jpeg'
      import img2 from '../assets/img/images2.jpeg' import img3 from '../assets/img/images3.jpeg'
      import img3 from '../assets/img/images3.jpeg' import API from '../api'
      import API from '../api'
      import tb_language from './tb_lang.js'
      import tb_language from './tb_lang.js' import {mapGetters} from 'vuex'
      import { mapGetters } from 'vuex'
      import moment from 'moment'
      import moment from 'moment'
      var rankTable;
      var rankTable; var rankTable2;
      var rankTable2;
      export default { export default {
      data() { data() {
      return { return {
      activity: { activity: {
      today: 0, today: 0,
      name: '新年充电活动', name: '新年充电活动',
      max: '15' max: '15'
      }, },
      showActivity: false, showActivity: false,
      searchText: "", searchText: "",
      hasError: false, hasError: false,
      username: "", username: "",
      avatar_url: "", avatar_url: "",
      isMobile: false, isMobile: false,
      user_info: { user_info: {
      exp: 0, exp: 0,
      pt: 500, pt: 500,
      entertain_win: 0, entertain_win: 0,
      entertain_lose: 0, entertain_lose: 0,
      entertain_draw: 0, entertain_draw: 0,
      entertain_all: 0, entertain_all: 0,
      entertain_wl_ratio: 0, entertain_wl_ratio: 0,
      exp_rank: 0, exp_rank: 0,
      athletic_win: 0, athletic_win: 0,
      athletic_lose: 0, athletic_lose: 0,
      athletic_draw: 0, athletic_draw: 0,
      athletic_all: 0, athletic_all: 0,
      athletic_wl_ratio: 0, athletic_wl_ratio: 0,
      arena_rank: 0 arena_rank: 0
      } },
      } }
      }, },
      created: function () { created: function () {
      var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i; var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;
      var u = navigator.userAgent; var u = navigator.userAgent;
      if (null == u) { if (null == u) {
      return true; return true;
      } }
      var result = regex_match.exec(u); var result = regex_match.exec(u);
      if (null == result) { if (null == result) {
      this.isMobile = false; this.isMobile = false;
      } else { } else {
      this.isMobile = true; this.isMobile = true;
      } }
      }, },
      watch: { watch: {
      lang: function (val) { lang: function (val) {
      this.init() this.init()
      }, },
      }, },
      mounted: function () { mounted: function () {
      var _this = this var _this = this
      $("#search").click(function () { $("#search").click(function () {
      _this.renderPage(); _this.renderPage();
      }) })
      this.init() this.init()
      window.onhashchange = this.init; window.onhashchange = this.init;
      }, },
      computed: { computed: {
      ...mapGetters({ ...mapGetters({
      lang: 'getLang', lang: 'getLang',
      }), }),
      }, },
      methods: { methods: {
      exchangeUserInfo(info){ exchangeUserInfo(info) {
      let userName=this.username let userName = this.username
      let exchangeInfo=info let exchangeInfo = info
      if(info.usernamea!=userName) if (info.usernamea != userName) {
      { exchangeInfo = {
      exchangeInfo={ "type": info.type,
      "type":info.type, "start_time": info.start_time,
      "start_time":info.start_time, "isfirstwin": info.isfirstwin,
      "isfirstwin": info.isfirstwin, "end_time": info.end_time,
      "end_time": info.end_time, "usernamea": info.usernameb,
      "usernamea": info.usernameb, "usernameb": info.usernamea,
      "usernameb": info.usernamea, "userscorea": info.userscoreb,
      "userscorea": info.userscoreb, "userscoreb": info.userscorea,
      "userscoreb": info.userscorea, "expa": info.expb,
      "expa": info.expb, "expb": info.expa,
      "expb": info.expa, "expa_ex": info.expb_ex,
      "expa_ex": info.expb_ex, "expb_ex": info.expa_ex,
      "expb_ex": info.expa_ex, "pta": info.ptb,
      "pta": info.ptb, "ptb": info.pta,
      "ptb": info.pta, "pta_ex": info.ptb_ex,
      "pta_ex": info.ptb_ex, "ptb_ex": info.pta_ex,
      "ptb_ex": info.pta_ex, "winner": info.winner,
      "winner": info.winner, }
      } }
      return exchangeInfo
      } },
      return exchangeInfo onSubmit: function () {
      }, this.searchByUsername(this.searchText)
      onSubmit: function () { },
      this.searchByUsername(this.searchText)
      }, init: function () {
      var username = querystring.parse(location.hash.slice(11)).username
      init: function () { this.searchText = username;
      var username = querystring.parse(location.hash.slice(11)).username this.searchByUsername(username)
      this.searchText = username; },
      this.searchByUsername(username)
      }, renderPage: function () {
      if (rankTable) {
      renderPage: function () { rankTable.destroy();
      if (rankTable) { }
      rankTable.destroy();
      } if (rankTable2) {
      rankTable2.destroy();
      if (rankTable2) { }
      rankTable2.destroy();
      } var username = this.searchText
      var type = 1;
      var username = this.searchText
      var type = 1;
      rankTable = this.renderRankTable("#athletic_rank", [], "DP");
      rankTable2 = this.renderRankTable("#entertain_rank", [], "");
      rankTable = this.renderRankTable("#athletic_rank", [], "DP");
      rankTable2 = this.renderRankTable("#entertain_rank", [], ""); if (!username) return;
      if (!username) return; API.getUserDueHistory({username: username, type: "1", page_num: 100}).then((res) => {
      if (rankTable) {
      API.getUserDueHistory({ username: username, type: "1", page_num: 100 }).then((res) => { rankTable.destroy();
      if (rankTable) { }
      rankTable.destroy(); rankTable = this.renderRankTable("#athletic_rank", res.data.data, "DP")
      } }, (res) => {
      rankTable = this.renderRankTable("#athletic_rank", res.data.data, "DP") // console.log(res)
      }, (res) => { });
      console.log(res)
      }); API.getUserDueHistory({username: username, type: "2", page_num: 100}).then((res) => {
      if (rankTable2) {
      API.getUserDueHistory({ username: username, type: "2", page_num: 100 }).then((res) => { rankTable2.destroy();
      if (rankTable2) { }
      rankTable2.destroy(); rankTable2 = this.renderRankTable("#entertain_rank", res.data.data, "")
      } }, (res) => {
      rankTable2 = this.renderRankTable("#entertain_rank", res.data.data, "") // console.log(res)
      }, (res) => { });
      console.log(res)
      });
      var _this = this; var _this = this;
      API.getFirstWin({ username: username }).then((res) => { API.getFirstWin({username: username}).then((res) => {
      _this.activity = res.data _this.activity = res.data
      if (_this.activity.name && _this.activity.name.trim().length > 0) { if (_this.activity.name && _this.activity.name.trim().length > 0) {
      _this.showActivity = true; _this.showActivity = true;
      } }
      }, (res) => { }, (res) => {
      console.log(res) // console.log(res)
      }); });
      }, },
      renderRankTable: function (id, tableData, ttype) { renderRankTable: function (id, tableData, ttype) {
      tableData = tableData || []; tableData = tableData || [];
      var lang = localStorage.getItem('lang') || 'cn'; var lang = localStorage.getItem('lang') || 'cn';
      var rank = 1; var rank = 1;
      let that=this let that = this
      var processData = tableData.map(function (d) { var processData = tableData.map(function (d) {
      d=that.exchangeUserInfo(d) d = that.exchangeUserInfo(d)
      return [d.usernamea, d.usernameb, moment(d.start_time).format('YYYY-MM-DD HH:mm'), return [d.usernamea, d.usernameb, moment(d.start_time).format('YYYY-MM-DD HH:mm'),
      moment(d.end_time).format('YYYY-MM-DD HH:mm'), d.userscorea, d.userscoreb, moment(d.end_time).format('YYYY-MM-DD HH:mm'), d.userscorea, d.userscoreb,
      d.pta, d.pta_ex, d.ptb, d.ptb_ex]; d.pta, d.pta_ex, d.ptb, d.ptb_ex];
      }); });
      var table = $(id).DataTable({ var table = $(id).DataTable({
      paging: true, paging: true,
      pageLength: 25, pageLength: 25,
      searching: false, searching: false,
      ordering: false, ordering: false,
      lengthChange: false, lengthChange: false,
      info: false, info: false,
      data: processData, data: processData,
      columns: [ columns: [
      { title: tb_language[lang].playerA }, {title: tb_language[lang].playerA},
      { title: tb_language[lang].playerB }, {title: tb_language[lang].playerB},
      { title: tb_language[lang].startTime }, {title: tb_language[lang].startTime},
      { title: tb_language[lang].endTime }, {title: tb_language[lang].endTime},
      ],
      ], "columnDefs": [
      "columnDefs": [ {
      { "render": function (data, type, row) {
      "render": function (data, type, row) { var userscorea = row[4];
      var userscorea = row[4]; var userscoreb = row[5];
      var userscoreb = row[5]; var diff = (parseFloat(row[6]) - parseFloat(row[7])).toFixed(2)
      var diff = (parseFloat(row[6]) - parseFloat(row[7])).toFixed(2) if (diff > 0) {
      if (diff > 0) { diff = "+" + diff
      diff = "+" + diff }
      } var append = diff + ttype
      var append = diff + ttype if (ttype === "") {
      if (ttype === "") { append = ""
      append = "" }
      } if (userscorea < 0) {
      if (userscorea < 0) { return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append;
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append; }
      }
      if (userscorea > userscoreb) {
      if (userscorea > userscoreb) { return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append;
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append; }
      }
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append;
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append; },
      }, "targets": 0
      "targets": 0 },
      }, {
      { "render": function (data, type, row) {
      "render": function (data, type, row) { var userscorea = row[4];
      var userscorea = row[4]; var userscoreb = row[5];
      var userscoreb = row[5]; var diff = (parseFloat(row[8]) - parseFloat(row[9])).toFixed(2)
      var diff = (parseFloat(row[8]) - parseFloat(row[9])).toFixed(2) if (diff > 0) {
      if (diff > 0) { diff = "+" + diff
      diff = "+" + diff }
      } var append = diff + ttype
      var append = diff + ttype if (ttype === "") {
      if (ttype === "") { append = ""
      append = "" }
      } if (userscoreb < 0) {
      if (userscoreb < 0) { return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append;
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-danger'>" + data + "</span></a> " + append; }
      }
      if (userscorea < userscoreb) {
      if (userscorea < userscoreb) { return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append;
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-success'>" + data + "</span></a> " + append; }
      }
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append;
      return "<a href='#/userinfo?username=" + encodeURIComponent(data) + "'><span class='label label-info'>" + data + "</span></a> " + append; },
      }, "targets": 1
      "targets": 1 },
      }, ],
      ], "language": lang === 'en' ? tb_language.en : tb_language.cn
      "language": lang === 'en' ? tb_language.en : tb_language.cn });
      });
      return table;
      return table; },
      },
      searchByUsername: function (username) {
      searchByUsername: function (username) { // 0 1 2
      // 0 1 2 var rand = Math.floor(Math.random() * 3);
      var rand = Math.floor(Math.random() * 3); if (rand === 0) {
      if (rand === 0) { this.avatar_url = img1;
      this.avatar_url = img1; }
      } if (rand === 1) {
      if (rand === 1) { this.avatar_url = img2;
      this.avatar_url = img2; }
      } if (rand === 2) {
      if (rand === 2) { this.avatar_url = img3;
      this.avatar_url = img3; }
      } if (!username) return
      if (!username) return
      var _this = this;
      var _this = this; API.getAvatar({username: username}).then((res) => {
      API.getAvatar({ username: username }).then((res) => { _this.avatar_url = res.data
      _this.avatar_url = res.data }, (res) => {
      }, (res) => { _this.avatar_url = "https://cdn02.moecube.com:444/accounts/default_avatar.jpg"
      _this.avatar_url = "https://cdn02.moecube.com:444/accounts/default_avatar.jpg" });
      });
      API.getUserInfo({username: username}).then((res) => {
      API.getUserInfo({ username: username }).then((res) => { this.hasError = false
      this.hasError = false this.user_info = res.data
      this.user_info = res.data this.username = username
      this.username = username }, (res) => {
      }, (res) => { this.hasError = true
      this.hasError = true // console.log(res)
      console.log(res) });
      });
      $("#search").trigger('click');
      }
      }, $("#search").trigger('click');
      }
      }
      },
      }
      </script> </script>
      <style scoped> <style scoped>
      .fck { .fck {
      margin-bottom: 20px; margin-bottom: 20px;
      margin-top: -30px; margin-top: -30px;
      } }
      .scroll { .scroll {
      width: 250%; width: 250%;
      } }
      .panel-tietie {
      margin-bottom: 0;
      border-bottom: 0;
      }
      </style> </style>
      src/components/lang.js
      View file @ 4df00855
      ...@@ -41,6 +41,7 @@ module.exports = { ...@@ -41,6 +41,7 @@ module.exports = {
      dueHistory: '最近决斗记录', dueHistory: '最近决斗记录',
      athleticDueHistory: '竞技场决斗记录', athleticDueHistory: '竞技场决斗记录',
      entertainDueHistory: '娱乐场决斗记录', entertainDueHistory: '娱乐场决斗记录',
      monthlyHistory: '每月决斗记录',
      tagInfo: '绿色表示获胜方，红色则表示掉线。', tagInfo: '绿色表示获胜方，红色则表示掉线。',
      rates: '卡组胜率', rates: '卡组胜率',
      ......
      src/components/tb_lang.js
      View file @ 4df00855
      module.exports = { module.exports = {
      cn: { cn: {
      "sProcessing": "处理中...", "sProcessing": "处理中...",
      "sLengthMenu": "显示 _MENU_ 项结果", "sLengthMenu": "显示 _MENU_ 项结果",
      "sZeroRecords": "没有匹配结果", "sZeroRecords": "没有匹配结果",
      "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项", "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
      "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项", "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
      "sInfoFiltered": "(由 _MAX_ 项结果过滤)", "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
      "sInfoPostFix": "", "sInfoPostFix": "",
      "sSearch": "搜索:", "sSearch": "搜索:",
      "sUrl": "", "sUrl": "",
      "sEmptyTable": "表中数据为空", "sEmptyTable": "表中数据为空",
      "sLoadingRecords": "载入中...", "sLoadingRecords": "载入中...",
      "sInfoThousands": ",", "sInfoThousands": ",",
      "oPaginate": { "oPaginate": {
      "sFirst": "首页", "sFirst": "首页",
      "sPrevious": "上页", "sPrevious": "上页",
      "sNext": "下页", "sNext": "下页",
      "sLast": "末页" "sLast": "末页"
      }, },
      "oAria": { "oAria": {
      "sSortAscending": ": 以升序排列此列", "sSortAscending": ": 以升序排列此列",
      "sSortDescending": ": 以降序排列此列" "sSortDescending": ": 以降序排列此列"
      }, },
      rank: "排名", rank: "排名",
      name: "用户名", name: "用户名",
      exp: "EXP", exp: "EXP",
      pt: "D.P", pt: "D.P",
      win: "胜局", win: "胜局",
      lose: "负局", lose: "负局",
      wl: "胜率", wl: "胜率",
      cardName: "卡名", cardName: "卡名",
      used: "使用量", used: "使用量",
      put1: "投入1", put1: "投入1",
      put2: "投入2", put2: "投入2",
      put3: "投入3", put3: "投入3",
      deck: "卡组", deck: "卡组",
      count: "使用数", count: "使用数",
      topTags: "热门标签", PickRate : "使用率",
      topTags: "热门标签",
      playerA: '玩家A', playerA: '玩家A',
      playerB: '玩家B', playerB: '玩家B',
      startTime: '开始时间', startTime: '开始时间',
      endTime: '结束时间', endTime: '结束时间',
      },
      en: {
      "oPaginate": {
      "sPrevious": "Pre",
      }, },
      en: { rank: "Rank",
      "oPaginate": { name: "Name",
      "sPrevious": "Pre", exp: "EXP",
      }, pt: "D.P",
      rank: "Rank", win: "Win",
      name: "Name", lose: "Lose",
      exp: "EXP", wl: "W/L",
      pt: "D.P",
      win: "Win",
      lose: "Lose",
      wl: "W/L",
      cardName: "Card Name", cardName: "Card Name",
      used: "Used", used: "Used",
      put1: "Put one ", PickRate:"Pick Rate",
      put2: "Put two ", put1: "Put one ",
      put3: "Put three ", put2: "Put two ",
      put3: "Put three ",
      deck: "Deck", deck: "Deck",
      count: "Count", count: "Count",
      topTags: "Top Tags", topTags: "Top Tags",
      playerA: 'PlayerA', playerA: 'PlayerA',
      playerB: 'PlayerA', playerB: 'PlayerA',
      startTime: 'Start Time', startTime: 'Start Time',
      endTime: 'End Time', endTime: 'End Time',
      } }
      } }
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment