hlm_pl_mall_store/pages/seller/deposit/DepositList.vue

<template><page-meta :root-font-size="fontSize+'px'"></page-meta>
    <seller-base :show="false"><view style="position: absolute;top:0;right:0;left:0;bottom:0" class="scroll-view-wrapper div container">
        <view class="div common-header-wrap">
            <view class="status-holder"></view>
            <view :style="'height:'+navHeight+'px'"></view>
            <view class="common-header-holder"></view>
            <view class="common-header-fixed">
            <title-header />
            <uni-nav-bar title="资金记录" class="common-header" left-icon="back" @clickLeft="goBack()">
            </uni-nav-bar>
        </view>
        </view>
<view class="scroll-view div" style="position:relative">
        <scroll-view style="position: absolute;top:0;right:0;left:0;bottom:0" class="div mt-5" @scrolltolower="loadMore" scroll-y="true">
            <view class="div item mb-5" v-for="item in logList" :key="item.log_id">
                <view class="div mt-wrapper">
                    <view class="div mt" v-if="item.store_avaliable_deposit !== '0.00'">
                        <text class="h2">已缴保证金：{{item.store_avaliable_deposit}}</text>
                    </view>
                    <view class="div mt" v-if="item.store_freeze_deposit!== '0.00'">
                        <text class="h2">审核保证金：{{item.store_freeze_deposit}}</text>
                    </view>
                    <view class="div mt" v-if="item.store_payable_deposit!== '0.00'">
                        <text class="h2">应缴保证金：{{item.store_payable_deposit}}</text>
                    </view>
                </view>
                <view class="div mc">
                    {{item.storedepositlog_desc}}
                </view>
                <view class="div time"> {{ $moment.unix(item.storedepositlog_add_time).format('YYYY-MM-DD h:mm:ss') }}</view>
            </view>
            <empty-record v-if="logList && !logList.length"></empty-record>
        </scroll-view>
    </view>
</view>
</seller-base>
</template>

<script>
import {getFontSize} from '@/util/common'
import TitleHeader from '../../TitleHeader'
import SellerBase from '../SellerBase'

import EmptyRecord from '../../EmptyRecord'
import { getSellerDepositList } from '../../../api/sellerDeposit'
export default {
  name: 'LogList',
  components:{
    TitleHeader,
    SellerBase,
    EmptyRecord
  },
  computed:{
  fontSize(){
    return getFontSize()
  },
  },
  data(){
    return {
      navHeight: 0,
      params: { 'page': 0, 'per_page': 10 },
      loading: false, // 是否加载更多
      isMore: true, // 是否有更多
      logList: false // 记录列表
    }
  },
  created () {
    this.loadMore()
  },
  mounted(){
  // #ifdef  MP-WEIXIN
  this.navHeight = uni.getMenuButtonBoundingClientRect().height
  // #endif
  },
  methods:{
    goBack(){uni.navigateBack({delta:1})},
    getLogList (ispush) {
      uni.showLoading({ title: '加载中' })
      let params = this.params
      getSellerDepositList(params).then(res => {
        uni.hideLoading()

            if (ispush && this.logList) {
              this.logList = this.logList.concat(res.result.log_list)
            } else {
              this.logList = res.result.log_list
            }
            if (res.result.hasmore) {
              this.isMore = true
            } else {
              this.isMore = false
            }

      })
    },
    loadMore () {
      this.loading = true
      this.params.page = ++this.params.page
      if (this.isMore) {
        this.loading = false
        this.getLogList(true)
      }
    }
  }
}
</script>
<style scoped lang="scss">
	.scroll-view-wrapper{display: flex;flex-direction: column;}
	.scroll-view{flex:1}
    .item{padding:.5rem;background:#fff;}
    .item .mt-wrapper{display: flex}
    .item .mt{height:2rem;line-height:2rem;flex:1}
    .item .mt .h2{font-weight:bold;font-size:$subFontSize}
    .item .time{font-size:$fontSize;color:gray}
    .item .mc{padding-top:.5rem;line-height:1rem;font-size:$subFontSize;}
</style>