Test_Project_Web/BJ_Casino_Rank
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[add] 七月爆機娛樂城公司活動

Browse Source
This commit is contained in:
建喵
2022-07-25 12:26:01 +08:00
parent 0e95004dfe
commit cd66ad53e4
11 changed files with 640 additions and 617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
dist/favicon.ico → favicon.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 264 KiB

0
dist/assets/ZenMaruGothic-Regular.2d389171.ttf → public/assets/ZenMaruGothic-Regular.2d389171.ttf
View File

0
public/favicon.ico → public/assets/favicon.69a65d1f.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 264 KiB

28
dist/assets/index.9bfa1c6f.js → public/assets/index.1efeab8a.js
View File

File diff suppressed because one or more lines are too long

0
dist/assets/index.b312efde.css → public/assets/index.b312efde.css
View File

4
dist/index.html → public/index.html
View File

@@ -3,12 +3,12 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="./favicon.ico" /> <link rel="icon" href="./assets/favicon.69a65d1f.ico" />
<link href="./src/assets/ZenMaruGothic-Regular.ttf" rel="stylesheet"> <link href="./src/assets/ZenMaruGothic-Regular.ttf" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap" rel="stylesheet"> --> <!-- <link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap" rel="stylesheet"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BJ_Casino_Rank</title> <title>BJ_Casino_Rank</title>
<script type="module" crossorigin src="./assets/index.9bfa1c6f.js"></script> <script type="module" crossorigin src="./assets/index.1efeab8a.js"></script>
<link rel="stylesheet" href="./assets/index.b312efde.css"> <link rel="stylesheet" href="./assets/index.b312efde.css">
</head> </head>

46
src/App.vue
View File

@@ -4,35 +4,35 @@ import { ref } from "vue";
import Loading from 'vue-loading-overlay'; import Loading from 'vue-loading-overlay';
import 'vue-loading-overlay/dist/vue-loading.css'; import 'vue-loading-overlay/dist/vue-loading.css';
import BJ_Casino_Magnification from './components/BJ_Casino_Magnification.vue'; import BJ_Casino_Magnification from './components/BJ_Casino_Magnification.vue';
import BJ_Casino_WinMoney from './components/BJ_Casino_WinMoney.vue';
import { BJ_Casino_Data } from './script/BJ_Casino_Data'; import { BJ_Casino_Data } from './script/BJ_Casino_Data';
let isLoading = ref(true) let isLoading = ref(true)
const self = { const self = {
isLoading: isLoading, isLoading: isLoading,
} }
const BJ_Casino = new BJ_Casino_Data(self) const BJ_Casino = new BJ_Casino_Data(self)
const activeName = ref('first') const activeName = ref('first')
const handleClick = (tab: TabsPaneContext, event: Event) => { const handleClick = (tab: TabsPaneContext, event: Event) => {
console.log(tab, event) console.log(tab, event)
} }
</script> </script>
<template> <template>
<loading v-model:active="isLoading" :active.sync="isLoading" :can-cancel="false" :is-full-page="true"></loading> <loading v-model:active="isLoading" :active.sync="isLoading" :can-cancel="false" :is-full-page="true"></loading>
<div> <div>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="BJ_Casino_Rank倍率" name="first"> <el-tab-pane label="BJ_Casino_Rank 1303 倍率" name="first">
<BJ_Casino_Magnification :BJ_Casino="BJ_Casino" /> 這是個參考用的排行榜 啾咪
</el-tab-pane> <BJ_Casino_Magnification :BJ_Casino="BJ_Casino" />
<el-tab-pane label="BJ_Casino_Rank贏分" name="second"> </el-tab-pane>
<!-- <el-tab-pane label="BJ_Casino_Rank贏分" name="second">
<BJ_Casino_WinMoney :BJ_Casino="BJ_Casino" /> <BJ_Casino_WinMoney :BJ_Casino="BJ_Casino" />
</el-tab-pane> </el-tab-pane> -->
</el-tabs> </el-tabs>
</div> </div>
<!-- <BJ_Casino_Magnification /> --> <!-- <BJ_Casino_Magnification /> -->
</template> </template>
<style> <style>
@@ -40,20 +40,20 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
@import url('../src/assets/style.css'); @import url('../src/assets/style.css');
.el-tabs__nav { .el-tabs__nav {
float: none; float: none;
} }
.el-tabs__item { .el-tabs__item {
font-size: 18px; font-size: 18px;
} }
#app { #app {
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-align: center; text-align: center;
color: #2c3e50; color: #2c3e50;
margin-top: 0px; margin-top: 0px;
font-family: 'Zen Maru Gothic', sans-serif; font-family: 'Zen Maru Gothic', sans-serif;
} }
</style> </style>

