add moneyColor

src/views/gambleGameBucket/detail/index.vue

@@ -66,7 +66,11 @@
           </template>
         </el-table-column>
         <el-table-column label="上莊分數" prop="bidChips"></el-table-column>      
-        <el-table-column label="莊輸贏" prop="MemberRecord.earned"></el-table-column>      
+        <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 label="抽水" prop="MemberRecord.serviceFees"></el-table-column>
         <el-table-column prop="ass" label="服務費">
         </el-table-column>     

src/views/gambleMember/history/index.vue

@@ -29,7 +29,7 @@
         </el-table-column>
         <el-table-column label="總輸贏" align="center">
           <template slot-scope="scope">
-            <span>{{scope.row.earned}}</span>
+            <span :style="moneyColor(scope.row.earned)">{{scope.row.earned}}</span>
           </template>
         </el-table-column>
         <el-table-column label="時間" align="center">
@@ -77,7 +77,7 @@
         </el-table-column>
         <el-table-column label="輸贏" align="center">
           <template slot-scope="scope">
-            <span>{{scope.row.earned}}</span>
+            <span :style="moneyColor(scope.row.earned)">{{scope.row.earned}}</span>
           </template>
         </el-table-column>
         <el-table-column label="抽水" align="center">
@@ -234,7 +234,10 @@ export default {
       sums[4] = totalEarned
       sums[5] = totalServiceFees
       return sums
-    }
+    },
+    moneyColor(money) {
+      return money >= 0 ? { color: '#67C23A' } : { color: '#FA5555' }
+    },
   },
   destroyed() {
     this.SetVisible(true)