display red

src/views/gambleGameBucket/detail/index.vue

@@ -25,7 +25,7 @@
           <el-table-column label="莊家" prop="MemberRecord.GambleMember.name"></el-table-column>
           <el-table-column label="點數">
             <template slot-scope="scope">
-              <span>{{`${scope.row.DealingRecord.point1 === -1 ? '' : scope.row.DealingRecord.point1 + ' | '} ${scope.row.DealingRecord.point2 === -1 ? '' : scope.row.DealingRecord.point2 + ' / '} ${point(scope.row.DealingRecord)}`}}</span>
+              <span :style="pointColor(scope.row.DealingRecord.point1)">{{`${scope.row.DealingRecord.point1 === -1 ? '' : scope.row.DealingRecord.point1 + ' | '} ${scope.row.DealingRecord.point2 === -1 ? '' : scope.row.DealingRecord.point2 + ' / '} ${point(scope.row.DealingRecord)}`}}</span>
             </template>
           </el-table-column>
           <el-table-column label="上莊分數">
@@ -670,6 +670,9 @@ export default {
       if (screenfull.enabled) {
         screenfull.request(document.getElementById('full'));
       }
+    },
+    pointColor(data) {
+      return data === -1 ? { color: '#FA5555' } : ''
     }
   },
   destroyed() {