add punishment

src/api/gambleMember.js

     }
   })
 }
+
+export function fetchPunishment(data) {
+  return request({
+    url: `/gambleMembers/${data.id}/punishment`,
+    method: 'get',
+  })
+}

src/views/room/gameHistory/index.vue

         </el-table-column>      
       </el-table>
 
-      <div v-show="!listLoading" class="pagination-container">
+      <!-- <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> -->
 
       <el-dialog title="個人詳細資料" :visible.sync="dialogFormVisible" width="75%" center>
         <el-table :data="dialogList" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
 <script>
 
 import { mapActions, mapGetters } from 'vuex'
-import { fetchGameHistory, fetchChipsHistory, fetchPersonGameDetail } from '@/api/gambleMember'
+import { fetchGameHistory, fetchChipsHistory, fetchPersonGameDetail, fetchPunishment } from '@/api/gambleMember'
 import { fetchCurrentChips } from '@/api/gambleGameBucket'
 import waves from '@/directive/waves' // 水波纹指令
 import moment from 'moment-timezone'
       listLoading: true,
       listQuery: { 
         page: 1, 
-        limit: 20, 
+        limit: 9999999999, 
         startAt: null, 
         endAt: null 
       }, 
       this.listLoading = true
       //this.list = []
       await fetchGameHistory(this.data.thirdLayer, this.listQuery).then(response => {
+        this.list = []
         this.chipLogList = response.data
         this.tempCurrentChips = []
         this.chipLogList.map((item) => {
           })
         })
       })
+      await fetchPunishment(this.data.thirdLayer).then(response => {
+          response.data.map(item => {
+            this.list.unshift({
+              id: item.id,
+              createdAt: item.createdAt,
+              type: item.rule,
+              amount: item.chips,
+              wallet: ` `
+            })
+          })
+      })
       this.list.sort(function compare(a, b) {
         const dateA = new Date(a.createdAt);
         const dateB = new Date(b.createdAt);
       this.listLoading = true
       this.dialogFormVisible = true
       fetchPersonGameDetail(this.data.thirdLayer.id, row.id).then(response => {
+        console.log('params', this.data.thirdLayer.id, row.id)
+        console.log('rows', response.data.rows)
         this.dialogList = response.data.rows
         this.listLoading = false
       })
       this.SetData({layer:4, data: temp})
     },
     handleFilter() {
-      this.listQuery.page = 1 
+      // this.listQuery.page = 1 
       if (this.date) { 
         this.listQuery.startAt = moment.utc(this.date[0]).format() 
         this.listQuery.endAt = moment.utc(this.date[1]).format()  
       }
       this.getList()
     },
-    handleSizeChange(val) {
-      this.listQuery.limit = val
-      this.getList()
-    },
-    handleCurrentChange(val) {
-      this.listQuery.page = val
-      this.getList()
-    },
+    // handleSizeChange(val) {
+    //   this.listQuery.limit = val
+    //   this.getList()
+    // },
+    // handleCurrentChange(val) {
+    //   this.listQuery.page = val
+    //   this.getList()
+    // },
     moment(time) {
       return moment(time).tz('Asia/Taipei').format('YYYY-MM-DD HH:mm:ss')
     },