settlementRecord.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <template>
  2. <view class="settlementrecord-pages">
  3. <view class="jsList">
  4. <view v-for="item in list" :key="item.id" class="flex align_center justify_between" @click="viewDetail(item)">
  5. <view>
  6. <view>{{item.payDate}}</view>
  7. <view class="payType">{{ filterpayType(item.payWay) }}</view>
  8. </view>
  9. <view>
  10. <text>¥{{item.settleAmount}}</text>
  11. <uni-font-icons color="#999" size="12" type="icon-xiangyoujiantou"></uni-font-icons>
  12. </view>
  13. </view>
  14. <view style="padding-top: 50%;border:0" v-if="list.length==0 && status!='loading'">
  15. <u-empty :src="`/static/nodata.png`" icon-size="180" :text="noDataText" img-width="120" mode="list"></u-empty>
  16. </view>
  17. <view style="padding: 20upx;border:0" v-if="(total>=list.length&&list.length)||status=='loading'">
  18. <u-loadmore :status="status" />
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. import {getShelfSettleBillList} from "@/api/shelf.js"
  25. export default {
  26. data() {
  27. return {
  28. list: [],
  29. pageNo: 1,
  30. pageSize: 20,
  31. total: 0,
  32. noDataText: '暂无数据',
  33. status: 'loadimg'
  34. }
  35. },
  36. onLoad() {
  37. this.getSettleBillList()
  38. },
  39. methods: {
  40. filterpayType(val) {
  41. let dataList = this.$store.state.vuex_paymentTypeList;
  42. console.log(dataList)
  43. let _value = '';
  44. for (let i = 0; i < dataList.length; i++) {
  45. if (val == dataList[i].code) {
  46. _value = dataList[i].dispName;
  47. break;
  48. }
  49. }
  50. return _value;
  51. },
  52. getSettleBillList(){
  53. let params = {
  54. pageNo: this.pageNo,
  55. pageSize: this.pageSize
  56. }
  57. const _this = this
  58. this.status = "loading"
  59. getShelfSettleBillList(params).then(res => {
  60. console.log(res)
  61. if (res.status == 200) {
  62. if(_this.pageNo>1){
  63. _this.list = _this.list.concat(res.data.list || [])
  64. }else{
  65. _this.list = res.data.list || []
  66. }
  67. _this.total = res.data.count || 0
  68. } else {
  69. _this.list = []
  70. _this.total = 0
  71. _this.noDataText = res.message
  72. }
  73. _this.status = _this.total>=_this.list.length ? "nomore" : 'loadmore'
  74. })
  75. },
  76. viewDetail(item){
  77. item.payTypeVal = this.filterpayType(item.payWay)
  78. this.$u.vuex('vuex_settleRecordDetail', item)
  79. uni.navigateTo({
  80. url: "/pagesA/digitalShelf/settlementRecord/settlementDetail"
  81. })
  82. }
  83. },
  84. onReachBottom() {
  85. if(this.list.length < this.total){
  86. this.pageNo += 1
  87. this.getSettleBillList()
  88. }else{
  89. this.status = "nomore"
  90. }
  91. }
  92. }
  93. </script>
  94. <style lang="less">
  95. .settlementrecord-pages{
  96. background-color: #fff;
  97. padding: 10rpx 30rpx;
  98. min-height: 100vh;
  99. .jsList{
  100. > view{
  101. border-bottom: 2rpx solid #eee;
  102. padding: 30rpx 10rpx;
  103. color: #666;
  104. text{
  105. margin-left: 10rpx;
  106. color: #222;
  107. }
  108. .payType{
  109. color: #999;
  110. margin-top: 10rpx;
  111. }
  112. }
  113. }
  114. }
  115. </style>