add money style

src/views/gambleGameBucket/detail/index.vue

             <span>{{`${scope.row.DealingRecord.point1} | ${scope.row.DealingRecord.point2} / ${scope.row.DealingRecord.totalPoints}`}}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="MemberRecord.earned" label="輸贏">
+        <el-table-column label="輸贏">
+          <template slot-scope="scope">
+            <div :style="moneyColor(scope.row.MemberRecord.earned)">{{scope.row.MemberRecord.earned}}</div>
+          </template>
         </el-table-column>
         <el-table-column prop="MemberRecord.serviceFees" label="抽水">
         </el-table-column>
-        <el-table-column prop="totalChips" label="輸贏合計">
+        <el-table-column label="輸贏合計">
+          <template slot-scope="scope">
+            <div :style="moneyColor(scope.row.totalChips)">{{scope.row.totalChips}}</div>
+          </template>
         </el-table-column>
         <el-table-column prop="MemberRecord.GambleMember.chips" label="最終積分">
         </el-table-column>
       this.dealing = []
       this.getList()
     },
+    moneyColor(money) {
+      return money >= 0 ? {color: '#67C23A'} : {color: '#FA5555'}
+    },
     _sum(i) {
       let count = 0
       for (let j = 0; j < i; j++) {