<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 移动设备 viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <jsp:include page="../../common.jsp"/>
    <script type="text/javascript">
        require("cash/cashList.js");
    </script>

    <style>
        .layui-table th {
            text-align: center;
        }

        .layui-dropdown {
            min-width: 0px !important;
        }

        /*.layui-dropdown-item*/
        .layui-dropdown-item .layui-menu {background-color: #fff; border: none;}
        .layui-dropdown-item .layui-menu li{
            color: #fff;
            padding: 0;
        }

        .layui-menu {
            margin: 5px;
        }

        .layui-menu li, .layui-menu-body-title a {
            padding: 0;
        }

        .layui-menu-body-title a {
            display: block;
            margin: 0 !important;
            color: rgba(255,255,255,.8);
        }
        .cash-count{
            display: flex;
            justify-content: space-around;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            padding: 1.5rem 0;
        }
        .layui-table-view{
            margin:0;
        }
        .cash-count{
            font-weight: bold;
            color: #FF5722;
            font-size: 1rem;
        }
        .amt-label{
            color: #000;
        }
    </style>
</head>
<body>
<div class="row animated fadeInRight" style="margin: 0;">
    <div class="wrapper wrapper-content mt5 right-content ml5 mr5">
        <div class="toolbar-panel bdd">
            <div class="toolbar-box">
                <div class="toolbar-head clearfix lgraybg pt5 pb5 pl10 bdbd">
                    <!-- 顶部按钮 -->
                    <div class="fl">
                        查询条件
                    </div>
                    <div class="tools fr">
                        <a href="javascript:void(0);" class="collapse dblock f14 dgray mr5">
                            <i class="fa-2x fa fa-angle-double-up"></i>
                        </a>
                    </div>
                </div>
            </div>

            <!--搜索条件 -->
            <div class="toolbar-body">
                <form class="layui-form" action="" style="margin-top: 10px">

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">用户ID</label>
                            <div class="layui-input-inline">
                                <input type="text" placeholder="请输入用户ID" id="userId" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">手机号</label>
                            <div class="layui-input-inline">
                                <input type="text" placeholder="请输入手机号" id="phone" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">用户名称</label>
                            <div class="layui-input-inline">
                                <input type="text" placeholder="请输入内容" id="userName" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">状态</label>
                            <div class="layui-input-inline">
                                <select name="status" id="status">
                                    <option value="">请选择</option>
                                    <option value="0">审核中</option>
                                    <option value="1">提现成功</option>
                                    <option value="2">提现失败</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">开始日期</label>
                            <div class="layui-input-inline">
                                <input type="text" placeholder="" id="date1" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">结束日期</label>
                            <div class="layui-input-inline">
                                <input type="text" placeholder="" id="date2" class="layui-input">
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div>
        <div class="toolbar-body">
            <div class="cash-count">
<%--                <div class="amt-info">--%>
<%--                    <label class="amt-label">交易金额：</label>--%>
<%--                    <span id="transAmountCount">${ not empty otherData.transAmountCount ? otherData.transAmountCount : "0.00"}</span>--%>
<%--                </div>--%>
                <div class="amt-info">
                    <label class="amt-label">收益金额：</label>
                    <span id="profitAmountCount">${ not empty otherData.profitAmountCount ? otherData.profitAmountCount : "0.00"}</span>
                </div>
                <div class="amt-info">
                    <label class="amt-label">推广分润：</label>
                    <span id="shareAmountCount">${ not empty otherData.shareAmountCount ? otherData.shareAmountCount : "0.00"}</span>
                </div>
                <div class="amt-info">
                    <label class="amt-label">粉丝分润：</label>
                    <span id="fansAmountCount">${ not empty otherData.fansAmountCount ? otherData.fansAmountCount : "0.00"}</span>
                </div>
                <div class="amt-info">
                    <label class="amt-label">已提分润：</label>
                    <span id="useCashAmtCount">${ not empty otherData.useCashAmtCount ? otherData.useCashAmtCount : "0.00"}</span>
                </div>
                <div class="amt-info">
                    <label class="amt-label">待提分润：</label>
                    <span id="inCashAmtCount">${ not empty otherData.inCashAmtCount ? otherData.inCashAmtCount : "0.00"}</span>
                </div>
            </div>
        </div>

        <table class="layui-hide" id="demo" lay-filter="test"></table>
    </div>
</div>
</body>

<script type="text/html" id="imgTemp">
    {{# if (d.logo != null && d.logo != '') { }}
    <img src="{{d.logo}}" width="35px" height="35px">
    {{# } }}
</script>

<script id="barDemo" type="text/html">
    {{# if (d.status=='0') { }}
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="auditPass">
        <i class="layui-icon layui-icon-ok"></i>
        通过并打款
    </a>
    <a class="layui-btn layui-btn-xs" lay-event="auditSuccess">
        <i class="layui-icon layui-icon-ok"></i>
        通过
    </a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="auditRefuse">
        <i class="layui-icon layui-icon-close"></i>
        拒绝
    </a>
    {{# } }}
</script>

<script type="text/html" id="toolBar">
    <a class="layui-btn layui-btn-sm" href="javascript:void(0);" lay-event="search">
        <i class="layui-icon layui-icon-search"></i>
        <span>搜索</span>
    </a>
    <a class="layui-btn layui-btn-sm layui-btn-normal" href="javascript:void(0);" lay-event="batchPass">
        <i class="layui-icon layui-icon-ok"></i>
        <span>批量通过并打款</span>
    </a>
</script>

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

</script>

</html>

