<template>
  <div id="agent_invite_card_inventory_container">

    <div class="header flex justify-around text-center align-end margin-tb-xl">
      <view>
        <view>
          <text class="text-xxl text-bold">269</text>
        </view>
        <view>
          <text class="text-sm text-gray slot_text">总卡数</text>
        </view>
      </view>

      <!--      进度条-->
      <van-circle
        :value="percent"
        stroke-width="15"
        color="#FFB400"
        layer-color="#CDCDCD"
        :clockwise="false"
        :size="150"
      >
        <view>
          <text class="process_text">{{ total_count }}</text>
        </view>
        <view class="flex justify-center">
          <text class="cuIcon-title color-primary"></text>
          <text class="text-sm text-gray slot_text">库存卡数</text>
        </view>
      </van-circle>


      <view>
        <view>
          <text class="text-xxl text-bold">269</text>
        </view>
        <view class="flex">
          <text class="cuIcon-title text-gray"></text>
          <text class="text-sm text-gray slot_text">已邀卡数</text>
        </view>
      </view>
    </div>


    <!--    小title-->
    <div class="line_container padding">
      <div>
        <text class="text-sm text-gray">订单记录</text>
        <van-divider customStyle="border:.1px solid;margin:0px;"/>
      </div>
    </div>
    <!--  列表-->
    <view class="solid-bottom padding-lr-sm list-item" v-for="item in customer_count" :key="item">
      <van-card>
        <view slot="thumb" class="cu-avatar lg round margin-left"
              style="background-image:url(https://img.shuimuai.com/web/icon_dingdan.png);"></view>
        <view slot="title" class="flex justify-between">
          <view>
            <text class="text-sm">摄影大师陈冠希</text>
          </view>
          <view>
            <text class="text-gray text-sm">2018/09/24 10:44</text>
          </view>
        </view>

        <view slot="num">
          <view>
            <text class="text-gray text-sm margin-right-lg">卡号</text>
            <text class="text-sm text-gray">ED12344829519982</text>
          </view>
        </view>
      </van-card>
    </view>

    <van-calendar
      :show="calendar_show"
      type="range"
      @close="do_calendar_close"
      @confirm="do_calendar_confirm"
    ></van-calendar>


  </div>
</template>

<script>

var $this
export default {
  name: "agent_invite_card_inventory_container",
  components: {},
  data() {
    return {
      userinfo: {
        //累计收益
        profit: 16824.50,
        //含待结算
        unsettle_account: 65.00,
      },
      total_count:269,
      percent:0,
      //客户数量
      customer_count: 3,
    }
  },
  methods: {},
  mounted() {
    $this.percent = ($this.total_count / 500 ).toFixed(2) * 100
  },
  created() {
    $this = this
  }
}
</script>

<style scoped>
@import "index.css";
</style>
