|
|
@ -5,24 +5,43 @@ |
|
|
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image> |
|
|
|
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="width90" v-for="recod in recordInfo" :key="recod.id"> |
|
|
|
<view class="width94 backcorfff mart20" style="border-radius: 8px;"> |
|
|
|
<view class="width100 font15 height20 mart10"> |
|
|
|
<view class="width94 alijus fotct font15 fcor333 paddtop20" v-if="recordInfo != ''" > |
|
|
|
<view class="flleft width50 fcor666"> |
|
|
|
<view class="width50" @click="changestu(1)">积分收支明细</view> |
|
|
|
积分充值 |
|
|
|
<view class="width50" @click="changestu(2)">7天即将过期积分</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flright width50 fotrt fcorred" v-if="typeId == 1"> |
|
|
|
<view class="width94 paddtop15" v-if="recordInfo != ''" > |
|
|
|
+{{recod.gold}} |
|
|
|
<view class="width50 flleft fotct" v-if="typeId == 1"> |
|
|
|
|
|
|
|
<view class="width40w" style="height: 2px;background-color: red;"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flright width50 fotrt fcorred" v-else> |
|
|
|
<view class="width50 flright fotct" v-if="typeId == 2"> |
|
|
|
-{{recod.gold}} |
|
|
|
<view class="width40w" style="height: 2px;background-color: red;"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="width100 fcor999 font14 mart5"> |
|
|
|
<view class="width100 line1 marb20" v-if="recordInfo != ''"></view> |
|
|
|
{{recod.createTime | formatDate('-')}} |
|
|
|
<view class="width100" v-for="recod in recordInfo" :key="recod.id"> |
|
|
|
|
|
|
|
<view class="width94 font15 mart10 alijusstart"> |
|
|
|
|
|
|
|
<view class="width70"> |
|
|
|
|
|
|
|
<view class="fcor666"> |
|
|
|
|
|
|
|
积分充值 |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="fcor999 font14 mart10"> |
|
|
|
|
|
|
|
{{recod.createTime | formatDate('-')}} |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="width30"> |
|
|
|
|
|
|
|
<view class="font20 fotrt fcorred" v-if="typeId == 1"> |
|
|
|
|
|
|
|
+{{recod.gold}} |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class=" font20 fotrt fcor41c" v-else> |
|
|
|
|
|
|
|
-{{recod.gold}} |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="line1f2 mart10"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="line1f2 mart15"></view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="loading-text">{{ loadingText }}</view> |
|
|
|
<view class="height60"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
@ -34,27 +53,26 @@ |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
typeId: '', |
|
|
|
typeId: 1, |
|
|
|
recordInfo: [], |
|
|
|
recordInfo: [], |
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
imgadres:'noorder.png', |
|
|
|
imgadres: 'noorder.png', |
|
|
|
pageNum: 1, |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 10, |
|
|
|
isNoMoreData: false, |
|
|
|
isNoMoreData: false, |
|
|
|
loadingText: '' |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
onLoad(option) { |
|
|
|
onLoad(option) { |
|
|
|
this.typeId = option.id; |
|
|
|
// this.typeId = option.id; |
|
|
|
if (this.typeId == 1) { |
|
|
|
// if (this.typeId == 1) { |
|
|
|
uni.setNavigationBarTitle({ |
|
|
|
uni.setNavigationBarTitle({ |
|
|
|
title: '充值记录' |
|
|
|
title: '积分记录' |
|
|
|
}) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
// } else { |
|
|
|
uni.setNavigationBarTitle({ |
|
|
|
// uni.setNavigationBarTitle({ |
|
|
|
title: '消费记录' |
|
|
|
// title: '消费记录' |
|
|
|
}) |
|
|
|
// }) |
|
|
|
} |
|
|
|
// } |
|
|
|
this.getUserGoldRecLists(); |
|
|
|
this.getUserGoldRecLists(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
filters: { |
|
|
@ -79,13 +97,16 @@ |
|
|
|
this.getUserGoldRecLists(); |
|
|
|
this.getUserGoldRecLists(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
//切换状态 |
|
|
|
|
|
|
|
changestu(item) { |
|
|
|
|
|
|
|
this.typeId = item; |
|
|
|
|
|
|
|
}, |
|
|
|
getUserGoldRecLists() { |
|
|
|
getUserGoldRecLists() { |
|
|
|
uni.showLoading({ |
|
|
|
uni.showLoading({ |
|
|
|
title: '加载中...' |
|
|
|
title: '加载中...' |
|
|
|
}) |
|
|
|
}) |
|
|
|
if (this.isNoMoreData) { |
|
|
|
if (this.isNoMoreData) { |
|
|
|
uni.hideLoading() |
|
|
|
uni.hideLoading() |
|
|
|
this.loadingText = '到底了'; |
|
|
|
|
|
|
|
return false; |
|
|
|
return false; |
|
|
|
} |
|
|
|
} |
|
|
|
let pagenum = this.pageNum; |
|
|
|
let pagenum = this.pageNum; |
|
|
@ -98,7 +119,7 @@ |
|
|
|
if (res.return_code == '000000') { |
|
|
|
if (res.return_code == '000000') { |
|
|
|
uni.hideLoading(); |
|
|
|
uni.hideLoading(); |
|
|
|
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
|
|
|
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
|
|
|
if(res.return_data.total == (this.pageNum * this.pageSize)){ |
|
|
|
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
|
|
|
this.isNoMoreData = true; |
|
|
|
this.isNoMoreData = true; |
|
|
|
} |
|
|
|
} |
|
|
|
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
|
|
|
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
|
|
@ -115,28 +136,13 @@ |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
<style lang="scss"> |
|
|
|
page { |
|
|
|
page { |
|
|
|
background-color: #f8f8f9; |
|
|
|
background-color: #f6f6f6; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.loading-text { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
height: 60upx; |
|
|
|
|
|
|
|
color: #979797; |
|
|
|
|
|
|
|
font-size: 24upx; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bordr { |
|
|
|
.bordr { |
|
|
|
border-top: 1px solid #fcfcfc; |
|
|
|
border-top: 1px solid #fcfcfc; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.height60 { |
|
|
|
|
|
|
|
height: 60px; |
|
|
|
|
|
|
|
line-height: 60px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.pictime { |
|
|
|
.pictime { |
|
|
|
margin-left: 20px; |
|
|
|
margin-left: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|