add punishment

src/api/gambleGameBucket.js

     method: 'get'
   })
 }
+
+export function fetchPunishmentRecord(data, query = { round: 1 }) {
+  return request({
+    url: `/gambleGameBuckets/${data.id}/round/${query.round}/punishmentRecord`,
+    method: 'get'
+  })
+}
 // export function fetchRoundRecord(data) {
 //   return request({
 //     url: `/gambleGameBuckets/${data.id}/initDoor`,

src/views/gambleGameBucket/detail/index.vue

       </el-table-column>      
     </el-table>
 
-
+    <el-table :data="punishmentRecord" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+      style="width: 100%">
+      <el-table-column label="懲罰名單" align="center">
+        <el-table-column prop="GambleMember.name" label="玩家">
+        </el-table-column>
+        <el-table-column label="原因">
+          <template slot-scope="scope">
+            <div>{{reason(scope.row.rule)}}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="chips" label="金額">
+        </el-table-column>
+      </el-table-column>      
+    </el-table>
     <el-table :data="members" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
       style="width: 100%">
       <el-table-column label="當前玩家餘額" align="center">
 <script>
 
 import { mapGetters, mapActions } from 'vuex'
-import { fetchDetails, fetchRoundCount, fetchDealingRecords, fetchMemberRecords, fetchRoundRecord, fetchGameBid, fetchWagerRecord, fetchMemberInfo } from '@/api/gambleGameBucket'
+import { fetchDetails, fetchRoundCount, fetchDealingRecords, fetchMemberRecords, fetchRoundRecord, fetchGameBid, fetchWagerRecord, fetchMemberInfo, fetchPunishmentRecord } from '@/api/gambleGameBucket'
 import { fetchGambleMemberList } from '@/api/gambleMember'
 import { ponitTransform } from '@/utils/point'
 import _ from 'lodash'
       memberRecord: [],
       door: 0,
       // bidChips: 0,
+      punishmentRecord: [],
       memberRecordTemp: [],
       wagerRecord: [],
     }
 
         this.func = eval(`(function() {${this.statement}})`)
       })
-
+      fetchPunishmentRecord(this.data.secondLayer, this.listQuery).then(response => {
+        this.punishmentRecord = response.data
+      })
       fetchMemberInfo(this.data.secondLayer, this.listQuery).then(response => {
         let { data } = response
         let members = {}
     },
     initDoor({row, column, rowIndex, columnIndex}) {
       return  columnIndex === this.door ? { color: '#F56C6C' } : ``
+    },
+    reason(reason ){
+      switch(reason) {
+        case 'NO_DRAW_RIGHTS':
+          return '亂抽紅包'
+        break;
+        case 'NO_RESPONSE':
+          return '門主未抽紅包'
+        break;
+        default:
+          return '請找客服'
+      }
     }
   },
   destroyed() {