{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}">
<!-- <link rel="stylesheet" href="__PUBLIC__/layui243/css/layui.css?v={$Think.const.APP_VERSION}"> -->
<link rel="stylesheet" href="__PUBLIC__/css/checkbox.css?v={$Think.const.APP_VERSION}">

<style>
    .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-hui .layui-layer-content {
         color: #FFFFFF !important;
         font-size: 18px !important;
     }
     .layui-table-fixed {
         z-index: 1;
     }
    .layui-form-checkbox{
        height: 20px;
    }
</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 src="__PUBLIC__/layui243/layui.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>-->
<!--引用xtree-->
<script src="__PUBLIC__/js/layui-xtree.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script>
    $(function(){
        // $(".nul_bli").eq(4).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>
        <form class="layui-form" action="" onsubmit="return false;">
        <div class="set-top layui-form" style="min-width: 1130px;">
            <div class="layui-inline">

                <div class="mkz_title">查看时间：</div>
                <div class="layui-input-inline w-150 mr05" >
                    <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>
                {if condition="$method eq 'belong'"}
                <div class="mkz_title">部门名称：</div>
                <div class="layui-input-inline w-150 mr05">
                    <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}"{if $de.id eq $Think.session.department_id}selected{/if}>{$de.department_name}</option>
                        {/volist}
                    </select>
                </div>
                <div class="mkz_title">归属店：</div>
                <div class="layui-input-inline w-150" >
                    <select name="belong_shop_code" id="belong_shop_code" lay-filter="belong_shop_code" class="cus-input">
                        <option value="">请选择</option>
                        {volist name="belong" id="be"}
                        <option value="{$be.shop_code}"{if $be.shop_code eq $Think.session.shop_code}selected{/if}>{$be.shop_name}</option>
                        {/volist}
                    </select>
                </div>
                {elseif condition=" $method eq 'region' && !empty($address)"}
                <div class="mkz_title">部门名称：</div>
                <div class="layui-input-inline w-150 mr05">
                    <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}"{if $de.id eq $Think.session.department_id}selected{/if}>{$de.department_name}</option>
                        {/volist}
                    </select>
                </div>
                <div class="mkz_title">省份：</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="mkz_title">城市：</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>
                {/if}
                <div class="mkz_title">渠道名称：</div>
                <div class="sel_box_cc">
                    <div class="sel_box">
                        <i class="layui-edge"></i>
                        <div class="sel_box_tit"><input type="text" readonly="" autocomplete="off" value="" name="" id="check-wrap2"></div>
                        <div class="sel_tree">
                            <form class="layui-form"><div id="xtree2" class="xtree_contianer"></div></form>
                        </div>
                    </div>
                </div>
                <button class="layui-btn" id="btn">查询</button>
                <button class="layui-btn" id="export">导出</button>
                
                    <span style="font-size: 12px;">查看返点：</span>
                    <input type="checkbox" name="rebates" lay-skin="switch" lay-filter="rebates" lay-text="开启|关闭">    
                
            </div>
        </div>
        </form>
        <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>
<script>  
    var year,month,department_id,province_id,city_id,search_date,department_name,province_name,city_name,belong_shop_code,is_rebates;
