<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['ADMIN_URL'];?>static/css/jquery.autocomplete.css">
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['ADMIN_URL'];?>static/css/check_box.css?ver=<?php echo mvc::$cfg['VER']['css'];?>">
<div class="marauto iframes-left-main" id="SearchProduct">
    <form action="<?php echo mvc::$cfg['ADMIN_URI'];?>im/imList" method="get" target="ListFrame">
        <table class="table table-bordered table-hover" id="SearchTable">
            <tr class="stype item">
                <th class="right">状态：</th>
                <td>
                    <select name="status" class="form-control">
                        <option value="all">全部</option>
                        <option value="0">未读</option>
                        <option value="1">已读</option>
                    </select>
                </td>
            </tr>
			<tr class="stype item">
                <th class="right">用户1：</th>
                <td><input type="text" class="form-control" id="user1" name="user1"/></td>
            </tr>
			<tr class="stype item">
                <th class="right">用户2：</th>
                <td>
                    <input type="text" class="form-control" id="user2" name="user2"/>
                </td>
            </tr>
			<tr class="stype item chk">
                <th class="right">时间：</th>
                <td>
                    <input type="text" id="addTime" class="form-control" name="addTime" value="">
                    <span>-</span>
                    <input type="text" id="endTime" class="form-control" name="endTime" value="">
                </td>
            </tr>
            <tr class="stype item">
                <th class="right">排序：</th>
                <td>
                    <select name="timeseq" class="form-control">
                        <option value="0">时间倒序</option>
                        <option value="1">时间顺序</option>
                    </select>
                </td>
            </tr>
            <tr class="stype item">
                <th class="right">关键字：</th>
                <td>
                    <input type="text" class="form-control" id="content" name="content"/>
                </td>
            </tr>
        </table>
		<div class="center mart10">
			<input type="submit" class="btn btn-primary" value="搜 索"/>&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="button" class="btn btn-default" value="重 置" onclick="ResetAll()"/>
		</div>
    </form>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript" src="<?php echo mvc::$cfg['ADMIN_URL'];?>static/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="<?php echo mvc::$cfg['ADMIN_URL'];?>static/laydate/laydate.js?ver=1.0.0"></script>
<script type="text/javascript">
$(function() {
    $('#user1,#user2').blur(function(){
        if($(this).val()==''){
            $(this).val('');
        }
    });

    //监听输入 中文输入完成时触发
    var flag = true;
    $('#user1,#user2').on('compositionstart',function(){
        flag = false;
    })
    $('#user1,#user2').on('compositionend',function(){
        flag = true;
    })
    $('#user1,#user2').on('input',function(){
        var _this = this;
        setTimeout(function(){
            if(flag)
            {
                var val = $(_this).val();
                if (val =='') return;
                $.ajax({
                    contentType: "application/json",
                    url: "ajaxGetImUserInfo",
                    data: {'val':val,'isAjax':1},
                    dataType: "json",
                    success: function (msg) 
                    {
                        if (msg == null) {
                        }
                        else 
                        {
                            $(_this).autocomplete(msg.data, {
                                //最少输入字条
                                minChars: 0, 
                                //是否全文搜索,否则只是前面作为标准               
                                matchContains: true,            
                                width: 220,
                                formatItem: function (row, i, max) 
                                {           
                                    //显示格式
                                    return row.name;
                                },
                                formatMatch: function (row, i, max) 
                                {           
                                    //以什么数据作为搜索关键词,可包括中文,
                                    return  row.name;
                                },
                                formatResult: function (row) 
                                {      
                                    // console.log(row);                
                                    //返回结果
                                    return row.nick;
                                },
                            }).result(function (event, data, formatted) {
                                // console.log(data);
                                return data.nick;
                                // console.log(data);
                                //根据最终返回的数据做处理
                            });
                        }
                    }
                });
            }
        },0)
    });
    //时间选择插件
    laydate.render({ 
      elem: '#addTime',
      format: 'yyyy-MM-dd' //可任意组合
    });
    laydate.render({ 
      elem: '#endTime',
      format: 'yyyy-MM-dd' //可任意组合
    });
});
</script>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>