<template>
  <div class="Statistics">
   
    <div class="pad-b120"></div>
    <div class="tabs">
      <div class="item">
        <img src="./components/img/handle-icon.png" alt="">
        <p>办理</p>
      </div>
      <div class="item">
        <img src="./components/img/statistics-icon-active.png" alt="">
        <p class="color-3267F0">统计</p>
      </div>
      <div class="item">
        <img src="./components/img/set-icon.png" alt="">
        <p>配置</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {

    }
  },
  onLoad() {
    
  },
  onShow() {},
  methods: {
    getList() {
      this.$http
        .post('/app/appvisitvondolence/list', null, {
          params: {
            size: this.size,
            current: this.current,
            createUserId: this.currentTabs == 1 ? this.user.id : '',
          },
        })
        .then((res) => {
          if (res.code == 0) {
            this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
            this.pages = res.data.pages
          }
        })
    },

    goDetail(item) {
      uni.navigateTo({ url: `./Detail?id=${item.id}` })
    },

    change(index) {
      this.currentTabs = index
      this.getList()
    },
  },
  onReachBottom() {
    this.current = this.current + 1
    this.getList()
  },
}
</script>

<style scoped lang="scss">
uni-page-body {
  height: 100%;
}
.Statistics {
  height: 100%;

  .pad-b120{
    background-color: #f3f6f9;
    padding-bottom: 120px;
  }
  .tabs{
    width: 100%;
    height: 98px;
    background: #FFF;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    .item{
      flex: 1;
      text-align: center;
      img{
        width: 56px;
        height: 56px;
        margin-top: 8px;
      }
      p{
        font-size: 22px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #C4CAD4;
        line-height: 8px;
      }
      .color-3267F0{
        color: #3267F0;
      }
    }
  }
}
</style>