96
src/components/BJ_Casino_Magnification.vue
View File

@@ -8,58 +8,62 @@ const props = defineProps<{ BJ_Casino: BJ_Casino_Data }>()
let Title = ref("我4標題"); let Title = ref("我4標題");
let RankData = ref([]); let RankData = ref([]);
const self = { const self = {
Title: Title, Title: Title,
RankData: RankData, RankData: RankData,
BJ_Casino: props.BJ_Casino, BJ_Casino: props.BJ_Casino,
} }
const Script = new BJ_Casino_Magnification(self); const Script = new BJ_Casino_Magnification(self);
</script> </script>
<template> <template>
<h1> <h1>
<el-button type="primary" @click.native="() => { BJ_Casino.PrevWeek() }" size="large" round>&lt;&lt;上一周 <!-- <el-button type="primary" @click.native="() => { BJ_Casino.PrevWeek() }" size="large" round>&lt;&lt;上一周
</el-button> </el-button> -->
{{ Title }} {{ Title }}
<el-button type="success" @click.native="() => { BJ_Casino.NextWeek() }" size="large" round>下一周&gt;&gt; <!-- <el-button type="success" @click.native="() => { BJ_Casino.NextWeek() }" size="large" round>下一周&gt;&gt;
</el-button> </el-button> -->
</h1> </h1>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<table class="table table-striped table-info table-hover"> <table class="table table-striped table-info table-hover">
<thead> <thead>
<tr> <tr>
<th align="left">排名</th> <th align="left">排名</th>
<th align="left">名稱</th> <th align="left">名稱</th>
<th align="left">倍率</th> <th align="left">廳別</th>
<th align="left">機台</th> <th align="left">倍率</th>
<th align="left">桌號</th> <th align="left">機台</th>
<th align="left">日期</th> <th align="left">桌號</th>
</tr> <th align="left">日期</th>
</thead> </tr>
<tbody> </thead>
<tbody>
<tr v-for="(item, index) in RankData" :key="index"> <tr v-for="(item, index) in RankData" :key="index">
<td> <td>
<font size="5"><b>{{ item[0] }}</b></font> <font size="5"><b>{{ item[0] }}</b></font>
</td> </td>
<td align="left"> <td align="left">
<font size="5"><b>{{ item[2][1] }}</b></font> <font size="5"><b>{{ item[2][1] }}</b></font>
</td> </td>
<td align="left"> <td align="left">
<font size="5"><b>{{ Math.floor(item[1]) }}</b></font> <font size="5"><b>{{ item[5][1] }}</b></font>
</td> </td>
<td align="left"> <td align="left">
<font size="5"><b>{{ item[3][0] }}</b></font> <font size="5"><b>{{ Math.floor(item[1]) }}</b></font>
</td> </td>
<td align="left"> <td align="left">
<font size="5"><b>{{ item[3][1] }}</b></font> <font size="5"><b>{{ item[3][0] }}</b></font>
</td> </td>
<td align="left"> <td align="left">
<font size="5"><b>{{ item[4] }}</b></font> <font size="5"><b>{{ item[3][1] }}</b></font>
</td> </td>
</tr> <td align="left">
<font size="5"><b>{{ item[4] }}</b></font>
</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</template> </template>

8
src/components/BJ_Casino_WinMoney.vue
View File

@@ -18,11 +18,11 @@ const Script = new BJ_Casino_WinMoney(self);
<template> <template>
<h1> <h1>
<el-button type="primary" @click.native="() => { BJ_Casino.PrevWeek() }" size="large" round>&lt;&lt;上一周 <!-- <el-button type="primary" @click.native="() => { BJ_Casino.PrevWeek() }" size="large" round>&lt;&lt;上一周
</el-button> </el-button> -->
{{ Title }} {{ Title }}
<el-button type="success" @click.native="() => { BJ_Casino.NextWeek() }" size="large" round>下一周&gt;&gt; <!-- <el-button type="success" @click.native="() => { BJ_Casino.NextWeek() }" size="large" round>下一周&gt;&gt;
</el-button> </el-button> -->
</h1> </h1>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<table class="table table-striped table-info table-hover"> <table class="table table-striped table-info table-hover">

1063
src/script/BJ_Casino_Data.ts
View File

File diff suppressed because it is too large Load Diff

12
vite.config.ts
View File

@@ -1,8 +1,12 @@
import vue from '@vitejs/plugin-vue' import vue from "@vitejs/plugin-vue";
import { defineConfig } from 'vite' import { defineConfig } from "vite";
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
base: "./", base: "./",
plugins: [vue()] plugins: [vue()],
}) build: {
// 輸出路徑
outDir: "./public",
},
});