//    $('#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
//        });
//    })
    $("#export").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_id = 0;
            province_name = '';
        }else{
            province_name = $('#search_province option:selected').html();
        }
        if(city_id == undefined || city_id == '' || city_id == '' || city_id == 'undefined'){
            city_id = 0;
            city_name = '';
        }else{
            city_name = $('#search_city option:selected').html();
        }
        if(department_id == undefined || department_id == '' || department_id == '' || department_id == 'undefined'){
            department_id = 0;
            department_name = '';
        }else{
            department_name = $('#search_department_id option:selected').html();
        }
        var channel_name = $('#check-wrap2').val();
        if(channel_name == undefined || channel_name == '' || channel_name == '' || channel_name == 'undefined'){
            channel_name = '';
        }
        var belong_shop_code = $('#belong_shop_code').val();
        if(belong_shop_code == undefined || belong_shop_code == '' || belong_shop_code == '' || belong_shop_code == 'undefined'){
            belong_shop_code = '';
        }
        /*
        var index = layer.load(1);
        $.ajax({
            type: "GET",
            url: 'channelFee',
            data: {search_date:search_date,province_id:province_id,city_id:city_id,department_id:department_id,channel_name:channel_name,belong_shop_code:belong_shop_code,export:1},
            success: function (msg) {
                layer.close(index);
            },
            error:function (){
                layer.close(index);
            }
        });
            */
        location.href = "/crm/Setting/channelFee?search_date="+search_date+"&province_id="+province_id+"&city_id="+city_id+"&department_id="+department_id+"&channel_name="+channel_name+"&belong_shop_code="+belong_shop_code+"&export=1";
    })
    $("#btn").click(function(){
        render();
    })
    function render(){
        search_date = $("#search_date").val();
        province_id = $('#search_province').val();
        city_id = $('#search_city').val();
        department_id = $('#search_department_id').val();
        belong_shop_code = $('#belong_shop_code').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 channel_name = $('#check-wrap2').val();
        if(channel_name == undefined || channel_name == '' || channel_name == '' || channel_name == 'undefined'){
            channel_name = '';
        }
        if(belong_shop_code == undefined || belong_shop_code == '' || belong_shop_code == '' || belong_shop_code == 'undefined'){
            belong_shop_code = '';
        }
        year = search_date.substr(0,4);
        month = search_date.substr(4,2);
        var max = new Date( year ,month,0 ).getDate();
        var cols = [
            {field: 'channel_name_show', title: '渠道名称', width: 300,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%'
            ,method:'POST'
            ,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,channel_name:channel_name,belong_shop_code:belong_shop_code,is_rebates:is_rebates}
            ,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('switch(rebates)', function(data){
            console.log(); //开关是否开启，true或者false
            if(data.elem.checked === true){
                is_rebates = 1;
            }else{
                is_rebates = 2;
            }
            render();
        });  
        // 地区联动
        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();
            var channel_name = $('#check-wrap2').val();

            if(channel_name == undefined || channel_name == '' || channel_name == '' || channel_name == 'undefined'){
                channel_name = '';
            }
            if(province_id == undefined || province_id == '' || province_id == null || province_id == 'undefined'){
                province_name = '';
            }else{
                province_name = $('#search_province option:selected').html();
            }
            if(city_id == undefined || city_id == '' || city_id == null || city_id == 'undefined'){
                city_name = '';
            }else{
                city_name = $('#search_city option:selected').html();
            }
            if(department_id == undefined || department_id == '' || department_id == null || department_id == 'undefined'){
                department_name = '';
            }else{
                department_name = $('#search_department_id option:selected').html();
            }

            var belong_shop_code = $('#belong_shop_code').val();
            if(belong_shop_code == undefined || belong_shop_code == '' || belong_shop_code == null || belong_shop_code == 'undefined'){
                belong_shop_name = '';
            }else{
                belong_shop_name = $('#belong_shop_code option:selected').html();
            }

            var patrn = /^[0-9].*$/;
            if (!patrn.test(value)) {
                layer.msg('包含不是数字的字符');
                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,belong_shop_code:belong_shop_code,belong_shop_name:belong_shop_name,edit:1},
                success: function (msg) {
                    if(msg.code == 200){
                        //成功
                        layer.msg(msg.msg);
                        // render();
                    }else{
                        // layer.msg(msg.msg);
                        layer.msg(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);
                    }
                });
            }
        });
 
    })
    var channel = {$channel};

    //********************
    //      正式开始
    //********************

    //    layui 的 form 模块是必须的
    layui.use(['jquery','form'], function () {
        var $ = layui.$,
                form = layui.form;

        //1、最基础的用法 - 直接绑定json
        var xtree1 = new layuiXtree({
            elem: 'xtree2'   //(必填) 放置xtree的容器，样式参照 .xtree_contianer
            , form: form     //(必填) layui 的 from
            , data: channel     //(必填) json数据
            , isopen: false  //加载完毕后的展开状态，默认值：true
//            , ckall: true    //启用全选功能，默认值：false
//            , ckallback: function () { } //全选框状态改变后执行的回调函数
//            , icon: {        //三种图标样式，更改几个都可以，用的是layui的图标
//                open: "&#xe7a0;"       //节点打开的图标
//                , close: "&#xe622;"    //节点关闭的图标
//                , end: "&#xe621;"      //末尾节点的图标
//            }
//            , color: {       //三种图标颜色，独立配色，更改几个都可以
//                open: "#EE9A00"        //节点图标打开的颜色
//                , close: "#EEC591"     //节点图标关闭的颜色
//                , end: "#828282"       //末级节点图标的颜色
//            }
            , click: function (data) {  //节点选中状态改变事件监听，全选框有自己的监听事件
                var oCks = xtree1.GetChecked(); //这是方法
                var checkArr=[];
                for (var i = 0; i < oCks.length; i++) {
                    checkArr.push(oCks[i].title);
                }
                $("#check-wrap2").val(checkArr.join(","))
            }
        });
    });
    //////////////获取下拉tree的值到input里
    $(".sel_box_cc input").focus(function() {
        $(".sel_tree").hide();
        $(this).parents(".sel_box_cc").find(".sel_tree").show();
        $(this).parent().prev().addClass("layui-form-selected");
    })
    //
    $(document).bind("click", function (e) {
        var target = $(e.target);
        if (target.closest(".sel_tree").length == 0 && target.closest(".sel_box_cc input").length == 0) {
            $(".sel_tree").hide();
            $(".layui-edge").removeClass("layui-form-selected");
        }
    });
</script>
{/block}