<%@ 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">
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
<jsp:include page="../../common.jsp" />
<script type="text/javascript">
     require("js/merchantOrder/summaryOfWater.js");
     requireCss("css/ySelect.css");
</script>
</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="btn btn-primary fa fa-search f13" href="javascript:void(0);" onclick="queryMerchantOrder()"><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">订单号：</span> 
                        <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock"> 
                            <input type="text" placeholder="请输入内容" id="orderNumber">  
                        </span>  -->
                        <!-- <span class="dlblock w100 textr">支付方式：</span> 
                        <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
                            <input type="text" placeholder="请输入内容" id="payTypeCodeList">  
                        </span>  -->
                        
                        <span class="dlblock w100 textr">支付方式：</span>
                         <select class="form-control f12 w180 textc payTypeCodeList" id="payTypeCodeList" multiple="multiple">
                            <option value="wechat">微信</option>
                            <option value="alipay">支付宝</option>
                            <option value="bank">银联</option>
                        </select>
                        
                         <span class="dlblock w100 textr">员工：</span>
                         <select class="form-control f12 w180 textc staffCodeList" id="staffCodeList" multiple="multiple">
                            <option value="">请选择</option>
                            <c:forEach items="${userAppList }" var="ua">
                            <option value="${ua.userId }">${ua.userName }</option>
                            </c:forEach>
                        </select>
                        
                        <span class="dlblock w100 textr">门店：</span>
                         <select class="form-control f12 w180 textc storeIdList" id="storeIdList" multiple="multiple">
                            <option value="">请选择</option>
                            <c:forEach items="${merchantStoreList }" var="ms">
                            <option value="${ms.storeId }">${ms.storeName }</option>
                            </c:forEach>
                        </select>
                        <span class="dlblock w100 textr">时间：</span>
                         <select class="form-control f12 w180 textc timeStatus" id="timeStatus">
                            <option value="">请选择</option>
                            <option value="1">今天</option>
                            <option value="2">昨天</option>
                            <option value="3">一个星期</option>
                            <option value="4">近一个月</option>
                            <option value="5">近三个月</option>
                        </select>
                    </div>
                </div>
               
                
            </div>
        </div>
        <!-- 表单数据 -->
        <div class="mb20 mt10">
            <div class="whitebg pl10 pr10">
                <table class="table table-striped table-bordered table-hover" >
                    <thead>
                        <tr>
                            <th class="textc ">交易笔数</th>
                            <th class="textc ">交易总额</th>
                            <th class="textc ">退款笔数</th>
                            <th class="textc ">净退款</th>
                        </tr>
                    </thead>
                    <!-- 数据体 -->
                    <tbody id="data_content">
                    </tbody>
                </table>
            <input type="hidden" value="${merchantCode }" id="merchantCode">
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
	$('.payTypeCodeList').ySelect();
	$('.storeIdList').ySelect();
	$('.staffCodeList').ySelect();
</script>
</html>

