if no punishment visble

src/views/gambleGameBucket/detail/index.vue

             <template slot-scope="scope">
               <div :style="moneyColor(scope.row.MemberRecord.earned)">{{scope.row.MemberRecord.earned}}</div>
             </template>
+          </el-table-column>
+          <el-table-column label="下注量抽水" >
+            <template slot-scope="scope">
+                <div>{{scope.row.MemberRecord.serviceFees}}</div>
+            </template>
           </el-table-column>      
-          <el-table-column label="抽水" prop="MemberRecord.serviceFees">
+          <el-table-column label="莊贏抽水">
               <template slot-scope="scope">
-                <div>{{scope.row.MemberRecord.serviceFees - scope.row.MemberRecord.FixedServiceFees}}</div>
+                <div>{{scope.row.MemberRecord.serviceFees}}</div>
             </template>
           </el-table-column>
           <el-table-column prop="MemberRecord.FixedServiceFees" label="服務費">
       </el-table-column>      
     </el-table>
 
-    <el-table :data="punishmentRecord" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+    <el-table v-show="hasPunishment(punishmentRecord)" :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="玩家">
         default:
           return '請找客服'
       }
+    },
+    hasPunishment(data) {
+      console.log('wwwwwwff',data)
+      return data.length !== 0 ? true : false
     }
   },
   destroyed() {