69 lines
1.8 KiB
Vue
69 lines
1.8 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
import { BJ_Casino_Data } from "../script/BJ_Casino_Data";
|
|
import { BJ_Casino_Magnification } from "../script/BJ_Casino_Magnification";
|
|
|
|
const props = defineProps<{ BJ_Casino: BJ_Casino_Data }>()
|
|
|
|
let Title = ref("我4標題");
|
|
let RankData = ref([]);
|
|
const self = {
|
|
Title: Title,
|
|
RankData: RankData,
|
|
BJ_Casino: props.BJ_Casino,
|
|
}
|
|
const Script = new BJ_Casino_Magnification(self);
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<h1>
|
|
<!-- <el-button type="primary" @click.native="() => { BJ_Casino.PrevWeek() }" size="large" round><<上一周
|
|
</el-button> -->
|
|
{{ Title }}
|
|
<!-- <el-button type="success" @click.native="() => { BJ_Casino.NextWeek() }" size="large" round>下一周>>
|
|
</el-button> -->
|
|
</h1>
|
|
<div class="d-flex justify-content-center">
|
|
<table class="table table-striped table-info table-hover">
|
|
<thead>
|
|
<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>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr v-for="(item, index) in RankData" :key="index">
|
|
<td>
|
|
<font size="5"><b>{{ item[0] }}</b></font>
|
|
</td>
|
|
<td align="left">
|
|
<font size="5"><b>{{ item[2][1] }}</b></font>
|
|
</td>
|
|
<td align="left">
|
|
<font size="5"><b>{{ item[5][1] }}</b></font>
|
|
</td>
|
|
<td align="left">
|
|
<font size="5"><b>{{ Math.floor(item[1]) }}</b></font>
|
|
</td>
|
|
<td align="left">
|
|
<font size="5"><b>{{ item[3][0] }}</b></font>
|
|
</td>
|
|
<td align="left">
|
|
<font size="5"><b>{{ item[3][1] }}</b></font>
|
|
</td>
|
|
<td align="left">
|
|
<font size="5"><b>{{ item[4] }}</b></font>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</template> |