报备人

application/index/view/watch_shop/watch_list.html

@@ -103,7 +103,7 @@
     </div><!-- /.modal -->
 </div>
 <!-- /#wrapper -->
-<!-- /#报备模态框 -->
+<!-- /#转为报备模态框 -->
 <div class="modal fade" id="modal-watch" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
@@ -111,27 +111,133 @@
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                     &times;
                 </button>
-                <h4 class="modal-title" id="myModalLabel">
+                <h4 class="modal-title">
                     转为报备
                 </h4>
             </div>
             <div class="modal-body">
-                <div class="table-responsive table-responsive1">
-                    <div class="control-group">
-                        <label class="control-label">备注</label>
-                        <div class="controls">
-                            <input class="form-control" id="content" placeholder="请输入经纪人名字或手机号">
+                    <form class="form-horizontal" id="edit_user_form">
+                        <div class="form-group">
+                            <label  class="col-sm-3 control-label">报备人：</label>
+                            <div class="col-sm-9">
+                                <input type="text" class="form-control btn6 phone_jia" name="phone" placeholder="请输入手机号">
+                            </div>
                         </div>
-                    </div>
-                </div>
+                    </form>
+
             <div class="modal-footer">
                 <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                 </button>
-                <button type="button" class="btn btn-primary" id="submit_follow">
+                <button type="button" class="btn btn-primary">
                     提交
                 </button>
             </div>
             </div><!-- /.modal-content -->
         </div><!-- /.modal -->
     </div>
-</div>
+</div>
\ No newline at end of file
+
+<script>
+    //	手机检索姓名
+
+    var ldHtml = $('.phone_list');
+    var stopstatus = true;
+    var valueCurrent = '';
+    var ajaxObj;
+    $(function() {
+//	$('.phone_jia').on('input', function(e) {
+        $(document).on('input','.phone_jia', function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            var _this = $(this);
+            _this.next().css("display","block");
+            valueCurrent = _this.val();
+            if(valueCurrent != ''){
+                resetLoad();
+                loadMain(valueCurrent,_this.next());
+            }else{
+                ldHtml.html('');
+                return false;
+            }
+
+        });
+
+    });
+
+    function resetLoad(){
+        if(ajaxObj){
+            ajaxObj.abort();
+        }
+        ldHtml.html('');
+        stopstatus = true;
+    }
+    function loadMain(phone, obj) {
+        ajaxObj=$.ajax({
+            type: "GET",
+            url: '/agents/get_user_info?' ,
+            data: {
+                'phone': phone
+            },
+            timeout: 10000,
+            dataType: "json",
+            beforeSend: function() {
+            },
+            success: function(data) {
+
+                if(data.status === 1){
+                    var _html = '';
+                    $.each(data.data, function(i,data) {
+                        _html += '<li onclick="addphone(this)"><span class="id">'+data['id']+'-</span><span class="phone_name">'+data['realname']+'</span><span class="phone_span">-</span><span class="phone-phone">'+data['phone']+'</span> </li>';
+                    });
+                    obj.html(_html);
+                }
+            },
+            error: function() {
+
+            },
+            complete: function(xhr, textStatus) {
+                if(textStatus === "timeout") {
+                    //处理超时的逻辑
+                    alert("请求超时");
+                }
+            }
+        });
+    }
+    function addphone(n){
+        var phone_name= $(n).find(".phone_name").html();
+        var phone_phone= $(n).find(".phone-phone").html();
+        var phone_span= $(n).find(".phone_span").html();
+        var id= $(n).find(".id").html();
+        $(n).parent().prev().val(id+phone_name+phone_span+phone_phone);
+        $(n).parent().hide();
+        ldHtml.html('');
+        return false;
+    }
+    function jiabox() {
+        boxphoto = '<input name="phone[]" placeholder="请输入" type="tel" style="margin-left: 10px;float: left" class="phone_add">' +
+        '<ul class="phone_list1"></ul>'+
+        '<img src="/mobile4.0/images/qdao-sha.png" class="jian">';
+        $(".jian_class").append(boxphoto);//写入
+
+        jianbox();
+    }
+
+    function jiabox_data(id,name,phone) {
+        boxphoto = '<input name="phone[]" placeholder="请输入" value='+id+'-'+name+'-'+phone+' type="tel" style="margin-left: 10px;float: left" class="phone_add">' +
+        '<ul class="phone_list1"></ul>'+
+        '<img src="/mobile4.0/images/qdao-sha.png" class="jian" onclick="jianbox()"><input type="hidden" value="'+id+'">';
+        $(".jian_class").append(boxphoto);//写入
+
+        jianbox();
+    }
+
+    function jianbox() {
+        $(".jian").click(function () {
+            $(this).prev().prev().remove();
+            $(this).prev().remove();
+            $(this).remove();
+        });
+    }
+    jianbox();
+
+</script>
\ No newline at end of file