{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .layui-table-page {
        height: 26px;
        margin-top: -14px;
    }
    form.layui-form {
        width: 100%;
        clear: both;
        padding-top: 0;
    }
    #edit-box .layui-form .set-row .layui-inline {
        margin: 5px 0;
    }
  .layui-table-cell {
        height: 28px;
        line-height: 28px;
        padding: 0 25px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .editYes{
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size:auto 50%;
    }
    .editYes:hover{
        background-image: url(../../img/editYes.png);
        background-color:#9d9d9d;
    }
    .layui-layer-dialog .layui-layer-content{color:#fff;}
</style>
{/block}
{block name="js"}
<!--<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>-->
<script>
    $(function(){
        $(".nul_bli").eq(5).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(0).find(".navs").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con" style="width:auto;min-width: auto;">
        <div class="set_tit">
            <span>渠道花费</span>
        </div>
        <div class="set-top layui-form">
            <div class="layui-inline">
                查看时间:
                <div class="layui-input-inline w-120" >
                    <select id="search_date" name="search_date" lay-filter="search_date" lay-verify="required">
                        <option value="">请选择</option>
                        {volist name="timeList" id="time"}
                        <option value="{$time.value}" {if condition="$time.select eq 1"}selected{/if}>{$time.text}</option>
                        {/volist}
                    </select>
                </div>
                部门名称:
                <div class="layui-input-inline w-120" >
                    <select id="search_department_id" name="search_department_id" lay-filter="search_department_id" lay-verify="required">
                        <option value="">请选择</option>
                        {volist name="dep" id="de"}
                        <option value="{$de.id}">{$de.department_name}</option>
                        {/volist}
                    </select>
                </div>
                省份:
                <div class="layui-input-inline w-120" >
                    <select name="search_province" id="search_province" lay-filter="search_province" class="cus-input" >
                        <option value="">请选择</option>
                        {volist name="$address" id="vo"}
                        <option value="{$vo['id']}">{$vo['name']}</option>
                        {/volist}
                    </select>
                </div>
                城市:
                <div class="layui-input-inline w-120" >
                    <select name="search_city" id="search_city" lay-filter="search_city" class="cus-input">
                        <option value="">请选择</option>

                    </select>
                </div>
                <button class="layui-btn" id="btn">查询</button>
            </div>
        </div>

        <table id="demo" lay-filter="demo"></table>


        <!--table class="layui-table" lay-data="{height:680, url:'/crm/setting/channelFee', page:true,limit:20,id:'idTest'}" lay-filter="demo">
          <thead>
            <tr>
              <th lay-data="{type:'checkbox', width:150, fixed: 'left'}">合计</th>
              <th lay-data="{field:'id', width:120, sort: true, fixed: 'left'}">ID</th>
              <th lay-data="{field:'username', width:180, sort: true, edit: 'text'}">用户名</th>
              <th lay-data="{field:'email', edit: 'text', width: 200}">邮箱</th>
              <th lay-data="{field:'sex', width:80, edit: 'text'}">性别</th>
              <th lay-data="{field:'city', edit: 'text', width: 150}">城市</th>
              <th lay-data="{field:'experience', sort: true, edit: 'text',width: 120, fixed: 'right'}">积分</th>
            </tr>
          </thead>
        </table -->
    </div>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="city_name">
    {{#  if(d.city_name == 'null'){ }}
    {{#  } else { }}
    {{   d.city_name  }}
    {{#  } }}
</script>

<style>
    .layui-unselect{
        float: left;
    }
</style>
<script>
    var year,month,department_id,province_id,city_id,search_date,department_name,province_name,city_name;
//    $('#btnt').click(function(){
//        search_cost_date = $('#search_cost_date').val();
//        channel_id = $('#search_channel').val();
//        province_id = $('#search_province').val();
//        city_id = $('#search_city').val();
//        department_id = $('#search_department_id').val();
//        if(province_id == undefined || province_id == '' || province_id == '' || province_id == 'undefined'){
//            province_name = null;
//        }else{
//            province_name = $('#search_province option:selected').html();
//        }
//        if(city_id == undefined || city_id == '' || city_id == '' || city_id == 'undefined'){
//            city_name = null;
//        }else{
//            city_name = $('#search_city option:selected').html();
//        }
//        if(department_id == undefined || department_id == '' || department_id == '' || department_id == 'undefined'){
//            department_name = null;
//        }else{
//            department_name = $('#search_department_id option:selected').html();
//        }
//        /*
//        table.render({ //其它参数在此省略
//          url: 'channelFee'
//            cols: [[
//                {field:'id', title:'ID', width:100}
//                ,{fixed: 'right', width:150, align:'center', toolbar: '#barDemo'} //这里的toolbar值是模板元素的选择器
//              ]]
//        });*/
//        table.reload('idTest', {
//            url: 'channelFee'
//            ,where: {search_cost_date:search_cost_date,channel_id:channel_id,province_id:province_id,city_id:city_id,department_id:department_id,province_name:province_name,city_name:city_name,department_name:department_name} //设定异步数据接口的额外参数
//            //,height: 300
//        });
//    })
    $("#btn").click(function(){
        search_date = $("#search_date").val();
        province_id = $('#search_province').val();
        city_id = $('#search_city').val();
        department_id = $('#search_department_id').val();
        if(province_id == undefined || province_id == '' || province_id == '' || province_id == 'undefined'){
            province_name = '';
        }else{
            province_name = $('#search_province option:selected').html();
        }
        if(city_id == undefined || city_id == '' || city_id == '' || city_id == 'undefined'){
            city_name = '';
        }else{
            city_name = $('#search_city option:selected').html();
        }
        if(department_id == undefined || department_id == '' || department_id == '' || department_id == 'undefined'){
            department_name = '';
        }else{
            department_name = $('#search_department_id option:selected').html();
        }

        year = search_date.substr(0,4);
        month = search_date.substr(5,2);
        var max = new Date( year ,month,0 ).getDate();
        var cols = [
            {field: 'channel_name_show', title: '渠道名称', width: 200,fixed:'left'},
        ];

        for(var i = 0;i < max;i++){
            var fieldInfo = {};
            fieldInfo.field = 'cost_'+(i + 1);
            fieldInfo.title = (i + 1)+'日';
            fieldInfo.width = 100;
            fieldInfo.edit = 'text';
            fieldInfo.align = 'center';
            cols.push(fieldInfo);
        }
        //纵向总计
        var fieldInfo = {};
        fieldInfo.field = 'total';
        fieldInfo.title = '总计';
        fieldInfo.width = 100;
        fieldInfo.edit = '';
        fieldInfo.align = 'center';
        cols.push(fieldInfo);

        var index = layer.load(1);
        table.render({
            elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
            ,url:'channelFee'
            ,height: 'full-180' //容器高度
            ,width:'100%'
            ,cols: [cols] //设置表头
            ,where:{search_date:search_date,province_id:province_id,city_id:city_id,department_id:department_id,province_name:province_name,city_name:city_name,department_name:department_name}
            ,done: function(res, curr, count){
                layer.close(index);
                //alert(JSON.stringify(res.data));
                for(var i=0;i<$("td").length;i++){
                    var text=$(".layui-table-cell").eq(i).parents("td").attr("data-edit");
                    if(text=='true'){
                        $(".layui-table-cell").eq(i).parents("td").addClass("editYes");
                    }

                }
            }

        });


    })

    layui.use('form', function() {
        var form = layui.form;
        // 地区联动
        form.on('select(edit_province_id)', function (data) {
            var province = data.value;
            if(province){
                $.ajax({
                    type: "POST",
                    url: 'searchCity',
                    data: {pid:province,type:2},
                    success: function (msg) {
                        var replace = '<select name="city_id" id="edit_city_id" lay-filter="cityI" class="cus-input" lay-search=""><option value="">请选择</option>';
                        for (var i = 0; i < msg.length; i++) {
                            replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['name'] + '</option>';
                        }
                        replace += '</select>';
                        $(".edit_cityI").html(replace);
                        form.render('select');
                    }
                });
            }else{
                var replace = '<select name="edit_city_id" id="city_id" lay-filter="city" class="cus-input"><option value="">请选择</option></select>';
                $(".edit_cityI").html(replace);
                form.render('select');
            }
        });
        form.on('select(search_province)', function (data) {
            var province = data.value;
            if(province){
                $.ajax({
                    type: "POST",
                    url: 'searchCity',
                    data: {pid:province,type:2},
                    success: function (msg) {
                        var replace = '<option value="">请选择</option>';
                        for (var i = 0; i < msg.length; i++) {
                            replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['name'] + '</option>';
                        }
                        $("#search_city").html(replace);
                        form.render('select');
                    }
                });
            }else{
                var replace = '<option value="">请选择</option>';
                $("#search_city").html(replace);
                form.render('select');
            }
        });
        form.on('select(province_id)', function (data) {
            var province = data.value;
            if(province){
                $.ajax({
                    type: "POST",
                    url: 'searchCity',
                    data: {pid:province,type:2},
                    success: function (msg) {
                        var replace = '<ul style="float: left;width: 420px;">';
                        for (var i = 0; i < msg.length; i++) {
                            replace += '<li style="float: left; width: 420px;margin-top: 4px;"><input style="float:left;" type="checkbox" name="city[]" value="'+msg[i]["id"]+'"  lay-skin="primary" title="'+msg[i]["name"]+'" class="ability"><input style="float:right; line-height: 30px; width: 240px; margin-right: 20px; background-color: #e9e9e9;" type="number" name="cost[]" min="0" placeholder="请输入整数"  value=""onkeyup="value=value.replace(/[\D]/g)"><span style="float:right; line-height: 30px; font-size: 12px; color: #666;">花费：</span></li>';
                        }
                        replace += '</ul>';
                        $("#city").html(replace);
                        form.render();
                    }
                });
            }else{
                $("#city").html('');
                form.render();
            }
        });
        form.on('select(cource_name)', function (data) {
            var channel_class_name = $('#channel_class_id option:selected').html();
            $('#channel_id').html('');
            public.ajax('/crm/Setting/getChannelByName','channelclass='+channel_class_name,function(data){
                if(data.length > 0){
                    $('#channel_info_id').html('<option value="">请选择</option>');
                    $('#channel_info_id').append('');
                    for(var i=0;i<data.length;i++){
                        var inp = '<option value="'+data[i]['id']+'">'+data[i]['channel_name']+'</option>';
                        $('#channel_info_id').append(inp);
                    }
                }else{
                    $('#channel_info_id').html('');
                }
                form.render('select');
            })
        })
        form.on('select(channel_name)', function (data) {
            var channel_info_id = $('#channel_info_id option:selected').val();
            $('#channel_id').html('<option value="">请选择</option>');
            public.ajax('/crm/Setting/getChannelByCid','cid='+channel_info_id,function(data){
                if(data.length > 0){
                    for(var i=0;i<data.length;i++){
                        var inp = '<option value="'+data[i]['id']+'">'+data[i]['channel_name']+'</option>';
                        $('#channel_id').append(inp);
                    }
                }else{
                    $('#channel_id').html('');
                }
                form.render('select');
            })
        })
        form.on('select(edit_cource_name)', function (data) {
            var channel_class_name = $('#edit_channel_class_id option:selected').html();
            $('#edit_channel_id').html('');
            public.ajax('/crm/Setting/getChannelByName','channelclass='+channel_class_name,function(data){
                if(data.length > 0){
                    $('#edit_channel_info_id').html('<option value="">请选择</option>');
                    $('#edit_channel_info_id').append('');
                    for(var i=0;i<data.length;i++){
                        var inp = '<option value="'+data[i]['id']+'">'+data[i]['channel_name']+'</option>';
                        $('#edit_channel_info_id').append(inp);
                    }
                }else{
                    $('#edit_channel_info_id').html('');
                }
                form.render('select');
            })
        })
        form.on('select(edit_channel_name)', function (data) {
            var channel_info_id = $('#edit_channel_info_id option:selected').val();
            $('#edit_channel_id').html('<option value="">请选择</option>');
            public.ajax('/crm/Setting/getChannelByCid','cid='+channel_info_id,function(data){
                if(data.length > 0){
                    for(var i=0;i<data.length;i++){
                        var inp = '<option value="'+data[i]['id']+'">'+data[i]['channel_name']+'</option>';
                        $('#edit_channel_id').append(inp);
                    }
                }else{
                    $('#edit_channel_id').html('');
                }
                form.render('select');
            })
        })
    })
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate = layui.laydate //日期
                ,laypage = layui.laypage //分页
        layer = layui.layer //弹层
                ,table = layui.table //表格
                ,element = layui.element; //元素操作


  //监听单元格编辑
  table.on('edit(demo)', function(obj){
    var value = obj.value //得到修改后的值
    ,data = obj.data //得到所在行所有键值
    ,field = obj.field; //得到字段[ID: undefined] cost_1 字段更改为：2
      province_id = $('#search_province').val();
      city_id = $('#search_city').val();
      department_id = $('#search_department_id').val();
      if(province_id == undefined || province_id == '' || province_id == '' || province_id == 'undefined'){
          province_name = '';
      }else{
          province_name = $('#search_province option:selected').html();
      }
      if(city_id == undefined || city_id == '' || city_id == '' || city_id == 'undefined'){
          city_name = '';
      }else{
          city_name = $('#search_city option:selected').html();
      }
      if(department_id == undefined || department_id == '' || department_id == '' || department_id == 'undefined'){
          department_name = '';
      }else{
          department_name = $('#search_department_id option:selected').html();
      }

      var patrn = /^[0-9]*$/;
      if (!patrn.test(value)) {
          layer.alert('包含不是数字的字符');
          return false;
      }
        $.ajax({
            type: "POST",
            url: 'channelFee',
            data: {channel_id:data.channel_id,cost:value,day:field,search_date:search_date,city_id:city_id,province_id:province_id,department_id:department_id,city_name:city_name,province_name:province_name,department_name:department_name},
            success: function (msg) {
                if(msg.code == 200){
                    //成功
                    layer.alert(msg.msg);
                }else{
                    layer.alert(msg.msg);
                }
            },
            error:function(){
                layer.alert('网络请求错误，请刷新页面重试。');
            }
        });
    //alert('[ID: '+ data.channel_id +'] ' + field + ' 字段更改为：'+ value);
  });
  for(var i=0;i<$("td").length;i++){
        var text=$(".layui-table-cell").eq(i).parents("td").attr("data-edit");
        if(text=='true'){
            $(".layui-table-cell").eq(i).parents("td").addClass("editYes");
        }

    }

        //监听工具条
        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'detail') {
                layer.msg('查看操作');
            } else if (layEvent === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    var id = obj.data.id;
                    //向服务端发送删除指令
                    $.ajax({
                        type: "POST",
                        url: "{:Url('crm/Setting/delQDType')}",
                        data: {id:id},
                        dataType:'json',
                        success: function(ret){
                            if(ret){
                                layer.alert('渠道花费删除成功');
                                table.reload('idTest', {
                                });
                            }else{
                                layer.alert('渠道花费删除失败');
                                table.reload('idTest', {
                                });
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    })
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if (layEvent === 'edit') {
                $("#qd_reset").trigger('click');
                if(obj.data.is_end_day == 1){
                    layer.alert('已经日结，不能修改');
                    return false;
                }
                $("#edit_channel_class_id").val(obj.data.channel_class_id)
                $("#edit_channel_class_id").attr('disabled','true');
                $("#edit_channel_info_id").val(obj.data.channel_info_id)
                $("#edit_channel_info_id").attr('disabled','true');
                $('#edit_channel_id').html('');
                public.ajax('/crm/Setting/getChannelByCid','cid='+obj.data.channel_info_id,function(data){
                    if(data.length > 0){
                        for(var i=0;i<data.length;i++){
                            var inp = '';
//                            var inp = '<option value="'+data[i]['id']+'">'+data[i]['channel_name']+'</option>';
                            if(data[i]['id'] == obj.data.channel_id){
                                inp += '<option value="' + data[i]['id'] + '"selected>' + data[i]['channel_name'] + '</option>';
                            }else{
                                inp += '<option value="' + data[i]['id'] + '">' + data[i]['channel_name'] + '</option>';
                            }
                            $('#edit_channel_id').append(inp);
                        }
                    }else{
                        $('#edit_channel_id').html('');
                    }
                    layui.form.render();
                })
                $("#edit_channel_id").val(obj.data.channel_id)
                $("#edit_channel_id").attr('disabled','true');
                $("#edit_department_id").val(obj.data.department_id)
                $("#edit_department_id").attr('disabled','true');
                $("#edit_province_id").val(obj.data.province_id)
                $.ajax({
                    type: "POST",
                    url: 'searchCity',
                    data: {pid:obj.data.province_id,type:2},
                    success: function (msg) {

                        var replace = '<select name="city_id" id="edit_city_id" lay-filter="edit_cityI" class="cus-input"><option value="">请选择</option>';
                        for (var i = 0; i < msg.length; i++) {
                            if(msg[i]['id'] == obj.data.city_id){
                                replace += '<option value="' + msg[i]['id'] + '"selected>' + msg[i]['name'] + '</option>';
                            }else{
                                replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['name'] + '</option>';
                            }
                        }
                        replace += '</select>';
                        $(".edit_cityI").html(replace);
                        layui.form.render();
                    }
                });
//                $("#city_id").val(obj.data.city_id);
//                $("#province_id").attr('disabled','true');
//                $("#city_id").attr('disabled','true');
                $("#edit_cost").val(obj.data.cost)
                $("#edit_cost_date").val(obj.data.cost_date)
//                $("#cost_date").attr('disabled','true');
                layui.form.render();
                layer.open({
                    title: '修改渠道花费',
                    type: 1,
                    skin: 'layui-layer-rim',
                    area: ['550px', '480px'],
                    content: $('#edit-box'),
                    btn: ['提交']
                    , yes: function(index) {
                        //当点击‘确定’按钮的时候，获取弹出层返回的值
                        var id = obj.data.id;
                        var channel_class_id = $("#edit_channel_class_id option:selected").val();
                        var channel_class_name = $("#edit_channel_class_id option:selected").html();
                        var channel_info_id = $("#edit_channel_info_id option:selected").val();
                        var channel_info_name = $("#edit_channel_info_id option:selected").html();
                        var channel_id = $("#edit_channel_id option:selected").val();
                        var channel_name = $("#edit_channel_id option:selected").html();

                        var province_id = $("#edit_province_id option:selected").val();
                        var province = $("#edit_province_id option:selected").html();
                        var city_id = $("#edit_city_id option:selected").val();
                        if(city_id == 0){
                            var city = '';
                        }else{
                            var city = $("#edit_city_id option:selected").html();
                        }
                        var cost = $("#edit_cost").val();
                        var cost_date = $("#edit_cost_date").val();
                        if(typeof channel_class_id == 'undefined' || channel_class_id ==''|| channel_class_id == null){
                            layer.alert('请选择渠道类型');
                            return false;
                        }
                        if(typeof channel_info_id == 'undefined' || channel_info_id ==''|| channel_info_id == null){
                            layer.alert('请选择来源渠道');
                            return false;
                        }
                        if(typeof channel_id == 'undefined' || channel_id ==''|| channel_id == null){
                            layer.alert('请选择渠道名称,没有请去设置');
                            return false;
                        }
                        if(typeof province_id == 'undefined' || province_id ==''|| province_id == null){
                            layer.alert('请选择省份,如没有则先去设置');
                            return false;
                        }
                        if(cost == 'undefined' || cost ==''|| cost == null){
                            layer.alert('请填写花费');
                            return false;
                        }
                        if(cost_date == 'undefined' || cost_date ==''|| cost_date == null){
                            layer.alert('请选择日期');
                            return false;
                        }
                        var department_id = $("#edit_department_id option:selected").val();
                        if(typeof department_id == 'undefined' || department_id ==''|| department_id == null){
                            var department_name = '';
                        }else{
                            var department_name = $("#edit_department_id option:selected").html();
                        }
                        var data = 'id='+id+'&channel_id='+channel_id+"&channel_name="+channel_name+"&cost="+cost+"&cost_date="+cost_date+"&province_id="+province_id+"&province_name="+province+"&city_id="+city_id+"&city_name="+city+"&channel_class_id="+channel_class_id+"&channel_class_name="+channel_class_name+"&channel_info_id="+channel_info_id+"&channel_info_id="+channel_info_id+"&channel_info_name="+channel_info_name+"&department_id="+department_id+"&department_name="+department_name;
//                        alert(data);return false;
                        $.ajax({
                            type: "POST",
                            url: "{:Url('crm/Setting/editQDType')}",
                            data: data,
                            dataType:'json',
                            success: function(ret){
                                if(ret.code == 200){
                                    layer.alert('渠道花费修改成功');
                                    table.reload('idTest', {
                                    });
                                }else{
                                    layer.alert(ret.msg);
                                }
                            },
                            error:function(XMLHttpRequest, textStatus, errorThrown){
                                var ret = XMLHttpRequest.responseJSON
                                layer.alert('操作失败');
                            }
                        })
                        //最后关闭弹出层
                        layer.close(index);
                    }
                });
            }
        });
 
    })
</script>
{/block}