Skip to content

Y
Ygopro Arena Web
Commit 4e089566 authored by ganjingcun's avatar ganjingcun
Browse files
Options

deck print

parent e2fc3180
Hide whitespace changes
Inline Side-by-side
Showing with 489 additions and 199 deletions
src/App.vue
View file @ 4e089566
<template>
<div id="app">
<page-header></page-header>
<div>
<router-view></router-view>
<page-footer></page-footer>
</div>
</template>
......
src/components/Deckprint.vue 0 → 100644
View file @ 4e089566
<template>
<div class="content">
<div class="container">
<template>
<el-alert title="上传ydk文件和填写必要的信息之后,卡组表格即可自动生成" type="success">
</el-alert>
</template>
<hr>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="姓名" :label-width="formLabelWidth">
<el-input v-model="form.name" placeholder="请输入标题姓名" auto-complete="off" width="10px"></el-input>
</el-form-item>
<el-form-item label="Event" :label-width="formLabelWidth">
<el-input v-model="form.event" placeholder="请输入Event" auto-complete="off" width="10px"></el-input>
</el-form-item>
<el-form-item label="ydk文件" :label-width="formLabelWidth">
<el-upload class="upload-demo" :action="uploadUrl" :on-change="handleChange" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"
:file-list="fileList3">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">上传卡组文件，大小不能超过3KB</div>
</el-upload>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">确认</el-button>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
import querystring from 'querystring';
import crypto from 'crypto';
import API from '../api'
import { mapGetters } from 'vuex'
import moment from 'moment'
import tb_language from './tb_lang.js'
export default {
data() {
return {
fileList3: [],
form: {
name: '',
event: '',
},
formLabelWidth: '80px',
isNew: true,
isClick: false,
todayCount: 0,
uploadUrl: API.uploadUrl,
imageUrl: "",
downloadPath: "",
demo_title: "",
demo_url: "",
demo1: [],
demo2: []
}
},
created: function () {
setTimeout(function () {
$(".el-upload__input").hide()
}, 100)
},
computed: {
...mapGetters({
lang: 'getLang',
user: 'getUser'
}),
},
methods: {
handleChange(file, fileList) {
this.fileList3 = fileList.slice(-1);
},
handleAvatarSuccess(res, file) {
this.downloadPath = file.response.path
this.imageUrl = URL.createObjectURL(file.raw);
},
beforeAvatarUpload(file) {
var type = /\.[^\.]+/.exec(file.name);
const isJPG = type[0] === '.ydk';
const isLt2M = file.size / 1024 < 3;
if (!isJPG) {
this.$message.error('上传文件只能是 ydk 格式!');
return false
}
if (!isLt2M) {
this.$message.error('上传文件大小不能超过 3KB!');
return false
}
return true;
},
download: function () {
window.location.href = API.getDownloadUrl(this.downloadPath)
},
onSubmit: function () {
if (!this.form.name || !this.form.name.trim()) {
this.$notify({
title: '警告',
message: '请输入姓名!',
type: 'error'
})
return;
}
if (!this.form.event || !this.form.event.trim()) {
this.$notify({
title: '警告',
message: '请输入event!',
type: 'error'
})
return;
}
if (!this.downloadPath || !this.downloadPath.trim()) {
this.$notify({
title: '警告',
message: '请上传ydk文件!',
type: 'error'
})
return;
}
var opt = {
name: this.form.name,
event: this.form.event,
id: this.downloadPath.slice(7)
}
var request = querystring.stringify(opt);
// var baseUrl = "http://localhost:̃8081"
var baseUrl = "https://mycard.moe/ygopro/arena"
var url = `${baseUrl}/konami.html?${request}`;
window.open(url, "_blank");
},
},
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/components/Home.vue 0 → 100644
View file @ 4e089566
<template>
<div id="app">
<page-header></page-header>
<router-view></router-view>
<page-footer></page-footer>
</div>
</template>
<script>
import PageHeader from './PageHeader'
import PageFooter from './PageFooter'
// import "./assets/css/Projects-Clean.css"
// import "./assets/css/Pretty-Search-Form.css"
//js
// window.jQuery = window.$ = require('jquery');
export default {
name: 'app',
components: {
PageHeader,
PageFooter
}
}
</script>
<style scoped>
#app {
/*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
/*-webkit-font-smoothing: antialiased;*/
/*-moz-osx-font-smoothing: grayscale;*/
/*color: #2c3e50;*/
/*margin-top: 60px;*/
}
</style>
\ No newline at end of file
src/components/PageHeader.vue
View file @ 4e089566
......@@ -14,6 +14,7 @@
<li role="presentation"><a href="https://ygobbs.com/" target="_blank">{{lang.forum}} </a></li>
<li role="presentation"><a href="#/ranking">{{lang.rank}} </a></li>
<li role="presentation"><a href="#/cards">{{lang.card_rank}} </a></li>
<li role="presentation"><a href="#/deckprint">{{lang.deckprint}} </a></li>
<li role="presentation"><a href="https://rep.ygobbs.com">{{lang.battlelog}} </a></li>
<!--<li role="presentation"><a href="https://mycard.moe/ygopro/">{{lang.download}} </a></li>-->
<li role="presentation"><a href="#/download">{{lang.download}} </a></li>
......
src/components/lang.js
View file @ 4e089566
......@@ -10,6 +10,7 @@ module.exports = {
download: '下载',
profile: '个人信息',
account: '用户中心',
deckprint: '卡组打印',
signout: '退出',
signin: '登录 | 注册',
qc: '查询条件',
......@@ -117,6 +118,7 @@ module.exports = {
download: 'Download',
profile: 'Profile',
account: 'Account',
deckprint: "Deck Print",
signout: 'Sign out',
signin: 'Sign in | Sign up',
qc: 'Query conditions',
......
src/router/index.js
View file @ 4e089566
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import Index from '@/components/Index'
import Cards from '@/components/Cards'
import Ranking from '@/components/Ranking'
......@@ -12,6 +13,8 @@ import Deck from '@/components/Deck'
import Report from '@/components/Report'
import Vote from '@/components/Vote'
import Ads from '@/components/Ads'
import Deckprint from '@/components/Deckprint'
// import konami from '@/components/konami'
Vue.use(Router)
......@@ -19,63 +22,89 @@ export default new Router({
routes: [
{
path: '/',
name: 'Index',
component: Index
},
{
path: '/cards',
name: 'Cards',
component: Cards
},
{
path: '/ranking',
name: 'Ranking',
component: Ranking
},
{
path: '/download',
name: 'Download',
component: Download
},
{
path: '/profile',
name: 'Profile',
component: Profile
},
{
path: '/userinfo',
name: 'Userinfo',
component: Userinfo
},
{
path: '/cardinfo',
name: 'Cardinfo',
component: Cardinfo
},
{
path: '/history',
name: 'History',
component: History
},
{
path: '/deck',
name: 'Deck',
component: Deck
},
{
path: '/report',
name: 'Report',
component: Report
},
{
path: '/vote',
name: 'Vote',
component: Vote
name: 'Home',
component: Home,
children: [
{
path: '/',
component: Index
}
]
},
{
path: '/ads',
name: 'Ads',
component: Ads
path: '/home',
name: 'home',
component: Home,
children: [
{
path: '/cards',
name: 'Cards',
component: Cards
},
{
path: '/ranking',
name: 'Ranking',
component: Ranking
},
{
path: '/download',
name: 'Download',
component: Download
},
{
path: '/profile',
name: 'Profile',
component: Profile
},
{
path: '/userinfo',
name: 'Userinfo',
component: Userinfo
},
{
path: '/cardinfo',
name: 'Cardinfo',
component: Cardinfo
},
{
path: '/deckprint',
name: 'Deckprint',
component: Deckprint
},
{
path: '/history',
name: 'History',
component: History
},
{
path: '/deck',
name: 'Deck',
component: Deck
},
{
path: '/report',
name: 'Report',
component: Report
},
{
path: '/vote',
name: 'Vote',
component: Vote
},
{
path: '/ads',
name: 'Ads',
component: Ads
},
]
},
// {
// path: '/konami',
// name: 'konami',
// component: konami
// },
]
})
static/konami.html
View file @ 4e089566
......@@ -26,7 +26,8 @@
</div>
<div id="page-container">
<div id="pf1" class="pf w0 h0" data-page-no="1">
<div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="assets/deck/bg1.png" />
<div class="pc pc1 w0 h0">
<img class="bi x0 y0 w1 h1" alt="" src="assets/deck/bg1.png" />
<div class="c x1 y1 w2 h2">
<div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">Yu<span class="ls1">#<span class="ls2">Gi</span>#<span class="ls3">Oh!)Deck)Lis<span class="_ _0"></span>t)Form<span
class="ls1">)<span class="_ _1"> </span>)</span>
......@@ -48,7 +49,7 @@
<div class="t m0 x4 h6 y5 ff2 fs0 fc0 sc0 ls6 ws0">Event/<span class="ff3 ls5"></span><span class="ls1">:!</span></div>
</div>
<div class="c x8 y4 w7 h5">
<div class="t m0 x4 h4 y5 ff5 fs0 fc0 sc0 ls1 ws0">YOT SG 2017</div>
<div class="t m0 x4 h4 y5 ff5 fs0 fc0 sc0 ls1 ws0">{{ deck.event }}</div>
</div>
<div class="c x1 y1 w2 h2">
<div class="t m0 x0 h4 y6 ff2 fs0 fc0 sc0 ls1 ws0">!</div>
......@@ -291,185 +292,187 @@
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[9].name}}</div>
</div>
<div class="c x3 y1f wd hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[10].num}}</div>
</div>
<div class="c x18 y1f we hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[10].name}}</div>
</div>
<div class="c x16 y1f w9 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[10].num}}</div>
</div>
<div class="c x19 y1f wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[10].name}}</div>
</div>
<div class="c x17 y1f w10 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[10].num}}</div>
</div>
<div class="c x1a y1f w11 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[10].name}}</div>
</div>
<div class="c x3 y20 wd hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[11].num}}</div>
</div>
<div class="c x18 y20 we hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[11].name}}</div>
</div>
<div class="c x16 y20 w9 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[11].num}}</div>
</div>
<div class="c x19 y20 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[11].name}}</div>
</div>
<div class="c x17 y20 w10 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[11].num}}</div>
</div>
<div class="c x1a y20 w11 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[11].name}}</div>
</div>
<div class="c x3 y21 wd he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[12].num}}</div>
</div>
<div class="c x18 y21 we he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[12].name}}</div>
</div>
<div class="c x16 y21 w9 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[12].num}}</div>
</div>
<div class="c x19 y21 wf he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[12].name}}</div>
</div>
<div class="c x17 y21 w10 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[12].num}}</div>
</div>
<div class="c x1a y21 w11 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[12].name}}</div>
</div>
<div class="c x3 y22 wd hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[13].num}}</div>
</div>
<div class="c x18 y22 we hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[13].name}}</div>
</div>
<div class="c x16 y22 w9 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[13].num}}</div>
</div>
<div class="c x19 y22 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[13].name}}</div>
</div>
<div class="c x17 y22 w10 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[13].num}}</div>
</div>
<div class="c x1a y22 w11 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[13].name}}</div>
</div>
<div class="c x3 y23 wd hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[14].num}}</div>
</div>
<div class="c x18 y23 we hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[14].name}}</div>
</div>
<div class="c x16 y23 w9 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[14].num}}</div>
</div>
<div class="c x19 y23 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[14].name}}</div>
</div>
<div class="c x17 y23 w10 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[14].num}}</div>
</div>
<div class="c x1a y23 w11 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[14].name}}</div>
</div>
<div class="c x3 y24 wd he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[15].num}}</div>
</div>
<div class="c x18 y24 we he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[15].name}}</div>
</div>
<div class="c x16 y24 w9 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[15].num}}</div>
</div>
<div class="c x19 y24 wf he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[15].name}}</div>
</div>
<div class="c x17 y24 w10 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[15].num}}</div>
</div>
<div class="c x1a y24 w11 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[15].name}}</div>
</div>
<div class="c x3 y25 wd he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[16].num}}</div>
</div>
<div class="c x18 y25 we he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[16].name}}</div>
</div>
<div class="c x16 y25 w9 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[16].num}}</div>
</div>
<div class="c x19 y25 wf he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[16].name}}</div>
</div>
<div class="c x17 y25 w10 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[16].num}}</div>
</div>
<div class="c x1a y25 w11 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[16].name}}</div>
</div>
<div class="c x3 y26 wd hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[17].num}}</div>
</div>
<div class="c x18 y26 we hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[17].name}}</div>
</div>
<div class="c x16 y26 w9 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[17].num}}</div>
</div>
<div class="c x19 y26 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[17].name}}</div>
</div>
<div class="c x17 y26 w10 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[17].num}}</div>
</div>
<div class="c x1a y26 w11 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[17].name}}</div>
</div>
<div class="c x3 y27 wd hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[18].num}}</div>
</div>
<div class="c x18 y27 we hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[18].name}}</div>
</div>
<div class="c x16 y27 w9 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[18].num}}</div>
</div>
<div class="c x19 y27 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[18].name}}</div>
</div>
<div class="c x17 y27 w10 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[18].num}}</div>
</div>
<div class="c x1a y27 w11 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[18].name}}</div>
</div>
<div class="c x3 y28 wd he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monster[19].num}}</div>
</div>
<div class="c x18 y28 we he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.monster[19].name}}</div>
</div>
<div class="c x16 y28 w9 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.spells[19].num}}</div>
</div>
<div class="c x19 y28 wf he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.spells[19].name}}</div>
</div>
<div class="c x17 y28 w10 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.traps[19].num}}</div>
</div>
<div class="c x1a y28 w11 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.traps[19].name}}</div>
</div>
<div class="c x3 y29 wd hd">
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.monsterTotal}}</div>
</div>
......@@ -526,7 +529,7 @@
<div class="c x19 y30 wf he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.side[0].name}}</div>
</div>
<!--<div class="c x17 y30 w10 he">
<div class="t m0 x4 ha y17 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
</div>
......@@ -572,7 +575,7 @@
<div class="c x19 y32 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.side[2].name}}</div>
</div>
<!--<div class="c x17 y32 w17 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
</div>
......@@ -592,7 +595,7 @@
<div class="c x19 y33 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.side[3].name}}</div>
</div>
<div class="c x17 y33 w9 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">!</div>
</div>
......@@ -803,13 +806,13 @@
<div class="t m0 x4 h13 y43 ff2 fs4 fc0 sc0 lsb ws0">Description:<span class="ls1">!</span></div>
</div>
<div class="c x3 y42 wd hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.extraTotal}}</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.extraTotal}}</div>
</div>
<div class="c x18 y42 w16 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 lsc ws0">&lt;&lt;&lt;!Total!Extra!Deck!<span class="ls1">!</span></div>
</div>
<div class="c x16 y42 w10 hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 ls1 ws0">{{deck.sideTotal}}</div>
<div class="t m0 x4 ha y14 ff3 fs2 fc0 sc0 ls1 ws0">{{deck.sideTotal}}</div>
</div>
<div class="c x19 y42 wf hd">
<div class="t m0 x4 ha y14 ff2 fs2 fc0 sc0 lsc ws0">&lt;&lt;&lt;!Total!Side!Deck<span class="ls1">!</span></div>
......@@ -831,54 +834,54 @@
<!--card game id-->
<div class="c x1f y49 w1d h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">1</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x21 y49 w1d h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">2</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x22 y49 w1e h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">0</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c xa y49 w1d h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">0</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c xb y49 w1d h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">2</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c xc y49 w1e h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">7</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x23 y49 w1e h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">0</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x24 y49 w1d h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">8</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c xe y49 w1e h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">7</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c xf y49 w1e h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">8</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<!--date-->
<div class="c x10 y4b w1f h18">
<div class="t m0 x20 h17 y4c ff7 fs5 fc0 sc0 ls1 ws0">1</div>
<div class="t m0 x20 h17 y4c ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x25 y4d w1f h19">
<div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0">8</div>
<div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x26 y4f w1f h16">
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0">0</div>
<div class="t m0 x20 h17 y4a ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x27 y50 w1f h19">
<div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0">2</div>
<div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x28 y4d w1f h19">
<div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0">1</div>
<div class="t m0 x20 h17 y4e ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<div class="c x29 y4b w20 h18">
<div class="t m0 x20 h17 y4c ff7 fs5 fc0 sc0 ls1 ws0">8</div>
<div class="t m0 x20 h17 y4c ff7 fs5 fc0 sc0 ls1 ws0"></div>
</div>
<!--total-->
......@@ -902,72 +905,75 @@
<script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>
<script src="https://unpkg.com/vue-resource@1.2.0/dist/vue-resource.min.js"></script>
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.js"></script>
<script>
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
new Vue({
el: '#page-container',
created: function () {
this.deck.monsterTotal = this.deck.monster.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
var id = getParameterByName('id');
this.deck.name = getParameterByName('name');
this.deck.event = getParameterByName('event');
if (id) {
var URL = "http://localhost:3000"
// var URL = "https://mycard.moe/ygopro"
var params = {
page: this.page
}
return { num: x + y }
}).num;
Vue.http.get(URL + '/api/deckdata/' + id, { 'params': params }).then((res) => {
this.deck.spellTotal = this.deck.spells.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.deck.trapTotal = this.deck.traps.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.deck.monster = res.data.deck.monster
this.deck.spells = res.data.deck.spells
this.deck.traps = res.data.deck.traps
this.deck.extra = res.data.deck.extra
this.deck.side = res.data.deck.monster
this.deck.extraTotal = this.deck.extra.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
var length = this.deck.monster.length
if (length < 20) {
for (var i = 0; i < 20 - length; i++) {
this.deck.monster.push({ "name": "", "num": "" })
}
}
length = this.deck.spells.length
if (length < 20) {
for (var i = 0; i < 20 - length; i++) {
this.deck.spells.push({ "name": "", "num": "" })
}
}
length = this.deck.traps.length
if (length < 20) {
for (var i = 0; i < 20 - length; i++) {
this.deck.traps.push({ "name": "", "num": "" })
}
}
length = this.deck.extra.length
if (length < 15) {
for (var i = 0; i < 15 - length; i++) {
this.deck.extra.push({ "name": "", "num": "" })
}
}
length = this.deck.side.length
if (length < 20) {
for (var i = 0; i < 15 - length; i++) {
this.deck.side.push({ "name": "", "num": "" })
}
}
this.deck.sideTotal = this.deck.side.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.calTotal()
}, (res) => {
})
} else {
this.calTotal()
}
this.deck.mainTotal = parseInt(this.deck.monsterTotal) + parseInt(this.deck.spellTotal) + parseInt(this.deck.trapTotal)
},
watch: {
......@@ -978,7 +984,7 @@
data: function () {
return {
deck: {
name: "Joe",
name: "",
event: "",
gameID: "0500270878",
date: "",
......@@ -1092,7 +1098,69 @@
}
},
methods: {
calTotal: function () {
this.deck.monsterTotal = this.deck.monster.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.deck.spellTotal = this.deck.spells.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.deck.trapTotal = this.deck.traps.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.deck.extraTotal = this.deck.extra.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.deck.sideTotal = this.deck.side.reduce(function (a, b) {
let x = a.num;
let y = b.num;
if (isNaN(a.num)) {
x = 0
}
if (isNaN(b.num)) {
y = 0
}
return { num: x + y }
}).num;
this.deck.mainTotal = parseInt(this.deck.monsterTotal) + parseInt(this.deck.spellTotal) + parseInt(this.deck.trapTotal)
}
}
})
......
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