{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>
        <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>

                <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}">{$be.shop_name}</option>
                        {/volist}
                    </select>
                </div>

                <button class="layui-btn" id="btn">查询</button>
                <button class="layui-btn" id="export">导出</button>
            </div>
        </div>

        <table id="demo" lay-filter="demo"></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,search_date,belong_shop_code;
    $("#export").click(function(){
        search_date = $("#search_date").val();

        var belong_shop_code = $('#belong_shop_code').val();
        if(belong_shop_code == undefined || belong_shop_code == '' || belong_shop_code == '' || belong_shop_code == 'undefined'){
            layer.msg('归属店不能为空');
            return false;
        }
         location.href = "/crm/Setting/channelFee_zjs?search_date="+search_date+"&belong_shop_code="+belong_shop_code+"&export=1";
    })
    $("#btn").click(function(){
        search_date = $("#search_date").val();

        belong_shop_code = $('#belong_shop_code').val();

        if(belong_shop_code == undefined || belong_shop_code == '' || belong_shop_code == '' || belong_shop_code == 'undefined'){
            layer.msg('归属店不能为空');
            return false;
        }
        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_zjs'
            ,height: 'full-180' //容器高度
            ,width:'100%'
            ,type:'POST'
            ,cols: [cols] //设置表头
            ,where:{search_date:search_date,belong_shop_code:belong_shop_code}
            ,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;

    })
    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.id //得到所在行所有键值
            ,field = obj.field; //得到字段[ID: undefined] cost_1 字段更改为：2

            var belong_shop_code = $('#belong_shop_code').val();
            if(belong_shop_code == undefined || belong_shop_code == '' || belong_shop_code == null || belong_shop_code == 'undefined'){
                layer.msg('归属店不能为空');
                return false;
            }else{
                var 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_zjs',
                data: {channel_id:data,channel_name:obj.data.channel_name_show,cost:value,day:field,search_date:search_date,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);
                    }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");
            }
        }
    })
</script>
{/block}