<%@ 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("js/merchantBankCard/merchantBankCardList.js");
    </script>

    <style>
        .layui-table th {
            text-align: center;
        }
    </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 pb10 pl10 bdbd">
                    <!-- 顶部按钮 -->
                    <div class="buttons fl">
                        <a class="layui-btn layui-btn-sm fa fa-search f13" href="javascript:void(0);"
                           onclick="queryMerchantBankCard()"><span>搜索</span></a>
                    </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">
                <div class="row pt10 pb10 whitebg ml0 mr0">
                    <span class="dlblock w100 textr">用户ID：</span>
                    <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
							<input type="text" placeholder="请输入用户ID " name="userId" id="userId">
						</span>
                    <c:if test="${admin eq 'admin' }">
                        <span class="dlblock w100 textr">手机号：</span>
                        <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
							<input type="text" placeholder="请输入手机号 " name="phone" id="phone">
						</span>
                    </c:if>
                    <span class="dlblock w100 textr">商户简称：</span>
                    <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
                            <input type="text" placeholder="请输入名称" name="alias" id="alias">
                        </span>
                </div>
            </div>
        </div>
    </div>
    <div class="mb50 mt10">
        <div class="whitebg pl10 pr10">
            <table class="layui-hide" id="merchantBankCardList" lay-filter="merchantBankCardList"></table>
        </div>
    </div>
</div>
<!-- 表单数据 -->
<div class="mb20 mt10">
    <div class="whitebg pl10 pr10">
        <table class="layui-table">
            <thead>
            <tr>
                <th class="textc">
                    <div class="checker" id="allCheck">
                        <span class=""><input type="checkbox" value=""></span>
                    </div>
                </th>
                <th class="textc ">序号</th>
                <th class="textc ">用户ID</th>
                <th class="textc ">手机号</th>
                <th class="textc ">商户简称</th>
                <th class="textc ">所属商户</th>
                <!-- <th class="textc ">通道类型</th> -->
                <th class="textc ">审核状态</th>
                <th class="textc ">签约费率</th>
<%--                <th class="textc">编辑</th>--%>
            </tr>
            </thead>
            <!-- 数据体 -->
            <tbody id="data_content">
            </tbody>
        </table>

        <!-- footer -->
        <div class="clearfix mb10 pb20">
            <div class="layui-tab-item fr">
                <span class="dlblock vm">当前第<span class="now" id="currPage"></span>页 , </span>
                <span class="dlblock vm">共<span class="count" id="pageCount"></span>页 </span>
                <div class="pagination dlblock vm" id="pagination"></div>
                <span class="dlblock vm ml10">总记录数<span class="now" id="totalCount"></span>条</span>
            </div>
        </div>
        <input type="hidden" placeholder="请输入名称" id="admin" value="${admin}">
    </div>
</div>
</body>
<%--<script type="text/javascript">--%>

