|
|
|
@ -8,7 +8,7 @@ |
|
|
|
|
<view :style="{background:typeBackground(item.auditMark),color:typeColor(item.auditMark)}" |
|
|
|
|
class="listCard_header_Type"> |
|
|
|
|
<view :style="{background:typeColor(item.auditMark)}" class="garden"></view> |
|
|
|
|
<text>{{item.auditMark|typeText}}</text> |
|
|
|
|
<text>{{item.auditMark|typeText(item)}}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="listCard_footer flex jb an"> |
|
|
|
@ -18,7 +18,8 @@ |
|
|
|
|
</view> |
|
|
|
|
<view style="text-align: center;"> |
|
|
|
|
<view style="width: 180rpx;display: flex;justify-content: flex-end;"> |
|
|
|
|
<view :style="{color: transactionType(item.transactionType).color,background:transactionType(item.transactionType).bg}" |
|
|
|
|
<view |
|
|
|
|
:style="{color: transactionType(item.transactionType).color,background:transactionType(item.transactionType).bg}" |
|
|
|
|
class="genres">{{ transactionType(item.transactionType).text}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="price"> |
|
|
|
@ -60,11 +61,12 @@ |
|
|
|
|
return '---' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
typeText: function(e) { |
|
|
|
|
console.log(e, '----') |
|
|
|
|
typeText: (e, item) => { |
|
|
|
|
switch (Number(e)) { |
|
|
|
|
case 0: |
|
|
|
|
return '等待审核' |
|
|
|
|
return ['RECHARGE_REBETE', 'CONSUME_REBATE', 'CALIBRATION_BALANCE'].includes(item |
|
|
|
|
.transactionType) ? '待运营组长审核' : '等待审核' |
|
|
|
|
|
|
|
|
|
case 1: |
|
|
|
|
return '审核通过' |
|
|
|
|
case -1: |
|
|
|
@ -75,6 +77,8 @@ |
|
|
|
|
return '付款完成' |
|
|
|
|
case 4: |
|
|
|
|
return '取消充值' |
|
|
|
|
case 5: |
|
|
|
|
return '待数据中心审核' |
|
|
|
|
default: |
|
|
|
|
return '---' |
|
|
|
|
} |
|
|
|
@ -120,6 +124,12 @@ |
|
|
|
|
color: '#EC4545', |
|
|
|
|
bg: 'rgba(236, 69, 69, 0.1)' |
|
|
|
|
} |
|
|
|
|
case 'CALIBRATION_BALANCE': |
|
|
|
|
return { |
|
|
|
|
text: '结算校准', |
|
|
|
|
color: '#2866FF', |
|
|
|
|
bg: 'rgba(40, 102, 255, 0.1)' |
|
|
|
|
} |
|
|
|
|
default: |
|
|
|
|
return { |
|
|
|
|
text: '---', |
|
|
|
@ -155,7 +165,7 @@ |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
typeBackground: function(e) { |
|
|
|
|
console.log(e, '-----') |
|
|
|
|
// console.log(e, '-----') |
|
|
|
|
switch (Number(e)) { |
|
|
|
|
case 0: |
|
|
|
|
return '#E8CD3026' |
|
|
|
@ -169,12 +179,14 @@ |
|
|
|
|
return '#13ce66' |
|
|
|
|
case 4: |
|
|
|
|
return '#ff4949' |
|
|
|
|
case 5: |
|
|
|
|
return '#E8CD3026' |
|
|
|
|
default: |
|
|
|
|
return '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
typeColor: function(e) { |
|
|
|
|
console.log(e, '-----') |
|
|
|
|
// console.log(e, '-----') |
|
|
|
|
switch (Number(e)) { |
|
|
|
|
case 0: |
|
|
|
|
return '#E8CD30' |
|
|
|
@ -188,6 +200,8 @@ |
|
|
|
|
return '#ffffff' |
|
|
|
|
case 4: |
|
|
|
|
return '#ffffff' |
|
|
|
|
case 5: |
|
|
|
|
return '#E8CD30' |
|
|
|
|
default: |
|
|
|
|
return '' |
|
|
|
|
} |
|
|
|
@ -201,13 +215,14 @@ |
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
.genres { |
|
|
|
|
width: 88rpx; |
|
|
|
|
/* width: 88rpx; */ |
|
|
|
|
height: 40rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-bottom: 10rpx; |
|
|
|
|
margin-bottom: 15rpx; |
|
|
|
|
padding: 0 10rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.flexGrow { |
|
|
|
@ -297,22 +312,23 @@ |
|
|
|
|
border-radius: 50%; |
|
|
|
|
width: 20rpx; |
|
|
|
|
height: 20rpx; |
|
|
|
|
margin-right: 16rpx; |
|
|
|
|
margin-right: 12rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.listCard_header_Type { |
|
|
|
|
background: rgba(232, 205, 48, 0.15); |
|
|
|
|
border-radius: 40rpx; |
|
|
|
|
color: #E8CD30; |
|
|
|
|
/* padding: 10rpx 20rpx; */ |
|
|
|
|
padding: 0 25rpx; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
Width: |
|
|
|
|
180rpx; |
|
|
|
|
Height: |
|
|
|
|
54rpx; |
|
|
|
|
|
|
|
|
|
/* Width: |
|
|
|
|
240rpx; */ |
|
|
|
|
Height: 54rpx; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.listCard_header_Order { |
|
|
|
|