<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/headBase.php'); ?>
<style>

    .layui-table-cell {
        height: auto;
        line-height: 28px;
    }

    .laytable-cell-1-0-9{max-height:100px;overflow-y:auto;}
</style>
<div class="layui-fluid">
    <div class="layui-card">
        <form class="layui-form layui-card-header layuiadmin-card-header-auto search-param">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">广告类型</label>
                    <div class="layui-input-inline" style="width:100px">
                    <select name="pa_id" class="layui-input">
                        <option value="">所有</option>
                        <?php foreach($placeArr as $v){?>
                            <option value="<?php echo $v['pa_id'];?>"<?php if($v['pa_id'] == $Params['pa_id']) echo ' selected';?>><?php echo $v['pa_name'];?></option>
                        <?php }?>
                    <select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">业务员</label>
                    <div class="layui-input-block" style="width:100px">
                        <select class="layui-input" name="pla_sales">
                            <option value="">--所有--</option>
                            <?php foreach($salesArr as $v){?>
                                <option value="<?php echo $v['usr_name'];?>"<?php if($v['usr_name'] == $Params['pla_sales']) echo ' selected';?>><?php echo $v['usr_name'];?></option>
                            <?php }?>
                    </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">状态</label>
                    <div class="layui-input-block" style="width:80px">
                        <select class="layui-input" name="pla_status">
                            <option value="">--所有--</option>
                            <option value="1"<?php if($Params['pla_status'] == 1) echo ' selected';?>>启用</option>
                            <option value="-1"<?php if($Params['pla_status'] == -1) echo ' selected';?>>暂停</option>
                    </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">是否收费</label>
                    <div class="layui-input-block" style="width:80px">
                        <select class="layui-input" name="pal_shoufei">
                            <option value="">--所有--</option>
                            <option value="1"<?php if($Params['pal_shoufei'] == 1) echo ' selected';?>>收费</option>
                            <option value="-1"<?php if($Params['pal_shoufei'] == -1) echo ' selected';?>>赠送</option>
                    </select>
                    </div>
                </div>
			    <div class="layui-inline">
                    <label class="layui-form-label">广告</label>
                    <div class="layui-input-block" style="width:80px">
                        <select class="layui-input" name="valid_status">
                            <option value="">--所有--</option>
                            <option value="1"<?php if($Params['valid_status'] == 1) echo ' selected';?>>有效</option>
                            <option value="-1"<?php if($Params['valid_status'] == -1) echo ' selected';?>>已过期</option>
                    </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">广告名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="word" class="layui-input" value="<?php echo $Params['word'];?>">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">添加时间</label>
                    <div class="layui-input-block">
                        <input type="text" name="betime" id="betime" class="layui-input" value="<?php echo $Params['betime'];?>" placeholder=" ~ ">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">投放时间</label>
                    <div class="layui-input-block">
                        <input type="text" name="tftime" id="tftime" class="layui-input" value="<?php echo $Params['tftime'];?>" placeholder=" ~ ">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">品牌/地区</label>
                    <div class="layui-input-block">
                        <input type="text" name="tfword" class="layui-input" value="<?php echo $Params['tfword'];?>" placeholder="请输入广告品牌或者地区">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">品牌类型</label>
                    <div class="layui-input-block" style="width:100px">
                        <select class="layui-input" name="mod_type">
                            <option value="">--请选择--</option>
                            <option value="all">所有</option>
                            <option value="pc"<?php if($Params['mod_type'] == 'pc') echo ' selected';?>>乘用车</option>
                            <option value="cv"<?php if($Params['mod_type'] == 'cv') echo ' selected';?>>商用车</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn act-btn" lay-submit="" lay-filter="search-submit">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </form>
        <div class="layui-card-body">
            <table id="table-ads-lists" lay-filter="table-ads-lists"></table>
        </div>
    </div>
</div>

<div class="layui-fluid" style="display: none;">
    <div class="layui-card">
        <form class="layui-form layui-card-header layuiadmin-card-header-auto search-param">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">广告名称</label>
                    <div class="layui-input-inline">
                    <select name="pa_id" class="layui-input">
                        <option value="">所有</option>
                        <?php foreach($placeArr as $v){?>
                            <option value="<?php echo $v['pa_id'];?>"<?php if($v['pa_id'] == $Params['pa_id']) echo ' selected';?>><?php echo $v['pa_name'];?></option>
                        <?php }?>
                    <select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">状态</label>
                    <div class="layui-input-block" style="width:80px">
                        <select class="layui-input" name="pla_status">
                            <option value="">--所有--</option>
                            <option value="1"<?php if($Params['pla_status'] == 1) echo ' selected';?>>启用</option>
                            <option value="-1"<?php if($Params['pla_status'] == -1) echo ' selected';?>>暂停</option>
                    </select>
                    </div>
                </div>
			    <div class="layui-inline">
                    <label class="layui-form-label">广告</label>
                    <div class="layui-input-block" style="width:80px">
                        <select class="layui-input" name="valid_status">
                            <option value="">--所有--</option>
                            <option value="1"<?php if($Params['valid_status'] == 1) echo ' selected';?>>有效</option>
                            <option value="-1"<?php if($Params['valid_status'] == -1) echo ' selected';?>>已过期</option>
                    </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">广告名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="word" class="layui-input" value="<?php echo $Params['word'];?>">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">添加时间</label>
                    <div class="layui-input-block">
                        <input type="text" name="betime" id="betime" class="layui-input" value="<?php echo $Params['betime'];?>" placeholder=" ~ ">
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn act-btn" lay-submit="" lay-filter="search-submit">
                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                    </button>
                </div>
            </div>
        </form>
        <div class="layui-card-body">
            <table id="table-ads-lists" lay-filter="table-ads-lists"></table>
        </div>
    </div>