<%--	var layer;--%>
<%--	var form;--%>
<%--	var table;--%>
<%--	var laydate;--%>
<%--	var dropdown;--%>
<%--	//form表单样式--%>
<%--	layui.use(['table', 'layer', 'form', 'laydate', 'mDropdown'], function () {--%>
<%--		layer = layui.layer;--%>
<%--		form = layui.form;--%>
<%--		table = layui.table;--%>
<%--		laydate = layui.laydate;--%>
<%--		dropdown = layui.mDropdown;--%>
<%--		form.render();--%>

<%--		//执行一个 table 实例--%>
<%--		table.render({--%>
<%--			elem: '#merchantStoreList'--%>
<%--			, id: 'merchantStoreList'--%>
<%--			, url: '${ctx}/merchantStore/queryMerchantStoreByPage' //数据接口--%>
<%--			, autoSort: false--%>
<%--			, where: {--%>
<%--				merchantName: $('#merchantName').val()--%>
<%--				, status: $('#status').val()--%>
<%--				, productDesc: $('#productDesc').val()--%>
<%--				, alias: $('#alias').val()--%>
<%--				, userId: $("#userId").val()--%>
<%--				, payEcdemicSwitch: $("#payEcdemicSwitch :selected").val()--%>
<%--				, merchantType: $("#merchantType :selected").val()--%>
<%--				, isMarket: $("#isMarket :selected").val()--%>
<%--			}--%>
<%--			, response: {--%>
<%--				statusName: 'code' //数据状态的字段名称，默认：code--%>
<%--				, countName: 'count' //数据总数的字段名称，默认：count--%>
<%--				, dataName: 'data' //默数据列表的字段名称，认：data--%>
<%--				, statusCode: 200--%>
<%--			}--%>
<%--			, parseData: function (res) { //res 即为原始返回的数据--%>
<%--				return {--%>
<%--					"code": res.code, //解析接口状态--%>
<%--					"msg": res.message, //解析提示文本--%>
<%--					"count": res.count, //解析数据长度--%>
<%--					"data": res.merchantStoreList //解析数据列表--%>
<%--				};--%>
<%--			}--%>
<%--			, request: {--%>
<%--				pageName: 'currPage' //页码的参数名称，默认：page--%>
<%--				, limitName: 'size' //每页数据量的参数名，默认：limit--%>
<%--			}--%>
<%--			, title: 'app首页菜单表'--%>
<%--			, page: true //开启分页--%>
<%--			, toolbar: '#toolBar' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档--%>
<%--			, defaultToolbar: ['filter']--%>
<%--			, cols: [[ //表头--%>
<%--				{type: 'numbers'}--%>
<%--				, {type: 'checkbox'}--%>
<%--				, {field: 'userId', title: '用户ID'}--%>
<%--				, {field: 'alias', title: '手机号'}--%>
<%--				, {field: 'merchantName', title: '商户简称'}--%>
<%--				, {field: 'productDesc', title: '所属商户'}--%>
<%--				, {field: 'address', title: '审核状态'}--%>
<%--				, {field: 'status', title: '签约费率'}--%>
<%--				, {fixed: 'right', title: '操作', toolbar: '#lineBar'}--%>
<%--			]]--%>
<%--			, done: function (res) {--%>
<%--				dropdown.suite();--%>
<%--			}--%>
<%--		});--%>

<%--		//监听行工具事件--%>
<%--		table.on('tool(merchantStoreList)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"--%>
<%--			var data = obj.data //获得当前行数据--%>
<%--					, layEvent = obj.event; //获得 lay-event 对应的值--%>
<%--			if (layEvent === 'payQrCode') {--%>
<%--				showMerchantStoreReceipt(data.userId);--%>
<%--			} else if (layEvent === 'remark') {--%>
<%--				showMerchantStoreParticulars(data.id);--%>
<%--			} else if (layEvent === 'edit') {--%>
<%--				//layer.msg('编辑操作');--%>
<%--				showMerchantStoreDetails(data.id);--%>
<%--			} else if (layEvent === 'audit') {--%>
<%--				manualMerchantIncom(data.userId)--%>
<%--			} else if (layEvent === 'detail') {--%>
<%--				showMerchantInfo(data.userId)--%>
<%--			}--%>
<%--		});--%>
<%--	});--%>

<%--	//查询--%>
<%--	function queryMerchantStore() {--%>
<%--		table.reload('merchantStoreList', {--%>
<%--			page: {--%>
<%--				curr: 1--%>
<%--			}--%>
<%--			, where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）--%>
<%--				merchantName: $('#merchantName').val()--%>
<%--				, status: $('#status').val()--%>
<%--				, productDesc: $('#productDesc').val()--%>
<%--				, alias: $('#alias').val()--%>
<%--				, userId: $("#userId").val()--%>
<%--				, payEcdemicSwitch: $("#payEcdemicSwitch :selected").val()--%>
<%--				, merchantType: $("#merchantType :selected").val()--%>
<%--				, isMarket: $("#isMarket :selected").val()--%>
<%--			}--%>
<%--		});--%>
<%--	}--%>
<%--</script>--%>


</html>

