<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sptg="http://www.thymeleaf.org">
    <head>
        <script th:replace="common/head"></script>
        <style>
            .xm-toolbar .toolbar-tag {
                width: 100%;
                display: flex;
                justify-content: center;
                background-color: #1E9FFF!important;
                color: #fff!important;
            }
        </style>
    </head>
    <body style="position: absolute;top: 0;bottom: 0;left: 0;right: 0;">
        <input type="hidden" id="org_id" th:value="${onLineUser.orgId}" />
        <div class="layui-fluid">
                <div class="layui-card">
                    <div class="layui-form layui-card-header layuiadmin-card-header-auto" style="padding:0;">
                        <div class="layui-form-item border-b">
                            <div class="layui-inline">
                                <label class="layui-form-label">订单号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="bizOrderNo" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">订单类型</label>
                                <div class="layui-input-block">
                                    <select id="order_type" name="orderType" >
                                        <option value="">全部</option>
                                        <option value="FACE_ENABLE" >人脸激活</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">是否收费</label>
                                <div class="layui-input-block">
                                    <select id="is_charge" name="isCharge" >
                                        <option value="">全部</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-block">
                                    <select id="pay_status" name="payStatus" >
                                        <option value="">全部</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-block">
                                    <select id="pay_type" name="payType" >
                                        <option value="">全部</option>
                                        <option value="wxPay">微信支付</option>
                                        <option value="aliPay">支付宝支付</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">所属小区</label>
                                <div class="layui-input-block">
                                    <div id="residential_name"></div>
                                    <input id="residential_id" type="hidden" />
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">所属单元</label>
                                <div class="layui-input-block">
                                    <div id="unit_name"></div>
                                    <input id="unit_id" type="hidden" />
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">所属房间</label>
                                <div class="layui-input-block">
                                    <div id="room_name"></div>
                                    <input id="room_id" type="hidden" />
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">姓名</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">手机号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="tel" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">创建时间</label>
                                <div class="layui-input-block">
                                    <input type="text" class="layui-input date-icon" id="create_date"  placeholder="请选择" autocomplete="off">
                                    <input type="hidden" id="begin_date" name="startDateCondition"/>
                                    <input type="hidden" id="end_date" name="startDateCondition" />
                                </div>
                            </div>
                            <div class="layui-inline" style="margin-left: 38px;">
                                <button class="layui-btn layuiadmin-btn-useradmin"  lay-submit lay-filter="query">查询</button>
                                <button class="layui-btn  layui-btn-primary"  lay-submit lay-filter="reset">重置</button>
                            </div>
                        </div>

                        <!-- 表格+头部按钮 -->
                        <div class="layui-card-body" style="padding:0;" id="layPhotosTbImg">
                            <div style="padding-bottom: 10px;">
                            </div>
                            <table id="table_id" lay-filter="table_event"></table>
                        </div>
                    </div>
                </div>
        </div>

        <script type="text/html" id="table-useradmin-webuser">
        </script>

        <!-- 是否收费 -->
        <script type="text/html" id="isCharge">
            {{#  if(d.isCharge == 1){ }}
            <span class="layui-btn layui-btn-danger layui-btn-xs">免费</span>
            {{#  }else if(d.isCharge == 2){ }}
            <span class="layui-btn layui-btn-normal layui-btn-xs">收费</span>
            {{# }else { }}
            <span class="layui-btn layui-btn-warm layui-btn-xs">未知</span>
            {{# } }}
        </script>

        <!-- 支付状态 -->
        <script type="text/html" id="payStatus">
            {{#  if(d.payStatus == 1){ }}
            <span class="layui-btn layui-btn-danger layui-btn-xs">未支付</span>
            {{#  }else if(d.payStatus == 2){ }}
            <span class="layui-btn layui-btn-normal layui-btn-xs">已支付</span>
            {{# }else { }}
            <span class="layui-btn layui-btn-warm layui-btn-xs">未知</span>
            {{# } }}
        </script>

        <!-- 退款状态 -->
        <script type="text/html" id="refundStatus">
            {{#  if(d.isCharge == 1){ }}
            <span class="layui-btn layui-btn-danger layui-btn-xs">不可退款</span>
            {{#  }else if(d.refund == 1){ }}
            <span class="layui-btn layui-btn-normal layui-btn-xs">已退款</span>
            {{#  }else if(d.refund == 0 || d.refund == null){ }}
            <span class="layui-btn layui-btn-warm layui-btn-xs">未退款</span>
            {{# }else { }}

            {{# } }}
        </script>

        <!-- 支付人脸 -->
        <input type="hidden" id="fastDfsServer" th:value="${fastDfsServer}" />
        <script type="text/html" id="imageUri">
            {{# var fastDfsServer = document.getElementById("fastDfsServer").value;}}
            {{#  if(d.imageUri != null){ }}
            <img src="{{fastDfsServer + d.imageUri}}" style="display: inline-block; width: 20%; height: 100%;cursor: zoom-in">
            {{# }else { }}
            {{# } }}
        </script>

        <!-- javascript -->
        <script th:src="@{'/layui/layui.js'}"></script>
        <script>
            layui.config({
                base: '/' //静态资源所在路径
            });
        </script>
        <script th:src="@{'/js/estate/user-order-manage.js'}"></script>
    </body>
</html>
