<template>
  <BasePage>
    <div class="allow">
      <div class="top">
        <div class="tit">
          <span>礼包业绩总累计</span>
          <van-icon name="question-o" @click.stop="showTerm = true"></van-icon>
        </div>

        <b>{{ data.all?.toFixed(2) }}</b>
      </div>

      <div class="content">
        <div class="t">
          业绩统计
        </div>

        <div class="list">
          <div class="item">
            <img src="/img/allow.png" alt="">
            <span>
              自己礼包消费业绩
            </span>
            <span class="r">{{ data.self?.toFixed(2) }}</span>
          </div>

          <div class="item">
            <img src="/img/allow.png" alt="">
            <span>
              网体礼包消费业绩
            </span>
            <span class="r">{{ data.net?.toFixed(2) }}</span>
          </div>
        </div>
      </div>

      <van-action-sheet v-model:show="showTerm" safe-area-inset-bottom :title="`礼包业绩说明`" closeable
        style="min-height: 50%; padding: 0px 10px 10px 10px">
        <div class="w100 html" v-html="$datadic.getContent('code_lbyjsm')" />
      </van-action-sheet>
    </div>
  </BasePage>
</template>

<script>
export default {
  data() {
    return {
      showTerm: false,
      data: {

      }
    }
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
      this.$get('/v1/client/DUsersClient/libaoyeji').then(res => {
        this.data = res.data
      })
    }
  }
}
</script>