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

314 lines
10 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;
background: #fff !important;
}
.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, #FFAC30 2.55%, #FF9255 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;
}
</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="page navbar">-->
<!-- <div class="hd-wp">-->
<!-- <div class="title">当前积分</div>-->
<!-- <div class="price">123.00<div class="unit">积分</div>-->
<!-- </div>-->
<!-- <div url="/pages/member/accounts/index?type=2" class="price-btn">转账</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']['credittext']}明细{else}充值记录{/if}</div>
</div>
<div class="page navbar" style="margin-top: 58px;">
<div class="hd-wp">
<div class="title">当前积分</div>
<div class="price">{$member['credit1']}<div class="unit">{$_W['shopset']['trade']['credittext']}</div></div>
{if $showTransfer}
<a style="color: #fff" href="{php echo mobileurl('transfer_account/ts', array('type' => 'credit1'))}"><div class="price-btn">{php echo $set['texts']['transfer_text'] ?: '转账'}</div></a>
{/if}
</div>
</div>
<div class='fui-content navbar' 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" style=" margin: 0 !important;">
<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_credit_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/credit'], function (modal) {
modal.init({ type: "{$_GPC['type']}" });
});</script>
{php $this->footerMenus()}
</div>
{template '_footer'}