<template>
  <div class="cash">
    <inner-header title="资金提现"></inner-header>
    <section class="content">
      <h2>提现到支付宝（{{userinfo.alipay}}）</h2>
      <div class="input-box">
        <el-input class="cash-input" placeholder="最少提现1元，每日上限3万元"></el-input>
        <span class="input-icon">¥</span>
        <el-button type="text" class="get-all" @click="doGetAll">全部提现</el-button>
      </div>
      <div class="balance">
        可用余额
        <span>￥{{coinInfo.balance}}</span>元
      </div>
      <el-button class="get-btn" type="primary">提现</el-button>
      <p class="remind-time">预计1~3个工作日到账</p>
      <p>提现说明</p>
      <div class="reminds">
        <div>1.提现非客栈转入的资金需要收取0.6%的手续费</div>
        <div>2.提现成功后，会在1-3个工作日内到账，节假日可能会稍有延时，请耐心等待</div>
        <div>
          3.请确认支付宝账号和实名认证信息保持一致，如需修改支付宝账号，请前往
          <a href="/setting/user">实名个人信息</a>
        </div>
        <div>
          4.如提现失败，或长时间未到账( 超过3个工作日),可联系
          <a href="#">在线客服</a>
        </div>
      </div>
    </section>
    <!-- <script>
      var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261469621'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1261469621' type='text/javascript'%3E%3C/script%3E"));
    </script>-->
  </div>
</template>

<script>
import InnerHeader from '@/components/inner_header.vue'

export default {
  components: {
    InnerHeader,
  },
  data() {
    return {
      alipayInfo: {}
    }
  },
  computed: {
    coinInfo() {
      return this.alipayInfo.coinInfo || {}
    },
    userInfo() {
      return this.alipayInfo.userInfo || {}
    }
  },
  mounted() {
    // document.write(unescape("%3Cspan id='cnzz_stat_icon_1261469621'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1261469621' type='text/javascript'%3E%3C/script%3E"))
    this.getAlipayInfo()
  },
  methods: {
    /**
     * 全部提现
     */
    doGetAll() {

    },
    /**
     * 获取支付宝信息
     */
    async getAlipayInfo() {
      let res = await this.$post('/api/user/get_cash_info')
      console.log(res)
      if(res) {
        this.alipayInfo = res.data
      }
    }
  }
}
</script>

<style scoped>
.cash {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 590px;
  background: white;
}
h2 {
  margin: 64px 0 8px;
  font-size: 14px;
}
.input-box {
  position: relative;
  width: 396px;
}
.cash-input {
  width: 396px;
}
.input-icon,
.get-all {
  position: absolute;
}
.input-icon {
  top: 10px;
  left: 16px;
  font-size: 20px;
}
.get-all {
  top: 0;
  right: 20px;
}
.balance {
  color: #999;
  font-size: 13px;
  margin: 6px 0 24px;
}
.balance span {
  color: #ffa81a;
}
.get-btn {
  width: 244px;
}
.remind-time {
  color: #999;
  font-size: 12px;
  margin: 8px 0 28px;
}
.reminds {
  width: 396px;
  color: #919aa7;
  margin-top: 6px;
  line-height: 32px;
}
</style>
