<%@ 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/deviceSignUnbind/deviceSignUnbindList.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="queryDeviceSignUnbind()"><span>搜索</span></a>
                        <!-- <a class="layui-btn fa fa-plus f13 add" href="javascript:void(0);" onclick="initAddDeviceSignUnbind()"><span>添加</span></a>
                        <a class="layui-btn fa fa-edit f13" href="javascript:void(0);" onclick="initEditDeviceSignUnbind()"><span>编辑</span></a>
                        <a class="layui-btn fa fa-remove f13 delete" href="javascript:void(0);" onclick="initBatchDeleteDeviceSignUnbind()"><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">
                <form class="layui-form" action="" style="margin-top: 10px">
                    <div class="layui-form-item">

                        <!-- <span class="dlblock w100 textr">ID：</span>
                        <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
                            <input type="text" placeholder="请输入内容" id="searchId">
                        </span>  -->
                        <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="orderNo" 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="merchantName" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">状态</label>
                            <div class="layui-input-inline">
                                <select class="form-control f12 w180 textc" id="status">
                                    <option value="">请选择</option>
                                    <option value="1">确定激活</option>
                                    <option value="2">已激活</option>
                                    <option value="3">确定解绑</option>
                                    <option value="4">已解绑</option>
                                </select>
                            </div>
                        </div>

                    </div>
                </form>
                <!-- <div class="mt10 mb20">
                    <span class="dlblock w100 textr">开始日期</span>
                    <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
                         <input type="text" placeholder="" id="date1" class="w150">
                         <i class="fa fa-calendar"></i>
                    </span>
                    <span class="dlblock w100 textr">结束日期</span>
                    <span class="bdc pt6 pb6 pl6 pr5 w180 dlblock">
                    <input type="text" placeholder="" id="date2" class="w150">
                        <i class="fa fa-calendar"></i>
                    </span>
                </div> -->
            </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 ">sn码</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>

        </div>
    </div>
</div>
<script>
    layui.use(['form'], function() {
        var form = layui.form
        form.render();
    })
</script>
</body>

</html>

