消费记录更改页面显示

src/views/system/records/index.vue

@@ -56,7 +56,22 @@
     <el-table v-loading="loading" :data="recordsList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="ID" align="center" prop="id" />
-      <el-table-column label="满减最小可使用金额" align="center" prop="price" />
+      <el-table-column label="名称" align="center" prop="name" />
+      <el-table-column label="会员用户ID" align="center" prop="consumerId" />
+      <el-table-column label="订单ID" align="center" prop="orderId" />
+<!--      <el-table-column label="实付金额" align="center" prop="price" />-->
+      <el-table-column label="支付类型" align="center" prop="payType" />
+      <el-table-column label="收入/支出" align="center" prop="sign" >
+        <template slot-scope="scope">
+          <span v-if="scope.row.sign === 'income'">
+            <!--判断显示不同的颜色 红色、绿色-->
+            <span style="color: green">-{{scope.row.price}}</span>
+          </span>
+          <span v-else>
+            <span style="color: red">+{{scope.row.price}}</span>
+          </span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -76,7 +91,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"