</div>

<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/footBase.php'); ?>

<script>
    layui.use(['form', 'table','laydate','util'], function() {
        var $ = layui.$,
            form = layui.form,
            table = layui.table,
            laydate = layui.laydate,
            util = layui.util;
            laydate.render({
                elem: '#betime'
                ,range: '~'
            });
            laydate.render({
                elem: '#tftime'
                ,range: '~'
            });
        form.on('submit(search-submit)', function(data) {
            var field = data.field;

            table.reload('table-ads-lists', {
                where: field,
                page: 1
            });
            return false;
        });
        //表格初始化
        table.render({
            elem: '#table-ads-lists',
            url: SELF_URI + 'daili/getAdsList' //模拟接口
                ,
            cols: [
                    [{ 
                        field: 'ads_name',
                        title: '广告名称',
                        width: 200
                    }
                    , {
                        field: 'pla_sales',
                        title: '业务员',
                        width: 80
                    }, {
                        field: 'tongji',
                        title: '统计',
                        width: 80,templet:function(d){
                            return '<a href="javascript:adSlotStatistics('+d.pla_id+')" class="blue">统计</>'
                        }
                    }, {
                        field: 'ard_show_sum',
                        title: '展现数',
                        width: 80
                    }, {
                        field: 'ard_click_sum',
                        title: '点击数',
                        width: 80
                    }, {
                        field: 'click_rate',
                        title: '点击率',
                        width: 80
                    }, {
                        field: 'ads_img',
                        title: '广告图',
                        width: 100,
                        templet: function(d) {
                            var html = '';
                            var imgurl = d.ads_img.replace('small/', '');
                            html += '<a href="<?php echo mvc::$cfg['FILE_CENTER']['bna']['url_get'] ?>&c=bna&f='+imgurl+'<?php echo mvc::$cfg['FILE_CENTER']['bna']['get_uri'];?>" target="_blank">';
                            html += '<img src="<?php echo mvc::$cfg['FILE_CENTER']['bna']['url_get'] ?>&c=bna&f='+d.ads_img+'<?php echo mvc::$cfg['FILE_CENTER']['bna']['get_uri'];?>" style="max-width: 30px;max-height: 30px;"/>';
                            html += '<a>'  
                            return html;
                            
                        }
                    },{
                        field: 'pg_name',
                        title: '投放位置',
                        width: 150,
                        templet:function(d){
                            return d.pa_name+'【'+d.pg_name+'】';
                        }
                    },{
                        field: 'pla_status',
                        title: '状态',
                        width: 50,
                        templet:function(d){
                            if(d.pla_status!=-1){
                                return '<span class="green">启用</span>';
                            }else{
                                return '<span class="red2">暂停</span>';
                            }
                          
                        }
                    },{
                        field: 'pal_shoufei',
                        title: '收费',
                        width: 50,
                        templet:function(d){
                            if(d.pal_shoufei!=-1){
                                return '<span class="green">收费</span>';
                            }else{
                                return '<span class="red2">赠送</span>';
                            }
                          
                        }
                    },{
                        field: 'times',
                        title: '投放时间',
                        templet:function(d){
                            var html = '';
                        
                            if(d.times && d.times.length>0){
                                var time = Date.parse(new Date())/1000; 
                                
                                for (var key in d.times) {
                                    html +='<div>'+util.toDateString(d.times[key].pat_btime*1000,'yyyy-MM-dd')+'~'+util.toDateString(d.times[key].pat_etime*1000,'yyyy-MM-dd')+'&nbsp;&nbsp;'+d.times[key].word;
                                    var pat_modpc =   parseInt(d.times[key].pat_modpc);
                                    var pat_modcv =   parseInt(d.times[key].pat_modcv);
                                    if(pat_modpc && pat_modcv){
                                        html += '<span>【乘|商】<span>';
                                    }else if(pat_modpc && !pat_modcv){
                                        html += '<span>【乘】<span>';
                                    }else if(!pat_modpc && pat_modcv){
                                        html += '<span>【商】<span>'    
                                    }
                                    if((parseInt(d.times[key].pat_etime) + 86400) < time){
                                        html += '<span class="red2">【已过期】</span>';
                                    }else if(time > d.times[key].pat_btime){
                                        html += '<span class="green">投放中【剩'+Math.ceil((d.times[key].pat_etime-time)/3600/24)+'天】</span>';
                                    }else{
                                        html += '<span class="orange">【待上】</span>'
                                    }
                                    html += '</div>';
                                }
                            }
                            return html;
                          
                        }
                    },{
                        field: 'pla_remark',
                        title: '备注',
                        width: 200,
                    },{
                        field: 'pla_atime',
                        title: '添加时间',
                        width: 100,
                        templet:function(d){
                            return util.toDateString(d.pla_atime*1000,'yyyy-MM-dd')
                        }
                    }
                ]
            ],
            page: true,
            limit: 30,
            text: {
                none: '暂无相关数据'
            }
        });
    });
    function adSlotStatistics(pla_id){
        layer.open({
            type: 2
            ,title:false
            ,content:'<?php echo mvc::$cfg["SELF_URI"];?>daili/adSlotStatistics?ard_id='+pla_id
            ,area: ['800px', '90%']
            ,offset:'20px'
            ,btn: false
            ,success:function(index, layero){
            
            }
            ,yes: function(index, layero){
            }
        });        
    }
</script>