gambleGameBucket table

src/api/gambleGameBucket.js

@@ -0,0 +1,15 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/gambleGameBuckets',
+    method: 'get',
+    params: {
+      limit: query.limit,
+      offset: (query.page - 1) * query.limit
+    //   name: query.name,
+    //   chipsSort: query.chipsSort,
+    //   updatedSort: query.updatedSort
+    }
+  })
+}

src/router/index.js

@@ -57,6 +57,23 @@ export const constantRouterMap = [
       }
     ]
   },
+  {
+    path: '/gambleGameBucket',
+    component: Layout,
+    redirect: '/gambleGameBucket/index',
+    children: [
+      {
+        path: 'index',
+        name: 'GambleGameBucket',
+        component: _import('gambleGameBucket/index'),
+        meta: {
+          title: '每局莊家',
+          icon: 'form'
+          // role: ['dd']
+        }
+      }
+    ]
+  },
   // {
   //   path: '/example',
   //   component: Layout,

src/views/gambleGameBucket/index.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="app-container">
+    <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+      style="width: 100%">
+      <el-table-column label="ID">
+        <template slot-scope="scope">
+          {{scope.row.id}}
+        </template>
+      </el-table-column>
+      <el-table-column prop="GambleMember.name" label="莊家" width="200" align="center">
+        <!-- <template slot-scope="scope">
+          <span>{{scope.row.GambleMember.id}}</span>
+        </template> -->
+      </el-table-column>
+      <el-table-column align="center" label="時間" width="200">
+        <template slot-scope="scope">
+          <span>{{scope.row.createdAt}}</span>
+        </template>
+      </el-table-column>
+       <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+            <el-button type="primary" size="mini" @click="handleView(scope.row)">查看</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div v-show="!listLoading" class="pagination-container">
+      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
+        :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
+      </el-pagination>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/gambleGameBucket'
+
+export default {
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      total: null,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        importance: '',
+        title: '',
+        type: '',
+        chipsSort: '',
+        updatedSort: ''
+      },
+      temp: {
+        id: '',
+        importance: 1,
+        name: '',
+        chips: '',
+        depositChips: ''
+      },
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.listQuery.limit = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val
+      this.getList()
+    }
+  }
+}
+</script>