{template '_header'}
<style>
.fui-list-angle {
    text-align: right;
    font-size: calc(28rem / 40);
    color: #666;
    margin-right: calc(4rem / 40);
    line-height: 1.5
}
.fui-list.goods-item{
  height: calc(140rem / 40);
  padding: calc(16rem / 40) calc(24rem / 40)
}
.fui-list-group{
  margin-top: 0;
    margin-bottom: 50px;
}
.fui-list-group:first-of-type{
  /* margin-top: calc(20rem / 40) */
}
.fui-list-group::before{
  content: " ";
	position: absolute;
	top: 0;
	right: calc(20rem / 40);
	height: 0;
	border-top: calc(2rem / 40) solid #ebebeb;
	transform-origin: 0 0;
	transform: scaleY(0.5);
	left: calc(20rem / 40);
}
.fui-list-group:first-of-type:before{
  display: none
}
.hd-wp{
  background: linear-gradient(96.87deg, #FF5555 2.55%, #FF6230 100.51%);
  border-radius: calc(4rem / 40);
  overflow:hidden;
  padding:calc(46rem / 40) 0 calc(32rem / 40) 0;
  color:#fff;
  text-align:center;
  margin: calc(30rem / 40) calc(24rem / 40);
}
.hd-wp .title{
  font-size:calc(24rem / 40);
  margin-bottom:calc(16rem / 40);
}
.hd-wp .price{
  font-weight: 600;
  font-size: calc(72rem / 40);
  line-height: calc(100rem / 40);
  margin-bottom: calc(30rem / 40);
}
.hd-wp .unit{
  font-size: calc(36rem / 40);
  display:inline-block;
  vertical-align: middle;
  padding-left:calc(18rem / 40);
}
.hd-wp .price-btn{
  width:calc(360rem / 40);
  height:calc(50rem / 40);
  line-height: calc(50rem / 40);
  text-align:center;
  font-size:calc(24rem / 40);
  border:1px solid #fff;
  margin:0 auto;
  border-radius: calc(4rem / 40);
}
.apc{
    font-size: calc(28rem / 40);
    line-height: calc(40rem / 40);
    color: #666666;
    font-weight: normal;
}    
.fui-tab .item.active {
	color: #ff5555;
	position: relative;
    z-index: 10;
}
.fui-tab .item.active:before {
	content: "";
	height: calc(4rem / 40);
	width: 100%;
	background: #fe5455;
	position: absolute;
	bottom: 0;
	left: 0;
    z-index: 1;
}
.fui-tab .item {
	color: #666;
	font-size: calc(28rem / 40);
	height: calc(80rem / 40);
	line-height: calc(80rem / 40);
	flex: 1;
	border: 0;
	border-radius: 0;
    text-align: center;
}
.fui-list-inner{
    /* min-height: calc(170rem / 40); */
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between
}
.fui-loading {
	width:65%;
	margin:1.5em auto;
	line-height:1.6em;
	font-size:14px;
	text-align:center;
	position: relative
}
.fui-loading.empty {
	color: #999;
}
.fui-loading.line .text,
.fui-loading.empty .text {
	padding: 0 calc(20rem / 40);
	background: #f3f3f3;
	position: relative;
	text-align: center;
	z-index: 2;
}
.fui-loading.empty {
	color: #999;
}
.fui-loading .text {
	display: inline-block;
	vertical-align: middle;
}
.fui-tab-o, .fui-tab{
    margin: 0 !important;
}
.fui-list-group{
    background: #fff !important;
}
</style>

<!--<div class="fui-header" style="position: static;background:#fff;">-->
<!--    <div class="fui-header-left">-->
<!--        <a class="back"></a>-->
<!--    </div>-->
<!--    <div class="title">我的余额</div>-->
<!--    <div class="fui-header-right"></div>-->
<!--</div>-->



<!--    <div class="fui-tab fui-tab-danger" style="margin:0">-->
<!--        <div class="item active">充值记录</div>-->
<!--        <div class="item">提现记录</div>-->
<!--    </div>-->

<!--    <div>-->
<!--        <div class="fui-list-group">-->
<!--            <div class="fui-list goods-item">-->
<!--                <div class="fui-list-inner">-->
<!--                    <div class="title">-->
<!--                        <span>转账余额 剩余:<span class="apc">123元</span></span>-->
<!--                    </div>-->
<!--                    <div class="title">提现到</div>-->
<!--                    <div class="text">2020-01-01 12:12:12</div>-->
<!--                </div>-->

<!--                <div class="fui-list-angle">-->
<!--                    <div style="font-size: calc(30rem / 40);color: #000;">+1元</div>-->
<!--                    <div class="text-warning">未充值</div>-->
<!--                    <div class="text-danger">退款</div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="fui-list" style="height: calc(50rem / 40);">-->
<!--                <div class="fui-list-inner">-->
<!--                    <div class="text" -->
<!--                    style="display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;">-->
<!--                    <div style="margin-right: calc(30rem / 40)">实际: 1元</div>-->
<!--                    <div>手续费: 1元</div></div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

<!--    <div class="fui-loading empty">-->
<!--        <div class="text">没有数据</div>-->
<!--    </div>-->
<!--</div>-->




<div style="" class='fui-page  fui-page-current member-log-page'>
    <div class="fui-header">
        <div class="fui-header-left">
            <a class="back"></a>
        </div>
        <div class="title">{if $_W['shopset']['trade']['withdraw']}{$_W['shopset']['trade']['moneytext']}明细{else}充值记录{/if}</div>
    </div>

    <div class="page navbar" style="margin-top: 58px;">

        <div class="hd-wp">
            <div class="title">当前{$_W['shopset']['trade']['moneytext']}</div>
            <div class="price">{$member['credit2']}<div class="unit"></div></div>
            {if $showTransfer}
            <a style="color: #fff" href="{php echo mobileurl('transfer_account/ts', array('type' => 'credit2'))}"><div class="price-btn">{php echo $set['texts']['transfer_text'] ?: '转账'}</div></a>
            {/if}
        </div>

    </div>

    <div class='fui-content ' style="{if $showTransfer} margin-top: 190px; {else}margin-top: 160px;{/if}">

        {if $_W['shopset']['trade']['withdraw']}
        <div id="tab" class="fui-tab fui-tab-danger">
            <a data-tab="tab1"  class="external {if $_GPC['type']==0}active{/if}" data-type='0'>充值记录</a>
            <a data-tab="tab2" class='external {if $_GPC['type']==1}active{/if}'  data-type='1'>提现记录</a>
        </div>
        {/if}


        <div class='content-empty' style='display:none;'>
            <i class='icon icon-searchlist'></i><br/>暂时没有任何记录!
        </div>

        <div class='fui-list-group container' style="display:none;background: #f3f3f3"></div>
        <div class='infinite-loading'><span class='fui-preloader'></span><span class='text'> 正在加载...</span></div>
    </div>

    <script id="tpl_member_log_list" type="text/html">

        <%each list as log%>
        <div class="fui-list goods-item <%if log.type==1%>no-border<%/if%>" <%if log.type==1%>style="height:2.75rem"<%/if%>>

            <div class="fui-list-inner">
                <div class='title' <%if log.rechargetype==""%>style="display:none"<%/if%>>
                    <!--<%if log.type==0%>充值金额: <%/if%>-->
                    <!--<%if log.type==1%>提现金额: <%/if%>-->
                    <!--<%if log.type==2%>佣金打款: <%/if%>-->
                    <%if log.rechargetype=="wechat"%>微信充值<%/if%>
                    <%if log.rechargetype=="alipay"%>支付宝充值<%/if%>
                    <%if log.rechargetype=="system"%>后台充值<%/if%>
                    <%if log.rechargetype=="credit"%><%log.title%><%/if%>
                    <%if log.rechargetype=="exchange"%>兑换中心<%/if%>
                    <%if log.rechargetype=="creditshop"%>积分兑换<%/if%>
                    <%if log.rechargetype=="user"%>用户转账<%/if%>
                </div>
            <%if log.type==1%>
                    <div class='title'> 提现到<%log.typestr%></div>
            <%/if%>
                <div class='text'><%log.createtime%></div>
            </div>
            <div class='fui-list-angle'>
                <div style="font-size: .75rem;color: #000;"><%if log.money>0%>+<%/if%><%log.money%> 元</div>
                <%if log.status==0%>
                <span class=' text-warning'><%if log.type==0%>未充值<%else%>申请中<%/if%></span>
                <%/if%>
                <%if log.status==1%>
                <!--<span  class='fui-label fui-label-success'>成功</span>-->
                <%/if%>
                <%if log.status==-1%>
                <span  class=' text-danger'><%if log.type==1%>提现失败<%/if%></span>
                <%/if%>
                <%if log.status==3%>
                <span  class=' text-default'><%if log.type==0%>退款<%/if%></span>
                <%/if%>

            </div>

        </div>
        <%if log.type==1%>
        <div class="fui-list" style="height: 1.85rem;margin-bottom: .5rem">
            <div class="fui-list-inner">
                <div class='text' style="display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;"><div style="margin-right: .75rem">实际<%if log.status==1%>到账<%else%>金额<%/if%>:<%if log.deductionmoney>0%><%log.realmoney%><%else%><%log.money%><%/if%>元</div><div >手续费:<%log.deductionmoney%> 元</div></div>
            </div>
        </div>
        <%/if%>
        <%/each%>
    </script>

    <script language='javascript'>require(['biz/member/log'], function (modal) {
        modal.init({type:"{$_GPC['type']}"});
    });</script>
    {php $this->footerMenus()}
</div>
{template '_footer'}