<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<div class="marauto" id="api-day-list">
    <form class="navbar-form navbar-left" role="search" method="get" style="width: 100%">
        <div class="form-group">
            <label>站点：</label>
            <select name="td_site" id="td_site" class="form-control">
                <option value="">--所有--</option>
                <?php foreach($site as $item){?>
                    <option data-value='<?php echo $item['ac_list']; ?>' value="<?php echo $item['tr_site'] ;?>" <?php if($item['tr_site'] == $Params['td_site']) echo ' selected';?>><?php echo $item['tr_site_name'];?></option>
                <?php }?>
            </select>
        </div>

        <div class="form-group">
            <label>组名：</label>
            <select name="group" id="group" class="form-control">
                <option value="">--所有--</option>
                <?php foreach($tr_group as $index => $item){?>
                    <option  value="<?php echo $index ;?>" <?php if($index == $Params['group']) echo ' selected';?>><?php echo $item;?></option>
                <?php }?>
            </select>
        </div>
        <div class="form-group">
            <label>API名称：</label>
            <select name="action" id="action" class="form-control">
                <option value="all">--所有--</option>
                <?php foreach($actArt as $v){?>
                    <option value="<?php echo $v['tr_act'];?>" <?php if(!empty($v['tr_act'] == $Params['action'])) echo ' selected';?>><?php echo $v['tr_act_name'];?></option>
                <?php }?>
            </select>
        </div>
        <div class="form-group">
            <label>来源：</label>
            <select name="from" class="form-control">
                <option value="all">--所有--</option>
                <?php foreach($from as $index => $v){?>
                    <option value="<?php echo $index;?>" <?php if(!empty($index == $Params['from'])) echo ' selected';?>><?php echo $v;?></option>
                <?php }?>
            </select>
        </div>
        <div class="form-group">
            <div class="pull-left search-coll">
                <label>筛选时间：</label>
                <input type="text"  class="form-control timeLimit" autocomplete="off" name="time" value="<?php echo $Params['time'];?>" placeholder="时间筛选">&nbsp;
            </div>
        </div>

        <button type="submit" class="btn btn-primary">筛选</button>
    </form>
    <div >
    <table class="table text-nowrap table-striped YpTable" style="width:580px">
        <thead class="Filter Sortable">
        <tr>
            <th class="Sort" sort="float" style="width:80px"><span>时间</span></th>
            <th class="Sort" style="width:60px"><span>站点</span></th>
            <th class="Sort" style="width:120px"><span>接口</span></th>
            <th class="Sort" style="width:60px"><span>来源</span></th>
            <th class="Sort" sort="float" style="width:60px"><span>数量</span></th>
            <th class="Sort" sort="float" style="width:60px"><span>IP数量</span></th>
            <th class="Sort" sort="float" style="width:60px"><span>客户端</span></th>
            <th class="Sort" sort="float" style=""><span>用户数量</span></th>
        </tr>
        </thead>
        <tbody>
        <?php if(!empty($lists)){?>
            <?php foreach($lists as $v){?>
                <tr>
                    <td><?php echo $v['td_date']; ?></td>
                    <td><?php if(!isset($site[$v['td_site']]['tr_site_name'])){echo '所有';}else{echo $site[$v['td_site']]['tr_site_name'];} ?></td>
                    <td><?php if(!isset($actArt[$v['td_act']]['tr_act_name'])){echo  '所有'; }else{ echo $actArt[$v['td_act']]['tr_act_name']; } ?></td>
                    <td><?php if(!isset($from[$v['td_from']])){ echo '所有';}else{echo $from[$v['td_from']];} ?></td>
					<td><?php echo $v['td_pv_count']; ?> </td>
                    <td><?php echo $v['td_ip_count'];?></td>
                    <td><?php echo $v['td_devcode_count'];?></td>
                    <td><?php echo $v['td_uid_count']; ?></td>
                </tr>
            <?php }?>
        <?php }else{?>
            <tr>
                <td colspan="7" class="red">未找到符合条件的记录</td>
            </tr>
        <?php }?>
        </tbody>
    </table>
    <?php echo $Page;?>
</div>
</div>

<script>
    function index()
    {
        alert(888);
        return false;
    }
    $('select[name="td_site"]').bind('change',fn);

    /**
     * [fn description]
     * @Author   Yangxing
     * @DateTime 2020-05-08T09:57:46+0800
     * @return   {Function}               [description]
     */
    function fn()
    {
           $('#action option').not(":first").remove();
           if(!$('select[name="td_site"]').val())
           {
                 $('#td_site option').each(function()
                 {
                     var value = $(this).attr('data-value');
                     if(!value)
                     {
                       return true;
                     }
                     //console.log(value);
                     value = JSON.parse(value);
                     for(var i in value)
                     {
                        $('#action').append(new Option(value[i],i));
                     }
                 });
           }
           else
           {
               var value =  $('select[name="td_site"] option:selected').attr('data-value');
               value = JSON.parse(value);
               $('#action option').not(":first").remove();
               for(var i in value)
               {
                  $('#action').append(new Option(value[i],i));
               }
           }
    }

    $(document).ready(function(){
        //绑定时间控件
        laydate.render({
            range: true
            ,elem: '.timeLimit'
        });
        $('.show-detail').click(function(){
            var mowId=$(this).data('mowid');
            if(!mowId)
                return false;
            $.get(ADMIN_URI+'shop/tiXianDes?isAjax=1',{'mowId':mowId},function(res){
                if(MESSAGE.ajaxError(res)){
                    $('#layer_box .modal-body').html(res.data);
                    $('#layer_box').modal('show');
                }
            },'json');
        });
    });


</script>
