{extend name="Public/base" /}
{block name="js"}
<script src="__PUBLIC__/item/lay/modules/laypage.js?v={$Think.const.APP_VERSION}"></script>
<script>
    var cdtsyx = {$cdtsyx} ? '1' : '0';
    $(function(){
        // $(".nul_bli").eq(6).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(2).find(".navs").addClass("active");
    })
</script>
{/block}
{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 type="text/css">
    .price{
        background-color: #5ad5c9;
    }
    .layui-form-select{
        margin-bottom: 5px;
    }
    .layui-form-item > .layui-input{
        width:100px;
    }
    .layui-form-item > .layui-btn{
        margin-left:10px;
    }
    .layui-select-title{
        width: 180px
    }
</style>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            {if condition="customize('cdtsyx')"}
            <li class="layui-this">月目标设定</li>
            <li class="">其他设定</li>
            <li class="">集团运转数据大盘设定</li>
            {/if}
            {if condition="customize('whbm')"}
            <li class="layui-this">斑马大屏店设定</li>
            {/if}
        </ul>
        <div class='layui-tab-content'>

            {if condition="customize('cdtsyx')"}
            <div class="layui-tab-item layui-show set-group-left">
                <div class="set-top">
                    <button class="layui-btn add-btn1" data-type="add" style="float: left">新增月目标</button>
                    <div class="layui-input-inline w-200">
                        <input type="text" class="layui-input" value="" id="search_month" placeholder="请选择月份份">
                    </div>
                    <div class="layui-input-inline w-150 layui-form">
                        <select id="search_goal_name"  name='goal_name'>
                            <option value="">请选择目标</option>
                            {volist name="goal" id="gg"}
                            <option value="{$gg.goal_name}">{$gg.goal_name}</option>
                            {/volist}
                        </select>
                    </div>
                    <span class="layui-btn" id="day_btn">查询</span>
                </div>
                <div class="group-tit"></div>
                <table class="layui-table" lay-data="{limit:20,page:true,width: 1500,url:'/crm/setting/monthGoalJSON.html', id:'idTest'}"  lay-filter="demo">
                    <thead>
                    <tr>
                        <th lay-data="{width:50,field:'id',sort: true,align:'center',templet: '#titleTpl'}">序号</th>
                        <th lay-data="{width:150,field:'goal_name',align:'center'}">目标名称</th>
                        <th lay-data="{width:100,field:'goal_value',align:'center', edit: 'text'}">目标值</th>
                        <th lay-data="{width:200,field:'name',align:'center'}">设置维度</th>
                        <th lay-data="{width:80,field:'month',align:'center'}">月</th>
                        <th lay-data="{width:150,field:'create_time',align:'center'}">添加时间</th>
                        <th lay-data="{width:200,field:'score',align:'center', toolbar: '#barDemo'}">操作</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="layui-tab-item set-group-left">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 130px;">当前页刷新频次</label>
                    <div class="layui-input-block w-200"  style="margin-left: 176px;">
                        <input type="text" id="pin_calue" onkeyup='this.value=this.value.replace(/\D/gi,"")' maxlength="4" value="{$pinci}" class="layui-input">
                    </div>
                    <span class="layui-btn submit" id="" lay-data="pinci" style="margin-left: 426px;margin-top: -30px;">确定</span>
                </div>
                <div class="group-tit"></div>
                <hr>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 130px;">价格区间设定：</label>
                    <div class="layui-input-block w-200"  style="margin-left: 176px;">
                    <div class="layui_div">
                        <form class="layui-form" action="" id="jiagequjian">
                            {empty name="jiage"}
                            <div class="layui-form-item" style="display: flex;">
                                <input type="text" class="layui-input" autocomplete="off" name="name[]" value="" placeholder="请输入名称">
                                &nbsp;
                                &nbsp;&nbsp;
                                <input type="text" onkeyup="this.value=this.value.replace(/\D/gi,&quot;&quot;)" class="layui-input" autocomplete="off" name="one[]" value="" placeholder="请输入价格">
                                ——
                                <input type="text" onkeyup="this.value=this.value.replace(/\D/gi,&quot;&quot;)" class="layui-input" name="two[]" autocomplete="off" value="" lay-verify="num" placeholder="请输入价格">                  
                                <span class="layui-btn layui-btn-sm add"  >
                                  <i class="layui-icon"></i>
                                </span>
                            </div>
                            {else /}
                            {volist name="jiage['one']" id="vv"}
                            <div class="layui-form-item" style="display: flex;">
                                <input type="text" class="layui-input" autocomplete="off" name="name[]" value="{$jiage['name'][$key]}" placeholder="请输入名称">
                                &nbsp;
                                &nbsp;&nbsp;
                                <input type="text" onkeyup="this.value=this.value.replace(/\D/gi,&quot;&quot;)" class="layui-input" autocomplete="off" name="one[]" value="{$vv}" placeholder="请输入价格">
                                ——
                                <input type="text" onkeyup="this.value=this.value.replace(/\D/gi,&quot;&quot;)" class="layui-input" name="two[]" autocomplete="off" value="{$jiage['two'][$key]}" lay-verify="num" placeholder="请输入价格">                  
                                {if condition="count($jiage['one'])==$key+1"}
                                <span class="layui-btn layui-btn-sm add"  >
                                  <i class="layui-icon"></i>
                                </span>
                                {else /}
                                <span class="layui-btn layui-btn-sm del" >
                                  <i class="layui-icon"></i>
                                </span>
                                {/if}
                            </div>
                            {/volist}
                            {/empty}
                        </form>
                    </div>
                    </div>

                    <span class="layui-btn submit" id="" lay-data="jiage" style="margin-left: 426px;">确定</span>
                </div>
                <div class="group-tit"></div>
            </div>
            <div class="layui-tab-item set-group-left">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 130px;">时间</label>
                    <div class="layui-input-block w-200"  style="margin-left: 176px;">
                        <input type="text" class="layui-input" value="{:date('Y-m-d',time())}" id="search_day" readonly="readonly" placeholder="请选择时间">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 130px;">爱婴中心：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table1" lay-filter="table1"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">门店中心：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table2" lay-filter="table2"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">研发中心：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table3" lay-filter="table3"></table>
                        <table id="table12" lay-filter="table12"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">客服中心：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table4" lay-filter="table4"></table>
                        <table id="table13" lay-filter="table13"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">网销中心：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table5" lay-filter="table5"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">微电影：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table6" lay-filter="table6"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">服务督察组：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table7" lay-filter="table7"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">人事部：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table8" lay-filter="table8"></table>
                        <table id="table14" lay-filter="table14"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">利蒂希雅：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table9" lay-filter="table9"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">市场部：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table10" lay-filter="table10"></table>
                    </div>
                    <label class="layui-form-label" style="width: 130px;">回客组：</label>
                    <div class="layui-input-block"  style="margin-left: 176px;">
                        <table id="table11" lay-filter="table11"></table>
                    </div>
                </div>
                <div class="group-tit"></div>
            </div>
            {/if}

            {if condition="customize('whbm')"}
            <div class="layui-tab-item layui-show set-group-left">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 130px;">店面查看范围：</label>
                    <div class="layui-input-block w-200"  style="margin-left: 176px;">
                    <div class="layui_div">
                        <form class="layui-form" action="" id="banmashop">
                            {empty name="bamadp"}
                            <div class="layui-form-item" style="display: flex;">
                                <input type="text" class="layui-input" autocomplete="off" name="bm_name[]" value="" placeholder="请输入名称" maxlength="15">
                                &nbsp;
                                &nbsp;&nbsp;
                                <select name='bm_sd_shop_d[]'>
                                    <option value="">请选择电商店</option>
                                    {volist name="shopData" id="vo"}
                                    {eq name="vo.is_marketing" value="1"}
                                    <option value="{$vo.shop_code}">{$vo.shop_name}</option>
                                    {/eq}
                                    {/volist}
                                </select>
                                &nbsp;
                                &nbsp;&nbsp;
                                <select name='bm_sd_shop_s[]'>
                                    <option value="">请选择实体店</option>
                                    {volist name="shopData" id="vo"}
                                    {eq name="vo.is_marketing" value="2"}
                                    <option value="{$vo.shop_code}">{$vo.shop_name}</option>
                                    {/eq}
                                    {/volist}
                                </select>
              
                                <span class="layui-btn layui-btn-sm add"  >
                                  <i class="layui-icon"></i>
                                </span>
                            </div>
                            {else /}
                            {volist name="bamadp" id="vv" key="k"}
                            <div class="layui-form-item" style="display: flex;">
                                <input type="text" class="layui-input" autocomplete="off" name="bm_name[]" value="{$vv['name']}" placeholder="请输入名称" maxlength="15">
                                &nbsp;
                                &nbsp;&nbsp;
                                <select name='bm_sd_shop_d[]'>
                                    <option value="">请选择电商店</option>
                                    {volist name="shopData" id="vo"}
                                    {eq name="vo.is_marketing" value="1"}
                                    <option {if condition="$vv.shop_code_d eq $vo.shop_code "}selected{/if} value="{$vo.shop_code}">{$vo.shop_name}</option>
                                    {/eq}
                                    {/volist}
                                </select>
                                &nbsp;
                                &nbsp;&nbsp;
                                <select name='bm_sd_shop_s[]'>
                                    <option value="">请选择实体店</option>
                                    {volist name="shopData" id="vo"}
                                    {eq name="vo.is_marketing" value="2"}
                                    <option {if condition="$vv.shop_code_s eq $vo.shop_code "}selected{/if} value="{$vo.shop_code}">{$vo.shop_name}</option>
                                    {/eq}
                                    {/volist}
                                </select>

                                {if condition="count($bamadp)==$k"}
                                <span class="layui-btn layui-btn-sm add"  >
                                  <i class="layui-icon"></i>
                                </span>
                                {else /}
                                <span class="layui-btn layui-btn-sm del" >
                                  <i class="layui-icon"></i>
                                </span>
                                {/if}
                            </div>
                            {/volist}
                            {/empty}
                        </form>
                    </div>
                    </div>

                    <span class="layui-btn submit1" id="" lay-data="jiage" style="margin-left: 426px;">确定</span>
                </div>
                <div class="group-tit"></div>
            </div>
            {/if}
        </div>
    </div>
</div>
<!--添加规则-->
<div id="add-box1" style="display: none;padding:20px;">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">设定维度：</label>
            <div class="layui-input-block">
                <!-- <input type="radio" lay-filter="method" name="method" class="method" value="brandclass" title="按事业部" checked> -->
                <input type="radio" lay-filter="method" name="method" class="method" value="shop" title="按店" checked>
                <!--<input type="radio" lay-filter="method" name="method" class="method" value="staff" title="按人">-->
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">事业部：</label>
            <div class="layui-input-block w-200" id="item">
                <select id="name" lay-filter="brandclass" class="brand" name='name' lay-verify="required">
                    {volist name="brand" id="vv"}
                    <option value="{$vv.id}" {if $vv.select eq 1}selected{/if}>{$vv.brandclass}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item shop">
            <label class="layui-form-label">店：</label>
            <div class="layui-input-block w-200 shop_code">
                <select id="shop" lay-filter="shop" class="shop" name='shop' lay-verify="required" lay-search=''>
                    <option value="">请选择</option>
                    {volist name="shopList" id="vv"}
                    <option value="{$vv.shop_code}" {if $vv.select eq 1}selected{/if}>{$vv.shop_name}</option>
                    {/volist}
                    {volist name="merge" id="m"}
                    <option value="{$m.shop_code}" {if $m.select eq 1}selected{/if}>{$m.shop_name}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">目标：</label>
            <div class="layui-input-block w-300">
                <select id="goal_name" lay-filter="goal" name='goal_name' lay-verify="required">
                    <option value="">请选择</option>
                    {volist name="goal" id="g"}
                    <option value="{$g.goal_name}">{$g.goal_name}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">目标值：</label>
            <div class="layui-input-block w-200">
                <input type="text" id="goal_value" lay-verify="required|title" required placeholder="请输入目标值"class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">月份：</label>
            <div class="layui-input-block w-120">
                <input type="text" class="layui-input" name="year" id="year" placeholder="yyyy-MM" readonly>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">是否启用：</label>
            <div class="layui-input-inline" style="width: 100px;">
                <input type="checkbox" checked id="status" lay-filter="isable" lay-skin="switch" lay-text="ON|OFF">
            </div>
        </div>
    </form>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="barDemo">
    <!--<a class="layui-btn layui-btn-mini" target="_blank" href="/crm/Setting/dayGoal">日目标</a>-->
    <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
</script>
<script type="text/html" id="jiage_content">

<div class="layui-form-item" style="display: flex;">
    <input type="text" class="layui-input" autocomplete="off" name="name[]" value="" placeholder="请输入名称">
    &nbsp;
    &nbsp;&nbsp;
    <input type="text" onkeyup="this.value=this.value.replace(/\D/gi,&quot;&quot;)" class="layui-input" autocomplete="off" name="one[]" value="" placeholder="请输入价格">
    ——
    <input type="text" onkeyup="this.value=this.value.replace(/\D/gi,&quot;&quot;)" class="layui-input" name="two[]" autocomplete="off" value="" lay-verify="num" placeholder="请输入价格">                  

    <span class="layui-btn layui-btn-sm add"  >
      <i class="layui-icon"></i>
    </span>
    <span class="layui-btn layui-btn-sm del" >
      <i class="layui-icon"></i>
    </span>
</div>
</script>

<script type="text/html" id="jiage_content_bm">

<div class="layui-form-item" style="display: flex;">
    <input type="text" class="layui-input" autocomplete="off" name="bm_name[]" value="" placeholder="请输入名称">
    &nbsp;
    &nbsp;&nbsp;
    <select name='bm_sd_shop_d[]'>
        <option value="">请选择电商店</option>
        {volist name="shopData" id="vo"}
        {eq name="vo.is_marketing" value="1"}
        <option value="{$vo.shop_code}">{$vo.shop_name}</option>
        {/eq}
        {/volist}
    </select>
    &nbsp;
    &nbsp;&nbsp;
    <select name='bm_sd_shop_s[]'>
        <option value="">请选择实体店</option>
        {volist name="shopData" id="vo"}
        {eq name="vo.is_marketing" value="2"}
        <option value="{$vo.shop_code}">{$vo.shop_name}</option>
        {/eq}
        {/volist}
    </select>  

    <span class="layui-btn layui-btn-sm add"  >
      <i class="layui-icon"></i>
    </span>
    <span class="layui-btn layui-btn-sm del" >
      <i class="layui-icon"></i>
    </span>
</div>
</script>

<script type="text/html" id="add_content">
<span class="layui-btn layui-btn-sm add"  >
    <i class="layui-icon"></i>
</span>
</script>
<script type="text/html" id="del_content">
<span class="layui-btn layui-btn-sm del" >
    <i class="layui-icon"></i>
</span>
</script>
<script>
    //添加处理
    $(".cus-con").on('click','.add',function(){
        if (cdtsyx == 1) {
            var html1 = 'jiage_content_bm';
        }else{
            var html1 = 'jiage_content';
        };

        var thisparent = $(this).parents('.layui_div');

        $(thisparent).find('.layui-form-item').find('.add').after($("#del_content").html());
        $(thisparent).find('.layui-form-item').find('.add').remove();
        $(thisparent).find('.layui-form-item:last').after($("#"+html1).html());
        $(thisparent).find('.layui-form-item:last').find('.del').remove();
        layui.use('form', function() {
            var form = layui.form;
            form.render();
        })
    })
    // 删除处理
    $(".cus-con").on('click','.del',function(){
        var thisparent = $(this).parents('.layui-form-item');
        $(thisparent).remove();
    })
    // 其他设定提交
    $('.submit').click(function(){
        var key = $(this).attr('lay-data');

        if(key == 'pinci'){
            var value = 'key='+key+'&value='+$("#pin_calue").val();
        }else if(key == 'jiage'){
            var value = $("#jiagequjian").serialize();
            value+='&key='+key;
        }
        $.ajax({
            url:'bggoalSetData',
            type:'post',
            data:value,
            success:function(res){
                if(res.code == 200){
                    layer.alert(res.msg);
                }else{
                    layer.alert(res.msg);
                }
            }
        })
    })

    //斑马大屏店设定
    $('.submit1').click(function(){
        var value = $("#banmashop").serialize();
        // console.log(value);
        $.ajax({
            url:'banmaDapingShop',
            type:'post',
            data:value,
            success:function(res){
                if(res.code == 200){
                    layer.alert(res.msg);
                }else{
                    layer.alert(res.msg);
                }
            }
        })
    })

    $('#day_btn').click(function(){
        table.reload('idTest', {
            url: '/crm/setting/monthGoalJSON'
            ,where: {goal_name:$('#search_goal_name').val(),month:$('#search_month').val()} //设定异步数据接口的额外参数
            //,height: 300
        });
    })

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate = layui.laydate //日期
            ,laypage = layui.laypage //分页
            ,layer = layui.layer //弹层
            ,table = layui.table //表格
            ,carousel = layui.carousel //轮播
            ,upload = layui.upload //上传
            ,element = layui.element; //元素操作

        var day = $('#search_day').val();//时间

        render();

        //刷新
        function render(){
            //爱婴中心
            table.render({
                elem: '#table1' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'爱婴中心',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'dachenglv', width:100,sort: true, title: '达成率',edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //门店中心
            table.render({
                elem: '#table2' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'门店中心',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'dachenglv', width:100,sort: true, title: '达成率',edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //研发中心
            table.render({
                elem: '#table3' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'研发中心',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'dachenglv', width:100,sort: true, title: '达成率',edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //研发中心
            table.render({
                elem: '#table12' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'研发中心-1',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'jinri', width:100, title: '今日值',edit:'text',sort: true}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //客服中心
            table.render({
                elem: '#table4' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'客服中心',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                    ,{field:'manzulv', title: '满足率', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //客服中心
            table.render({
                elem: '#table13' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'客服中心-1',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'jinri', width:100, title: '饱和率', sort: true,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //网销中心
            table.render({
                elem: '#table5' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'网销中心',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'dachenglv', width:100,sort: true, title: '达成率',edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //微电影
            table.render({
                elem: '#table6' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'微电影',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'dachenglv', width:100,sort: true, title: '达成率',edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //服务督察组
            table.render({
                elem: '#table7' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'服务督察组',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //人事部
            table.render({
                elem: '#table8' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'人事部',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //人事部-1
            table.render({
                elem: '#table14' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'人事部-1',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //莉帝希雅
            table.render({
                elem: '#table9' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'莉帝希雅',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'dachenglv', width:100,sort: true, title: '达成率',edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //市场部
            table.render({
                elem: '#table10' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'市场部',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'dachenglv', width:100,sort: true, title: '达成率',edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'yuedachenglv', title: '月达成率', sort: true,width: 110,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
            //回客组
            table.render({
                elem: '#table11' //指定原始表格元素选择器（推荐id选择器）
                ,url:'dapanDataGetJson'
                ,width:'100%'
                ,method:'POST'
                ,where:{shop_name:'回客组',day:day}
                ,cols: [[
                    {field:'target', width:110, title: '关键指标', sort: true}
                    ,{field:'biaozhun', width:100, title: '标准值',edit:'text',sort: true}
                    ,{field:'jinri', width:100, title: '今日值', sort: true,edit:'text'}
                    ,{field:'yuehui', title: '月汇总',sort: true, width: 100,edit:'text'}
                    ,{field:'huanbi', title: '环比', sort: true,width: 100,edit:'text'}
                ]] //设置表头
                //,where:{}
                ,done: function(res, curr, count){
                    //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");
                        }
                    }
                }
            });
        }

        for (var i = 1; i < 14; i++) {
            edit(action(i),i);
        }
        function action(i){
            var Arrdata = new Array();

            Arrdata[1] = '爱婴中心';
            Arrdata[2] = '门店中心';
            Arrdata[3] = '研发中心';
            Arrdata[4] = '客服中心';
            Arrdata[5] = '网销中心';
            Arrdata[6] = '微电影';
            Arrdata[7] = '服务督察组';
            Arrdata[8] = '人事部';
            Arrdata[9] = '莉帝希雅';
            Arrdata[10] = '市场部';
            Arrdata[11] = '回客组';
            Arrdata[12] = '研发中心';
            Arrdata[13] = '客服中心';
            Arrdata[14] = '人事部';

            return Arrdata[i];
        }
        function edit(shop_name,i){
            
            //监听单元格编辑
            table.on('edit(table'+i+')', function(obj){
                var value = obj.value //得到修改后的值
                ,data = obj.data //得到所在行所有键值
                ,field = obj.field; //得到字段[ID: undefined] cost_1 字段更改为：2

                console.log('value=',value);
                console.log('data=',data);
                console.log('field=',field);

                $.ajax({
                    type: "POST",
                    url: 'dapanDataSet',
                    data: {value:value,data:data,field:field,shop_name:shop_name,day:day},
                    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);
            });

        }

        //日历
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            //单控件
            lay('.test-item').each(function () {
                laydate.render({
                    elem: this
                    , format: 'yyyyMMdd'
                    , value: new Date()
                    , trigger: 'click'
                });
            });
            //年选择器
            laydate.render({
                elem: '#year'
                ,type: 'month'
            });
            //年选择器
            laydate.render({
                elem: '#search_month'
                ,type: 'month'
            });
             //年选择器
            laydate.render({
                elem: '#search_day'
                ,type: 'date'
                ,done: function(value, date, endDate){
                    day = value;
                    render();
                }
            });
        });

        //监听单元格编辑
        table.on('edit(demo)', function(obj){
            var value = obj.value //得到修改后的值
                ,data = obj.data //得到所在行所有键值
                ,field = obj.field; //得到字段
            // layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
            $.ajax({
                type: "POST",
                url: "columnEditMonthGoal",
                data: {id:data.id,field:field,goal_value:value},
                dataType:'json',
                success: function(ret){
                    if(ret.code == 200){
                        layer.alert(ret.msg);
                        table.reload('idTest', {
                        });
                    }else{
                        layer.alert(ret.msg);
                        table.reload('idTest', {
                        });
                    }
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    var ret = XMLHttpRequest.responseJSON
                    layer.alert('操作失败');
                }
            })
        });

        //监听工具条
        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 === 'edit') {
                $('#shop').val(obj.data.shop_code);
                $('#goal_name').val(obj.data.goal_name);
                $('#goal_value').val(obj.data.goal_value);
                $('#year').val(obj.data.month);
                layui.form.render();
                layer.open({
                    title: '修改目标设定',
                    type: 1,
                    skin: 'layui-layer-rim',
                    area: ['570px', '470px'],
                    content: $('#add-box1'),
                    btn: ['提交','关闭']
                    , yes: function(index) {
                        var goal_name = $('#goal_name option:selected').html();
                        var method = $('input[name=method]:checked').val();
                        var key = $('#name').val();
                        var name = $('#name option:selected').html();
                        var shop_code = $('#shop option:selected').val();
                        var shop_name = $('#shop option:selected').html();
                        var goal_value = $('#goal_value').val();
                        var month = $('#year').val();
                        if ($('#status').is(':checked')) {
                            var status = 1;
                        } else {
                            var status = 0;
                        }
                        if(!shop_code){
                            layer.alert('请选择店');
                            return false;
                        }
                        if(!goal_name){
                            layer.alert('请选择目标')
                            return false;
                        }
                        if(!goal_value){
                            layer.alert('请输入目标值')
                            return false;
                        }
                        if(!year){
                            layer.alert('请选择月份')
                            return false;
                        }
                        $.ajax({
                            type: "POST",
                            url: "{:Url('crm/Setting/editMonthGoal')}",
                            data: {id:obj.data.id,goal_name:goal_name,name:name,shop_code:shop_code,shop_name:shop_name,goal_value:goal_value,month:month,status:status,method:method,key:key},
                            dataType: 'json',
                            success: function (ret) {
                                if (ret.code == 200) {
                                    layer.alert(ret.msg);
                                    table.reload('idTest', {
                                    });
                                } else {
                                    layer.alert(ret.msg);
                                }
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                var ret = XMLHttpRequest.responseJSON
                                layer.alert('操作失败');
                            }
                        })
                        //最后关闭弹出层
                        layer.close(index);
                    }
                });
            }else if (layEvent === 'del') {
                layer.confirm('本操作会删除对应的日目标，真的删除行么', function (index) {
                    var id = obj.data.id;
                    //向服务端发送删除指令
                    $.ajax({
                        type: "POST",
                        url: "delMonthGoal",
                        data: {id:id},
                        dataType:'json',
                        success: function(ret){
                            if(ret.code == 200){
                                layer.alert(ret.msg);
                                table.reload('idTest', {
                                });
                            }else{
                                layer.alert(ret.msg);
                                table.reload('idTest', {
                                });
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    })
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if (layEvent === 'child') {

            }
        });

    });
    
    //添加店面事件
    $(".add-btn1").click(function () {
        layer.open({
            title: '新增目标设定',
            type: 1,
            skin: 'layui-layer-rim',
            area: ['570px', '470px'],
            content: $('#add-box1'),
            btn: ['提交','关闭']
            , yes: function(index) {
                var goal_name = $('#goal_name option:selected').html();
                var method = $('input[name=method]:checked').val();
                var key = $('#name').val();
                var name = $('#name option:selected').html();
                var shop_code = $('#shop option:selected').val();
                var shop_name = $('#shop option:selected').html();
                var goal_value = $('#goal_value').val();
                var month = $('#year').val();
                if ($('#status').is(':checked')) {
                    var status = 1;
                } else {
                    var status = 0;
                }
                if(!shop_code){
                    layer.alert('请选择店');
                    return false;
                }
                if(!goal_name){
                    layer.alert('请选择目标')
                    return false;
                }
                if(!goal_value){
                    layer.alert('请输入目标值')
                    return false;
                }
                if(!year){
                    layer.alert('请选择月份')
                    return false;
                }
                $.ajax({
                    type: "POST",
                    url: "{:Url('crm/Setting/addMonthGoal')}",
                    data: {goal_name:goal_name,name:name,shop_code:shop_code,shop_name:shop_name,goal_value:goal_value,month:month,status:status,method:method,key:key},
                    dataType: 'json',
                    success: function (ret) {
                        if (ret.code == 200) {
                            layer.alert(ret.msg);
                            table.reload('idTest', {
                            });
                        } else {
                            layer.alert(ret.msg);
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        var ret = XMLHttpRequest.responseJSON
                        layer.alert('操作失败');
                    }
                })
                //最后关闭弹出层
                layer.close(index);
            }
        });
    });

    layui.use('form', function() {
        var form = layui.form;
        form.on('select(brandclass)', function (data) {
            var method = $('input[name=method]:checked').val();
            if(method == 'shop'){
                $.ajax({
                    type: "POST",
                    url: '/crm/Customer/getShop',
                    data: {brandclass_id: data.value},
                    success: function (msg) {
                        $('#name').removeAttr('id');
                        var inp = '<select id="name" lay-filter="" class="w-200"><option>请选择店</option>';
                        for (var i=0;i<msg.length;i++){
                            inp += '<option value="'+msg[i]['shop_code']+'">'+msg[i]['shop_name']+'</option>';
                        }
                        inp += '</select>';
                        $('.shop_code').html(inp);
                        form.render('select');
                    }
                })
            }
        })
        form.on('radio(method)',function(data){
            $('.brand').val('');
            if(data.value == 'brandclass'){
                $('.shop').css('display','none');
                $.ajax({
                    type: "POST",
                    url: '/crm/Setting/getBrand',
                    data: {},
                    success: function (msg) {
                        var inp = '<select id="name" class="brand" lay-filter="brandclass" class="w-200"><option>请选择事业部</option>';
                        for (var i=0;i<msg.length;i++){
                            inp += '<option value="'+msg[i]['id']+'">'+msg[i]['brandclass']+'</option>';
                        }
                        inp += '</select>';
                        $('.shop_code').html(inp);
                        form.render('select');
                    }
                })
                form.render();
            }else{
                $('.shop').css('display','block');
                var inp = '<select id="name" lay-filter="" class="w-200"><option>请选择店</option>';
                inp += '</select>';
                $('.shop_code').html(inp);
                form.render();
            }
        })
    })

</script>
{/block}