wpfw_ewei_shopv2/template/mobile/default/member/log.html
2023-02-14 19:57:32 +08:00

291 lines
9.3 KiB
HTML

{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'}