<%@include file="/WEB-INF/common/layouts/common.jsp" %>
<%@ page language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>客户查询</title>

    <style>
        .frm{

        }
        .frm label{
            display: flex;
            align-items: center;
           justify-content: flex-end;
        }
        .frm label .ico{
            width:16px;
            height:16px;
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACB0lEQVQ4T6WTMWhUQRCG/9mrtbIwamEnimgRQQUTsMkVoqiolRGtRLB8O3tX6VX3dvfBERDEKmKsVIJoFZuIChowhSKKnYWihZXKdbsj+3grz0sjuMXbnZ3Zf4aZ7xH+c9Hk++FwuLPT6Vwhot0iMp38RLQuIh9CCDf7/f6n9pu/BJxzFwHcIKJlEXksIi8bgcNEdFxETgO4ysy3s8gfAefcDIBnAM4x8/0U4Jw7m/YJ+x6AWWZ+XounT1VVW2KMH5VSc0VRrDePV0VkU1PBT2Y+2sROxxifKKV2FUXxvRZwznkAm5n5crKttfNEdIqZU8nJvxpCGPT7/aeNfQvAD2bWWWBFRO4aY5ZSwGg0mgohbMvVWGtfA1jI/ibBeWbu1gLW2m8xxkOTHU4+7/21GOPceDzuDgaDX+kuTUop9coYszVX8EVEDhpjPrdHVJblrFJqmYiOaa3Xss9au4OI1ph5ey3gvX8kIku5263A6+lsjKn3vNJ0iGhea30iV2CJaEprfaEdWFXVnmQXRfG+fe+9vyMiX5nZ1AINfe8AXGpXUZZlN/l7vd5KOzuAxRDC3tSzNkiJwkWl1IHcfe99DZTWugaqqqrEQJpISlTTOIlyovEhgAci8iLGWNOmlJohoiMAzgA4mSncINBkSVQaAPtEZH9D4hsAb5VSNtHX7seGv7Ht/Jfzb2MR+RGfG8h4AAAAAElFTkSuQmCC');
            background-size: 16px 16px;
            position: relative;
            margin:0 10px;
        }
        .frm label .ico text{
            display: none;
            position: absolute;
            background-color: rgba(0,0,0,.7);
            color:#fff;
            font-size:14px;
            white-space:nowrap;
            left:50%;
            top:-36px;
            transform: translate3d(-50%,0,0);
            padding:5px;
            border-radius: 2px;
        }
        .frm label .ico:hover text{
            display: inline-block;
        }
        .frm label .ico text::after{
            left:50%;
            margin-left:-6px;
            bottom:-6px;
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-top: 6px solid rgba(0,0,0,.7);
            border-right: 6px solid transparent;
            border-left: 6px solid transparent;
        }
    </style>
</head>

<body>
<div class="container" style="width: 1200px;">
    <form id="input_form" class="form-horizontal valid"
          action="${ctx}/customer/batchQuery"
          method="get">
        <house365:flushMessage/>
        <div class="row${fluid}">
            <div>
                <div class="form-horizontal house365Page">
                    <div class="house365Border">
                        <!-- 片段头 begin -->
                        <div class="sectionTitle">
                            <h5>客户查询</h5>
                        </div>
                        <div class="row-fluid">
                            <div class="span6 control-group">
                                <label class="control-label">手机号:</label>
                                <div class="controls">
                                    <textarea rows="10" cols="200" id="mobiles" style="width: 200%" placeholder="请输入手机号码，一行一个"
                                              name="mobiles" class="required">${mobiles}</textarea>
                                </div>
                            </div>
                        </div>
                        <button class="btn blue" type="submit"><i
                                class="icon-search"></i>&nbsp;查询

                    </div>



                </div>
            </div>
        </div>
    </form>
    <br/>
    <div class="row${fluid}">
        <div>
            <div class="form-horizontal house365Page">
                <div class="house365Border">
                    <!-- 片段头 begin -->
                    <div class="sectionTitle">
                        <h5>查询结果</h5>
                    </div>
                    <div class="row-fluid">
                        <div class="span6 control-group">
                            <label class="control-label">公海(${ghSize}):</label>
                            <div class="controls">
                                    <textarea rows="5"  id="ghmobiles" style="width: 200%"
                                              name="ghmobiles" class="required">${ghPhones}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span6 control-group">
                            <label class="control-label">私客池(${skSize}):</label>
                            <div class="controls">
                                    <textarea rows="5" id="skmobiles" style="width: 200%"
                                              name="skmobiles" class="required">${skPhones}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span6 control-group">
                            <label class="control-label">待派工(${dpSize}):</label>
                            <div class="controls">
                                    <textarea rows="5" id="tpmobiles" style="width: 200%"
                                              name="tpmobiles" class="required">${dpPhones}</textarea>
                            </div>
                        </div>
                    </div>


                    <div class="row-fluid">
                        <div class="span6 control-group frm">

                            <label class="control-label">其他(${qtSize}):<div class="ico"><text>未进入系统的用户</text></div></label>
                            <div class="controls">
                                    <textarea rows="5" id="qtmobiles" style="width: 200%"
                                              name="qtmobiles" class="required">${qtPhones}</textarea>
                            </div>


                        </div>
                    </div>

                </div>



            </div>
        </div>
    </div>

    <script type="text/javascript">

        function batchQuery() {
            /*  var $form = $("#input_form");
             $.ajax({
             url: $form.attr("action")+"?222=111",
             type: "GET",
             data: $form.serialize(),
             success: function (data) {
             alert(111);
             }
             }); */
        }
    </script>
</div>
</body>

</html>
