消费金明细类型

src/pagesB/accountDetails/ConsumptionCharge.vue

@@ -3,10 +3,8 @@
         <div class="detailList" v-if="List.length">
             <div class="li" v-for="(i,s) in List" :key="s">
                 <p class="flex_r flex_jb">
-                    <span>
-                        <span>{{i.act}}</span>
-                        <span class="s2">{{ parseFloat(i.num).toFixed(2) }}</span>
-                    </span>
+                    <span>{{ statusList[i.type] }}</span>
+                    <span :class="['head_price',i.act == '+' ? 'g_color' : '']">{{i.act}}{{ parseFloat(i.num).toFixed(2) }}</span>
                 </p>
                 <p class="flex_r flex_jb">
                     <span class="s3">{{ i.create_time }}</span>
@@ -37,14 +35,16 @@ export default {
                 page: 1,
                 rows: 20
             },
+            statusList:{}
         };
     },
     methods: {
         getList() {
             post("local/getIntegralLog",this.Query).then(res => {
                 if (res.code == 0) {
-                    this.last_page = res.data.last_page;
-                    let list = res.data.data;
+                    this.statusList = JSON.parse(res.data.statusList)
+                    this.last_page = res.data.data.last_page;
+                    let list = res.data.data.data;
                     this.List = [...this.List, ...list]
                     this.Query.page++
                 }
@@ -97,4 +97,12 @@ export default {
         }
     }
 }
+.head_price {
+  font-size: 32rpx;
+  font-family: "SourceHanSansCN-Medium";
+}
+// 状态颜色
+.g_color {
+  color: #1bbd89;
+}
 </style>