{include file="public/seller_top" /}
<div class="seller_main w1200">
    {include file="public/seller_left" /}
    <div class="seller_right">
        <div class="seller_items">
            {include file="public/seller_items" /}
        </div>
        
        <div class="alert mt10"> <strong>{$Think.lang.ds_explain}{$Think.lang.ds_colon}</strong> 只能查询“{$minDate}”到“{$maxDate}”的聊天记录，切换不同的选项卡选择可查看与店铺客服最近对话的会员。 </div>
        <div class="seller_items">
            <ul>
                {notempty name="seller_list"}
                {volist name="seller_list" id="val"}
                <li seller_id="{$val.seller_id}" class="{$val.seller_id == $seller_id  ? 'current':'normal'}"> <a href="JavaScript:void(0);" onclick="select_seller({$val.seller_id});" class="msg-button">{$val.seller_name}</a></li>
                {/volist}
               {/notempty}
            </ul>
        </div>
        <div class="dssc-chat-layout"><table class="search-form">
            <tr><td class="w10"></td>
                <td class="w180"><strong>最近联系人</strong></td>
                <td>&nbsp;</td>
                <th>关键字</th>
                <td class="w90"><input name="msg_key" id="msg_key" type="text" class="text w70" value="" /></td>
                <th>起止日期</th>
                <td class="w240"><input name="add_time_from" id="add_time_from" type="text" class="text w70" value="{$Request.param.add_time_from}" /><label class="add-on"><i class="icon-calendar"></i></label>&nbsp;&#8211;&nbsp;<input name="add_time_to" id="add_time_to" type="text" class="text w70" value="{$Request.param.add_time_to}" /><label class="add-on"><i class="icon-calendar"></i></label></td>
                <td class="w70 tc"><label class="submit-border">
                    <input type="button" onclick="submit_chat_log();" class="submit" value="查询" />
                </label></td>
            </tr>
        </table>
            <div class="left" id="store_user_list"></div>
            <div class="right" id="store_chat_log">
            </div>
        </div>


    </div>
</div>

<script>
    var select_id = '';
    var chat_user = '';
    function select_seller(seller_id){
        select_id = seller_id;
        chat_user = '';
        var obj = $("#seller_list");
        obj.find("li").removeClass().addClass("normal");
        obj.find("li[seller_id='"+seller_id+"']").removeClass().addClass("active");
        var ajaxurl = "{:url('sellerim/get_user_list')}"+ '?seller_id='+select_id;
        $("#store_user_list").load(ajaxurl);
        $("#store_chat_log").html('<div class="warning-option"><span>从左侧对话列表中选择会员显示聊天记录，使用“起止日期”进行时间段内的查询</span></div>');
    }
    function submit_chat_log(){
        if(chat_user != '') {
            store_chat_log(chat_user);
        }
    }
    function store_chat_log(user_id){
        var ajaxurl = "{:url('sellerim/get_chat_log')}"+'?seller_id='+select_id;
        $("#store_chat_log").load(ajaxurl+'&'+$.param({'add_time_from':$('#add_time_from').val(),'add_time_to':$('#add_time_to').val(),'msg_key':$('#msg_key').val(),'t_id':user_id }));
    }
    function user_chat_log(user_id,user_name){
        chat_user = user_id;
        var obj = $("#store_user_list ul");
        obj.find("li").removeClass().addClass("normal");
        obj.find("li[user_id='"+user_id+"']").removeClass().addClass("active");
        store_chat_log(user_id);
    }
    $(function(){
        select_seller({$seller_id});
        $('#add_time_from').datepicker({dateFormat: 'yy-mm-dd',minDate: '{$minDate}'});
        $('#add_time_to').datepicker({dateFormat: 'yy-mm-dd',maxDate: '{$maxDate}'});
    });
</script>