<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <title>余额明细-{eyou:global name='web_name' /}</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        {eyou:static file="users/skin/css/basic.css" /}
        {eyou:static file="users/skin/css/eyoucms.css" /}
        <!-- 新样式 2020-12-8 -->
        {eyou:static file="users/skin/css/element/index.css" /}
        {eyou:static file="users/skin/css/e-user.css" /}
        {eyou:include file="users/skin/css/diy_css.htm" /}
        {eyou:static file="/public/static/common/js/jquery.min.js"/}
        {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
        {eyou:static file="/public/static/common/js/tag_global.js"/}
        {eyou:static file="/public/static/common/js/mobile_global.js"/}
    </head>

    <body >
        <div class="ey-header-status">
            <div class="header-status-l">
                <a href="{eyou:url link='user/Users/index'/}"><i class="el-icon-arrow-left"></i></a>
            </div> 
            <div class="header-status-m">余额明细</div>
            <div class="header-status-r">
                <a href="{eyou:url link='user/Pay/pay_account_recharge' /}" class="addr_z ml10">充值</a>
            </div>
        </div>
        <div class="h50"></div>

        <div class="ey-container">
            <div class="ey-con bgfff border-b-1-e">
                <div class="ey-row">
                    <div class="ey-row-box">
                        <div class="box-l">账户余额 :¥<span class="red f16">{$users.users_money}</span> </div>
                        <div class="box-r">
                            <select onchange="unifiedFilter(this);" data-url="{:url('user/Pay/pay_consumer_details')}" data-field="queryID" class="select-screen">
                                <option value="0" {empty name="$queryID"} selected {/empty}>全部</option>
                                <option value="20" {eq name="$queryID" value="20"} selected {/eq}>收入</option>
                                <option value="10" {eq name="$queryID" value="10"} selected {/eq}>支出</option>
                            </select>
                        </div>
                    </div>
                 </div>
            </div>
                {eyou:empty name="list"}
                <div class="ey-con">
                    <div class="ey-row flex flex-center min-hg-c-102">
                        <div class="tc mt-102">
                            <p class=""><img id='litpic_img' src="{eyou:static file='users/skin/images/null-data.png' /}"/></p>
                            <p class="fc9">当前暂无余额明细哦~</p>
                        </div>
                    </div>
                </div>
                {eyou:else/}
                <div class="ey-con min-hg-c-102 bgfff">
                    <div class="ey-row ptb0">
                    {eyou:volist name="list" id="vo"}
                        <div class="balances">
                            <div class="balances-info">
                                <div class="title">
                                    <span>{$vo.cause_type_name|default=''}</span>
                                </div>
                                <div>
                                    <span>{$vo.add_time|date='Y-m-d H:i:s',###}</span>
                                </div>
                            </div>
                            <div class="balances-num">
                                <div>
                                    {eyou:if condition="in_array($vo.cause_type, [0, 3, 5, 6])"}
                                    <span class="color-base-text">-¥{$vo.money}</span>
                                    {eyou:else /}
                                    <span class="color-green-text">+¥{$vo.money}</span>
                                    {/eyou:if}
                                </div>
                            </div>
                        </div>
                    {/eyou:volist}
                    </div>
                    {$page}
                </div>
                {/eyou:empty}
        </div>
    </body>
</html>