分成标记为绿色

src/views/tool/reportDetail/index.vue

@@ -14,8 +14,8 @@
 
             </el-form-item>
             <el-form-item label="结束时间" label-width="120px" prop="outTradeNo">
-                <el-date-picker v-model="queryParams.endTime" type="date" placeholder="请选择月份"
-                    format="yyyy 年 MM 月 dd 日" value-format="yyyyMMdd">
+                <el-date-picker v-model="queryParams.endTime" type="date" placeholder="请选择月份" format="yyyy 年 MM 月 dd 日"
+                    value-format="yyyyMMdd">
                 </el-date-picker>
 
             </el-form-item>
@@ -97,13 +97,14 @@
 
             <el-table-column label="支付时间" align="center" prop="successTime"></el-table-column>
             <el-table-column label="是否分成" align="center" prop="isShare">
-                <template slot-scope="scope">{{ scope.row.isShare == 1 ? '是' : '否' }}</template>
+                <template slot-scope="scope"><span style="color:yellowgreen" v-if="scope.row.isShare == 1">是</span>
+                    <span style="color:#7FFF00" v-if="scope.row.isShare == 0">否</span></template>
             </el-table-column>
             <el-table-column label="支付状态" align="center" prop="tradeType">
                 <template slot-scope="scope">
-                    <span v-if="scope.row.tradeType==1">支付成功</span>
-                    <span v-if="scope.row.tradeType==2">支付失败</span>
-                    <span v-if="scope.row.tradeType==3" style="color:red">已退款</span>
+                    <span v-if="scope.row.tradeType == 1">支付成功</span>
+                    <span v-if="scope.row.tradeType == 2">支付失败</span>
+                    <span v-if="scope.row.tradeType == 3" style="color:red">已退款</span>
                 </template>
             </el-table-column>
             <el-table-column label="订单总额" align="center" prop="orderTotal">